QCalendar implementation test

@@ -0,0 +56,4 @@
+
+    if (data.holidays) {
+        data.holidays.forEach((holiday) => {
+            const holidayDetail = holiday.detail && holiday.detail.name;

@@ -0,0 +172,4 @@
+        <QScrollArea class="fit text-grey-8">
+            <WorkerCalendarFilter
+                ref="workerCalendarFilterRef"
+                v-model:business-fk="businessFk"

@@ -0,0 +197,4 @@
+                <QTooltip max-width="250px">
+                    {{
+                        t(
+                            'To start adding absences, click an absence type from the right menu and then on the day you want to add an absence'

@@ -0,0 +114,4 @@
+        </QCardSection>
+    </div>
+    <div
+        v-if="contractHolidays"

@@ -0,0 +125,4 @@
+        </QCardSection>
+        <QCardSection class="column items-center" horizontal>
+            <span>
+                {{ t('Used') }} {{ yearHolidays.holidaysEnjoyed || 0 }} {{ t('of') }}

@@ -0,0 +142,4 @@
+                <VnSelectFilter
+                    :label="t('Year')"
+                    v-model="selectedYear"
+                    :options="yearList || []"

@@ -0,0 +20,4 @@
+    <QChip
+        class="chip"
+        :selected="selected"
+        :style="selected ? { backgroundColor: color } : null"

@@ -0,0 +33,4 @@
+</template>
+
+<style scoped lang="scss">
+.chip {

@@ -0,0 +7,4 @@
+import QCalendarMonthWrapper from 'src/components/ui/QCalendarMonthWrapper.vue';
+import { QCalendarMonth } from '@quasar/quasar-ui-qcalendar/src/index.js';
+import '@quasar/quasar-ui-qcalendar/src/QCalendarVariables.sass';
+import '@quasar/quasar-ui-qcalendar/src/QCalendarMonth.sass';

@@ -0,0 +72,4 @@
+        auto-load
+    />
+    <FetchData
+        v-if="businessFk"

@@ -0,0 +76,4 @@
+        :url="`Workers/${route.params.id}/contracts`"
+        :filter="{
+            fields: ['businessFk', 'businessFk', 'started', 'ended'],
+            where: { businessFk },