From 54f0b5b91d4b473b3538ba04b8ae87b824990309 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jurij=20Podgor=C5=A1ek?= <jurij@kompot.si>
Date: Mon, 13 Nov 2023 00:22:34 +0100
Subject: [PATCH] WIP urejanje pojma

---
 nuxt/components/Pojem.vue | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/nuxt/components/Pojem.vue b/nuxt/components/Pojem.vue
index 76f120b..afd157d 100644
--- a/nuxt/components/Pojem.vue
+++ b/nuxt/components/Pojem.vue
@@ -1,4 +1,7 @@
 <script setup="setup">
+
+const { etherpadApiUrl, etherpadPrefix } = useRuntimeConfig().public
+
 const store = usePojmiStore()
 
 const props = defineProps({
@@ -6,14 +9,27 @@ const props = defineProps({
 })
 
 const pojem = computed(() => store.pojmi[props.naslov])
+const revisionId = computed(() => pojem.value.id)
 
 await store.naloziPojme()
 
+const urejanje = ref(false)
+
+const urediPojem = async () => {
+  // Ustvari pad s tekstom pojma, ce se ne obstaja
+  const resp = await $fetch(`${etherpadApiUrl}/createPad?padID=${etherpadPrefix + revisionId.value}&text=` + pojem.value.tekst)
+  urejanje.value = true
+}
+
 </script>
 
 <template>
   <section class="pojem">
     <h2>{{ pojem.naslov }}</h2>
     <div class="tekst" v-html="pojem.tekst" />
+    <div class="gumb" @click="urediPojem">Uredi</div>
+    <div v-if="urejanje" class="pojem">
+      <PojemForm :revisionId="revisionId" />
+    </div>
   </section>
 </template>