diff options
Diffstat (limited to 'components/Editor/Category')
| -rw-r--r-- | components/Editor/Category/CategoryChildrenOptionsPanel.vue | 53 | ||||
| -rw-r--r-- | components/Editor/Category/CategoryOptionsPanel.vue | 54 |
2 files changed, 0 insertions, 107 deletions
diff --git a/components/Editor/Category/CategoryChildrenOptionsPanel.vue b/components/Editor/Category/CategoryChildrenOptionsPanel.vue deleted file mode 100644 index 6e96f64..0000000 --- a/components/Editor/Category/CategoryChildrenOptionsPanel.vue +++ /dev/null @@ -1,53 +0,0 @@ -<script setup lang="ts"> -import { useSessionStore, type EditorCategory } from '@/stores/session'; -import { computed } from 'vue'; -import EditorOptionsPanel from '../EditorOptionsPanel.vue'; - -const props = defineProps<{ - categoryId: string; -}>(); - -const sessionStore = useSessionStore(); - -const category = computed(() => { - return sessionStore.getCategoryById(props.categoryId) as EditorCategory; -}); -</script> - -<template> - <EditorOptionsPanel v-if="category"> - <div id="options"> - <h2>Quests in this category</h2> - <p>Drag to reorder.</p> - <div class="option-group"> - </div> - </div> - </EditorOptionsPanel> -</template> - -<style> -#options { - display: flex; - flex-direction: column; - 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); -} -</style> - diff --git a/components/Editor/Category/CategoryOptionsPanel.vue b/components/Editor/Category/CategoryOptionsPanel.vue deleted file mode 100644 index f7d548c..0000000 --- a/components/Editor/Category/CategoryOptionsPanel.vue +++ /dev/null @@ -1,54 +0,0 @@ -<script setup lang="ts"> -import { useSessionStore, type EditorCategory } from '@/stores/session'; -import { computed } from 'vue'; -import EditorOptionsPanel from '../EditorOptionsPanel.vue'; -import Checkbox from '@/components/Control/Checkbox.vue'; - -const props = defineProps<{ - categoryId: string; -}>(); - -const sessionStore = useSessionStore(); - -const category = computed(() => { - return sessionStore.getCategoryById(props.categoryId) as EditorCategory; -}); -</script> - -<template> - <EditorOptionsPanel v-if="category"> - <div id="options"> - <div class="option-group"> - <Checkbox id="category-permissionrequired" label="Require permission for category" - description="Players must have permission to open and start quests in this category." v-model="category.permissionRequired" /> - </div> - </div> - </EditorOptionsPanel> -</template> - -<style> -#options { - display: flex; - flex-direction: column; - 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); -} -</style> - |
