{"version":3,"sources":["webpack:///./src/views/selfservice/ScheduleRequest.vue?8dca","webpack:///./src/views/selfservice/ScheduleRequest.vue","webpack:///src/views/selfservice/ScheduleRequest.vue","webpack:///./src/views/selfservice/ScheduleRequest.vue?2b93","webpack:///./src/views/selfservice/ScheduleRequest.vue?e68c","webpack:///./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js","webpack:///./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js","webpack:///./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js","webpack:///./node_modules/@babel/runtime/helpers/esm/slicedToArray.js","webpack:///./node_modules/core-js/modules/_object-to-array.js","webpack:///./src/views/selfservice/ScheduleRequest.vue?a159","webpack:///./node_modules/core-js/modules/es7.object.entries.js"],"names":["render","_vm","this","_c","_self","attrs","staticClass","ref","calendarView","showDate","simpleCalendarEvents","windowWidth","on","onViewDateEvent","slot","promptScheduleRequest","_v","$vs","rtl","$event","updateMonth","_s","_f","_l","calendarViewTypes","view","index","val","key","String","class","length","label","validForm","SchedulebuttonPromptActive","closeOnOutsideClick","currentSchedule","schedule","day","in","out","scheduleOptions","model","value","selectedSchedule","callback","$$v","expression","approverOptions","selectedApprover","directives","name","rawName","remarks","domProps","target","composing","DateScheduleonClick","formattedDate","scheduleForSelectedDay","dayOfWeek","calculateTotalHours","determineStatus","staticRenderFns","require","data","selectedDate","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday","Date","currentMonth","getMonth","activePromptAddSegment","activePromptEditSegment","created","moment","curDate","format","$store","state","AppActiveUser","uid","computed","timekeeping","calendarEvents","options","year","month","toLocaleDateString","weekday","methods","date","Object","entries","map","_ref","_ref2","_slicedToArray","times","event","currentTarget","isPopupVisible","$refs","calendar","getIncrementedPeriod","getAllSegmentsByMonth","inTime","outTime","inDate","concat","outDate","diff","components","vSelect","CalendarView","CalendarViewHeader","Datepicker","VuePerfectScrollbar","flatPickr","component","_arrayWithHoles","arr","Array","isArray","_iterableToArrayLimit","r","l","t","Symbol","iterator","e","n","i","u","a","f","o","call","next","done","push","_nonIterableRest","TypeError","unsupportedIterableToArray","DESCRIPTORS","getKeys","toIObject","isEnum","module","exports","isEntries","it","O","keys","result","$export","$entries","S"],"mappings":"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","file":"js/chunk-3aaa374c.c50464db.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ScheduleRequest.vue?vue&type=style&index=0&id=598869fc&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{attrs:{\"id\":\"simple-calendar-app\"}},[_c('div',{staticClass:\"vx-card no-scroll-content\"},[_c('calendar-view',{ref:\"calendar\",staticClass:\"theme-default\",attrs:{\"displayPeriodUom\":_vm.calendarView,\"show-date\":_vm.showDate,\"events\":_vm.simpleCalendarEvents,\"enableDragDrop\":\"\",\"eventTop\":_vm.windowWidth <= 400 ? '2rem' : '3rem',\"eventBorderHeight\":\"0px\",\"eventContentHeight\":\"1.65rem\"},on:{\"click-date\":_vm.onViewDateEvent}},[_c('div',{staticClass:\"mb-4\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('div',{staticClass:\"vx-row no-gutter\"},[_c('div',{staticClass:\"vx-col w-1/3 items-center sm:flex hidden\"},[_c('vs-button',{attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-plus\"},on:{\"click\":_vm.promptScheduleRequest}},[_vm._v(\"Add\")])],1),_c('div',{staticClass:\"vx-col sm:w-1/3 w-full sm:my-0 my-3 flex sm:justify-end justify-center order-last\"},[_c('div',{staticClass:\"flex items-center\"},[_c('feather-icon',{staticClass:\"cursor-pointer bg-primary text-white rounded-full\",attrs:{\"icon\":_vm.$vs.rtl ? 'ChevronRightIcon' : 'ChevronLeftIcon',\"svgClasses\":\"w-5 h-5 m-1\"},on:{\"click\":function($event){return _vm.updateMonth(-1)}}}),_c('span',{staticClass:\"mx-3 text-xl font-medium whitespace-no-wrap\"},[_vm._v(_vm._s(_vm._f(\"month\")(_vm.showDate)))]),_c('feather-icon',{staticClass:\"cursor-pointer bg-primary text-white rounded-full\",attrs:{\"icon\":_vm.$vs.rtl ? 'ChevronLeftIcon' : 'ChevronRightIcon',\"svgClasses\":\"w-5 h-5 m-1\"},on:{\"click\":function($event){return _vm.updateMonth(1)}}})],1)]),_c('div',{staticClass:\"vx-col sm:w-1/3 w-full flex justify-center\"},[_vm._l((_vm.calendarViewTypes),function(view,index){return [(_vm.calendarView === view.val)?_c('vs-button',{key:String(view.val) + 'filled',staticClass:\"p-3 md:px-8 md:py-3\",class:{\n                    'border-l-0 rounded-l-none': index,\n                    'rounded-r-none': _vm.calendarViewTypes.length !== index + 1,\n                  },attrs:{\"type\":\"filled\"},on:{\"click\":function($event){_vm.calendarView = view.val}}},[_vm._v(_vm._s(view.label))]):_c('vs-button',{key:String(view.val) + 'border',staticClass:\"p-3 md:px-8 md:py-3\",class:{\n                    'border-l-0 rounded-l-none': index,\n                    'rounded-r-none': _vm.calendarViewTypes.length !== index + 1,\n                  },attrs:{\"type\":\"border\"},on:{\"click\":function($event){_vm.calendarView = view.val}}},[_vm._v(_vm._s(view.label))])]})],2)])])]),_c('vs-prompt',{staticClass:\"email-compose\",attrs:{\"title\":\"Apply Change Schedule\",\"accept-text\":\"Submit\",\"is-valid\":_vm.validForm,\"active\":_vm.SchedulebuttonPromptActive},on:{\"update:active\":function($event){_vm.SchedulebuttonPromptActive=$event},\"close\":_vm.closeOnOutsideClick}},[_c('vx-card',{attrs:{\"title\":\"Please fill-out the following information\"}},[_c('h4',[_vm._v(\"Current Schedule\")]),_c('table',{staticClass:\"schedule-table\"},[_c('thead',[_c('tr',[_c('th',[_vm._v(\"Day\")]),_c('th',[_vm._v(\"Scheduled In\")]),_c('th',[_vm._v(\"Scheduled Out\")])])]),_c('tbody',_vm._l((_vm.currentSchedule),function(schedule,index){return _c('tr',{key:index},[_c('td',[_vm._v(_vm._s(schedule.day))]),_c('td',[_vm._v(_vm._s(schedule.in))]),_c('td',[_vm._v(_vm._s(schedule.out))])])}),0)]),_c('div',{staticClass:\"arrow-indicator\"},[_c('span',[_vm._v(\"↓\")])]),_c('div',{staticClass:\"dropdown-container\"},[_c('div',{staticClass:\"Schedule-Group-Dropdown\"},[_c('label',{staticClass:\"text-sm opacity-75\"},[_vm._v(\"Select Schedule\")]),_c('v-select',{attrs:{\"options\":_vm.scheduleOptions},model:{value:(_vm.selectedSchedule),callback:function ($$v) {_vm.selectedSchedule=$$v},expression:\"selectedSchedule\"}})],1),_c('div',{staticClass:\"Approver-Group-Dropdown\"},[_c('label',{staticClass:\"text-sm opacity-75\"},[_vm._v(\"Select Approver\")]),_c('v-select',{attrs:{\"options\":_vm.approverOptions},model:{value:(_vm.selectedApprover),callback:function ($$v) {_vm.selectedApprover=$$v},expression:\"selectedApprover\"}})],1)]),_c('h4',[_vm._v(\"Shift Type\")]),_c('table',{staticClass:\"schedule-table\"},[_c('thead',[_c('tr',[_c('th',[_vm._v(\"Day\")]),_c('th',[_vm._v(\"From\")]),_c('th',[_vm._v(\"To\")])])]),_c('tbody',[_c('tr',[_c('td',[_vm._v(\"Monday\")]),_c('td',[_vm._v(\"August 02, 2024\")]),_c('td',[_vm._v(\"August 02, 2024\")])])])]),_c('h4',[_vm._v(\"New Schedule\")]),_c('table',{staticClass:\"schedule-table\"},[_c('thead',[_c('tr',[_c('th',[_vm._v(\"Day\")]),_c('th',[_vm._v(\"Scheduled In\")]),_c('th',[_vm._v(\"Scheduled Out\")])])]),_c('tbody',[_c('tr',[_c('td',[_vm._v(\"Monday\")]),_c('td',[_vm._v(\"8:00\")]),_c('td',[_vm._v(\"17:00\")])])])]),_c('div',{staticClass:\"remarks-container\"},[_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.remarks),expression:\"remarks\"}],attrs:{\"placeholder\":\"Remarks\"},domProps:{\"value\":(_vm.remarks)},on:{\"input\":function($event){if($event.target.composing)return;_vm.remarks=$event.target.value}}})])])],1),_c('vs-prompt',{staticClass:\"email-compose\",attrs:{\"title\":\"Apply Change Schedule\",\"accept-text\":\"Submit Changes\",\"is-valid\":_vm.validForm,\"active\":_vm.DateScheduleonClick},on:{\"update:active\":function($event){_vm.DateScheduleonClick=$event},\"close\":_vm.closeOnOutsideClick}},[_c('vx-card',{staticClass:\"schedule-card\"},[_c('h3',{staticClass:\"card-title\"},[_vm._v(\"Current Schedule\")]),_c('h4',{staticClass:\"card-title\"},[_vm._v(_vm._s(_vm.formattedDate))]),_c('table',{staticClass:\"schedule-table\"},[_c('thead',[_c('tr',[_c('th',[_vm._v(\"Day\")]),_c('th',[_vm._v(\"Scheduled In\")]),_c('th',[_vm._v(\"Scheduled Out\")]),_c('th',[_vm._v(\"Total Hours\")]),_c('th',[_vm._v(\"Status\")])])]),_c('tbody',[(_vm.scheduleForSelectedDay)?_c('tr',[_c('td',[_vm._v(_vm._s(_vm.dayOfWeek))]),_c('td',[_vm._v(_vm._s(_vm.scheduleForSelectedDay.in || \"N/A\"))]),_c('td',[_vm._v(_vm._s(_vm.scheduleForSelectedDay.out || \"N/A\"))]),_c('td',[_vm._v(\"\\n                  \"+_vm._s(_vm.calculateTotalHours(\n                      _vm.scheduleForSelectedDay.in,\n                      _vm.scheduleForSelectedDay.out\n                    ))+\"\\n                \")]),_c('td',[_vm._v(\"\\n                  \"+_vm._s(_vm.determineStatus(\n                      _vm.scheduleForSelectedDay.in,\n                      _vm.scheduleForSelectedDay.out\n                    ))+\"\\n                \")])]):_c('tr',[_c('td',{attrs:{\"colspan\":\"5\"}},[_vm._v(\"No schedule available for \"+_vm._s(_vm.dayOfWeek))])])])]),_c('div',{staticClass:\"arrow-indicator\"},[_c('span',[_vm._v(\"↓\")])]),_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Updated Schedule\")]),_c('table',{staticClass:\"schedule-table\"},[_c('thead',[_c('tr',[_c('th',[_vm._v(\"Day\")]),_c('th',[_vm._v(\"Scheduled In\")]),_c('th',[_vm._v(\"Scheduled Out\")]),_c('th',[_vm._v(\"Total Hours\")]),_c('th',[_vm._v(\"Status\")])])]),_c('tbody')]),_c('div',{staticClass:\"remarks-container\"},[_c('textarea',{attrs:{\"placeholder\":\"Remarks\"}})])])],1)],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div id=\"simple-calendar-app\">\r\n      <div class=\"vx-card no-scroll-content\">\r\n        <calendar-view\r\n          ref=\"calendar\"\r\n          :displayPeriodUom=\"calendarView\"\r\n          :show-date=\"showDate\"\r\n          :events=\"simpleCalendarEvents\"\r\n          enableDragDrop\r\n          :eventTop=\"windowWidth <= 400 ? '2rem' : '3rem'\"\r\n          eventBorderHeight=\"0px\"\r\n          eventContentHeight=\"1.65rem\"\r\n          class=\"theme-default\"\r\n          @click-date=\"onViewDateEvent\"\r\n        >\r\n          <div slot=\"header\" class=\"mb-4\">\r\n            <div class=\"vx-row no-gutter\">\r\n              <!-- Month Name -->\r\n              <div class=\"vx-col w-1/3 items-center sm:flex hidden\">\r\n                <!-- Add new event button -->\r\n                <vs-button\r\n                  icon-pack=\"feather\"\r\n                  icon=\"icon-plus\"\r\n                  @click=\"promptScheduleRequest\"\r\n                  >Add</vs-button\r\n                >\r\n              </div>\r\n\r\n              <!-- Current Month -->\r\n              <div\r\n                class=\"vx-col sm:w-1/3 w-full sm:my-0 my-3 flex sm:justify-end justify-center order-last\"\r\n              >\r\n                <div class=\"flex items-center\">\r\n                  <feather-icon\r\n                    :icon=\"$vs.rtl ? 'ChevronRightIcon' : 'ChevronLeftIcon'\"\r\n                    @click=\"updateMonth(-1)\"\r\n                    svgClasses=\"w-5 h-5 m-1\"\r\n                    class=\"cursor-pointer bg-primary text-white rounded-full\"\r\n                  />\r\n\r\n                  <span class=\"mx-3 text-xl font-medium whitespace-no-wrap\">{{\r\n                    showDate | month\r\n                  }}</span>\r\n\r\n                  <feather-icon\r\n                    :icon=\"$vs.rtl ? 'ChevronLeftIcon' : 'ChevronRightIcon'\"\r\n                    @click=\"updateMonth(1)\"\r\n                    svgClasses=\"w-5 h-5 m-1\"\r\n                    class=\"cursor-pointer bg-primary text-white rounded-full\"\r\n                  />\r\n                </div>\r\n              </div>\r\n\r\n              <!-- Months, week, Year part of the code -->\r\n              <div class=\"vx-col sm:w-1/3 w-full flex justify-center\">\r\n                <template v-for=\"(view, index) in calendarViewTypes\">\r\n                  <vs-button\r\n                    v-if=\"calendarView === view.val\"\r\n                    :key=\"String(view.val) + 'filled'\"\r\n                    type=\"filled\"\r\n                    class=\"p-3 md:px-8 md:py-3\"\r\n                    :class=\"{\r\n                      'border-l-0 rounded-l-none': index,\r\n                      'rounded-r-none': calendarViewTypes.length !== index + 1,\r\n                    }\"\r\n                    @click=\"calendarView = view.val\"\r\n                    >{{ view.label }}</vs-button\r\n                  >\r\n                  <vs-button\r\n                    v-else\r\n                    :key=\"String(view.val) + 'border'\"\r\n                    type=\"border\"\r\n                    class=\"p-3 md:px-8 md:py-3\"\r\n                    :class=\"{\r\n                      'border-l-0 rounded-l-none': index,\r\n                      'rounded-r-none': calendarViewTypes.length !== index + 1,\r\n                    }\"\r\n                    @click=\"calendarView = view.val\"\r\n                    >{{ view.label }}</vs-button\r\n                  >\r\n                </template>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </calendar-view>\r\n\r\n        <vs-prompt\r\n          class=\"email-compose\"\r\n          title=\"Apply Change Schedule\"\r\n          accept-text=\"Submit\"\r\n          :is-valid=\"validForm\"\r\n          :active.sync=\"SchedulebuttonPromptActive\"\r\n          @close=\"closeOnOutsideClick\"\r\n        >\r\n          <vx-card title=\"Please fill-out the following information\">\r\n            <!-- Current Schedule Table -->\r\n            <h4>Current Schedule</h4>\r\n            <table class=\"schedule-table\">\r\n              <thead>\r\n                <tr>\r\n                  <th>Day</th>\r\n                  <th>Scheduled In</th>\r\n                  <th>Scheduled Out</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody>\r\n                <tr v-for=\"(schedule, index) in currentSchedule\" :key=\"index\">\r\n                  <td>{{ schedule.day }}</td>\r\n                  <td>{{ schedule.in }}</td>\r\n                  <td>{{ schedule.out }}</td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n\r\n            <!-- Arrow Indicator -->\r\n            <div class=\"arrow-indicator\">\r\n              <span>&darr;</span>\r\n            </div>\r\n\r\n            <!-- Schedule and Approver Dropdowns -->\r\n            <div class=\"dropdown-container\">\r\n              <div class=\"Schedule-Group-Dropdown\">\r\n                <label class=\"text-sm opacity-75\">Select Schedule</label>\r\n                <v-select\r\n                  v-model=\"selectedSchedule\"\r\n                  :options=\"scheduleOptions\"\r\n                />\r\n              </div>\r\n\r\n              <div class=\"Approver-Group-Dropdown\">\r\n                <label class=\"text-sm opacity-75\">Select Approver</label>\r\n                <v-select\r\n                  v-model=\"selectedApprover\"\r\n                  :options=\"approverOptions\"\r\n                />\r\n              </div>\r\n            </div>\r\n\r\n            <!-- Shift Details Table -->\r\n            <h4>Shift Type</h4>\r\n            <table class=\"schedule-table\">\r\n              <thead>\r\n                <tr>\r\n                  <th>Day</th>\r\n                  <th>From</th>\r\n                  <th>To</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody>\r\n                <tr>\r\n                  <td>Monday</td>\r\n                  <td>August 02, 2024</td>\r\n                  <td>August 02, 2024</td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n\r\n            <!-- New Schedule Table -->\r\n            <h4>New Schedule</h4>\r\n            <table class=\"schedule-table\">\r\n              <thead>\r\n                <tr>\r\n                  <th>Day</th>\r\n                  <th>Scheduled In</th>\r\n                  <th>Scheduled Out</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody>\r\n                <tr>\r\n                  <td>Monday</td>\r\n                  <td>8:00</td>\r\n                  <td>17:00</td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n\r\n            <!-- Remarks Text Area -->\r\n            <div class=\"remarks-container\">\r\n              <textarea v-model=\"remarks\" placeholder=\"Remarks\"></textarea>\r\n            </div>\r\n          </vx-card>\r\n        </vs-prompt>\r\n\r\n        <vs-prompt\r\n          class=\"email-compose\"\r\n          title=\"Apply Change Schedule\"\r\n          accept-text=\"Submit Changes\"\r\n          :is-valid=\"validForm\"\r\n          :active.sync=\"DateScheduleonClick\"\r\n          @close=\"closeOnOutsideClick\"\r\n        >\r\n          <vx-card class=\"schedule-card\">\r\n            <h3 class=\"card-title\">Current Schedule</h3>\r\n            <h4 class=\"card-title\">{{ formattedDate }}</h4>\r\n            <table class=\"schedule-table\">\r\n              <thead>\r\n                <tr>\r\n                  <th>Day</th>\r\n                  <th>Scheduled In</th>\r\n                  <th>Scheduled Out</th>\r\n                  <th>Total Hours</th>\r\n                  <th>Status</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody>\r\n                <tr v-if=\"scheduleForSelectedDay\">\r\n                  <td>{{ dayOfWeek }}</td>\r\n                  <td>{{ scheduleForSelectedDay.in || \"N/A\" }}</td>\r\n                  <td>{{ scheduleForSelectedDay.out || \"N/A\" }}</td>\r\n                  <td>\r\n                    {{\r\n                      calculateTotalHours(\r\n                        scheduleForSelectedDay.in,\r\n                        scheduleForSelectedDay.out\r\n                      )\r\n                    }}\r\n                  </td>\r\n                  <td>\r\n                    {{\r\n                      determineStatus(\r\n                        scheduleForSelectedDay.in,\r\n                        scheduleForSelectedDay.out\r\n                      )\r\n                    }}\r\n                  </td>\r\n                </tr>\r\n                <!-- Show a message if there is no schedule available for the day -->\r\n                <tr v-else>\r\n                  <td colspan=\"5\">No schedule available for {{ dayOfWeek }}</td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n\r\n            <!-- Arrow Indicator -->\r\n            <div class=\"arrow-indicator\">\r\n              <span>&darr;</span>\r\n            </div>\r\n\r\n            <h4 class=\"card-title\">Updated Schedule</h4>\r\n            <table class=\"schedule-table\">\r\n              <thead>\r\n                <tr>\r\n                  <th>Day</th>\r\n                  <th>Scheduled In</th>\r\n                  <th>Scheduled Out</th>\r\n                  <th>Total Hours</th>\r\n                  <th>Status</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody></tbody>\r\n            </table>\r\n\r\n            <!-- Remarks Text Area -->\r\n            <div class=\"remarks-container\">\r\n              <!-- <textarea\r\n                v-model=\"additionalRemarks\"\r\n                placeholder=\"Remarks\"\r\n              ></textarea> -->\r\n              <textarea placeholder=\"Remarks\"></textarea>\r\n            </div>\r\n          </vx-card>\r\n        </vs-prompt>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport VuePerfectScrollbar from \"vue-perfect-scrollbar\";\r\nimport { CalendarView, CalendarViewHeader } from \"vue-simple-calendar\";\r\nrequire(\"vue-simple-calendar/static/css/default.css\");\r\nimport Datepicker from \"vuejs-datepicker\";\r\nimport { en, he } from \"vuejs-datepicker/src/locale\";\r\nimport vSelect from \"vue-select\";\r\nimport flatPickr from \"vue-flatpickr-component\";\r\nimport \"flatpickr/dist/flatpickr.css\";\r\nimport moment from \"moment\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      DateScheduleonClick: false,\r\n      SchedulebuttonPromptActive: false,\r\n      selectedDate: null,\r\n      currentSchedule: [],\r\n      schedule: {\r\n        Monday: {\r\n          in: \"08:00\",\r\n          out: \"18:00\",\r\n        },\r\n        Tuesday: {\r\n          in: \"08:00\",\r\n          out: \"18:00\",\r\n        },\r\n        Wednesday: {\r\n          in: \"08:00\",\r\n          out: \"18:00\",\r\n        },\r\n        Thursday: {\r\n          in: \"08:00\",\r\n          out: \"18:00\",\r\n        },\r\n        Friday: {\r\n          in: \"08:00\",\r\n          out: \"17:00\",\r\n        },\r\n        Saturday: {\r\n          in: null,\r\n          out: null,\r\n        },\r\n        Sunday: {\r\n          in: null,\r\n          out: null,\r\n        },\r\n      },\r\n      selectedSchedule: null,\r\n      scheduleOptions: [\r\n        { label: \"Monday\", value: \"Monday\" },\r\n        { label: \"Tuesday\", value: \"Tuesday\" },\r\n        { label: \"Wednesday\", value: \"Wednesday\" },\r\n        { label: \"Thursday\", value: \"Thursday\" },\r\n        { label: \"Friday\", value: \"Friday\" },\r\n        { label: \"Saturday\", value: \"Saturday\" },\r\n        { label: \"Sunday\", value: \"Sunday\" },\r\n      ],\r\n      selectedApprover: null,\r\n      approverOptions: [\r\n        { label: \"John Doe\", value: \"john_doe\" },\r\n        { label: \"Jane Smith\", value: \"jane_smith\" },\r\n        { label: \"Michael Johnson\", value: \"michael_johnson\" },\r\n        { label: \"Emily Davis\", value: \"emily_davis\" },\r\n        { label: \"Daniel Brown\", value: \"daniel_brown\" },\r\n      ],\r\n\r\n      remarks: \"\",\r\n      showDate: new Date(),\r\n      calendarView: \"month\",\r\n      currentMonth: new Date().getMonth(),\r\n      calendarViewTypes: [\r\n        {\r\n          label: \"Month\",\r\n          val: \"month\",\r\n        },\r\n        {\r\n          label: \"Week\",\r\n          val: \"week\",\r\n        },\r\n        {\r\n          label: \"Year\",\r\n          val: \"year\",\r\n        },\r\n      ],\r\n      activePromptAddSegment: false,\r\n      activePromptEditSegment: false,\r\n    };\r\n  },\r\n  created() {\r\n    const data = {\r\n      dateToday: moment(this.curDate).format(\"YYYY-MM-DD\"),\r\n      userId: this.$store.state.AppActiveUser.uid,\r\n    };\r\n  },\r\n  computed: {\r\n    simpleCalendarEvents() {\r\n      return this.$store.state.timekeeping.calendarEvents;\r\n    },\r\n    windowWidth() {\r\n      return this.$store.state.windowWidth;\r\n    },\r\n    validForm() {},\r\n    formattedDate() {\r\n      const options = { year: \"numeric\", month: \"short\", day: \"numeric\" };\r\n      return new Date(this.selectedDate).toLocaleDateString(\"en-US\", options);\r\n    },\r\n    dayOfWeek() {\r\n      return new Date(this.selectedDate).toLocaleDateString(\"en-US\", {\r\n        weekday: \"long\",\r\n      });\r\n    },\r\n    scheduleForSelectedDay() {\r\n      // Use dayOfWeek to get the schedule for the selected day\r\n      return this.schedule[this.dayOfWeek];\r\n    },\r\n  },\r\n  methods: {\r\n    promptScheduleRequest() {\r\n      this.SchedulebuttonPromptActive = true;\r\n    },\r\n    onViewDateEvent(date) {\r\n      // Handle the date click event\r\n      this.selectedDate = date;\r\n      this.DateScheduleonClick = true;\r\n\r\n      this.currentSchedule = Object.entries(this.schedule).map(\r\n        ([day, times]) => ({\r\n          day,\r\n          in: times.in,\r\n          out: times.out,\r\n        })\r\n      );\r\n    },\r\n\r\n    closeOnOutsideClick(event) {\r\n      if (event && event.target === event.currentTarget) {\r\n        this.isPopupVisible = false;\r\n      }\r\n    },\r\n\r\n    updateMonth(val) {\r\n      this.showDate = this.$refs.calendar.getIncrementedPeriod(val);\r\n      //console.log( this.showDate.getMonth() + 1)\r\n\r\n      this.getAllSegmentsByMonth(this.showDate.getMonth() + 1);\r\n    },\r\n    calculateTotalHours(inTime, outTime) {\r\n      if (!inTime || !outTime) return \"N/A\";\r\n      const inDate = new Date(`1970-01-01T${inTime}:00`);\r\n      const outDate = new Date(`1970-01-01T${outTime}:00`);\r\n      const diff = (outDate - inDate) / (1000 * 60 * 60); // Convert milliseconds to hours\r\n      return diff > 0 ? `${diff} hours` : \"N/A\";\r\n    },\r\n    determineStatus(inTime, outTime) {\r\n      if (!inTime || !outTime) return \"No Work\";\r\n      return \"Scheduled\";\r\n    },\r\n  },\r\n  components: {\r\n    \"v-select\": vSelect,\r\n    CalendarView,\r\n    CalendarViewHeader,\r\n    Datepicker,\r\n    VuePerfectScrollbar,\r\n    flatPickr,\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n// @import \"@/assets/scss/vuexy/apps/email.scss\";\r\n@import \"@/assets/scss/vuexy/apps/simple-calendar.scss\";\r\n</style>\r\n\r\n<style>\r\n/* Popup overlay styles */\r\n.popup-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  z-index: 1000;\r\n}\r\n\r\n/* Header styles */\r\n.popup-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.popup-header h3 {\r\n  font-size: 1.25rem;\r\n  font-weight: bold;\r\n}\r\n\r\n/* Table styles */\r\n.schedule-table {\r\n  width: 100%;\r\n  border-collapse: collapse;\r\n  margin: 1rem 0;\r\n}\r\n\r\n.schedule-table th,\r\n.schedule-table td {\r\n  padding: 0.5rem;\r\n  border: 1px solid #ccc;\r\n  text-align: center;\r\n}\r\n\r\n.schedule-table th {\r\n  background-color: #f5f5f5;\r\n  font-weight: bold;\r\n}\r\n\r\n/* Arrow indicator styles */\r\n.arrow-indicator {\r\n  font-size: 2rem;\r\n  text-align: center;\r\n  margin: 1rem 0;\r\n}\r\n\r\n/* Dropdown container styles */\r\n.dropdown-container {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  margin: 1rem 0;\r\n}\r\n\r\n.dropdown-container select {\r\n  padding: 0.5rem;\r\n  font-size: 1rem;\r\n  width: 48%;\r\n}\r\n\r\n/* Remarks container styles */\r\n.remarks-container {\r\n  margin: 1rem 0;\r\n}\r\n\r\n.remarks-container textarea {\r\n  width: 100%;\r\n  padding: 0.5rem;\r\n  font-size: 1rem;\r\n  border-radius: 4px;\r\n  border: 1px solid #ccc;\r\n  resize: vertical;\r\n}\r\n\r\n.dropdown-container {\r\n  display: flex;\r\n  gap: 1rem;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.Schedule-Group-Dropdown,\r\n.Approver-Group-Dropdown {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n[dir] #simple-calendar-app .theme-default .cv-day.outsideOfMonth {\r\n  background-color: rgb(181 181 181 / 40%);\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ScheduleRequest.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ScheduleRequest.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ScheduleRequest.vue?vue&type=template&id=598869fc\"\nimport script from \"./ScheduleRequest.vue?vue&type=script&lang=js\"\nexport * from \"./ScheduleRequest.vue?vue&type=script&lang=js\"\nimport style0 from \"./ScheduleRequest.vue?vue&type=style&index=0&id=598869fc&prod&lang=scss\"\nimport style1 from \"./ScheduleRequest.vue?vue&type=style&index=1&id=598869fc&prod&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export default function _arrayWithHoles(arr) {\n  if (Array.isArray(arr)) return arr;\n}","export default function _iterableToArrayLimit(r, l) {\n  var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"];\n  if (null != t) {\n    var e,\n      n,\n      i,\n      u,\n      a = [],\n      f = !0,\n      o = !1;\n    try {\n      if (i = (t = t.call(r)).next, 0 === l) {\n        if (Object(t) !== t) return;\n        f = !1;\n      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);\n    } catch (r) {\n      o = !0, n = r;\n    } finally {\n      try {\n        if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return;\n      } finally {\n        if (o) throw n;\n      }\n    }\n    return a;\n  }\n}","export default function _nonIterableRest() {\n  throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","import arrayWithHoles from \"./arrayWithHoles.js\";\nimport iterableToArrayLimit from \"./iterableToArrayLimit.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableRest from \"./nonIterableRest.js\";\nexport default function _slicedToArray(arr, i) {\n  return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();\n}","var DESCRIPTORS = require('./_descriptors');\nvar getKeys = require('./_object-keys');\nvar toIObject = require('./_to-iobject');\nvar isEnum = require('./_object-pie').f;\nmodule.exports = function (isEntries) {\n  return function (it) {\n    var O = toIObject(it);\n    var keys = getKeys(O);\n    var length = keys.length;\n    var i = 0;\n    var result = [];\n    var key;\n    while (length > i) {\n      key = keys[i++];\n      if (!DESCRIPTORS || isEnum.call(O, key)) {\n        result.push(isEntries ? [key, O[key]] : O[key]);\n      }\n    }\n    return result;\n  };\n};\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ScheduleRequest.vue?vue&type=style&index=1&id=598869fc&prod&lang=css\"","// https://github.com/tc39/proposal-object-values-entries\nvar $export = require('./_export');\nvar $entries = require('./_object-to-array')(true);\n\n$export($export.S, 'Object', {\n  entries: function entries(it) {\n    return $entries(it);\n  }\n});\n"],"sourceRoot":""}