mirror of
https://github.com/HabitRPG/habitica.git
synced 2025-12-14 13:17:24 +01:00
16b244d5c6
* Added initial challenge pages * Added challenge item and find guilds page * Added challenge detail * Added challenge modals * Ported over challenge service code * Ported over challenge ctrl code * Added styles and column * Minor modal updates * Removed duplicate keys * Fixed casing * Added initial chat component * Added copy as todo modal * Added sync * Added chat to groups * Fixed lint * Added notification service * Added tag services * Added notifications * Added hall * Added analytics * Added http interceptor * Added initial autocomplete * Added initial footer component * Began coding and designing footer * Added inital hall * Ported over inital group plan ctrl code * Added initial invite modal * Added initial member detail modal * Added initial notification menu * Ported over inital notification code * Fixed import line * Fixed autocomplete import casing
55 lines
1.2 KiB
Vue
55 lines
1.2 KiB
Vue
<template lang="pug">
|
|
div
|
|
b-modal#owned-quests-modal(title="Which quest do you want to start?", size='md', hide-footer=true)
|
|
.row.content
|
|
.quest(v-for='(value, key, index) in user.items.quests', :class="'inventory_quest_scroll_' + key", @click='selectQuest(key)')
|
|
button.btn.btn-primary(@click='confirm()') Confirm
|
|
start-quest-modal(:group='group', :selectedQuest='selectedQuest')
|
|
</template>
|
|
|
|
<style lang='scss' scoped>
|
|
@import '~client/assets/scss/colors.scss';
|
|
|
|
.content {
|
|
padding: 2em;
|
|
|
|
.quest {
|
|
margin-right: 1em;
|
|
margin-bottom: 1em;
|
|
display: inline-block;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
import { mapState } from 'client/libs/store';
|
|
import bModal from 'bootstrap-vue/lib/components/modal';
|
|
|
|
import startQuestModal from './startQuestModal';
|
|
|
|
export default {
|
|
props: ['group'],
|
|
components: {
|
|
bModal,
|
|
startQuestModal,
|
|
},
|
|
data () {
|
|
return {
|
|
selectedQuest: {},
|
|
};
|
|
},
|
|
computed: {
|
|
...mapState({user: 'user.data'}),
|
|
},
|
|
methods: {
|
|
selectQuest (quest) {
|
|
this.selectedQuest = quest;
|
|
},
|
|
confirm () {
|
|
this.$root.$emit('show::modal', 'start-quest-modal');
|
|
this.$root.$emit('hide::modal', 'owned-quests-modal');
|
|
},
|
|
},
|
|
};
|
|
</script>
|