From 03f7443d4098107806dd87050b8efa2ee10ad92e Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Wed, 14 Feb 2024 11:45:38 +0100
Subject: [PATCH] refs #4774 qtable

---
 src/pages/Worker/TraductionsVn.vue | 46 ++++++++++++++++++++++++++++--
 1 file changed, 44 insertions(+), 2 deletions(-)

diff --git a/src/pages/Worker/TraductionsVn.vue b/src/pages/Worker/TraductionsVn.vue
index a644f620e..0b6cec8bf 100644
--- a/src/pages/Worker/TraductionsVn.vue
+++ b/src/pages/Worker/TraductionsVn.vue
@@ -1,7 +1,49 @@
-<script setup></script>
+<script setup>
+import { useStateStore } from 'src/stores/useStateStore';
+import { computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
+const columns = computed(() => [
+    {
+        name: 'originalLang',
+        label: t('OriginalLanguage'),
+        align: 'left',
+    },
+    {
+        name: 'secondLang',
+        label: t('SecondLanguage'),
+        align: 'left',
+    },
+]);
+</script>
 
 <template>
-    <QTable> </QTable>
+    <QDrawer v-model="useStateStore.rightDrawer" side="right" :width="300" show-if-above>
+        <QSelect
+            class="q-mb-md q-mt-md"
+            outlined
+            v-model="model"
+            :options="options"
+            label="t('Table')"
+        />
+        <QSelect
+            class="q-mb-md"
+            outlined
+            v-model="model"
+            :options="options"
+            label="t('Language')"
+        />
+        <QSelect outlined v-model="model" :options="options" label="t('Table')" />
+    </QDrawer>
+    <QTable
+        :columns="columns"
+        :rows="rows"
+        :grid="$q.screen.lt.md"
+        :pagination="{ rowsPerPage: 0 }"
+        :hide-bottom="true"
+    >
+    </QTable>
 </template>
 
 <i18n>