src/pages/Item/Card/ItemDiary.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { onMounted, computed, onUnmounted, reactive, ref, nextTick, watch } from 'vue';
+import { onMounted, computed, reactive, ref, nextTick, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRoute, useRouter } from 'vue-router';
 
@@ -12,20 +12,18 @@ import FetchData from 'components/FetchData.vue';
 import VnSelect from 'src/components/common/VnSelect.vue';
 import VnInputDate from 'src/components/common/VnInputDate.vue';
 
-import { useStateStore } from 'stores/useStateStore';
 import { toDateFormat } from 'src/filters/date.js';
 import { dashIfEmpty } from 'src/filters';
 import { date } from 'quasar';
 import { useState } from 'src/composables/useState';
 import { useArrayData } from 'src/composables/useArrayData';
 import axios from 'axios';
+import VnSubToolbar from 'components/ui/VnSubToolbar.vue';
 
 const { t } = useI18n();
 const route = useRoute();
 const router = useRouter();
-const stateStore = useStateStore();
 const state = useState();
-
 const user = state.getUser();
 const today = ref(Date.vnNew());
 const warehousesOptions = ref([]);
@@ -145,8 +143,6 @@ onMounted(async () => {
     await updateWarehouse(warehouseFk.value);
 });
 
-onUnmounted(() => (stateStore.rightDrawer = false));
-
 watch(
     () => router.currentRoute.value.params.id,
     (newId) => {
@@ -205,8 +201,8 @@ async function updateWarehouse(warehouseFk) {
         auto-load
         @on-fetch="(data) => (warehousesOptions = data)"
     />
-    <template v-if="stateStore.isHeaderMounted()">
-        <Teleport to="#st-data">
+    <VnSubToolbar class="q-mb-md">
+        <template #st-data>
             <div class="row">
                 <VnSelect
                     :label="t('itemDiary.warehouse')"
@@ -235,9 +231,8 @@ async function updateWarehouse(warehouseFk) {
                     @update:model-value="fetchItemBalances"
                 />
             </div>
-        </Teleport>
-        <Teleport to="#st-actions"> </Teleport>
-    </template>
+        </template>
+    </VnSubToolbar>
     <QPage class="column items-center q-pa-md">
         <QTable
             :rows="itemBalances"

src/pages/Worker/Card/WorkerDescriptor.vue

@@ -206,6 +206,8 @@ const handlePhotoUpdated = (evt = false) => {
 
 <i18n>
 es:
+    Go to client: Ir a cliente
+    Go to user: Ir al usuario
     Click to allow the user to be disabled: Marcar para deshabilitar
     Click to exclude the user from getting disabled: Marcar para no deshabilitar
 </i18n>