Render notes from store

This commit is contained in:
Joscha 2025-02-05 02:22:02 +01:00
parent 6fb900fe4b
commit bb665d3b7d
6 changed files with 114 additions and 21 deletions

View file

@ -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"