Keith Holliday
aee21edd5f
* Began adding tavern and party * Fixed routing conflicts and tavern constant * Updated button styles * Added not on quest block * Added no challenge block * Began adding quest details * Began updating group create modal to have party info * Added create party modal * Added share userid menu * Began adding toggle * Finished toggle styles * Added start quest modal * Ported over party ctrl code * Finished porting over party ctrl code * Added more quest actions * Added own quests modal and quest modal details * Fixed member modal styles and icons * Added many random style updates * Small text align fix * Removed extra update * Removed config and extra key * Removed client string extras
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>
|