Popravkci

nuxt/app.vue

@@ -85,12 +85,6 @@
     width: fit-content;
   }
 
-  .navodila {
-    padding-left: 2rem;
-    padding-right: 2rem;
-    text-align: center;
-  }
-
   footer {
     position: relative;
     z-index: 100;

nuxt/components/Pojem.vue

@@ -15,7 +15,7 @@ if (props.naslov && !(props.naslov in store.pojmi)) {
 }
 
 const pojem = computed(() => store.pojmi[props.naslov])
-const revisionId = computed(() => pojem.value.id)
+const revisionId = computed(() => pojem.value ? pojem.value.id : null)
 
 const urejanje = ref(false)
 const container = ref(null)
@@ -32,6 +32,11 @@ const urediPojem = async () => {
 }
 
 onMounted(() => {
+  // Prazen pojem? Nazaj na manifest
+  if (!pojem.value.id) {
+    navigateTo('/manifest#skrol')
+  }
+
   // Link na editiranje pojma? Poskrolaj nanj + odpri editiranje
   if (route.params.guid === revisionId.value) {
     urejanje.value = true

nuxt/components/PojemForm.vue

@@ -21,6 +21,8 @@ const oddajPredlog = async data => {
     return
   }
 
+  const starNaslov = props.pojem.naslov
+
   const resp = await etherFetch('/getText', { padID: props.revisionId })
   const stvarjenje = store.ustvariPojem({
     title: naslov.value,
@@ -30,6 +32,14 @@ const oddajPredlog = async data => {
   })
   console.log(stvarjenje)
   alert("sprememba predlagana!")
+
+  stvarjenje.then(() => {
+    console.log('NOV NASLOV?', starNaslov, props.pojem.naslov)
+    if (starNaslov !== props.pojem.naslov) {
+      navigateTo('/manifest/' + encodeURIComponent(props.pojem.naslov))
+    }
+  })
+
   props.onZapri()
 }
 
@@ -40,7 +50,7 @@ const etherNalozen = ev => {
       replace: true
     })
   } else {
-    navigateTo('/manifest/' + props.pojem.naslov + '/uredi/' + props.revisionId, {
+    navigateTo('/manifest/' + encodeURIComponent(props.pojem.naslov) + '/uredi/' + props.revisionId, {
       replace: true
     })
   }

nuxt/pages/manifest/dodaj.vue

@@ -15,7 +15,7 @@ revisionId.value = route.params.guid ? route.params.guid : getRandomUUID()
 const padId = revisionId.value
 const resp = await $fetch(`${etherpadApiUrl}/createPad?padID=${padId}`)
 
-const onZapri = () => { console.log('zapiram'); navigateTo('/manifest') }
+const onZapri = () => { navigateTo('/manifest#skrol') }
 
 onMounted(() => {
   setTimeout(() => {

nuxt/pages/manifest/index.vue

@@ -3,17 +3,27 @@
 const store = usePojmiStore()
 await store.naloziPojme()
 
+const navodila = ref(null)
+
+onMounted(() => {
+  if (location && location.hash == '#skrol') {
+    setTimeout(() => {
+      navodila.value.scrollIntoView({ behavior: 'smooth' })
+    }, 50)
+  }
+})
+
 </script>
 
 <template>
-  <h3 class="navodila">Vsak lahko prispeva k vsebinam manifesta. Predlaga lahko nov pojem ali ureja, dopolni ali predela obstoječe.</h3>
+  <h3 class="navodila" ref="navodila">Vsak lahko prispeva k vsebinam manifesta. Predlaga lahko nov pojem ali ureja, dopolni ali predela obstoječe.</h3>
   <NuxtLink class="gumb" to="/manifest/dodaj">
     Dodaj Nov Pojem
   </NuxtLink>
   <NuxtLink
     v-for="pojem in Object.keys(store.pojmi)"
     :naslov="pojem"
-    :to="`/manifest/${pojem}`"
+    :to="`/manifest/${encodeURIComponent(pojem)}`"
     class="okvir">
     <h2>{{ pojem }}</h2>
   </NuxtLink>
@@ -26,4 +36,10 @@ await store.naloziPojme()
   h2 {
     margin-bottom: 0;
   }
+
+  .navodila {
+    padding-left: 2rem;
+    padding-right: 2rem;
+    text-align: center;
+  }
 </style>

nuxt/pages/manifest/pojem.vue

@@ -20,7 +20,7 @@ const resp = await $fetch(`${etherpadApiUrl}/createPad?padID=${padId}`)
     <Pojem :naslov="naslov" />
   </div>
 
-  <NuxtLink class="gumb" to="/manifest">
+  <NuxtLink class="gumb" to="/manifest#skrol">
     Manifest
   </NuxtLink>