mirror of
https://github.com/HabitRPG/habitica.git
synced 2025-12-17 14:47:53 +01:00
65aabc8333
* Reset user when clicking profile nav * Added editprofile * Add scroll to conversations and scroll to bottom on messages * Fixed profile click * Added notification mixin * Fixed challenge edit assignment * Guild list item now returns summary * Fixed tier icons * Fixed quest invitaion check * Fixed extra loading of party members in modals * Removed background from avatar in tutorial * Changed port back * Fixed task adding
93 lines
3.1 KiB
Vue
93 lines
3.1 KiB
Vue
<template lang="pug">
|
|
b-modal#quest-invitation(v-if='user.party.quest.key && quests[user.party.quest.key]', :title="$t('questInvitation')", size='lg', :hide-footer="true")
|
|
.modal-header
|
|
h4 {{ $t('questInvitation') }}
|
|
| {{quests[user.party.quest.key].text()}}
|
|
.modal-body
|
|
.pull-right-sm.text-center
|
|
.col-centered(:class='`quest_${quests[user.party.quest.key].key}`')
|
|
div(ng-if='quests[user.party.quest.key].boss')
|
|
h4 {{quests[user.party.quest.key].boss.name()}}
|
|
p
|
|
strong {{ $t('bossHP') }} + ': '
|
|
| {{quests[user.party.quest.key].boss.hp}}
|
|
p
|
|
strong {{ $t('bossStrength') }} + ': '
|
|
| {{quests[user.party.quest.key].boss.str}}
|
|
div(ng-if='quests[user.party.quest.key].collect')
|
|
p(ng-repeat='(k,v) in quests[user.party.quest.key].collect')
|
|
strong {{ $t('collect') }} + ': '
|
|
| {{quests[user.party.quest.key].collect[k].count}} {{quests[user.party.quest.key].collect[k].text()}}
|
|
div(ng-bind-html='quests[user.party.quest.key].notes()')
|
|
.quest-rewards(:key='user.party.quest.key', header-participant="$t('rewardsAllParticipants')", header-quest-owner="$t('rewardsQuestOwner')")
|
|
hr
|
|
h5 {{headerParticipant}}
|
|
table.table.table-striped
|
|
tr(ng-repeat='drop in _.reject(quest.drop.items, \'onlyOwner\')')
|
|
td {{drop.text()}}
|
|
tr(ng-if='quest.drop.exp > 0')
|
|
td {{quest.drop.exp}}
|
|
| {{ $t('experience') }}
|
|
tr(ng-if='quest.drop.gp > 0')
|
|
td {{quest.drop.gp}}
|
|
| {{ $t('gold') }}
|
|
tr(ng-if='quest.drop.unlock()')
|
|
td {{quest.drop.unlock()}}
|
|
div(ng-if='getQuestOwnerRewards(quest).length > 0')
|
|
h5 {{headerQuestOwner}}
|
|
table.table.table-striped
|
|
tr(ng-repeat='drop in getQuestOwnerRewards(quest)')
|
|
td {{drop.text()}}
|
|
.modal-footer
|
|
button.btn.btn-default(ng-click='questHold = true; $close()') {{ $t('askLater') }}
|
|
button.btn.btn-default(ng-click='questReject(); $close()') {{ $t('reject') }}
|
|
button.btn.btn-primary(ng-click='questAccept(); $close()') {{ $t('accept') }}
|
|
</template>
|
|
|
|
<style scope>
|
|
.dont-despair, .death-penalty {
|
|
margin-top: 1.5em;
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
import bModal from 'bootstrap-vue/lib/components/modal';
|
|
|
|
import quests from 'common/script/content/quests';
|
|
import Avatar from '../avatar';
|
|
import { mapState } from 'client/libs/store';
|
|
import revive from '../../../common/script/ops/revive';
|
|
import percent from '../../../common/script/libs/percent';
|
|
import {maxHealth} from '../../../common/script/index';
|
|
|
|
export default {
|
|
components: {
|
|
bModal,
|
|
Avatar,
|
|
},
|
|
data () {
|
|
return {
|
|
maxHealth,
|
|
quests,
|
|
};
|
|
},
|
|
computed: {
|
|
...mapState({user: 'user.data'}),
|
|
barStyle () {
|
|
return {
|
|
width: `${percent(this.user.stats.hp, maxHealth)}%`,
|
|
};
|
|
},
|
|
},
|
|
methods: {
|
|
close () {
|
|
this.$root.$emit('hide::modal', 'death');
|
|
},
|
|
revive () {
|
|
// @TODO: Post
|
|
revive(this.user);
|
|
},
|
|
},
|
|
};
|
|
</script>
|