#74 - vacation calendar (#87)

* - polishing calendar * wip * wip * #74 - wip * #74 - wip * #74 - wip * #74 - fix icons Co-authored-by: EwelinaLasowy <ewelina.lasowy@blumilk.pl>
2022-03-21 11:57:32 +01:00
parent 8c1819aa01
commit a0e60a3160
13 changed files with 326 additions and 82 deletions
--- a/resources/js/Composables/vacationTypeInfo.js
+++ b/resources/js/Composables/vacationTypeInfo.js
@@ -0,0 +1,76 @@
+import WhiteBalanceSunnyIcon from 'vue-material-design-icons/WhiteBalanceSunny.vue'
+import CommentAlertIcon from 'vue-material-design-icons/CommentAlert.vue'
+import StarShootingIcon from 'vue-material-design-icons/StarShooting.vue'
+import BabyCarriageIcon from 'vue-material-design-icons/BabyCarriage.vue'
+import HumanMaleBoardIcon from 'vue-material-design-icons/HumanMaleBoard.vue'
+import CurrencyUsdOffIcon from 'vue-material-design-icons/CurrencyUsdOff.vue'
+import HandHeartOutlineIcon from 'vue-material-design-icons/HandHeartOutline.vue'
+import CalendarCheckIcon from 'vue-material-design-icons/CalendarCheck.vue'
+import MedicalBagIcon from 'vue-material-design-icons/MedicalBag.vue'
+
+const types = [
+  {
+    text: 'Urlop wypoczynkowy',
+    value: 'vacation',
+    icon: WhiteBalanceSunnyIcon,
+    color: 'text-amber-500',
+  },
+  {
+    text: 'Urlop na żądanie',
+    value: 'vacation_on_request',
+    icon: CommentAlertIcon,
+    color: 'text-slate-500',
+  },
+  {
+    text: 'Urlop okolicznościowy',
+    value: 'special_vacation',
+    icon: StarShootingIcon,
+    color: 'text-orange-500',
+  },
+  {
+    text: 'Opieka nad dzieckiem art 188 kp',
+    value: 'childcare_vacation',
+    icon: BabyCarriageIcon,
+    color: 'text-purple-500',
+  },
+  {
+    text: 'Urlop szkoleniowy',
+    value: 'training_vacation',
+    icon: HumanMaleBoardIcon,
+    color: 'text-blumilk-500',
+  },
+  {
+    text: 'Urlop bezpłatny',
+    value: 'unpaid_vacation',
+    icon: CurrencyUsdOffIcon,
+    color: 'text-emerald-500',
+  },
+  {
+    text: 'Wolontariat',
+    value: 'volunteering_vacation',
+    icon: HandHeartOutlineIcon,
+    color: 'text-pink-500',
+  },
+  {
+    text: 'Odbiór za święto',
+    value: 'time_in_lieu',
+    icon: CalendarCheckIcon,
+    color: 'text-stone-500',
+  },
+  {
+    text: 'Zwolnienie lekarskie',
+    value: 'sick_vacation',
+    icon: MedicalBagIcon,
+    color: 'text-rose-500',
+  },
+]
+
+export function useVacationTypeInfo() {
+  const getTypes = () => types
+  const findType = value => types.find(type => type.value === value)
+
+  return {
+    getTypes,
+    findType,
+  }
+}