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,17 +6,31 @@
%span{"aria-hidden" => "true"} ×
%span.sr-only Close
%h4#modal-group-memberships-label.modal-title Manage group memberships
%ul.list-group.groups--list
- current_user.groups.each do |group|
%li.list-group-item
.media
.pull-left.j2-table
%input.input--center{type: :checkbox, name: 'gm-group-check', data: { group_name: group.name }, checked: @user.member_of?(group)}
.media-body
.list-group-item-heading= group.display_name
.list-group-item-text.text-muted.j2-up
%span{id: "#{group.name}-members"} x
members
%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
- current_user.groups.each do |group|
%li.list-group-item
.media
.pull-left.j2-table
%input.input--center{type: :checkbox, name: 'gm-group-check', data: { group_name: group.name }, checked: @user.member_of?(group)}
.media-body
.list-group-item-heading= group.display_name
.list-group-item-text.text-muted.j2-up
%span{id: "#{group.name}-members"} x
members
.tab-pane{role:"tabpanel", id: "create"}
.modal-body
Nothing here yet :(
.modal-footer
%button.btn.btn-default{"data-dismiss" => "modal", :type => "button"} Cancel
%button.btn.btn-primary{name: 'gm-save', :type => "button"} Save