fix: refs #8709 workerCalendar

src/pages/Worker/Card/WorkerCalendar.vue

@@ -176,7 +176,8 @@ watch([year, businessFk], () => refreshData());
         auto-load
     />
     <FetchData
-        :url="`Workers/${route.params.id}`"
+        url="Workers/summary"
+        :filter="{ fields: ['id', 'isFreelance'], where: { id: route.params.id } }"
         @on-fetch="(data) => (workerIsFreelance = data.isFreelance)"
         ref="WorkerFreelanceRef"
         auto-load

src/pages/Worker/Card/WorkerCalendarFilter.vue

@@ -7,10 +7,13 @@ import useNotify from 'src/composables/useNotify';
 import { useRoute } from 'vue-router';
 import { computed, ref, watch } from 'vue';
 import { toDateFormat } from '../../../filters/date';
+import VnInput from 'src/components/common/VnInput.vue';
+import FormModelPopup from 'components/FormModelPopup.vue';
 const { notify } = useNotify();
 
 const { t } = useI18n();
 const route = useRoute();
+const holidayDialogRef = ref(false);
 
 const props = defineProps({
     businessFk: {
@@ -40,8 +43,11 @@ watch(
     (newValue) => {
         checkHolidays(newValue);
     },
-    { deep: true, immediate: true }
+    { deep: true, immediate: true },
 );
+function openDialog() {
+    holidayDialogRef.value = true;
+}
 const emit = defineEmits(['update:businessFk', 'update:year', 'update:absenceType']);
 
 const selectedBusinessFk = computed({
@@ -83,7 +89,6 @@ const absenceTypeList = ref([]);
 const contractList = ref([]);
 const yearList = ref(generateYears());
 </script>
-
 <template>
     <FetchData
         url="AbsenceTypes"
@@ -96,7 +101,23 @@ const yearList = ref(generateYears());
         @on-fetch="(data) => (contractList = data)"
         auto-load
     />
-
+    <QDialog v-model="holidayDialogRef" :maximized="true" :class="['vn-row', 'wrap']">
+        <FormModelPopup
+            :url-update="`Holidays/${route.params.id}/updatePayedHolidays`"
+            model="travel"
+            :title="t('paidHolidays')"
+            :form-initial-data="{ id: route.params.id }"
+            @on-data-saved="fetchDataRef.fetch()"
+        >
+            <template #form-inputs="{ data }">
+                <VnInput
+                    v-model="contractHolidays.payedHolidays"
+                    :label="t('paidHolidays')"
+                    type="number"
+                />
+            </template>
+        </FormModelPopup>
+    </QDialog>
     <div
         v-if="contractHolidays"
         class="q-pa-md q-mb-md q-ma-md color-vn-text"
@@ -134,6 +155,14 @@ const yearList = ref(generateYears());
                         payedHolidays: contractHolidays.payedHolidays || 0,
                     })
                 }}
+                <QBtn
+                    style="max-width: 20%"
+                    flat
+                    icon="edit"
+                    @click="openDialog()"
+                    :title="t('paidHolidays')"
+                    color="primary"
+                />
             </span>
         </QCardSection>
     </div>