From 2f0b7ca1aa6fffb55f70ee9262a3676f71505aa1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jurij=20Podgor=C5=A1ek?= <jurij@kompot.si>
Date: Fri, 14 Jun 2024 13:45:13 +0200
Subject: [PATCH] Frontend indikator za strojni prevod

---
 nuxt/components/Pojem.vue             |   2 +-
 nuxt/components/StrojniPrevod.vue     |  15 +++++++++++++++
 nuxt/pages/manifest/index.vue         |   8 +++++++-
 nuxt/public/images/Strojni prevod.png | Bin 500 -> 4549 bytes
 nuxt/stores/pojmi.js                  |   4 ++--
 nuxt/stores/strani.js                 |   2 +-
 6 files changed, 26 insertions(+), 5 deletions(-)
 create mode 100644 nuxt/components/StrojniPrevod.vue

diff --git a/nuxt/components/Pojem.vue b/nuxt/components/Pojem.vue
index 3fe0418..59e3285 100644
--- a/nuxt/components/Pojem.vue
+++ b/nuxt/components/Pojem.vue
@@ -69,7 +69,7 @@ onUpdated(() => {
     <div v-if="pojem" class="pojem">
       <h2>
         {{ naslov }}
-        <span v-if="pojem.strojni_prevod">strojni prevod</span>
+        <StrojniPrevod v-if="pojem.strojni_prevod" />
       </h2>
       <div class="tekst" v-html="pojem.tekst" />
     </div>
diff --git a/nuxt/components/StrojniPrevod.vue b/nuxt/components/StrojniPrevod.vue
new file mode 100644
index 0000000..69c4138
--- /dev/null
+++ b/nuxt/components/StrojniPrevod.vue
@@ -0,0 +1,15 @@
+<template>
+  <span alt="Ikona za strojni prevod" :title="$t('strojni prevod')" />
+</template>
+
+<style scoped>
+  span {
+    background-image: url('/images/Strojni prevod.png');
+    height: 24px;
+    width: 24px;
+    display: inline-block;
+    position: relative;
+    top: 2px;
+    left: 2px;
+  }
+</style>
diff --git a/nuxt/pages/manifest/index.vue b/nuxt/pages/manifest/index.vue
index f7d5a1c..d1769cf 100644
--- a/nuxt/pages/manifest/index.vue
+++ b/nuxt/pages/manifest/index.vue
@@ -30,7 +30,10 @@ onMounted(() => {
     :naslov="pojem"
     :to="localePath({ name: 'pojem_poglej', params: { naslov: pojem }})"
     class="okvir">
-    <h2>{{ pojem }}</h2>
+    <h2>
+      {{ pojem }}
+      <StrojniPrevod v-if="store.pojmi[pojem].strojni_prevod" />
+    </h2>
   </NuxtLink>
 </template>
 
@@ -47,4 +50,7 @@ onMounted(() => {
     padding-right: 2rem;
     text-align: center;
   }
+
+  .strojni-prevod {
+  }
 </style>
diff --git a/nuxt/public/images/Strojni prevod.png b/nuxt/public/images/Strojni prevod.png
index de8824626d771c9ee74b9f2ff37077bb780aca4a..d5d060589648f57736a031db8e28db358e46642a 100644
GIT binary patch
literal 4549
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
Hl)Lgjn#6cy

delta 474
zcmV<00VV#$BlH81B!3BTNLh0L01FcU01FcV0GgZ_00001b5ch_0Itp)=>Px#1ZP1_
zK>z@;j|==^1poj6iAh93RCoc^mb*>@K@^7ng#|$q1q&@Cp+ju!lnN@e(#jX$32bdF
zZA`521$+T*EVqM7N(%{=L=r6&F)^$x7xxTtvb(bvvX{cI+JBwNp8w35IsdHmj;k3W
zB!-BQ-6p>z6}QPpv=Uvk<8OG0eX{YL$tH5s46367PDZ<KAs{)GNJ%{7Y~`MbxUn@|
z!|AZ%C}g{Wi)95jOD!xyFE(I_^x^|us4UD2dr(g`7Y=UzuE7#>6`*?8(+&8A5~I>O
z3IqxMhjrih9)D2wR8K1({XX1S&t^^U6#Pz)Rr}dz?|cPHvV*XAkh}bu3)p4vmnZpE
z6re^53uCg8TLl-$=^YssWF>+?(J&a4+$19kl(am;qN)}6Gw%a3tLt=AFgNQt_kzsN
zXncGHtFsg?zmE_Ua#kazQ*@whqo(e`cW|{V*tT#?&r^qowzlg9S%WouLblJOqSrFR
z%+IUC=cPT?S6{H5m%J{0GC?KLVM1+r-tBZ<7RMVXjq|J|B;thh@Bb=(0b9O@mxNhR
Q^8f$<07*qoM6N<$f|G&I#sB~S

diff --git a/nuxt/stores/pojmi.js b/nuxt/stores/pojmi.js
index 8308649..39f06fd 100644
--- a/nuxt/stores/pojmi.js
+++ b/nuxt/stores/pojmi.js
@@ -11,7 +11,8 @@ export const usePojmiStore = defineStore('pojmi', {
         id: s.id,
         naslov: s.title,
         tekst: s.body ? s.body.processed : '',
-        media: s.field_media
+        media: s.fieldMedia,
+        strojni_prevod: s.fieldStrojniPrevod
       }), 'naslov')
     },
 
@@ -28,7 +29,6 @@ export const usePojmiStore = defineStore('pojmi', {
       })
 
       const resp = await req.json()
-      console.log('nov pojem?', resp)
     }
   }
 })
diff --git a/nuxt/stores/strani.js b/nuxt/stores/strani.js
index 9ea411d..9b0b142 100644
--- a/nuxt/stores/strani.js
+++ b/nuxt/stores/strani.js
@@ -10,7 +10,7 @@ export const useStraniStore = defineStore('strani', {
       this.strani = await deserialize(data, s => ({
         id: s.id,
         naslov: s.title,
-        tekst: s.body.processed
+        tekst: s.body ? s.body.processed : ''
       }), 'naslov')
     }
   }