[#1489] use always-visible modals (what will be Panels in BS3) instead of

accordion. Accordions giving me headache
This commit is contained in:
Tyler Renelle 2013-09-09 16:34:41 -04:00
parent 09963ee30a
commit f5b1748d60

View file

@ -5,16 +5,12 @@ a.pull-right.gem-wallet(rel='popover', data-trigger='hover', data-title='Guild B
| {{group.balance * 4 | number:0 }} Guild Gems
.row-fluid
.span4
h3 {{group.name}}
// FIXME remove angular-ui-bootstrap here and use standard bootstrap accordion. Eventually, remove ui-bootstrap altogether (too buggy)
.accordion(id='accordion-groups-{{group._id}}')
// ------ Information -------
.accordion-group
.accordion-heading
a.accordion-toggle(data-toggle='accordion', data-target='#accordion-groups-{{group._id}}-information', data-parent='#accordion-groups-{{group._id}}') Information
.accordion-body.collapse.in(id='accordion-groups-{{group._id}}-information')
.accordion-inner
.modal(style='position: relative;top: auto;left: auto;right: auto;margin: 0 auto 20px;z-index: 1;max-width: 100%;')
.modal-header
h3 {{group.name}}
.modal-body
div.whatever-options(ng-show='_editing.group')
.control-group.option-large
label.control-label Group Name
@ -52,16 +48,11 @@ a.pull-right.gem-wallet(rel='popover', data-trigger='hover', data-title='Guild B
li(ng-repeat='website in group.websites')
a(target='_blank', ng-href='{{website}}') {{website}}
.accordion-group
.accordion-heading
a.accordion-toggle(data-toggle='accordion', data-target='#accordion-groups-{{group._id}}-members', data-parent='#accordion-groups-{{group._id}}') Members
.accordion-body.collapse(id='accordion-groups-{{group._id}}-members')
.accordion-inner
form.form-inline(ng-submit='invite(group, invitee)')
.alert.alert-danger(ng-show='_groupError') {{_groupError}}
.control-group
input.input-medium(type='text', placeholder='User Id', ng-model='invitee')
input.btn(type='submit', value='Invite')
// ------ Information -------
.modal(style='position: relative;top: auto;left: auto;right: auto;margin: 0 auto 20px;z-index: 1;max-width: 100%;')
.modal-header
h3 Members
.modal-body
table.table.table-striped
tr(ng-repeat='member in group.members')
td
@ -74,8 +65,14 @@ a.pull-right.gem-wallet(rel='popover', data-trigger='hover', data-title='Guild B
a(data-toggle='modal', data-target='#avatar-modal-{{member._id}}')
span(ng-class='{"badge badge-info": group.leader==member._id}')
| {{username(member.auth, member.profile.name)}}
td
| ({{member._id}})
td ({{member._id}})
.modal-footer.whatever-options
form.form-inline(ng-submit='invite(group, invitee)')
//.alert.alert-danger(ng-show='_groupError') {{_groupError}}
.control-group.option-large
input.option-content(type='text', placeholder='User Id', ng-model='invitee')
input.btn(type='submit', value='Invite')
//-accordion-group(heading='Challenges')
span.label