opendesk

1<template>
2  <div
3    v-if="holidayList.list.loading && !holidayList.list.data"
4    class="flex items-center justify-center absolute inset-x-0 top-5.5 bottom-0"
5  >
6    <LoadingIndicator class="w-4" />
7  </div>
8  <div v-else class="-ms-2 grow">
9    <div
10      v-if="!holidayList.list.loading && !holidayList.list.data?.length"
11      class="flex flex-col items-center justify-center gap-4 h-full"
12    >
13      <div
14        class="p-4 size-14.5 rounded-full bg-surface-gray-1 flex justify-center items-center"
15      >
16        <Briefcase class="size-6 text-ink-gray-6" />
17      </div>
18      <div class="flex flex-col items-center gap-1">
19        <div class="text-base-medium text-ink-gray-6">
20          {{ __("No Holiday list found") }}
21        </div>
22        <div class="text-p-sm text-ink-gray-5 max-w-60 text-center">
23          {{ __("Add one to get started.") }}
24        </div>
25      </div>
26    </div>
27    <div v-else>
28      <div class="flex text-sm text-ink-gray-5">
29        <div class="ms-2">{{ __("Schedule name") }}</div>
30      </div>
31      <hr class="mx-2 mt-2" />
32      <div>
33        <div
34          v-for="(holiday, index) in holidayList.list.data"
35          :key="holiday.name"
36        >
37          <HolidayListItem :data="holiday" />
38          <hr v-if="index !== holidayList.list.data.length - 1" class="mx-2" />
39        </div>
40      </div>
41    </div>
42  </div>
43</template>
44
45<script setup lang="ts">
46import HolidayListItem from "./HolidayListItem.vue";
47import { Button, LoadingIndicator } from "frappe-ui";
48import Briefcase from "~icons/lucide/briefcase";
49
50import { inject } from "vue";
51import {
52  holidayListActiveScreen,
53  resetHolidayData,
54} from "@/stores/holidayList";
55import { HolidayListResourceSymbol } from "@/types";
56
57const holidayList = inject(HolidayListResourceSymbol);
58
59const goToNew = () => {
60  resetHolidayData();
61  holidayListActiveScreen.value = {
62    screen: "view",
63    data: null,
64  };
65};
66</script>
67