jaro/nette-vite
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Translation

Browse Source
This commit is contained in:
Jaroslav Drzik
2022-02-23 17:17:53 +01:00
parent 4adf3c3ae5
commit 8380f9c80c
5 changed files with 51 additions and 199 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/Presenters/templates/@layout.latte
View File

@@ -17,7 +17,7 @@
<script src="{='src/scripts/main.js'|asset}" type="module"></script> <script src="{='src/scripts/main.js'|asset}" type="module"></script>
</head> </head>
<body data-controller="body" class="bg-blue-100"> <body data-controller="body">
<div n:foreach="$flashes as $flash" n:class="flash, $flash->type">{$flash->message}</div> <div n:foreach="$flashes as $flash" n:class="flash, $flash->type">{$flash->message}</div>

11
src/scripts/App.vue
View File

@@ -38,14 +38,21 @@
</div> </div>
</div> </div>
</nav> </nav>
<left-dict :data="trData"></left-dict> <div class=" flex flex-row bg-green-100 ">
<translation-content></translation-content> <div id="mobile-menu-2" class="bg-white flex flex-col w-full px-4 border-b lg:border-r lg:h-screen lg:w-64">
<left-dict :data="trData"></left-dict>
</div>
<div class=" flex flex-col w-full px-4" >
<translation-content :data="termsData"> </translation-content>
</div>
</div>
</template> </template>
<script setup> <script setup>
import vueTabz from './components/vue-tabz.vue' import vueTabz from './components/vue-tabz.vue'
import logoUrl from './assets/logo.png' import logoUrl from './assets/logo.png'
import trData from './components/Translations' import trData from './components/Translations'
import termsData from './components/Terms'
import LeftDict from './components/LeftDict.vue' import LeftDict from './components/LeftDict.vue'
import SearchForm from './components/SearchForm.vue' import SearchForm from './components/SearchForm.vue'
import TranslationContent from './components/Translation.vue' import TranslationContent from './components/Translation.vue'

4
src/scripts/components/LeftDict.vue
View File

@@ -5,8 +5,6 @@ export default {
</script> </script>
<template> <template>
<div id="mobile-menu-2" class="min-h-screen flex flex-row bg-green-100 ">
<div class="bg-white overflow-hidden flex flex-col w-full px-4 border-b lg:border-r lg:h-screen lg:w-64">
<ul class="flex flex-col py-4"> <ul class="flex flex-col py-4">
<li v-for="(t, i) in data.translations" :key="i"> <li v-for="(t, i) in data.translations" :key="i">
@@ -17,8 +15,6 @@ export default {
</li> </li>
</ul> </ul>
</div>
</div>
</template> </template>

4
src/scripts/components/Terms.js
View File

@@ -1,4 +1,4 @@
{ export default {
"status": "ok", "status": "ok",
"terms": [ "terms": [
{ {
@@ -2554,4 +2554,4 @@
] ]
} }
] ]
} }

229
src/scripts/components/Translation.vue
View File

@@ -6,196 +6,45 @@ export default {
<template> <template>
<div class="boxes"> <div class="border-b dark:border-slate-600 shadow-sm overflow-hidden my-8">
<div class="flex flex-col justify-center">
<div class="overflow-x-auto sm:-mx-6 lg:-mx-8">
<table class="e-table" id="snippet--termsComnainer"> <div class="inline-block py-2 min-w-full sm:px-6 lg:px-8">
<tbody><tr> <div class="overflow-hidden shadow-md sm:rounded-lg flex justify-center">
<th>Vyraz</th><th>Preklad</th><th>Typ</th><th>Member</th> <table class="min-w-fit">
</tr> <thead class="bg-gray-100 dark:bg-gray-700">
<tr>
<tr data-url="/search/default/727465?translation=1&amp;term=test&amp;slug=anglicko-slovensky&amp;paginator-page=1&amp;do=getInfo" id="snippet--term-727465"> <th scope="col" class="py-3 px-6 text-xs font-medium tracking-wider text-left text-gray-700 uppercase dark:text-gray-400">
Výraz
<td>test</td> </th>
<td>test</td> <th scope="col" class="py-3 px-6 text-xs font-medium tracking-wider text-left text-gray-700 uppercase dark:text-gray-400">
<td></td> Preklad
<td>A</td> </th>
<th scope="col" class="py-3 px-6 text-xs font-medium tracking-wider text-left text-gray-700 uppercase dark:text-gray-400">
</tr> Člen
</th>
<tr data-url="/search/default/727466?translation=1&amp;term=test&amp;slug=anglicko-slovensky&amp;paginator-page=1&amp;do=getInfo" id="snippet--term-727466"> </tr>
</thead>
<td>test</td> <tbody>
<td>rozbor</td> <tr v-for="(t, i) in data.terms" :key="i"
<td></td> class="border-b odd:bg-white even:bg-gray-50 odd:dark:bg-gray-800 even:dark:bg-gray-700 dark:border-gray-600">
<td>A</td> <td class="py-4 px-6 text-sm font-medium text-gray-900 whitespace-nowrap dark:text-white">
{{ t.string1 }}
</tr> </td>
<td class="py-4 px-6 text-sm text-gray-500 whitespace-nowrap dark:text-gray-400">
<tr data-url="/search/default/727467?translation=1&amp;term=test&amp;slug=anglicko-slovensky&amp;paginator-page=1&amp;do=getInfo" id="snippet--term-727467"> {{ t.string2 }}
</td>
<td>test</td> <td class="py-4 px-6 text-sm text-gray-500 whitespace-nowrap dark:text-gray-400">
<td>testovanie</td> {{ t.member }}
<td></td> </td>
<td>A</td> </tr>
</tr>
<tr data-url="/search/default/727468?translation=1&amp;term=test&amp;slug=anglicko-slovensky&amp;paginator-page=1&amp;do=getInfo" id="snippet--term-727468">
<td>test</td>
<td>testovací</td>
<td></td>
<td>B</td>
</tr>
<tr data-url="/search/default/727469?translation=1&amp;term=test&amp;slug=anglicko-slovensky&amp;paginator-page=1&amp;do=getInfo" id="snippet--term-727469">
<td>test</td>
<td>otestovať</td>
<td></td>
<td>C</td>
</tr>
<tr data-url="/search/default/727470?translation=1&amp;term=test&amp;slug=anglicko-slovensky&amp;paginator-page=1&amp;do=getInfo" id="snippet--term-727470">
<td>test</td>
<td>testovať</td>
<td></td>
<td>C</td>
</tr>
<tr data-url="/search/default/727471?translation=1&amp;term=test&amp;slug=anglicko-slovensky&amp;paginator-page=1&amp;do=getInfo" id="snippet--term-727471">
<td>test</td>
<td>vyskúšať</td>
<td></td>
<td>C</td>
</tr>
<tr data-url="/search/default/727472?translation=1&amp;term=test&amp;slug=anglicko-slovensky&amp;paginator-page=1&amp;do=getInfo" id="snippet--term-727472">
<td>test</td>
<td>kritérium</td>
<td></td>
<td>A</td>
</tr>
<tr data-url="/search/default/727473?translation=1&amp;term=test&amp;slug=anglicko-slovensky&amp;paginator-page=1&amp;do=getInfo" id="snippet--term-727473">
<td>test</td>
<td>analýza</td>
<td></td>
<td>A</td>
</tr>
<tr data-url="/search/default/727474?translation=1&amp;term=test&amp;slug=anglicko-slovensky&amp;paginator-page=1&amp;do=getInfo" id="snippet--term-727474">
<td>test</td>
<td>preverovať</td>
<td></td>
<td>C</td>
</tr>
<tr data-url="/search/default/727475?translation=1&amp;term=test&amp;slug=anglicko-slovensky&amp;paginator-page=1&amp;do=getInfo" id="snippet--term-727475">
<td>test</td>
<td>nukleárna skúška</td>
<td></td>
<td>A</td>
</tr>
<tr data-url="/search/default/727476?translation=1&amp;term=test&amp;slug=anglicko-slovensky&amp;paginator-page=1&amp;do=getInfo" id="snippet--term-727476">
<td>test</td>
<td>skúšobný výstup</td>
<td></td>
<td>A</td>
</tr>
<tr data-url="/search/default/727477?translation=1&amp;term=test&amp;slug=anglicko-slovensky&amp;paginator-page=1&amp;do=getInfo" id="snippet--term-727477">
<td>test</td>
<td>skúška pred kamerou</td>
<td></td>
<td>A</td>
</tr>
<tr data-url="/search/default/727478?translation=1&amp;term=test&amp;slug=anglicko-slovensky&amp;paginator-page=1&amp;do=getInfo" id="snippet--term-727478">
<td>test</td>
<td>výsledok skúšky</td>
<td></td>
<td>A</td>
</tr>
<tr data-url="/search/default/727479?translation=1&amp;term=test&amp;slug=anglicko-slovensky&amp;paginator-page=1&amp;do=getInfo" id="snippet--term-727479">
<td>test</td>
<td>redakcia</td>
<td></td>
<td>A</td>
</tr>
<tr data-url="/search/default/727480?translation=1&amp;term=test&amp;slug=anglicko-slovensky&amp;paginator-page=1&amp;do=getInfo" id="snippet--term-727480">
<td>test</td>
<td>vodičská skúška</td>
<td></td>
<td>A</td>
</tr>
<tr data-url="/search/default/727481?translation=1&amp;term=test&amp;slug=anglicko-slovensky&amp;paginator-page=1&amp;do=getInfo" id="snippet--term-727481">
<td>test</td>
<td>lastúra</td>
<td></td>
<td>A</td>
</tr>
<tr data-url="/search/default/727482?translation=1&amp;term=test&amp;slug=anglicko-slovensky&amp;paginator-page=1&amp;do=getInfo" id="snippet--term-727482">
<td>test</td>
<td>ladenie</td>
<td></td>
<td>A</td>
</tr>
<tr data-url="/search/default/727483?translation=1&amp;term=test&amp;slug=anglicko-slovensky&amp;paginator-page=1&amp;do=getInfo" id="snippet--term-727483">
<td>test</td>
<td>ladiť</td>
<td></td>
<td>C</td>
</tr>
<tr data-url="/search/default/727484?translation=1&amp;term=test&amp;slug=anglicko-slovensky&amp;paginator-page=1&amp;do=getInfo" id="snippet--term-727484">
<td>test</td>
<td>osvedčiť</td>
<td></td>
<td>C</td>
</tr>
</tbody></table>
</div>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</template> </template>