feat: refs #8443 created vehicle events

@@ -0,0 +92,4 @@
+                show-work-weeks
+                no-outside-days
+                no-active-date
+                :weekdays="[1, 2, 3, 4, 5, 6, 0]"

@@ -0,0 +198,4 @@
+    align-items: center;
+    background-color: $primary;
+    font-weight: bold;
+    font-size: 16px;

@@ -0,0 +9,4 @@
+        cy.get('.q-page-sticky > div > .q-btn').click();
+        cy.dataCy('Started_inputDate').type('05/02/2001');
+        cy.dataCy('Finished_inputDate').type('08/02/2001');
+        cy.get(':nth-child(5) > [label="Description"] > .q-field > .q-field__inner > .q-field__control > .q-field__control-container > [data-cy="Description_input"]').type('Test');

@@ -0,0 +23,4 @@
+        cy.get('.q-mt-lg > .q-btn--standard').click();
+    });
+
+    it('should delete a vehicle event', () => {

@@ -0,0 +63,4 @@
+    vehicleFormData.value.vehicleFk = route.params.id;
+    vehicleFormData.value.userFk = user.value.id;
+    
+    if (isNew.value) {

@@ -0,0 +81,4 @@
+const deleteVehicleEvent = async () => {
+    if (!props.event) return;
+    await axios.delete(`VehicleEvents/${props.event?.id}`);
+    notify(t('globals.dataSaved'), 'positive');

@@ -0,0 +114,4 @@
+    emit('refresh-events');
+};
+
+onMounted(() => {

@@ -0,0 +142,4 @@
+                    url="VehicleStates"
+                    v-model="vehicleFormData.vehicleStateFk"
+                    :label="t('globals.state')"
+                    option-value="id"

@@ -0,0 +29,4 @@
+
+const openForm = (data, isBtnAdd) => {
+    const { date = null, isNewMode, event } = data;
+    vehicleEventsFormProps.date = date;

@@ -0,0 +125,4 @@
+</script>
+
+<template>
+    <QForm @submit="onSubmit()">

@@ -0,0 +1,147 @@
+<script setup>

@@ -0,0 +1,196 @@
+<script setup>

@@ -182,7 +184,7 @@ watch(_year, (newValue) => {
                 no-outside-days
                 :selected-dates="calendarEventDates"
                 no-active-date
-                :weekdays="[1, 2, 3, 4, 5, 6, 0]"

@@ -0,0 +16,4 @@
+        cy.get('.q-current-day > .q-calendar-month__day--content > .q-btn').click();
+        cy.dataCy('Started_inputDate').clear().type('03/02/2001');
+        cy.dataCy('Finished_inputDate').clear().type('15/03/2001');
+        cy.get(':nth-child(5) > [label="Description"] > .q-field > .q-field__inner > .q-field__control > .q-field__control-container > [data-cy="Description_input"]').clear().type('Test2');

@@ -0,0 +33,4 @@
+const weekdayStore = useWeekdayStore();
+const weekDays = useWeekdaysOrder();
+const calendarRef = ref(null);
+const today = ref(date.formatDate(Date.vnNew(), 'YYYY-MM-DD'));

@@ -0,0 +45,4 @@
+    return `${weekdayStore.getLocaleMonths[props.month - 1].locale} ${props.year}`;
+});
+
+const isToday = (timestamp) => {

@@ -0,0 +27,4 @@
+const lastDay = ref(Date.vnNew());
+const months = ref([]);
+const arrayData = useArrayData(props.dataKey);
+const { store } = arrayData;

@@ -0,0 +61,4 @@
+
+onMounted(() => {
+    if (props.event) {
+        vehicleFormData.value = { ...props.event };

@@ -0,0 +132,4 @@
+                <VnInputDate :label="t('Finished')" v-model="vehicleFormData.finished" />
+            </VnRow>
+            <VnRow>
+                <VnInput

@@ -0,0 +3,4 @@
+
+const emit = defineEmits(['onDateSelected']);
+
+const getEventAttrs = ({ day }) => ({

@@ -0,0 +1,97 @@
+<script setup>
+import { ref, watch, onMounted } from 'vue';

@@ -0,0 +8,4 @@
+import { useWeekdayStore } from 'src/stores/useWeekdayStore';
+import useWeekdaysOrder from 'src/composables/getWeekdays';
+
+const formatDate = (dateToFormat, format = 'YYYY-MM-DD') => {

@@ -0,0 +9,4 @@
+import useWeekdaysOrder from 'src/composables/getWeekdays';
+
+const formatDate = (dateToFormat, format = 'YYYY-MM-DD') => {
+  return date.formatDate(dateToFormat, format);

@@ -0,0 +38,4 @@
+const weekDays = useWeekdaysOrder();
+const calendarRef = ref(null);
+const today = ref(formatDate(Date.vnNew()));
+const todayTimestamp = computed(() => {

@@ -0,0 +82,4 @@
+
+<template>
+    <QCalendarMonthWrapper
+        style="height: 290px; width: 290px"

@@ -0,0 +140,4 @@
+            <VnInput
+                    v-model="vehicleFormData.description"
+                    :label="t('globals.description')"
+                    type="text"