diff options
| author | Leonardo Bishop <me@leonardobishop.com> | 2024-03-12 17:48:23 +0000 |
|---|---|---|
| committer | Leonardo Bishop <me@leonardobishop.com> | 2024-03-12 17:48:23 +0000 |
| commit | addf95bc7e1e694cd9ba7797c8b0847bfecaf54c (patch) | |
| tree | 422e96cb24eb3b3ec9d4c96de555b8fa14239c59 /components/editor/quest/TasksOptionsPanel.vue | |
| parent | 8664ad155c89d47affd94f8b0385ebf39841f1f8 (diff) | |
Add nuxt prefixes back to component file names
Diffstat (limited to 'components/editor/quest/TasksOptionsPanel.vue')
| -rw-r--r-- | components/editor/quest/TasksOptionsPanel.vue | 83 |
1 files changed, 0 insertions, 83 deletions
diff --git a/components/editor/quest/TasksOptionsPanel.vue b/components/editor/quest/TasksOptionsPanel.vue deleted file mode 100644 index cb4b109..0000000 --- a/components/editor/quest/TasksOptionsPanel.vue +++ /dev/null @@ -1,83 +0,0 @@ -<script setup lang="ts"> -import { useSessionStore, type EditorQuest } from '@/stores/session'; -import { computed, ref } from 'vue'; - -const props = defineProps<{ - questId: string; -}>(); - -const sessionStore = useSessionStore(); - -const quest = computed(() => { - return sessionStore.getQuestById(props.questId) as EditorQuest; -}); - -const showAddTaskModal = ref(false); - -const addTask = (newId: string, newType: string) => { - sessionStore.getQuestById(props.questId)!.tasks[newId] = { - id: newId, - config: { - type: newType, - }, - }; - - showAddTaskModal.value = false; -}; -</script> - -<template> - <EditorOptionsPanel v-if="quest"> - <div id="options"> - <h2>Tasks <code>({{ Object.keys(quest.tasks).length }})</code></h2> - - <p v-if="Object.keys(quest.tasks).length === 0" class="error-text">This quest does not have any tasks.</p> - <EditorTaskConfiguration v-for="(task, taskId) in quest.tasks" :key="taskId" :taskId="String(taskId)" - :quest="quest" /> - - <div id="controls"> - <Button id="add-task" :icon="['fas', 'plus']" type="solid" label="Add task" @click="showAddTaskModal = true" /> - </div> - </div> - </EditorOptionsPanel> - - <EditorTaskModalCreate v-if="quest" v-model="showAddTaskModal" :questId="questId" @add="addTask" /> -</template> - - -<style scoped> -#options { - display: flex; - flex-direction: column; - gap: 1rem; - - #controls { - display: flex; - justify-content: flex-end; - gap: 1rem; - } -} - -.option-group { - display: flex; - flex-direction: column; - gap: 0.5rem; -} - -.description { - font-size: 0.8em; -} - -label { - font-weight: 700; -} - -h2 { - border-bottom: 1px solid var(--color-border); - - code { - font-size: 0.8em; - color: var(--color-text-mute); - } -} -</style> |
