added tab navigation

This commit is contained in:
Andreas N 2015-01-14 20:14:58 +01:00
parent b99fe56038
commit 0e052ee1be
1 changed files with 25 additions and 11 deletions

View File

@ -6,6 +6,17 @@
%span{"aria-hidden" => "true"} × %span{"aria-hidden" => "true"} ×
%span.sr-only Close %span.sr-only Close
%h4#modal-group-memberships-label.modal-title Manage group memberships %h4#modal-group-memberships-label.modal-title Manage group memberships
%div{role: "tabpanel"}
%ul.nav.nav-tabs{role: "tablist"}
%li.active{role: "presentation"}
%a{href: "#grouplist", aria: {controls: "grouplist"}, data: {toggle: "tab"}, role: "tab"}
Groups
%li{role: "presentation"}
%a{href: "#create", aria: {controls: "create"}, data: {toggle: "tab"}, role: "tab"}
Create new group
.tab-content
.tab-pane.active{role:"tabpanel", id: "grouplist"}
%ul.list-group.groups--list %ul.list-group.groups--list
- current_user.groups.each do |group| - current_user.groups.each do |group|
%li.list-group-item %li.list-group-item
@ -17,6 +28,9 @@
.list-group-item-text.text-muted.j2-up .list-group-item-text.text-muted.j2-up
%span{id: "#{group.name}-members"} x %span{id: "#{group.name}-members"} x
members members
.tab-pane{role:"tabpanel", id: "create"}
.modal-body
Nothing here yet :(
.modal-footer .modal-footer
%button.btn.btn-default{"data-dismiss" => "modal", :type => "button"} Cancel %button.btn.btn-default{"data-dismiss" => "modal", :type => "button"} Cancel
%button.btn.btn-primary{name: 'gm-save', :type => "button"} Save %button.btn.btn-primary{name: 'gm-save', :type => "button"} Save