refs #4774 changes traductions

src/i18n/es/index.js

@@ -1,3 +1,5 @@
+import TraductionsVn from 'src/pages/Worker/TraductionsVn.vue';
+
 export default {
     globals: {
         lang: {
@@ -889,6 +891,13 @@ export default {
         },
         imageNotFound: 'No se ha encontrado la imagen',
     },
+    TraductionsVn: {
+        pageTitles: {
+            TraductionsVn: 'Traducciones',
+        },
+        OriginalLanguage: 'Idioma Original',
+        SecondLanguage: 'Idioma Secundario',
+    },
     wagon: {
         pageTitles: {
             wagons: 'Vagones',

src/pages/Worker/TraductionsVn.vue

@@ -2,6 +2,7 @@
 import { useStateStore } from 'src/stores/useStateStore';
 import { computed } from 'vue';
 import { useI18n } from 'vue-i18n';
+import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
 
 const { t } = useI18n();
 const columns = computed(() => [
@@ -20,28 +21,29 @@ const columns = computed(() => [
 
 <template>
     <QDrawer v-model="useStateStore.rightDrawer" side="right" :width="300" show-if-above>
-        <QSelect
-            class="q-mb-md q-mt-md"
+        <VnSelectFilter
+            class="q-mb-md q-mt-xl"
             outlined
             v-model="model"
             :options="options"
-            label="t('Table')"
+            :label="t('Table')"
         />
-        <QSelect
+        <VnSelectFilter
             class="q-mb-md"
             outlined
             v-model="model"
             :options="options"
-            label="t('Language')"
+            :label="t('Language')"
         />
-        <QSelect outlined v-model="model" :options="options" label="t('Table')" />
+        <VnSelectFilter outlined v-model="model" :options="options" :label="t('Table')" />
     </QDrawer>
     <QTable
-        :columns="columns"
         :rows="rows"
+        :columns="columns"
+        row-key="id"
+        class="full-width q-mt-md"
         :grid="$q.screen.lt.md"
-        :pagination="{ rowsPerPage: 0 }"
-        :hide-bottom="true"
+        :no-data-label="t('globals.noResults')"
     >
     </QTable>
 </template>