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

fix(timesheet): fix issue on mobile version where shifts cannot be deleted

Browse Source
This commit is contained in:
Nic D 2026-03-23 15:15:43 -04:00
parent 6576177652
commit 985b8a7564
1 changed files with 21 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/modules/timesheets/components/mobile/shift-list-day-mobile.vue
View File

@ -10,11 +10,13 @@
import { useUiStore } from 'src/stores/ui-store';
import { useTimesheetStore } from 'src/stores/timesheet-store';
import { Shift } from 'src/modules/timesheets/models/shift.models';
import { useShiftApi } from 'src/modules/timesheets/composables/use-shift-api';
import type { TimesheetDay } from 'src/modules/timesheets/models/timesheet.models';
// import { useTimesheetApi } from 'src/modules/timesheets/composables/use-timesheet-api';
import { isShiftOverlap } from 'src/modules/timesheets/utils/shift.util';
const { locale } = useI18n();
const uiStore = useUiStore();
const shiftApi = useShiftApi();
const timesheetStore = useTimesheetStore();
const day = defineModel<TimesheetDay>({ required: true });
@ -44,6 +46,22 @@
else if (locale.value === 'en-CA')
return holiday.nameEn;
};
const onTimeFieldBlur = () => {
const is_error = isShiftOverlap(day.value.shifts);
day.value.shifts.map(shift => shift.has_error = is_error);
}
const deleteCurrentShift = async (shiftId: number, index: number) => {
if (shiftId <= 0)
day.value.shifts.splice(index, 1);
else
await shiftApi.deleteShiftById(shiftId);
if (day.value.shifts.length < 2) {
onTimeFieldBlur();
}
};
</script>
<template>
@ -93,13 +111,14 @@
class="q-pa-none transparent"
>
<div
v-for="_shift, shiftIndex in day.shifts"
v-for="shift, shiftIndex in day.shifts"
:key="shiftIndex"
>
<ShiftListDayRowMobile
v-model:shift="day.shifts[shiftIndex]!"
:current-shifts="day.shifts"
:has-shift-after="shiftIndex < day.shifts.length - 1"
@request-delete="deleteCurrentShift(shift.id, shiftIndex)"
/>
</div>
</div>