aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/Editor/Quest/QuestTasksOptionsPanel.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/Editor/Quest/QuestTasksOptionsPanel.vue')
-rw-r--r--src/components/Editor/Quest/QuestTasksOptionsPanel.vue98
1 files changed, 0 insertions, 98 deletions
diff --git a/src/components/Editor/Quest/QuestTasksOptionsPanel.vue b/src/components/Editor/Quest/QuestTasksOptionsPanel.vue
deleted file mode 100644
index a79e636..0000000
--- a/src/components/Editor/Quest/QuestTasksOptionsPanel.vue
+++ /dev/null
@@ -1,98 +0,0 @@
-<script setup lang="ts">
-import { useSessionStore, type EditorQuest } from '@/stores/session';
-import { computed, ref } from 'vue';
-import EditorOptionsPanel from '@/components/Editor/EditorOptionsPanel.vue';
-import TaskConfiguration from '@/components/Editor/Quest/Task/TaskConfiguration.vue';
-import Button from '@/components/Control/Button.vue';
-import AddTaskModal from './Task/Modal/AddTaskModal.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>
- <TaskConfiguration v-for="(task, taskId) in quest.tasks" :key="taskId" :taskId="String(taskId)" :quest="quest" />
-
- <div id="controls">
- <Button
- id="add-task"
- :icon="['fas', 'fa-plus']"
- type="solid"
- label="Add task"
- @click="showAddTaskModal = true"
- />
- </div>
- </div>
- </EditorOptionsPanel>
-
- <AddTaskModal
- 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>
-