Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Started Boss "Burns" mockup

  • Loading branch information...
commit 7208c02f4dc2e47528fe3f8caaa3a0c83e5d9ee7 1 parent c113693
@ivik authored
Showing with 301 additions and 4 deletions.
  1. +274 −2 app/views/home/index.html.haml
  2. +27 −2 app/views/layouts/_header.html.haml
View
276 app/views/home/index.html.haml
@@ -1,2 +1,274 @@
-%h1
- Home
+ %ul#myTab.nav.nav-tabs
+ %li.active
+ %a{"data-toggle" => "tab", :href => "#customer_1234"} 2331001, Kalle Anka
+ %li
+ %a{"data-toggle" => "tab", :href => "#customer_1235"} 2331002, Musse Pigg
+ %li
+ %a{"data-toggle" => "tab", :href => "#customer_1236"} 2331003, Långben
+ %li.dropdown
+ %a.dropdown-toggle{"data-toggle" => "dropdown", :href => "#"}
+ Dropdown
+ %b.caret
+ %ul.dropdown-menu
+ %li
+ %a{"data-toggle" => "tab", :href => "#dropdown_customer_2236"} 2331004, Anna Svensson
+ %li
+ %a{"data-toggle" => "tab", :href => "#dropdown_customer_3236"} 2331005, Johan Johansson
+ %li
+ %a{"data-toggle" => "tab", :href => "#dropdown_customer_4236"} 2331006, Kalle Nilsson
+#myTabContent.tab-content
+ #customer_1234.tab-pane.fade.in.active
+ .row-fluid
+ .span
+ .center
+ %button.btn.btn-info.btn-small Översikt
+ %button.btn.btn-info.btn-small Tjänster
+ %button.btn.btn-info.btn-small Fakturor
+ %button.btn.btn-info.btn-small Information
+ %span.label.label-success
+ 2331001, Kalle Anka, 1980-01-01-0001
+ .span
+ .span.offset
+ %h3
+ Kundinfo
+ %table.table
+ %thead
+ %tr
+ %td
+ Namn:
+ %td
+ Kalle Anka
+ %tr
+ %td
+ Personnummer:
+ %td
+ 1980-01-01-0001
+ %tr
+ %td
+ Telefonnummer:
+ %td
+ 040-111555
+ %tr
+ %td
+ Mobil:
+ %td
+ 0700-111333
+ %tr
+ %td
+ Email:
+ %td
+ email@email.se
+ %tr
+ %td
+ %strong
+ Faktura Adress
+ %td
+ %tr
+ %td
+ Co:
+ %td
+
+ %tr
+ %td
+ Adress:
+ %td
+ Adressgatan 1
+ %tr
+ %td
+ Postnummer:
+ %td
+ 12345
+ %tr
+ %td
+ Stad
+ %td
+ Malmö
+ %tr
+ %td
+ Land:
+ %td
+ Sverige
+ .span6.offset1
+ .row-fluid
+ .span12
+ %h3
+ Tjänster
+ #accordion2.accordion
+ .accordion-group
+ .accordion-heading
+ %a.accordion-toggle{"data-parent" => "#accordion2", "data-toggle" => "collapse", :href => "#collapseOne"}
+ %strong
+ .text-success
+ Bredband 1st
+ #collapseOne.accordion-body.collapse
+ .accordion-inner
+ .span
+ Malmö ->
+ MKB ->
+ .span
+ %a{:href => "#dropdown_customer_2236"} 100Mbit Privat - 300kr Aktivt
+ %br
+ 100Mbit Privat - 250kr NÅÅTT
+ %br
+ 100Mbit Privat - 210kr NÅÅTT
+
+ .accordion-group
+ .accordion-heading
+ %a.accordion-toggle{"data-parent" => "#accordion2", "data-toggle" => "collapse", :href => "#collapseTwo"}
+ %strong
+ .text-success
+ Mobilt Bredband 1st
+ #collapseTwo.accordion-body.collapse
+ .accordion-inner
+ %a{:href => "#dropdown_customer_2236"} Medium - 200kr
+ .accordion-group
+ .accordion-heading
+ %a.accordion-toggle{"data-parent" => "#accordion2", "data-toggle" => "collapse", :href => "#collapseThree"}
+ %strong
+ .text-success
+ Telefoni 1st
+ #collapseThree.accordion-body.collapse
+ .accordion-inner
+ %a{:href => "#dropdown_customer_2236"} Bredband2Telefoni - 040-111222 - 99kr (mini)
+ .accordion-group
+ .accordion-heading
+ %a.accordion-toggle{"data-parent" => "#accordion2", "data-toggle" => "collapse", :href => "#collapseThree"}
+ %strong
+ .text-error
+ Säkerhetspaket 0st
+ #collapseThree.accordion-body.collapse
+ .accordion-inner
+ .row-fluid
+ .span12
+ %h3
+ Fakturor
+ %table.table.table-striped
+ %thead
+ %tr
+ %th
+ .center Date
+ %th Billing Month
+ %th Description
+ %th Amount
+ %th Status
+ %tbody
+ %tr
+ %td
+ .center
+ 2012-02-03 13:55:03
+ %td
+ Jan
+ %td
+ 100Mbit Privat
+ %td
+ 300 kr
+ %td
+ Skickat
+ %tr
+ %td
+ .center
+ 2012-02-03 13:55:03
+ %td
+ Jan
+ %td
+ 100Mbit Privat
+ %td
+ 300 kr
+ %td
+ Skickat
+ %tr
+ %td
+ .center
+ 2012-02-03 13:55:03
+ %td
+ Jan
+ %td
+ 100Mbit Privat
+ %td
+ 300 kr
+ %td
+ Skickat
+ %tr
+ %td
+ .center
+ 2012-02-03 13:55:03
+ %td
+ Jan
+ %td
+ 100Mbit Privat
+ %td
+ 300 kr
+ %td
+ Skickat
+ %tr
+ %td
+ .center
+ 2012-02-03 13:55:03
+ %td
+ Jan
+ %td
+ 100Mbit Privat
+ %td
+ 300 kr
+ %td
+ Skickat
+ .span.offset1
+ %h3
+ Kommentarer
+ %table.table.table-condensed
+ %thead
+ %tr
+ %th
+ .center Date
+ %th User
+ %th Comment
+ %tbody
+ %tr
+ %td
+ .center
+ 2012-02-03 13:55:03
+ %td
+ Pelle
+ %td
+ Nått e fel säger snubben!
+ %tr
+ %td
+ .center
+ 2012-02-03 13:55:03
+ %td
+ Pelle
+ %td
+ Nått e fel säger snubben!
+ %tr
+ %td
+ .center
+ 2012-02-03 13:55:03
+ %td
+ Pelle
+ %td
+ Nått e fel säger snubben!
+ %tr
+ %td
+ .center
+ 2012-02-03 13:55:03
+ %td
+ Pelle
+ %td
+ Nått e fel säger snubben!
+ %form
+ %fieldset
+ %legend Ny Kommentar
+ %label Kommentar
+ %textarea{:placeholder => "Type something…", :type => "text"}
+ %button.btn{:type => "submit"} Submit
+ #customer_1235.tab-pane.fade
+ %p 2331002, Musse Pigg, 1980-01-01-0002
+ #customer_1236.tab-pane.fade
+ %p 2331003, Långben, 1980-01-01-0003
+ #dropdown_customer_2236.tab-pane.fade
+ %p 2331004, Anna Svensson, 1980-01-01-0004
+ #dropdown_customer_3236.tab-pane.fade
+ %p 2331005, Johan Johansson, 1980-01-01-0005
+ #dropdown_customer_4236.tab-pane.fade
+ %p 2331006, Kalle Nilsson, 1980-01-01-0006
View
29 app/views/layouts/_header.html.haml
@@ -1,11 +1,36 @@
.navbar.navbar-inverse.navbar-fixed-top
.navbar-inner
.container-fluid
- = link_to "Logo", root_path, class: "brand"
- %nav-collapse.collapse
+ .span3
+ = link_to "Logo", root_path, class: "brand"
%ul.nav
%li.active
= link_to "Home", root_path
+ %ul.nav.pull-right
+ %li#fat-menu.dropdown
+ %a.dropdown-toggle{:href => "#", "data-toggle" => "dropdown"}
+ Apps
+ %b.caret
+ %ul.dropdown-menu
+ %li= link_to "Kund Sök", ""
+ %li= link_to "Tasks", ""
+ %li= link_to "Parser", ""
+ %li= link_to "Produkt Editorn", ""
+ %li= link_to "Provider Editorn", ""
+ %li.divider
+ %li
+ = link_to "Sign out", "", method: "delete"
+ .span7
+ .center
+ %form.form-inline.inline_field_wrapper
+ %input.input-large.search-query{:type => "text"}
+ %button.btn.btn-primary{:type => "submit"} Search
+ .span
+ = simple_form_for(:session, url: "", html: {class: 'navbar-form pull-right' }) do |f|
+ = f.input :email, :wrapper_html => { :class => "inline_field_wrapper" }, label: false, input_html: {class: "span2", placeholder: "Email" }
+ = f.input :password, :wrapper_html => { :class => "inline_field_wrapper" }, label: false, input_html: {class: "span2", placeholder: "Password" }
+ = f.submit "Sign in", class: "btn"
+
-#- if !signed_in?
-# = simple_form_for(:session, url: sessions_path, html: {class: 'navbar-form pull-right' }) do |f|
-# = f.input :email, :wrapper_html => { :class => "inline_field_wrapper" }, label: false, input_html: {class: "span2", placeholder: "Email" }
Please sign in to comment.
Something went wrong with that request. Please try again.