Merge branch 'test' into warmfix-workerBasicDataFix

2025-02-25 12:58:51 +00:00 · 2025-02-25 12:58:51 +00:00 · cbdae5de52
parent 4e58d0605d 3a559d37b5
commit cbdae5de52
15 changed files with 160 additions and 109 deletions
--- a/src/components/VnTable/VnFilter.vue
+++ b/src/components/VnTable/VnFilter.vue
@ -91,7 +91,6 @@ const components = {
        event: updateEvent,
        attrs: {
            ...defaultAttrs,
-            style: 'min-width: 150px',
        },
        forceAttrs,
    },
--- a/src/components/VnTable/VnTable.vue
+++ b/src/components/VnTable/VnTable.vue
@ -31,6 +31,8 @@ import VnLv from 'components/ui/VnLv.vue';
 import VnTableOrder from 'src/components/VnTable/VnOrder.vue';
 import VnTableFilter from './VnTableFilter.vue';
 import { getColAlign } from 'src/composables/getColAlign';
+import RightMenu from '../common/RightMenu.vue';
+import { QItemSection } from 'quasar';

 const arrayData = useArrayData(useAttrs()['data-key']);
 const $props = defineProps({
@ -414,20 +416,13 @@ async function renderInput(rowId, field, clickedElement) {
        eventHandlers: {
            'update:modelValue': async (value) => {
                if (isSelect && value) {
-                    row[column.name] = value[column.attrs?.optionValue ?? 'id'];
-                    row[column?.name + 'TextValue'] =
-                        value[column.attrs?.optionLabel ?? 'name'];
-                    await column?.cellEvent?.['update:modelValue']?.(
-                        value,
-                        oldValue,
-                        row,
-                    );
+                    await updateSelectValue(value, column, row, oldValue);
                } else row[column.name] = value;
                await column?.cellEvent?.['update:modelValue']?.(value, oldValue, row);
            },
            keyup: async (event) => {
                if (event.key === 'Enter')
-                    await destroyInput(rowIndex, field, clickedElement);
+                    await destroyInput(rowId, field, clickedElement);
            },
            keydown: async (event) => {
                switch (event.key) {
@ -458,6 +453,17 @@ async function renderInput(rowId, field, clickedElement) {
        node.el?.querySelector('span > div > div').focus();
 }

+async function updateSelectValue(value, column, row, oldValue) {
+    row[column.name] = value[column.attrs?.optionValue ?? 'id'];
+
+    row[column?.name + 'VnTableTextValue'] = value[column.attrs?.optionLabel ?? 'name'];
+
+    if (column?.attrs?.find?.label)
+        row[column?.attrs?.find?.label] = value[column.attrs?.optionLabel ?? 'name'];
+
+    await column?.cellEvent?.['update:modelValue']?.(value, oldValue, row);
+}
+
 async function destroyInput(rowIndex, field, clickedElement) {
    if (!clickedElement)
        clickedElement = document.querySelector(
@ -520,9 +526,9 @@ function getToggleIcon(value) {
 }

 function formatColumnValue(col, row, dashIfEmpty) {
-    if (col?.format || row[col?.name + 'TextValue']) {
-        if (selectRegex.test(col?.component) && row[col?.name + 'TextValue']) {
-            return dashIfEmpty(row[col?.name + 'TextValue']);
+    if (col?.format || row[col?.name + 'VnTableTextValue']) {
+        if (selectRegex.test(col?.component) && row[col?.name + 'VnTableTextValue']) {
+            return dashIfEmpty(row[col?.name + 'VnTableTextValue']);
        } else {
            return col.format(row, dashIfEmpty);
        }
@ -555,19 +561,33 @@ function formatColumnValue(col, row, dashIfEmpty) {
    }
    return dashIfEmpty(row[col?.name]);
 }
+
 function cardClick(_, row) {
    if ($props.redirect) router.push({ path: `/${$props.redirect}/${row.id}` });
 }
+
+function removeTextValue(data, getChanges) {
+    let changes = data.updates;
+    if (!changes) return data;
+
+    for (const change of changes) {
+        for (const key in change.data) {
+            if (key.endsWith('VnTableTextValue')) {
+                delete change.data[key];
+            }
+        }
+    }
+
+    data.updates = changes.filter((change) => Object.keys(change.data).length > 0);
+
+    if ($attrs?.beforeSaveFn) data = $attrs.beforeSaveFn(data, getChanges);
+
+    return data;
+}
 </script>
 <template>
-    <QDrawer
-        v-if="$props.rightSearch"
-        v-model="stateStore.rightDrawer"
-        side="right"
-        :width="256"
-        :overlay="$props.overlay"
-    >
-        <QScrollArea class="fit">
+    <RightMenu v-if="$props.rightSearch">
+        <template #right-panel>
            <VnTableFilter
                :data-key="$attrs['data-key']"
                :columns="columns"
@ -581,8 +601,8 @@ function cardClick(_, row) {
                    <slot :name="slotName" v-bind="slotData ?? {}" :key="slotName" />
                </template>
            </VnTableFilter>
-        </QScrollArea>
-    </QDrawer>
+        </template>
+    </RightMenu>
    <CrudModel
        v-bind="$attrs"
        :class="$attrs['class'] ?? 'q-px-md'"
@ -591,6 +611,7 @@ function cardClick(_, row) {
        @on-fetch="(...args) => emit('onFetch', ...args)"
        :search-url="searchUrl"
        :disable-infinite-scroll="isTableMode"
+        :before-save-fn="removeTextValue"
        @save-changes="reload"
        :has-sub-toolbar="$props.hasSubToolbar ?? isEditable"
        :auto-load="hasParams || $attrs['auto-load']"
@ -635,20 +656,13 @@ function cardClick(_, row) {
                        :skip="columnsVisibilitySkipped"
                    />
                    <QBtnToggle
+                        v-if="!tableModes.some((mode) => mode.disable)"
                        v-model="mode"
                        toggle-color="primary"
                        class="bg-vn-section-color"
                        dense
                        :options="tableModes.filter((mode) => !mode.disable)"
                    />
-
-                    <QBtn
-                        v-if="showRightIcon"
-                        icon="filter_alt"
-                        class="bg-vn-section-color q-ml-sm"
-                        dense
-                        @click="stateStore.toggleRightDrawer()"
-                    />
                </template>
                <template #header-cell="{ col }">
                    <QTh
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@ -153,6 +153,7 @@ globals:
    maxTemperature: Max
    minTemperature: Min
    changePass: Change password
+    setPass: Set password
    deleteConfirmTitle: Delete selected elements
    changeState: Change state
    raid: 'Raid {daysInForward} days'
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@ -157,6 +157,7 @@ globals:
    maxTemperature: Máx
    minTemperature: Mín
    changePass: Cambiar contraseña
+    setPass: Establecer contraseña
    deleteConfirmTitle: Eliminar los elementos seleccionados
    changeState: Cambiar estado
    raid: 'Redada {daysInForward} días'
--- a/src/pages/Account/Card/AccountDescriptorMenu.vue
+++ b/src/pages/Account/Card/AccountDescriptorMenu.vue
@ -25,12 +25,13 @@ const $props = defineProps({
 const { t } = useI18n();
 const { hasAccount } = toRefs($props);
 const { openConfirmationModal } = useVnConfirm();
+const arrayData = useArrayData('Account');
 const route = useRoute();
 const router = useRouter();
 const state = useState();
 const user = state.getUser();
 const { notify } = useQuasar();
-const account = computed(() => useArrayData('Account').store.data[0]);
+const account = computed(() => arrayData.store.data);
 account.value.hasAccount = hasAccount.value;
 const entityId = computed(() => +route.params.id);
 const hasitManagementAccess = ref();
@ -39,7 +40,7 @@ const isHimself = computed(() => user.value.id === account.value.id);
 const url = computed(() =>
    isHimself.value
        ? 'Accounts/change-password'
-        : `Accounts/${entityId.value}/setPassword`
+        : `Accounts/${entityId.value}/setPassword`,
 );

 async function updateStatusAccount(active) {
@ -153,6 +154,7 @@ onMounted(() => {
                t('account.card.actions.disableAccount.title'),
                t('account.card.actions.disableAccount.subtitle'),
                () => deleteAccount(),
+                () => deleteAccount(),
            )
        "
    >
@ -172,6 +174,7 @@ onMounted(() => {
                t('account.card.actions.enableAccount.title'),
                t('account.card.actions.enableAccount.subtitle'),
                () => updateStatusAccount(true),
+                () => updateStatusAccount(true),
            )
        "
    >
@ -186,6 +189,7 @@ onMounted(() => {
                t('account.card.actions.disableAccount.title'),
                t('account.card.actions.disableAccount.subtitle'),
                () => updateStatusAccount(false),
+                () => updateStatusAccount(false),
            )
        "
    >
@ -201,6 +205,7 @@ onMounted(() => {
                t('account.card.actions.activateUser.title'),
                t('account.card.actions.activateUser.title'),
                () => updateStatusUser(true),
+                () => updateStatusUser(true),
            )
        "
    >
@ -215,6 +220,7 @@ onMounted(() => {
                t('account.card.actions.deactivateUser.title'),
                t('account.card.actions.deactivateUser.title'),
                () => updateStatusUser(false),
+                () => updateStatusUser(false),
            )
        "
    >
--- a/src/pages/Customer/components/CustomerNewPayment.vue
+++ b/src/pages/Customer/components/CustomerNewPayment.vue
@ -77,7 +77,6 @@ onBeforeMount(() => {
 function setPaymentType(accounting) {
    if (!accounting) return;
    accountingType.value = accounting.accountingType;
-
    initialData.description = [];
    initialData.payed = Date.vnNew();
    isCash.value = accountingType.value.code == 'cash';
@ -87,14 +86,14 @@ function setPaymentType(accounting) {
            initialData.payed.getDate() + accountingType.value.daysInFuture,
        );
    maxAmount.value = accountingType.value && accountingType.value.maxAmount;
-
    if (accountingType.value.code == 'compensation')
        return (initialData.description = '');
-    if (accountingType.value.receiptDescription)
-        initialData.description.push(accountingType.value.receiptDescription);
-    if (initialData.description) initialData.description.push(initialData.description);

-    initialData.description = initialData.description.join(', ');
+    let descriptions = [];
+    if (accountingType.value.receiptDescription)
+        descriptions.push(accountingType.value.receiptDescription);
+    if (initialData.description) descriptions.push(initialData.description);
+    initialData.description = descriptions.join(', ');
 }

 const calculateFromAmount = (event) => {
--- a/src/pages/Entry/Card/EntryBuys.vue
+++ b/src/pages/Entry/Card/EntryBuys.vue
@ -639,7 +639,7 @@ onMounted(() => {
                'flex-wrap': 'wrap',
                gap: '16px',
                position: 'relative',
-                height: '450px',
+                height: '500px',
            },
            columnGridStyle: {
                'max-width': '50%',
@ -650,7 +650,7 @@ onMounted(() => {
        :is-editable="editableMode"
        :without-header="!editableMode"
        :with-filters="editableMode"
-        :right-search="true"
+        :right-search="editableMode"
        :right-search-icon="true"
        :row-click="false"
        :columns="columns"
--- a/src/pages/Entry/EntryList.vue
+++ b/src/pages/Entry/EntryList.vue
@ -274,7 +274,7 @@ onBeforeMount(async () => {
        :array-data-props="{
            url: 'Entries/filter',
            order: 'landed DESC',
-            userFilter: EntryFilter,
+            userFilter: entryQueryFilter,
        }"
    >
        <template #advanced-menu>
--- a/src/pages/Route/RouteExtendedList.vue
+++ b/src/pages/Route/RouteExtendedList.vue
@ -3,7 +3,7 @@ import { computed, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useSummaryDialog } from 'src/composables/useSummaryDialog';
 import { useQuasar } from 'quasar';
-import { dashIfEmpty, toDate, toHour } from 'src/filters';
+import { toDate, toHour } from 'src/filters';
 import { useRouter } from 'vue-router';
 import { usePrintService } from 'src/composables/usePrintService';

--- a/src/pages/Ticket/Card/TicketEditMana.vue
+++ b/src/pages/Ticket/Card/TicketEditMana.vue
@ -1,32 +1,26 @@
 <script setup>
-import { ref } from 'vue';
+import axios from 'axios';
 import { useI18n } from 'vue-i18n';
+import { computed, ref } from 'vue';
+import { useRoute } from 'vue-router';
 import { toCurrency } from 'src/filters';
 import VnUsesMana from 'components/ui/VnUsesMana.vue';

 const $props = defineProps({
-    mana: {
-        type: Number,
-        default: null,
-    },
    newPrice: {
        type: Number,
        default: 0,
    },
-    usesMana: {
-        type: Boolean,
-        default: false,
-    },
-    manaCode: {
-        type: String,
-        default: 'mana',
-    },
    sale: {
        type: Object,
        default: null,
    },
 });

+const route = useRoute();
+const mana = ref(null);
+const usesMana = ref(false);
+
 const emit = defineEmits(['save', 'cancel']);

 const { t } = useI18n();
@ -38,32 +32,47 @@ const save = (sale = $props.sale) => {
    QPopupProxyRef.value.hide();
 };

+const getMana = async () => {
+    const { data } = await axios.get(`Tickets/${route.params.id}/getSalesPersonMana`);
+    mana.value = data;
+    await getUsesMana();
+};
+
+const getUsesMana = async () => {
+    const { data } = await axios.get('Sales/usesMana');
+    usesMana.value = data;
+};
+
 const cancel = () => {
    emit('cancel');
    QPopupProxyRef.value.hide();
 };
+const hasMana = computed(() => typeof mana.value === 'number');
 defineExpose({ save });
 </script>

 <template>
-    <QPopupProxy ref="QPopupProxyRef" data-cy="ticketEditManaProxy">
+    <QPopupProxy
+        ref="QPopupProxyRef"
+        @before-show="getMana"
+        data-cy="ticketEditManaProxy"
+    >
        <div class="container">
-            <QSpinner v-if="!mana" color="primary" size="md" />
-            <div v-else>
-                <div class="header">Mana: {{ toCurrency(mana) }}</div>
-                <div class="q-pa-md">
-                    <slot :popup="QPopupProxyRef" />
-                    <div v-if="usesMana" class="column q-gutter-y-sm q-mt-sm">
-                        <VnUsesMana :mana-code="manaCode" />
-                    </div>
-                    <div v-if="newPrice" class="column items-center q-mt-lg">
-                        <span class="text-primary">{{ t('New price') }}</span>
-                        <span class="text-subtitle1">
-                            {{ toCurrency($props.newPrice) }}
-                        </span>
-                    </div>
+            <div class="header">Mana: {{ toCurrency(mana) }}</div>
+            <QSpinner v-if="!hasMana" color="primary" size="md" />
+            <div class="q-pa-md" v-else>
+                <slot :popup="QPopupProxyRef" />
+                <div v-if="usesMana" class="column q-gutter-y-sm q-mt-sm">
+                    <VnUsesMana :mana-code="manaCode" />
+                </div>
+                <div v-if="newPrice" class="column items-center q-mt-lg">
+                    <span class="text-primary">{{ t('New price') }}</span>
+                    <span class="text-subtitle1">
+                        {{ toCurrency($props.newPrice) }}
+                    </span>
                </div>
            </div>
+
            <div class="row">
                <QBtn
                    color="primary"
--- a/src/pages/Ticket/Card/TicketSale.vue
+++ b/src/pages/Ticket/Card/TicketSale.vue
@ -45,7 +45,6 @@ const isTicketEditable = ref(false);
 const sales = ref([]);
 const editableStatesOptions = ref([]);
 const selectedSales = ref([]);
-const mana = ref(null);
 const manaCode = ref('mana');
 const ticketState = computed(() => store.data?.ticketState?.state?.code);
 const transfer = ref({
@ -259,18 +258,6 @@ const DEFAULT_EDIT = {
    oldQuantity: null,
 };
 const edit = ref({ ...DEFAULT_EDIT });
-const usesMana = ref(null);
-
-const getUsesMana = async () => {
-    const { data } = await axios.get('Sales/usesMana');
-    usesMana.value = data;
-};
-
-const getMana = async () => {
-    const { data } = await axios.get(`Tickets/${route.params.id}/getSalesPersonMana`);
-    mana.value = data;
-    await getUsesMana();
-};

 const selectedValidSales = computed(() => {
    if (!sales.value) return;
@ -278,7 +265,6 @@ const selectedValidSales = computed(() => {
 });

 const onOpenEditPricePopover = async (sale) => {
-    await getMana();
    edit.value = {
        sale: JSON.parse(JSON.stringify(sale)),
        price: sale.price,
@ -286,7 +272,6 @@ const onOpenEditPricePopover = async (sale) => {
 };

 const onOpenEditDiscountPopover = async (sale) => {
-    await getMana();
    if (isLocked.value) return;
    if (sale) {
        edit.value = {
@ -307,7 +292,6 @@ const changePrice = async (sale) => {
            await confirmUpdate(() => updatePrice(sale, newPrice));
        } else updatePrice(sale, newPrice);
    }
-    await getMana();
 };
 const updatePrice = async (sale, newPrice) => {
    await axios.post(`Sales/${sale.id}/updatePrice`, { newPrice });
@ -600,9 +584,7 @@ watch(
                    :is-ticket-editable="isTicketEditable"
                    :sales="selectedValidSales"
                    :disable="!hasSelectedRows"
-                    :mana="mana"
                    :ticket-config="ticketConfig"
-                    @get-mana="getMana()"
                    @update-discounts="updateDiscounts"
                    @refresh-table="resetChanges"
                />
@ -785,7 +767,6 @@ watch(
                </QBtn>
                <TicketEditManaProxy
                    ref="editPriceProxyRef"
-                    :mana="mana"
                    :sale="row"
                    :new-price="getNewPrice"
                    @save="changePrice"
@ -808,10 +789,8 @@ watch(

                <TicketEditManaProxy
                    ref="editManaProxyRef"
-                    :mana="mana"
                    :sale="row"
                    :new-price="getNewPrice"
-                    :uses-mana="usesMana"
                    :mana-code="manaCode"
                    @save="changeDiscount"
                >
--- a/src/pages/Ticket/Card/TicketSaleMoreActions.vue
+++ b/src/pages/Ticket/Card/TicketSaleMoreActions.vue
@ -34,10 +34,6 @@ const props = defineProps({
        type: Array,
        default: () => [],
    },
-    mana: {
-        type: Number,
-        default: null,
-    },
    ticketConfig: {
        type: Array,
        default: () => [],
@ -220,7 +216,6 @@ const createRefund = async (withWarehouse) => {
                <TicketEditManaProxy
                    ref="editManaProxyRef"
                    :sale="row"
-                    :mana="props.mana"
                    @save="changeMultipleDiscount"
                >
                    <VnInput
--- a/src/pages/Worker/Card/WorkerBusiness.vue
+++ b/src/pages/Worker/Card/WorkerBusiness.vue
@ -3,7 +3,7 @@ import { ref, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRoute } from 'vue-router';
 import VnTable from 'components/VnTable/VnTable.vue';
-import { toDate } from 'src/filters';
+import { dashIfEmpty, toDate } from 'src/filters';
 import { useQuasar } from 'quasar';
 import axios from 'axios';

@ -15,7 +15,7 @@ const quasar = useQuasar();

 async function reactivateWorker() {
    const hasToReactive = tableRef.value.CrudModelRef.formData.find(
-        (data) => !data.ended
+        (data) => !data.ended,
    );
    if (hasToReactive) {
        quasar
@ -38,25 +38,25 @@ const columns = computed(() => [
    {
        name: 'started',
        label: t('worker.business.tableVisibleColumns.started'),
-        align: 'left',
        format: ({ started }) => toDate(started),
        component: 'date',
        cardVisible: true,
        create: true,
+        width: '90px',
    },

    {
        name: 'ended',
        label: t('worker.business.tableVisibleColumns.ended'),
-        align: 'left',
        format: ({ ended }) => toDate(ended),
        component: 'date',
        cardVisible: true,
        create: true,
+        width: '90px',
    },
    {
        label: t('worker.business.tableVisibleColumns.company'),
-        align: 'left',
+        toolTip: t('worker.business.tableVisibleColumns.company'),
        name: 'companyCodeFk',
        component: 'select',
        attrs: {
@ -65,23 +65,23 @@ const columns = computed(() => [
            optionLabel: 'code',
            optionValue: 'code',
        },
-        cardVisible: true,
        create: true,
+        width: '60px',
    },
    {
-        align: 'left',
        name: 'reasonEndFk',
        component: 'select',
        label: t('worker.business.tableVisibleColumns.reasonEnd'),
+        toolTip: t('worker.business.tableVisibleColumns.reasonEnd'),
        attrs: {
            url: 'BusinessReasonEnds',
            fields: ['id', 'reason'],
            optionLabel: 'reason',
        },
        cardVisible: true,
+        format: ({ reason }, dashIfEmpty) => dashIfEmpty(reason),
    },
    {
-        align: 'left',
        name: 'departmentFk',
        component: 'select',
        label: t('worker.business.tableVisibleColumns.department'),
@ -89,15 +89,19 @@ const columns = computed(() => [
            url: 'Departments',
            fields: ['id', 'name'],
            optionLabel: 'name',
+            optionValue: 'id',
        },
        cardVisible: true,
        create: true,
+        width: '80px',
+        format: ({ departmentName }, dashIfEmpty) => dashIfEmpty(departmentName),
    },
    {
        align: 'left',
        name: 'workerBusinessProfessionalCategoryFk',
        component: 'select',
        label: t('worker.business.tableVisibleColumns.professionalCategory'),
+        toolTip: t('worker.business.tableVisibleColumns.professionalCategory'),
        attrs: {
            url: 'WorkerBusinessProfessionalCategories',
            fields: ['id', 'description', 'code'],
@ -105,6 +109,9 @@ const columns = computed(() => [
        },
        cardVisible: true,
        create: true,
+        width: '100px',
+        format: ({ professionalDescription }, dashIfEmpty) =>
+            dashIfEmpty(professionalDescription),
    },
    {
        align: 'left',
@ -118,6 +125,8 @@ const columns = computed(() => [
        },
        cardVisible: true,
        create: true,
+        format: ({ calendarTypeDescription }, dashIfEmpty) =>
+            dashIfEmpty(calendarTypeDescription),
    },
    {
        align: 'left',
@ -131,6 +140,8 @@ const columns = computed(() => [
        },
        cardVisible: true,
        create: true,
+        width: '100px',
+        format: ({ workCenterName }, dashIfEmpty) => dashIfEmpty(workCenterName),
    },
    {
        align: 'left',
@ -144,6 +155,7 @@ const columns = computed(() => [
        },
        cardVisible: true,
        create: true,
+        format: ({ payrollDescription }, dashIfEmpty) => dashIfEmpty(payrollDescription),
    },
    {
        align: 'left',
@ -157,6 +169,7 @@ const columns = computed(() => [
        },
        cardVisible: true,
        create: true,
+        format: ({ occupationName }, dashIfEmpty) => dashIfEmpty(occupationName),
    },
    {
        align: 'left',
@ -165,6 +178,7 @@ const columns = computed(() => [
        component: 'input',
        cardVisible: true,
        create: true,
+        width: '50px',
    },
    {
        align: 'left',
@ -177,6 +191,8 @@ const columns = computed(() => [
        },
        cardVisible: true,
        create: true,
+        format: ({ workerBusinessTypeName }, dashIfEmpty) =>
+            dashIfEmpty(workerBusinessTypeName),
    },
    {
        align: 'left',
@ -185,6 +201,7 @@ const columns = computed(() => [
        component: 'input',
        cardVisible: true,
        create: true,
+        width: '70px',
    },
    {
        align: 'left',
@ -193,6 +210,7 @@ const columns = computed(() => [
        component: 'input',
        cardVisible: true,
        create: true,
+        width: '70px',
    },
    {
        name: 'notes',
@ -208,7 +226,7 @@ const columns = computed(() => [
    <VnTable
        ref="tableRef"
        data-key="WorkerBusiness"
-        :url="`Workers/${entityId}/Business`"
+        :url="`Workers/${entityId}/getWorkerBusiness`"
        save-url="/Businesses/crud"
        :create="{
            urlCreate: `Workers/${entityId}/Business`,
@ -218,13 +236,12 @@ const columns = computed(() => [
        }"
        order="id DESC"
        :columns="columns"
-        default-mode="card"
        auto-load
-        :disable-option="{ table: true }"
+        :disable-option="{ card: true }"
        :right-search="false"
-        card-class="grid-two q-gutter-x-xl q-gutter-y-md q-pr-lg q-py-lg"
        :is-editable="true"
        :use-model="true"
+        :right-search-icon="false"
        @save-changes="(data) => reactivateWorker(data)"
    />
 </template>
--- a/src/pages/Worker/Card/WorkerDescriptor.vue
+++ b/src/pages/Worker/Card/WorkerDescriptor.vue
@ -111,6 +111,7 @@ const handlePhotoUpdated = (evt = false) => {
        <template #body="{ entity }">
            <VnLv :label="t('globals.user')" :value="entity.user?.name" />
            <VnLv
+                class="ellipsis-text"
                :label="t('globals.params.email')"
                :value="entity.user?.emailUser?.email"
                copy
@ -177,6 +178,12 @@ const handlePhotoUpdated = (evt = false) => {
 .photo {
    height: 256px;
 }
+.ellipsis-text {
+    width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
 </style>

 <i18n>
--- a/test/cypress/integration/account/accountDescriptorMenu.spec.js
+++ b/test/cypress/integration/account/accountDescriptorMenu.spec.js
@ -0,0 +1,24 @@
+describe('ClaimNotes', () => {
+    const descriptorOptions = '[data-cy="descriptor-more-opts-menu"] > .q-list';
+    const url = '/#/account/1/summary';
+
+    it('should see all the account options', () => {
+        cy.login('itManagement');
+        cy.visit(url);
+        cy.dataCy('descriptor-more-opts').click();
+        cy.get(descriptorOptions)
+            .find('.q-item')
+            .its('length')
+            .then((count) => {
+                cy.log('Número de opciones:', count);
+                expect(count).to.equal(5);
+            });
+    });
+
+    it('should not see any option', () => {
+        cy.login('salesPerson');
+        cy.visit(url);
+        cy.dataCy('descriptor-more-opts').click();
+        cy.get(descriptorOptions).should('not.be.visible');
+    });
+});