mirror of
https://github.com/sudoxnym/habitica-self-host.git
synced 2026-08-02 04:00:36 +00:00
[#1489] use always-visible modals (what will be Panels in BS3) instead of
accordion. Accordions giving me headache
This commit is contained in:
parent
09963ee30a
commit
f5b1748d60
1 changed files with 81 additions and 84 deletions
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Reference in a new issue