aboutsummaryrefslogtreecommitdiffstats
path: root/src/views/EditorView.vue
diff options
context:
space:
mode:
authorLeonardo Bishop <me@leonardobishop.com>2024-02-15 14:01:30 +0000
committerLeonardo Bishop <me@leonardobishop.com>2024-02-15 14:01:30 +0000
commit2aca4247c5d0c7061a300517178dd31316b65fab (patch)
tree10e145c2b57d76c778bdf1a11191495dcfe191f3 /src/views/EditorView.vue
Initial commit
Diffstat (limited to 'src/views/EditorView.vue')
-rw-r--r--src/views/EditorView.vue37
1 files changed, 37 insertions, 0 deletions
diff --git a/src/views/EditorView.vue b/src/views/EditorView.vue
new file mode 100644
index 0000000..b94f998
--- /dev/null
+++ b/src/views/EditorView.vue
@@ -0,0 +1,37 @@
+<script setup lang="ts">
+import { useSessionStore } from '@/stores/session';
+import { loadQuestsFromJson, loadCategoriesFromJson } from '@/lib/questsLoader';
+import EditorSidebar from '@/components/Editor/EditorSidebar.vue';
+import testData from '@/data/testData.json';
+import taskDefinitions from '@/data/taskDefinitions.json';
+import EditorPane from '@/components/Editor/EditorPane.vue';
+
+const sessionStore = useSessionStore();
+
+const quests = loadQuestsFromJson(testData.quests);
+const categories = loadCategoriesFromJson(testData.categories);
+
+sessionStore.setQuests(quests);
+sessionStore.setCategories(categories);
+sessionStore.setTaskDefinitions(taskDefinitions.taskTypes);
+// sessionStore.updateEditorCategories();
+</script>
+
+<template>
+ <main>
+ <div id="editor-container">
+ <EditorSidebar />
+
+ <EditorPane />
+ </div>
+ </main>
+</template>
+
+<style lang="scss" scoped>
+#editor-container {
+ display: flex;
+ background-color: var(--color-background-soft);
+ max-height: calc(100vh - 73px);
+ flex-direction: row;
+}
+</style> \ No newline at end of file