mirror of
https://github.com/HabitRPG/habitica.git
synced 2025-12-16 22:27:26 +01:00
92 lines
2.3 KiB
Vue
92 lines
2.3 KiB
Vue
<template lang="pug">
|
|
b-modal#world-boss-rage(title="", :hide-footer="true", :hide-header="true")
|
|
div(v-if="npc === 'seasonalShop'")
|
|
.modal-header.d-flex.align-items-center.justify-content-center
|
|
.reduce {{ $t('seasonalShopRageStrikeHeader') }}
|
|
img.npc-background(src='~assets/images/npc/broken/rage-strike-seasonalShop-scaled@2x.png')
|
|
.modal-body
|
|
.row
|
|
.col-12.text-center.padding-24
|
|
h2 {{ $t('seasonalShopRageStrikeLead') }}
|
|
p {{ $t('seasonalShopRageStrikeRecap') }}
|
|
div(v-if="npc === 'market'")
|
|
.modal-header.d-flex.align-items-center.justify-content-center
|
|
.reduce {{ $t('marketRageStrikeHeader') }}
|
|
img.npc-background(src='~assets/images/npc/broken/rage-strike-market-scaled@2x.png')
|
|
.modal-body
|
|
.row
|
|
.col-12.text-center.padding-24
|
|
h2 {{ $t('marketRageStrikeLead') }}
|
|
p {{ $t('marketRageStrikeRecap') }}
|
|
div(v-if="npc === 'quests'")
|
|
.modal-header.d-flex.align-items-center.justify-content-center
|
|
.reduce {{ $t('questsRageStrikeHeader') }}
|
|
img.npc-background(src='~assets/images/npc/broken/rage-strike-quests-scaled@2x.png')
|
|
.modal-body
|
|
.row
|
|
.col-12.text-center.padding-24
|
|
h2 {{ $t('questsRageStrikeLead') }}
|
|
p {{ $t('questsRageStrikeRecap') }}
|
|
</template>
|
|
|
|
<style>
|
|
#world-boss-rage .modal-body {
|
|
padding: 0;
|
|
width: 376px;
|
|
}
|
|
#world-boss-rage .modal-content {
|
|
width: 378px;
|
|
}
|
|
</style>
|
|
|
|
<style lang='scss' scoped>
|
|
.modal-header {
|
|
background-color: #FA8537;
|
|
color: white;
|
|
height: 2em;
|
|
}
|
|
|
|
.npc-background {
|
|
max-width: 376px;
|
|
height: auto;
|
|
margin-top: -1px;
|
|
}
|
|
|
|
.padding-24 {
|
|
padding-top: 1em;
|
|
padding-left: 3em;
|
|
padding-right: 3em;
|
|
padding-bottom: 1em;
|
|
}
|
|
|
|
.reduce {
|
|
font-size: 12px;
|
|
}
|
|
|
|
</style>
|
|
|
|
<script>
|
|
export default {
|
|
computed: {
|
|
npcOption () {
|
|
return this.$store.state.rageModalOptions.npc;
|
|
},
|
|
},
|
|
data () {
|
|
return {
|
|
npc: 'seasonalShop',
|
|
};
|
|
},
|
|
methods: {
|
|
close () {
|
|
this.$root.$emit('bv::hide::modal', 'world-boss-rage');
|
|
},
|
|
},
|
|
watch: {
|
|
npcOption () {
|
|
this.npc = this.$store.state.rageModalOptions.npc;
|
|
},
|
|
},
|
|
};
|
|
</script>
|