louis/targo-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(employee-management): can now set last work day of employee to null properly

Browse Source
This commit is contained in:
Nicolas Drolet 2025-12-04 11:47:24 -05:00
parent 2affa8470b
commit fa62fb5ba1
3 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/modules/employee-list/components/employee/add-modify-dialog-form.vue
View File

@ -9,6 +9,13 @@
const last_work_day = computed(() => employee_store.employee.last_work_day ?? '---');
const is_first_day_picker_open = ref(false);
const is_last_day_picker_open = ref(false);
const setLastWorkDay = (date: string | number | null) => {
if (typeof date === 'string' && date.length > 0) {
employee_store.employee.last_work_day = date;
}
employee_store.employee.last_work_day = null;
}
</script>
<template>
@ -224,6 +231,7 @@
label-slot
mask="####-##-##"
class="col q-mx-md"
@update:model-value="setLastWorkDay"
>
<template #label>
<span

10
src/modules/employee-list/components/employee/add-modify-dialog.vue
View File

@ -30,7 +30,7 @@
@show="Object.assign(initial_employee_profile, employee_store.employee)"
>
<div
class="column bg-secondary rounded-10"
class="column bg-secondary rounded-10 no-wrap"
:class="$q.dark.isActive ? 'shadow-24' : 'shadow-10'"
:style="($q.screen.lt.md ? ' ' : 'max-width: 60vw !important; height: 60vh') +
($q.dark.isActive ? 'border: 2px solid var(--q-accent)' : '')"
@ -50,25 +50,25 @@
<q-slide-transition>
<div
v-if="current_step === 'access'"
class="col-12 row flex-center q-px-sm q-py-xs bg-accent"
class="col-12 row flex-center q-px-sm q-py-xs bg-accent no-wrap"
>
<q-icon
name="info_outline"
color="white"
size="sm"
class="self-end q-mr-sm"
class="col-auto q-mr-sm"
/>
<q-item-label
caption
class="text-white text-weight-medium"
class="col text-white"
>{{ $t('employee_management.module_access.usage_description') }}</q-item-label>
</div>
</q-slide-transition>
</div>
<div class="col column q-pa-md">
<div class="col column q-pa-md no-wrap">
<div class="col">
<transition
:enter-active-class="'animated ' + transition_in_animation"

4
src/modules/employee-list/models/employee-profile.models.ts
View File

@ -13,7 +13,7 @@ export class EmployeeProfile {
email: string;
phone_number: string;
first_work_day: string;
last_work_day: string;
last_work_day?: string | null;
external_payroll_id: number;
residence: string;
birth_date: string;
@ -28,7 +28,7 @@ export class EmployeeProfile {
this.email = '';
this.phone_number = '';
this.first_work_day = '';
this.last_work_day = '';
this.last_work_day = null;
this.residence = '';
this.birth_date = '';
this.external_payroll_id = -1;