View participant list of active quest (#10531)

* participant list modal opens, nothing displayed yet

* display participants!

* only need to filter

* change button to link

* prevent scrolling back up when modal opens

* style link as h4

* move css
This commit is contained in:
Isabelle Lavandero
2018-07-30 10:04:04 -04:00
committed by Matteo Pagliazzi
parent 734e4a963f
commit 508d832d73
3 changed files with 108 additions and 1 deletions

View File

@@ -38,7 +38,7 @@ sidebar-section(:title="$t('questDetailsTitle')")
.col-6
h4.float-left(v-once) {{ questData.boss.name() }}
.col-6
span.float-right(v-once) {{ $t('participantsTitle') }}
a.float-right(@click="openParticipantList()") {{ $t('participantsTitle') }}
.row
.col-12
.grey-progress-bar
@@ -74,6 +74,14 @@ sidebar-section(:title="$t('questDetailsTitle')")
margin: 0 auto;
}
.boss-info {
a {
font-family: 'Roboto Condensed', sans-serif;
font-weight: bold;
color: $gray-10;
}
}
.boss-health-bar {
width: 80%;
background-color: red;
@@ -258,6 +266,9 @@ export default {
openQuestDetails () {
this.$root.$emit('bv::show::modal', 'quest-details');
},
openParticipantList () {
this.$root.$emit('bv::show::modal', 'participant-list');
},
async questAbort () {
if (!confirm(this.$t('sureAbort'))) return;
if (!confirm(this.$t('doubleSureAbort'))) return;