From 6251effcf5374f68f384b353f64a63433ff00fe9 Mon Sep 17 00:00:00 2001
From: Jaroslav Drzik <jaro@ttx.sk>
Date: Wed, 23 Feb 2022 21:12:23 +0100
Subject: [PATCH] game

---
 src/scripts/components/LeftDict.vue    |  2 +-
 src/scripts/components/Translation.vue | 28 ++++++++++++++++++++++++--
 2 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/src/scripts/components/LeftDict.vue b/src/scripts/components/LeftDict.vue
index 5a9cf2d..758bba9 100644
--- a/src/scripts/components/LeftDict.vue
+++ b/src/scripts/components/LeftDict.vue
@@ -1,6 +1,6 @@
 <script>
 export default {
-  props: ['data']
+  props: ['data'],
 }
 </script>
 
diff --git a/src/scripts/components/Translation.vue b/src/scripts/components/Translation.vue
index d232b75..554392c 100644
--- a/src/scripts/components/Translation.vue
+++ b/src/scripts/components/Translation.vue
@@ -1,6 +1,18 @@
 <script>
 export default {
-  props: ['data']
+  props: ['data'],
+  computed: {
+    termsDataDict: function() {
+      let data = this.data.terms;
+      let ret = Object({});
+      for(let i = 0; i < data.length; i++) {
+            if (!Array.isArray(ret[data[i].string1])) ret[data[i].string1] = []; 
+            ret[data[i].string1].push(data[i]);         
+      }
+      return ret;
+    }
+  }  
+
 }
 </script>
 
@@ -46,5 +58,17 @@ export default {
     </div>
 </div>		
 </div>
-
+<div class="border-b dark:border-slate-600 shadow-sm overflow-hidden my-8">
+    <div class="text-lg grid place-items-center">
+        Preklad
+    </div>
+</div>
+<div v-for="(t, i) in termsDataDict" :key="i">
+{{ i }}
+    <div class="px-10">
+    <span v-for="(tt, n) in t" :key="n" class="bg-white">
+        {{ tt.string2 }},
+    </span>
+    </div>
+</div> 
 </template>
\ No newline at end of file