refs #4774 qtable

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>