Render notes from store
This commit is contained in:
parent
6fb900fe4b
commit
bb665d3b7d
6 changed files with 114 additions and 21 deletions
|
|
@ -1,10 +1,33 @@
|
|||
<script setup lang="ts">
|
||||
import { useReposStore } from "@/stores/repos";
|
||||
import { RiDeleteBinFill, RiSettings3Fill } from "@remixicon/vue";
|
||||
import { RiDeleteBinFill, RiNodeTree, RiSettings3Fill } from "@remixicon/vue";
|
||||
import CNavbarButton from "./CNavbarButton.vue";
|
||||
import CNavbarDropdown from "./CNavbarDropdown.vue";
|
||||
import { useUiStore } from "@/stores/ui";
|
||||
import { useNotesStore } from "@/stores/notes";
|
||||
|
||||
const repos = useReposStore();
|
||||
const notes = useNotesStore();
|
||||
const ui = useUiStore();
|
||||
|
||||
function createSomeNodes() {
|
||||
notes.clearNotes();
|
||||
|
||||
const root = notes.addNote("root");
|
||||
ui.anchor = root.id;
|
||||
|
||||
notes.appendChildNote(root.id, "n1")!;
|
||||
const n2 = notes.appendChildNote(root.id, "n2")!;
|
||||
notes.appendChildNote(root.id, "n3")!;
|
||||
notes.appendChildNote(root.id, "n4")!;
|
||||
const n5 = notes.appendChildNote(root.id, "n5")!;
|
||||
|
||||
notes.appendChildNote(n2.id, "n2n1")!;
|
||||
notes.appendChildNote(n2.id, "n2n2")!;
|
||||
notes.appendChildNote(n2.id, "n2n3")!;
|
||||
|
||||
n5.children.push("NaN (Not a Note)");
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
|
|
@ -15,6 +38,11 @@ const repos = useReposStore();
|
|||
<CNavbarDropdown />
|
||||
</div>
|
||||
|
||||
<!-- Temporary button for testing -->
|
||||
<CNavbarButton @click="createSomeNodes">
|
||||
<RiNodeTree size="16px" class="inline" />
|
||||
</CNavbarButton>
|
||||
|
||||
<!-- Temporary delete button until I add proper repo settings -->
|
||||
<CNavbarButton
|
||||
v-show="repos.selectedRepo !== undefined"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue