{"version":3,"sources":["webpack:///./src/views/timekeeping/AttendanceLog.vue","webpack:///./src/store/calendar/moduleCalendarState.js","webpack:///./src/store/calendar/moduleCalendarMutations.js","webpack:///./src/store/calendar/moduleCalendarActions.js","webpack:///./src/store/calendar/moduleCalendarGetters.js","webpack:///./src/store/calendar/moduleCalendar.js","webpack:///src/views/timekeeping/AttendanceLog.vue","webpack:///./src/views/timekeeping/AttendanceLog.vue?31e3","webpack:///./src/views/timekeeping/AttendanceLog.vue?7fdd","webpack:///./src/views/timekeeping/AttendanceLog.vue?7648"],"names":["render","_vm","this","_c","_self","attrs","staticClass","slot","isBreak","isDisabled","on","$event","onBreakOut","onClockIn","_v","_s","onClockOut","clockIn","In","formattedElapsedTime","clockOut","Out","ref","calendarView","showDate","simpleCalendarEvents","windowWidth","openAddNewSegment","openEditSegment","promptAddNewEvent","Date","$vs","rtl","updateMonth","_f","_l","calendarViewTypes","view","index","val","key","String","class","length","label","calendarLabels","color","text","staticRenderFns","eventLabels","events","ADD_EVENT","state","event","push","SET_EVENTS","SET_LABELS","labels","UPDATE_EVENT","eventIndex","findIndex","e","id","Object","assign","REMOVE_EVENT","eventId","splice","addEvent","_ref","commit","Promise","resolve","reject","axios","post","then","response","data","catch","error","fetchEvents","_ref2","get","fetchEventLabels","_ref3","editEvent","_ref4","concat","startDate","endDate","removeEvent","_ref5","delete","eventDragged","_ref6","payload","getEvent","find","namespaced","mutations","actions","getters","require","employeeTimeSheet","employeeFiledTimeSheetId","employeeScheduleId","segmentTypeId","badgeTimeIn","badgeTimeOut","reason","isManualAdded","addedOn","ipAddress","latitude","longitude","tzOffset","tzName","tzDST","deviceId","deviceName","deviceOS","remarks","fileId","subscriptionId","isDraft","isSubmitted","submittedOn","isCancelled","cancelledOn","isRetracted","retractedOn","approversTKs","langHe","he","langEn","en","currentMonth","getMonth","breakIn","breakOut","myInterval","undefined","breakTime","isBreakTime","title","activePromptAddSegment","activePromptEditSegment","created","_this","$store","registerModule","moduleCalendar","getAllSegmentsByMonth","dispatch","dateToday","moment","curDate","format","userId","AppActiveUser","uid","res","localStorage","getItem","getLatestSegments","JSON","parse","setInterval","getCurrentLocation","getUserIPAddress","computed","timekeeping","calendarEvents","getApprovers","approver","approvers","forEach","a","approverName","_this2","approversName","employeeLeaves","set","obj","u","_this3","monthNumber","sortBy","sortOrder","pageNumber","pageSize","month","getShiftTypes","lookup","getAllShiftType","getSegmentTypes","getAllSegmentType","getCurrentSchedule","hrms","scheduleToday","_this4","scheduleId","setItem","console","log","d","removeItem","local","stringify","shiftTypeName","leaveTypeId","sortedRecipes","calendar","sort","b","fa","createdOn","fb","validForm","date","setSeconds","utc","toUTCString","substr","indexOf","methods","toLocaleString","err","$alert","onBreakIn","_this5","clearInterval","addNewSegment","$refs","getIncrementedPeriod","addSegmentToCalendar","classes","labelColor","labelLocal","getDefaultApprover","_this6","navigator","geolocation","getCurrentPosition","p","coords","message","_this7","fetch","x","json","ip","components","vSelect","CalendarView","CalendarViewHeader","Datepicker","VuePerfectScrollbar","flatPickr","component"],"mappings":"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","file":"js/chunk-18d43270.aaee35fa.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{attrs:{\"id\":\"selfservice-timerequest\"}},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full lg:w-1/4 sm:w-1/2 mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Timekeeping Manager\",\"title-color\":\"#fff\",\"content-color\":\"#fff\",\"card-background\":\"linear-gradient(120deg, #7f7fd5, #86a8e7, #91eae4)\"}},[_c('template',{slot:\"actions\"},[_c('feather-icon',{attrs:{\"icon\":\"MoreVerticalIcon\",\"svgClasses\":\"w-6 h-6 text-grey\"}})],1),_c('vs-button',{staticClass:\"mt-2 mr-3 shadow-lg\",attrs:{\"color\":!_vm.isBreak && !_vm.isDisabled ? 'success' : _vm.isDisabled && !_vm.isBreak ? 'warning' : 'primary',\"type\":\"gradient\",\"gradient-color-secondary\":\"#78E395\"},on:{\"click\":function($event){!_vm.isBreak && !_vm.isDisabled ? _vm.onClockIn() : _vm.onBreakOut()}}},[_vm._v(_vm._s(!_vm.isBreak && !_vm.isDisabled ? 'Clock-In' : _vm.isDisabled && !_vm.isBreak ? 'Break-Out' : 'Resume'))]),_c('vs-button',{staticClass:\"mt-2 mr-3 shadow-lg\",attrs:{\"color\":\"danger\",\"type\":\"gradient\",\"gradientColorSecondary\":\"#f77777\",\"disabled\":!_vm.isDisabled},on:{\"click\":function($event){return _vm.onClockOut()}}},[_vm._v(\"Clock-Out\")])],2)],1),_c('div',{staticClass:\"vx-col w-full md:w-1/4 sm:w-1/2 mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Clock-In\",\"title-color\":\"#fff\",\"content-color\":\"#fff\",\"card-background\":\"linear-gradient(120deg, #7f7fd5, #86a8e7, #91eae4)\"}},[_c('template',{slot:\"actions\"},[_c('feather-icon',{attrs:{\"icon\":\"MoreVerticalIcon\",\"svgClasses\":\"w-6 h-6 text-white\"}})],1),_c('h2',{staticClass:\"mb-5\"},[_c('strong',{staticClass:\"ql-font-serif ql-size-large\"},[_vm._v(_vm._s(_vm.clockIn.In != null ? _vm.clockIn.In : '----/--/-- 00:00:00 AM'))])])],2)],1),_c('div',{staticClass:\"vx-col w-full md:w-1/4 sm:w-1/2 mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Break Hours\",\"title-color\":\"#fff\",\"content-color\":\"#fff\",\"card-background\":\"linear-gradient(120deg, #7f7fd5, #86a8e7, #91eae4)\"}},[_c('template',{slot:\"actions\"},[_c('feather-icon',{attrs:{\"icon\":\"MoreVerticalIcon\",\"svgClasses\":\"w-6 h-6 text-white\"}})],1),_c('h2',{staticClass:\"mb-5\"},[_c('strong',{staticClass:\"ql-font-serif ql-size-large\"},[_vm._v(_vm._s(_vm.formattedElapsedTime))])])],2)],1),_c('div',{staticClass:\"vx-col w-full md:w-1/4 sm:w-1/2 mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Clock-Out\",\"title-color\":\"#fff\",\"content-color\":\"#fff\",\"card-background\":\"linear-gradient(120deg, #7f7fd5, #86a8e7, #91eae4)\"}},[_c('template',{slot:\"actions\"},[_c('feather-icon',{attrs:{\"icon\":\"MoreVerticalIcon\",\"svgClasses\":\"w-6 h-6 text-white\"}})],1),_c('h2',{staticClass:\"mb-5\"},[_c('strong',{staticClass:\"ql-font-serif ql-size-large\"},[_vm._v(_vm._s(_vm.clockOut.Out != null ? _vm.clockOut.Out : '----/--/-- 00:00:00 AM'))])])],2)],1)])]),_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.openAddNewSegment,\"click-event\":_vm.openEditSegment}},[_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\":function($event){_vm.promptAddNewEvent(new Date())}}},[_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:{'border-l-0 rounded-l-none': index, 'rounded-r-none': _vm.calendarViewTypes.length !== index+1},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:{'border-l-0 rounded-l-none': index, 'rounded-r-none': _vm.calendarViewTypes.length !== index+1},attrs:{\"type\":\"border\"},on:{\"click\":function($event){_vm.calendarView = view.val}}},[_vm._v(_vm._s(view.label))])]})],2)]),_c('div',{staticClass:\"vx-row sm:flex hidden mt-4\"},[_c('div',{staticClass:\"vx-col w-full flex\"},[_c('div',{staticClass:\"flex flex-wrap sm:justify-start justify-center\"},[_vm._l((_vm.calendarLabels),function(label,index){return _c('div',{key:index,staticClass:\"flex items-center mr-4 mb-2\"},[_c('div',{staticClass:\"h-3 w-3 inline-block rounded-full mr-2\",class:'bg-' + label.color}),_c('span',[_vm._v(_vm._s(label.text))])])}),_c('div',{staticClass:\"flex items-center mr-4 mb-2\"},[_c('div',{staticClass:\"h-3 w-3 inline-block rounded-full mr-2 bg-success\"}),_c('span',[_vm._v(\"Clock-In\")])]),_c('div',{staticClass:\"flex items-center mr-4 mb-2\"},[_c('div',{staticClass:\"h-3 w-3 inline-block rounded-full mr-2 bg-danger\"}),_c('span',[_vm._v(\"Clock-Out\")])]),_c('div',{staticClass:\"flex items-center mr-4 mb-2\"},[_c('div',{staticClass:\"h-3 w-3 inline-block rounded-full mr-2 bg-warning\"}),_c('span',[_vm._v(\"Break-Out\")])]),_c('div',{staticClass:\"flex items-center mr-4 mb-2\"},[_c('div',{staticClass:\"h-3 w-3 inline-block rounded-full mr-2 bg-primary\"}),_c('span',[_vm._v(\"Break-In\")])])],2)])])])])],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","/*=========================================================================================\r\n  File Name: moduleCalendarState.js\r\n  Description: Calendar Module State\r\n  ----------------------------------------------------------------------------------------\r\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n  Author: Pixinvent\r\n  Author URL: http://www.themeforest.net/user/pixinvent\r\n==========================================================================================*/\r\n\r\nexport default {\r\n\r\n  // Calendar Labels\r\n  eventLabels: [],\r\n\r\n  // Simple Calendar State\r\n  events: []\r\n}\r\n","/*=========================================================================================\r\n  File Name: moduleCalendarMutations.js\r\n  Description: Calendar Module Mutations\r\n  ----------------------------------------------------------------------------------------\r\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n  Author: Pixinvent\r\n  Author URL: http://www.themeforest.net/user/pixinvent\r\n==========================================================================================*/\r\n\r\n\r\nexport default {\r\n  ADD_EVENT (state, event) {\r\n    state.events.push(event)\r\n  },\r\n  SET_EVENTS (state, events) {\r\n    state.events = events\r\n  },\r\n  SET_LABELS (state, labels) {\r\n    state.eventLabels = labels\r\n  },\r\n  UPDATE_EVENT (state, event) {\r\n    const eventIndex = state.events.findIndex((e) => e.id === event.id)\r\n    Object.assign(state.events[eventIndex], event)\r\n  },\r\n  REMOVE_EVENT (state, eventId) {\r\n    const eventIndex = state.events.findIndex((e) => e.id === eventId)\r\n    state.events.splice(eventIndex, 1)\r\n  }\r\n}\r\n","/*=========================================================================================\r\n  File Name: moduleCalendarActions.js\r\n  Description: Calendar Module Actions\r\n  ----------------------------------------------------------------------------------------\r\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n  Author: Pixinvent\r\n  Author URL: http://www.themeforest.net/user/pixinvent\r\n==========================================================================================*/\r\n\r\nimport axios from '@/axios.js'\r\n\r\nexport default {\r\n  addEvent ({ commit }, event) {\r\n    return new Promise((resolve, reject) => {\r\n      axios.post('/api/apps/calendar/events/', {event})\r\n        .then((response) => {\r\n          commit('ADD_EVENT', Object.assign(event, {id: response.data.id}))\r\n          resolve(response)\r\n        })\r\n        .catch((error) => { reject(error) })\r\n    })\r\n  },\r\n  fetchEvents ({ commit }) {\r\n    return new Promise((resolve, reject) => {\r\n      axios.get('/api/apps/calendar/events')\r\n        .then((response) => {\r\n          commit('SET_EVENTS', response.data)\r\n          resolve(response)\r\n        })\r\n        .catch((error) => { reject(error) })\r\n    })\r\n  },\r\n  fetchEventLabels ({ commit }) {\r\n    return new Promise((resolve, reject) => {\r\n      axios.get('/api/apps/calendar/labels')\r\n        .then((response) => {\r\n          commit('SET_LABELS', response.data)\r\n          resolve(response)\r\n        })\r\n        .catch((error) => { reject(error) })\r\n    })\r\n  },\r\n  editEvent ({ commit }, event) {\r\n    return new Promise((resolve, reject) => {\r\n      axios.post(`/api/apps/calendar/event/${event.id}`, {event})\r\n        .then((response) => {\r\n\r\n          // Convert Date String to Date Object\r\n          const event = response.data\r\n          event.startDate = new Date(event.startDate)\r\n          event.endDate = new Date(event.endDate)\r\n\r\n          commit('UPDATE_EVENT', event)\r\n          resolve(response)\r\n        })\r\n        .catch((error) => { reject(error) })\r\n    })\r\n  },\r\n  removeEvent ({ commit }, eventId) {\r\n    return new Promise((resolve, reject) => {\r\n      axios.delete(`/api/apps/calendar/event/${eventId}`)\r\n        .then((response) => {\r\n          commit('REMOVE_EVENT', response.data)\r\n          resolve(response)\r\n        })\r\n        .catch((error) => { reject(error) })\r\n    })\r\n  },\r\n  eventDragged ({ commit }, payload) {\r\n    return new Promise((resolve, reject) => {\r\n      axios.post(`/api/apps/calendar/event/dragged/${payload.event.id}`, {payload})\r\n        .then((response) => {\r\n\r\n          // Convert Date String to Date Object\r\n          const event = response.data\r\n          event.startDate = new Date(event.startDate)\r\n          event.endDate = new Date(event.endDate)\r\n\r\n          commit('UPDATE_EVENT', event)\r\n          resolve(response)\r\n        })\r\n        .catch((error) => { reject(error) })\r\n    })\r\n  }\r\n}\r\n","/*=========================================================================================\r\n  File Name: moduleCalendarGetters.js\r\n  Description: Calendar Module Getters\r\n  ----------------------------------------------------------------------------------------\r\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n  Author: Pixinvent\r\n  Author URL: http://www.themeforest.net/user/pixinvent\r\n==========================================================================================*/\r\n\r\n\r\nexport default {\r\n  getEvent: state => (eventId) => state.events.find((event) => event.id === eventId)\r\n}\r\n","/*=========================================================================================\r\n  File Name: moduleCalendar.js\r\n  Description: Calendar Module\r\n  ----------------------------------------------------------------------------------------\r\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n  Author: Pixinvent\r\n  Author URL: http://www.themeforest.net/user/pixinvent\r\n==========================================================================================*/\r\n\r\n\r\nimport state from './moduleCalendarState.js'\r\nimport mutations from './moduleCalendarMutations.js'\r\nimport actions from './moduleCalendarActions.js'\r\nimport getters from './moduleCalendarGetters.js'\r\n\r\nexport default {\r\n  namespaced: true,\r\n  state,\r\n  mutations,\r\n  actions,\r\n  getters\r\n}\r\n","<template>\r\n<div>\r\n  <div id=\"selfservice-timerequest\">\r\n      <div class =\"vx-row\">\r\n          <div class=\"vx-col w-full lg:w-1/4 sm:w-1/2 mb-base\">\r\n                  <vx-card title=\"Timekeeping Manager\"  \r\n                    title-color=\"#fff\"\r\n                    content-color=\"#fff\"   \r\n                    card-background=\"linear-gradient(120deg, #7f7fd5, #86a8e7, #91eae4)\">\r\n                      <template slot=\"actions\">\r\n                          <feather-icon icon=\"MoreVerticalIcon\" svgClasses=\"w-6 h-6 text-grey\"></feather-icon>\r\n                      </template>\r\n                    \r\n                          <vs-button class=\"mt-2 mr-3 shadow-lg\" :color=\"!isBreak && !isDisabled ? 'success' : isDisabled && !isBreak ? 'warning' : 'primary'\" type=\"gradient\" gradient-color-secondary=\"#78E395\"  @click=\" !isBreak && !isDisabled ? onClockIn() : onBreakOut() \">{{ !isBreak && !isDisabled ? 'Clock-In' : isDisabled && !isBreak ? 'Break-Out' : 'Resume'}}</vs-button>\r\n                          <!-- <vs-button class=\"mt-2 mr-3 shadow-lg\" icon-pack=\"feather\" :icon=\"!isBreak && !isDisabled ? 'icon-clock' : isDisabled && !isBreak ? 'icon-coffee' : 'icon-arrow-down'\" :color=\"!isBreak && !isDisabled ? 'success' : isDisabled && !isBreak ? 'warning' : 'primary'\" type=\"gradient\" gradient-color-secondary=\"#78E395\"  @click=\" !isBreak && !isDisabled ? onClockIn() : onBreakOut() \">{{ !isBreak && !isDisabled ? 'Clock-In' : isDisabled && !isBreak ? 'Break-Out' : 'Resume'}}</vs-button> -->\r\n                          <vs-button class=\"mt-2 mr-3 shadow-lg\" color=\"danger\" type=\"gradient\" gradientColorSecondary=\"#f77777\" @click=\"onClockOut()\" :disabled=\"!isDisabled\">Clock-Out</vs-button>\r\n                          \r\n                        \r\n                  </vx-card>\r\n                  \r\n          </div>\r\n          <div class=\"vx-col w-full md:w-1/4 sm:w-1/2 mb-base\">\r\n                    <vx-card title=\"Clock-In\"\r\n                    title-color=\"#fff\"\r\n                    content-color=\"#fff\"\r\n                    card-background=\"linear-gradient(120deg, #7f7fd5, #86a8e7, #91eae4)\">\r\n                    \r\n                        <template slot=\"actions\">\r\n                            <feather-icon icon=\"MoreVerticalIcon\" svgClasses=\"w-6 h-6 text-white\"></feather-icon>\r\n                        </template>\r\n                        <h2 class=\"mb-5\"><strong class=\"ql-font-serif ql-size-large\" >{{ clockIn.In != null ? clockIn.In : '----/--/-- 00:00:00 AM' }}</strong></h2>\r\n                        \r\n                    </vx-card>\r\n                    \r\n            </div>\r\n            <div class=\"vx-col w-full md:w-1/4 sm:w-1/2 mb-base\">\r\n                    <vx-card title=\"Break Hours\"\r\n                    title-color=\"#fff\"\r\n                    content-color=\"#fff\"\r\n                    card-background=\"linear-gradient(120deg, #7f7fd5, #86a8e7, #91eae4)\">\r\n                        <template slot=\"actions\">\r\n                            <feather-icon icon=\"MoreVerticalIcon\" svgClasses=\"w-6 h-6 text-white\"></feather-icon>\r\n                        </template>\r\n                          <h2  class=\"mb-5\"><strong class=\"ql-font-serif ql-size-large\"  >{{formattedElapsedTime}}</strong></h2>\r\n\r\n                    </vx-card>\r\n                    \r\n            </div>\r\n            <div class=\"vx-col w-full md:w-1/4 sm:w-1/2 mb-base\">\r\n                    <vx-card title=\"Clock-Out\"\r\n                    title-color=\"#fff\"\r\n                    content-color=\"#fff\"\r\n                    card-background=\"linear-gradient(120deg, #7f7fd5, #86a8e7, #91eae4)\">\r\n                        <template slot=\"actions\">\r\n                            <feather-icon icon=\"MoreVerticalIcon\" svgClasses=\"w-6 h-6 text-white\"></feather-icon>\r\n                        </template>\r\n                            <h2 class=\"mb-5\" ><strong class=\"ql-font-serif ql-size-large\" >{{ clockOut.Out != null ? clockOut.Out : '----/--/-- 00:00:00 AM'}}</strong></h2>\r\n                    </vx-card>\r\n                    \r\n            </div>\r\n      </div>\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=\"openAddNewSegment\"\r\n        @click-event=\"openEditSegment\"\r\n        >\r\n\r\n        <div slot=\"header\" class=\"mb-4\">\r\n\r\n          <div class=\"vx-row no-gutter\">\r\n\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 icon-pack=\"feather\" icon=\"icon-plus\" @click=\"promptAddNewEvent(new Date())\">Add</vs-button>\r\n            </div>\r\n\r\n            <!-- Current Month -->\r\n            <div class=\"vx-col sm:w-1/3 w-full sm:my-0 my-3 flex sm:justify-end justify-center order-last\">\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                <span class=\"mx-3 text-xl font-medium whitespace-no-wrap\">{{ showDate | month }}</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              </div>\r\n            </div>\r\n\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=\"{'border-l-0 rounded-l-none': index, 'rounded-r-none': calendarViewTypes.length !== index+1}\"\r\n                  @click=\"calendarView = view.val\"\r\n                  >{{ view.label }}</vs-button>\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=\"{'border-l-0 rounded-l-none': index, 'rounded-r-none': calendarViewTypes.length !== index+1}\"\r\n                  @click=\"calendarView = view.val\"\r\n                  >{{ view.label }}</vs-button>\r\n              </template>\r\n\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"vx-row sm:flex hidden mt-4\">\r\n            <div class=\"vx-col w-full flex\">\r\n              <!-- Labels -->\r\n              <div class=\"flex flex-wrap sm:justify-start justify-center\">\r\n                  <div v-for=\"(label, index) in calendarLabels\" :key=\"index\" class=\"flex items-center mr-4 mb-2\">\r\n                      <div class=\"h-3 w-3 inline-block rounded-full mr-2\" :class=\"'bg-' + label.color\"></div>\r\n                      <span>{{ label.text }}</span>\r\n                  </div>\r\n                  \r\n                  <div class=\"flex items-center mr-4 mb-2\">\r\n                      <div class=\"h-3 w-3 inline-block rounded-full mr-2 bg-success\"></div>\r\n                      <span>Clock-In</span>\r\n                  </div>\r\n                  <div class=\"flex items-center mr-4 mb-2\">\r\n                      <div class=\"h-3 w-3 inline-block rounded-full mr-2 bg-danger\"></div>\r\n                      <span>Clock-Out</span>\r\n                  </div>\r\n                  <div class=\"flex items-center mr-4 mb-2\">\r\n                      <div class=\"h-3 w-3 inline-block rounded-full mr-2 bg-warning\"></div>\r\n                      <span>Break-Out</span>\r\n                  </div>\r\n                  <div class=\"flex items-center mr-4 mb-2\">\r\n                      <div class=\"h-3 w-3 inline-block rounded-full mr-2 bg-primary\"></div>\r\n                      <span>Break-In</span>\r\n                  </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </calendar-view>\r\n    </div>\r\n\r\n     <!-- ADD EVENT -->\r\n    <!-- <vs-prompt\r\n        class=\"email-compose\"\r\n        title=\"Add Segment\"\r\n        accept-text= \"Submit\"\r\n        @accept=\"addNewSegment\"\r\n        :is-valid=\"validForm\"\r\n        :active.sync=\"activePromptAddSegment\">\r\n        <vx-card title=\"Enter the following information\"> \r\n            <div class=\"my-4\">\r\n                <small class=\"date-label\">Schedule Date</small><span style=\"color:red\">*</span>\r\n                <datepicker :language=\"$vs.rtl ? langHe : langEn\" name=\"schedule-date\" v-model=\"employeeTimesheet.scheduleDate\" ></datepicker>\r\n            </div>\r\n            <div class=\"my-4\">\r\n                <small class=\"date-label\">Shift</small><span style=\"color:red\">*</span>\r\n                <v-select name=\"shift-type\" v-model=\"shiftType\" label=\"shiftTypeName\" :options=\"getShiftTypes\"/> \r\n            </div>\r\n            <div class=\"vx-row\">\r\n                <div class=\"vx-col sm:w-1/2 md:w-1/2 lg:w-1/2 xl:w-1/2 w-full mb-2\">\r\n                    <span  class=\"text-sm\">Schedule In</span>\r\n                    <flat-pickr  name=\"start-date\" class=\"w-full\" v-model=\"employeeTimesheet.schedIn\" :config=\"configFromdateTimePicker\" :disabled=\"true\" />\r\n                </div>\r\n                <div class=\"vx-col sm:w-1/2 md:w-1/2 lg:w-1/2 xl:w-1/2 w-full mb-2\">\r\n                    <span  class=\"text-sm\">Schedule Out</span>\r\n                    <flat-pickr  name=\"end-date\" class=\"w-full\" v-model=\"employeeTimesheet.schedOut\" :config=\"configTodateTimePicker\" :disabled=\"true\" />\r\n                </div>\r\n            </div>\r\n            <div class=\"my-4\">\r\n                <small class=\"date-label\">Segment</small><span style=\"color:red\">*</span>\r\n                <v-select name=\"segment-type\" v-model=\"segmentType\" label=\"segmentTypeName\" :options=\"getSegmentTypes\"/>\r\n            </div>\r\n            <div class=\"vx-row\">\r\n              <div class=\"vx-col sm:w-1/2 md:w-1/2 lg:w-1/2 xl:w-1/2 w-full mb-2\">\r\n                <small class=\"date-label\">Date & Time</small><span style=\"color:red\">*</span>\r\n                <flat-pickr :language=\"$vs.rtl ? langHe : langEn\" name=\"date-time\" v-model=\"employeeTimesheet.dateTime\" :config=\"configdateTimePicker\" ></flat-pickr>\r\n              </div>\r\n            </div>\r\n            <div class=\"my-4\">\r\n                <small class=\"date-label\">Reason</small><span style=\"color:red\">*</span>\r\n                <vs-input name=\"reason\" v-validate=\"'required'\" class=\"w-full\" placeholder=\"Reason\" v-model=\"employeeTimesheet.reason\"></vs-input>\r\n            </div>\r\n            <div class=\"my-4\">\r\n               \r\n            </div>\r\n        </vx-card>\r\n    </vs-prompt>  -->\r\n    \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\nimport moduleCalendar from '@/store/calendar/moduleCalendar.js'\r\nimport moduleTimekeeping from '@/store/timekeeping/moduleTimekeeping.js'\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      employeeTimeSheet: {\r\n        employeeFiledTimeSheetId: null,\r\n        employeeScheduleId: null,\r\n        segmentTypeId: null,\r\n        badgeTimeIn: '----/--/-- 00:00:00 AM',\r\n        badgeTimeOut: '----/--/-- 00:00:00 AM',\r\n        reason: '',\r\n        isManualAdded: false,\r\n        addedOn: null,\r\n        ipAddress: '',\r\n        latitude: 0.0,\r\n        longitude: 0.0,\r\n        tzOffset: '',\r\n        tzName: '',\r\n        tzDST: true,\r\n        deviceId: '',\r\n        deviceName: '',\r\n        deviceOS: '',\r\n        remarks: '',\r\n        fileId: '',\r\n        subscriptionId: '',\r\n        isDraft: false,\r\n        isSubmitted: true,\r\n        submittedOn: new Date(),\r\n        isCancelled: false,\r\n        cancelledOn: null,\r\n        isRetracted: false,\r\n        retractedOn: null,\r\n        approversTKs: [],\r\n      },\r\n      \r\n      langHe: he,\r\n      langEn: en,\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      clockIn: {\r\n        In: '--/--/---- 00:00:00 AM',\r\n        isDisabled: false,\r\n        isBreak: false,\r\n      }, \r\n      clockOut: {\r\n        Out: '--/--/---- 00:00:00 AM',\r\n        isDisabled: false,\r\n        isBreak: false,\r\n      },\r\n      breakIn: null,\r\n      breakOut: null,\r\n      isDisabled: false,\r\n      isBreak: false,\r\n      myInterval: undefined,\r\n      breakTime: 0,\r\n      isBreakTime: false,\r\n      title: '',\r\n      activePromptAddSegment: false,\r\n      activePromptEditSegment: false\r\n    }\r\n  },\r\n  created () {\r\n      // this.$router.push('/pages/maintenance')\r\n      this.$store.registerModule('calendar', moduleCalendar)\r\n      this.getAllSegmentsByMonth(this.currentMonth)\r\n      this.$store.dispatch('lookup/getAllShiftType')\r\n      this.$store.dispatch('lookup/getAllSegmentType')\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      this.$store.dispatch('hrms/getEmployeeScheduleByDateToday', data)\r\n        .then((res) => {\r\n          this.employeeTimeSheet.employeeScheduleId = localStorage.getItem('scheduleId') != undefined || localStorage.getItem('scheduleId') != null ? localStorage.getItem('scheduleId') : res.data.data.employeeScheduleId\r\n\r\n\r\n          this.clockIn.In = localStorage.getItem('clockIn') != undefined || localStorage.getItem('clockIn') != null ? localStorage.getItem('clockIn') : this.getLatestSegments(2, this.employeeTimeSheet.employeeScheduleId)  //'--/--/---- 00:00:00 AM'\r\n          this.clockOut.Out = localStorage.getItem('clockOut') != null ? localStorage.getItem('clockOut') :  this.getLatestSegments(3, this.employeeTimeSheet.employeeScheduleId)\r\n          \r\n          this.isDisabled =  JSON.parse(localStorage.getItem('isDisabled')) != null ? JSON.parse(localStorage.getItem('isDisabled')) : this.isDisabled\r\n          this.isBreak = JSON.parse(localStorage.getItem('isBreak')) != null ? JSON.parse(localStorage.getItem('isBreak')) : this.isBreak\r\n          this.isBreakTime =  JSON.parse(localStorage.getItem('isBreakTime'))\r\n          this.breakTime =  JSON.parse(localStorage.getItem('breakTime'))\r\n          if(this.isBreakTime && !this.isDisabled && this.isBreak){\r\n            this.myInterval = setInterval(() => {\r\n              this.breakTime += 1000\r\n            }, 1000);\r\n          }\r\n        //   console.log(JSON.stringify(res.data.data))\r\n        //   this.employeeTimeSheet.employeeScheduleId = res.data.data.employeeScheduleId\r\n        //   console.log(this.employeeTimeSheet.employeeScheduleId)\r\n        })\r\n      \r\n      // this.getDefaultApprover()\r\n      this.getCurrentLocation()\r\n      this.getUserIPAddress()\r\n      \r\n      \r\n  },\r\n  computed: {\r\n      simpleCalendarEvents() {\r\n          return this.$store.state.timekeeping.calendarEvents\r\n      },\r\n      getApprovers() {\r\n            let approver = []\r\n            this.$store.state.timekeeping.approvers.forEach(a => {\r\n                approver.push(a.approver)\r\n            })\r\n           \r\n           \r\n            return approver\r\n      },\r\n      approverName: {\r\n            get() { let approversName = [] \r\n                    let approvers = this.employeeLeaves.approversTKs\r\n                    approvers.forEach(a => {\r\n                        approversName.push(this.$store.getters['timekeeping/approverName'](a).approver)\r\n                    })\r\n                return  approversName },\r\n            set(obj) { \r\n                let approver = []\r\n                this.employeeTimeSheet.approversTKs =[] \r\n                        obj.forEach(u => {\r\n                            approver.push(u.userId)\r\n                         })\r\n                this.employeeTimeSheet.approversTKs = approver\r\n            }\r\n        },\r\n      getAllSegmentsByMonth() {\r\n          return (monthNumber) => {\r\n              const payload = {\r\n              sortBy: 'BadgeTimeIn',\r\n              sortOrder: 'Desc',\r\n              pageNumber: 1,\r\n              pageSize: 100,\r\n              month: monthNumber\r\n            }\r\n            //Get All Added Segment \r\n            this.$store.dispatch('timekeeping/getAllSegment', payload)\r\n             .then(() => {\r\n             })\r\n          }\r\n      },\r\n      getShiftTypes() {\r\n          return this.$store.state.lookup.getAllShiftType\r\n      },\r\n      getSegmentTypes() {\r\n          return this.$store.state.lookup.getAllSegmentType\r\n      },\r\n      getCurrentSchedule() {\r\n        return this.$store.state.hrms.scheduleToday\r\n      //   var dateToday = moment(this.curDate).format('YYYY-MM-DD')\r\n      //   console.log(this.$store.state.schedule.getAllCreateSchedule)\r\n      //   console.log(this.$store.getters['schedule/getCreateScheduleIdByDateToday'](this.$store.state.AppActiveUser.uid, dateToday))\r\n      //   return this.$store.getters['schedule/getEployeeScheduleIdByDateToday'](this.$store.state.AppActiveUser.uid, dateToday)\r\n       \r\n      },\r\n      getLatestSegments() {\r\n        return (segmentTypeId, scheduleId) => {\r\n          const data = {\r\n            scheduleId: scheduleId, //this.getCurrentSchedule.employeeScheduleId, \r\n            segmentTypeId: segmentTypeId\r\n          }\r\n          localStorage.setItem('scheduleId', data.scheduleId)\r\n          this.employeeTimeSheet.employeeScheduleId = data.scheduleId\r\n          console.log('DATA')\r\n          console.log(data)\r\n          this.$store.dispatch('timekeeping/getLatestSegments', data)\r\n             .then((response) => {\r\n               const d = response.data.data\r\n               console.log(d)\r\n               switch(segmentTypeId)\r\n               {\r\n                 case 2:\r\n                    localStorage.removeItem('clockIn')\r\n                    localStorage.removeItem('clockOut')\r\n                    // localStorage.removeItem('scheduleId')\r\n                    localStorage.removeItem('isDisabled')\r\n                    localStorage.removeItem('isBreak')\r\n                    localStorage.removeItem('breakTime')\r\n                    localStorage.setItem('clockIn', moment(d.badgeTimeIn).local().format('YYYY-MM-DD hh:mm:ss A'))\r\n                    this.clockIn.In = localStorage.getItem('clockIn') \r\n                    this.isDisabled = true;\r\n                    this.isBreak = false; \r\n                    localStorage.setItem('isDisabled', JSON.stringify(this.isDisabled))\r\n                    localStorage.setItem('isBreak', JSON.stringify(this.isBreak))\r\n                    \r\n                    return localStorage.getItem('clockIn') \r\n                   break;\r\n      \r\n               }\r\n      //         //   localStorage.setItem('clockIn', data.segmentTypeId == 2 ? localStorage.getItem('clockIn') != null ? 1 : data.badgeTimeIn != null ? moment(data.badgeTimeIn).local().format('YYYY-MM-DD hh:mm:ss A') : this.employeeTimeSheet.badgeTimeIn )\r\n      //         //  this.clockIn.In = localStorage.getItem('clockIn')\r\n      //         //  this.clockIn.Out = data.segmentTypeId == 3 ? localStorage.getItem('clockOut') != undefined ? localStorage.getItem('clockOut') : data.badgeTimeIn != undefined ? moment(data.badgeTimeIn).local().format('YYYY-MM-DD hh:mm:ss A') : this.employeeTimeSheet.badgeTimeIn : null\r\n      //         //  this.breakIn = data.segmentTypeId == 4 ? moment(data.badgeTimeIn).local().format('YYYY-MM-DD hh:mm:ss A') : 0\r\n      //         //  this.breakOut = data.segmentTypeId == 5 ? moment(data.badgeTimeIn).local().format('YYYY-MM-DD hh:mm:ss A') : 0\r\n\r\n               })\r\n            .catch(() => {\r\n              console.log('CATCH')\r\n              return '----/--/-- 00:00:00 AM'\r\n            })\r\n        }\r\n          \r\n      },\r\n      shiftTypeName: {\r\n         get() { return this.$store.getters['lookup/leaveTypeLookup'](this.employeeLeaves.leaveTypeId) },\r\n            set(obj) { this.employeeLeaves.leaveTypeId = obj.leaveTypeId}\r\n        \r\n      },\r\n      calendarLabels () {\r\n          // return this.$store.state.calendar.eventLabels\r\n          let sortedRecipes = this.$store.state.calendar.eventLabels;\r\n\t\t\r\n          sortedRecipes = sortedRecipes.sort((a,b) => {\r\n            let fa = a.createdOn, fb = b.createdOn;\r\n            if (fa < fb) {\r\n              return -1\r\n            }\r\n            if (fa > fb) {\r\n              return 1\r\n            }\r\n            return 0\r\n          })\r\n        },\r\n      windowWidth () {\r\n          return this.$store.state.windowWidth\r\n      },\r\n      validForm () {\r\n      },\r\n      formattedElapsedTime() {\r\n        const date = new Date(null);\r\n        date.setSeconds(this.breakTime / 1000);\r\n        const utc = date.toUTCString();\r\n        return utc.substr(utc.indexOf(\":\") - 2, 8);\r\n      },\r\n    \r\n  },\r\n  methods: {\r\n    onClockIn(){\r\n      if( this.getCurrentSchedule.employeeScheduleId == null)\r\n      {\r\n        this.$alert('You have no schedule for today.', 'Clock-In failed', 'error' )\r\n        return\r\n      }\r\n      this.employeeTimeSheet.segmentTypeId = 2\r\n      this.employeeTimeSheet.employeeScheduleId =  this.getCurrentSchedule.employeeScheduleId\r\n      localStorage.removeItem('clockIn')\r\n      localStorage.removeItem('clockOut')\r\n      localStorage.removeItem('scheduleId')\r\n      localStorage.removeItem('isDisabled')\r\n      localStorage.removeItem('isBreak')\r\n      localStorage.removeItem('breakTime')\r\n      localStorage.setItem('scheduleId', this.employeeTimeSheet.employeeScheduleId)\r\n      \r\n      this.clockIn.In = new Date().toLocaleString(); \r\n      this.clockOut.Out =  '--/--/---- 00:00:00 AM'\r\n      this.employeeTimeSheet.badgeTimeIn = moment().format('MM/DD/YYYY hh:mm:ss A')\r\n      this.employeeTimeSheet.badgeTimeOut =  moment().format('MM/DD/YYYY hh:mm:ss A')\r\n      \r\n      localStorage.setItem('clockIn', this.employeeTimeSheet.badgeTimeIn )\r\n      localStorage.setItem('isDisabled', JSON.stringify(true))\r\n      localStorage.setItem('isBreak', JSON.stringify(false))\r\n      this.isDisabled = true;\r\n      this.isBreak = false;  \r\n      this.breakTime = 0;\r\n     \r\n      this.$store.dispatch('timekeeping/addSegment', this.employeeTimeSheet).catch(err => { console.error(err) }) \r\n      \r\n    },\r\n    onBreakIn(){\r\n    },\r\n    onClockOut(){\r\n      this.employeeTimeSheet.segmentTypeId = 3\r\n      this.clockOut.Out = new Date().toLocaleString(); \r\n      this.employeeTimeSheet.badgeTimeIn =  moment().format('MM/DD/YYYY hh:mm:ss A')\r\n      this.employeeTimeSheet.badgeTimeOut =  moment().format('MM/DD/YYYY hh:mm:ss A')\r\n      localStorage.removeItem('clockOut')\r\n      localStorage.setItem('clockOut', this.employeeTimeSheet.badgeTimeOut)\r\n      localStorage.setItem('isDisabled', JSON.stringify(false))\r\n      localStorage.setItem('isBreak', JSON.stringify(false))\r\n      this.isDisabled = false;\r\n      this.isBreak = false; \r\n      \r\n      this.clockOut.isDisabled = false;\r\n      this.clockOut.isBreak =  false;\r\n      this.$store.dispatch('timekeeping/addSegment', this.employeeTimeSheet).catch(err => { console.error(err) }) \r\n      \r\n      \r\n    },\r\n    onBreakOut(){\r\n      if(this.isDisabled && !this.isBreak)\r\n      {\r\n        this.employeeTimeSheet.segmentTypeId = 4\r\n        this.isBreakTime = true\r\n        this.clockOut.isDisabled = true\r\n        // this.employeeTimeSheet.breakOut = new Date().toLocaleString()\r\n        this.employeeTimeSheet.badgeTimeIn =   moment().format('MM/DD/YYYY hh:mm:ss A')\r\n        this.employeeTimeSheet.badgeTimeOut =  moment().format('MM/DD/YYYY hh:mm:ss A')\r\n     \r\n \r\n        localStorage.setItem('breakOut', new Date().toLocaleString())\r\n        this.myInterval = setInterval(() => {\r\n          this.breakTime += 1000\r\n          localStorage.setItem('breakTime', JSON.stringify(this.breakTime))\r\n        }, 1000);\r\n        \r\n        localStorage.setItem('isBreakTime', JSON.stringify(true))\r\n        \r\n        this.$store.dispatch('timekeeping/addSegment', this.employeeTimeSheet).catch(err => { console.error(err) }) \r\n     \r\n        \r\n      }\r\n      else //RESUME\r\n      {\r\n        this.employeeTimeSheet.segmentTypeId = 5\r\n        this.employeeTimeSheet.badgeTimeIn =  moment().format('MM/DD/YYYY hh:mm:ss A')\r\n        this.employeeTimeSheet.badgeTimeOut =  moment().format('MM/DD/YYYY hh:mm:ss A')\r\n        this.isBreakTime = false\r\n        // this.breakIn = new Date().toLocaleString();\r\n        clearInterval(this.myInterval);\r\n        this.$store.dispatch('timekeeping/addSegment', this.employeeTimeSheet).catch(err => { console.error(err) }) \r\n     \r\n      }\r\n      this.isDisabled = !this.isDisabled; \r\n      this.isBreak = !this.isBreak;\r\n      localStorage.setItem('isDisabled', JSON.stringify(this.isDisabled))\r\n      localStorage.setItem('isBreak', JSON.stringify(this.isBreak))\r\n    },\r\n                                                                                                                                                              \r\n    openAddNewSegment(date) {\r\n      this.employeeTimeSheet.startDate = date                      \r\n      this.employeeTimeSheet.endDate = date                                                      \r\n      activePromptAddSegment = true\r\n    },                                                                                                             \r\n    addNewSegment() {\r\n    },\r\n    openEditSegment(event) {\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    },\r\n    addSegmentToCalendar (title) {\r\n      const obj = { title: title, startDate: this.clockIn.In , endDate: this.clockOut.Out, label: title}\r\n      obj.classes = `event-${  this.labelColor(this.labelLocal)}`\r\n      this.$store.dispatch('calendar/addEvent', obj)\r\n    },\r\n    getDefaultApprover() {\r\n        var approver = this.getApprovers\r\n        this.approverName = approver\r\n    },\r\n    getCurrentLocation() {\r\n        //console.log('dumaan dito sa location')\r\n        if(navigator.geolocation) {\r\n          navigator.geolocation.getCurrentPosition(\r\n            p => {\r\n            this.employeeTimeSheet.latitude = p.coords.latitude\r\n            this.employeeTimeSheet.longitude = p.coords.longitude\r\n          },\r\n            error => {\r\n              console.log(error.message)\r\n            })\r\n        } else {\r\n          //console.log('Your browser oes not support geolocation API')\r\n        }\r\n      },\r\n    getUserIPAddress() {\r\n        //console.log('dumaan dito sa IP')\r\n        fetch('https://api.ipify.org?format=json')\r\n        .then(x => x.json())\r\n        .then(({ ip }) => {\r\n            this.employeeTimeSheet.ipAddress = ip\r\n            //console.log(ip)\r\n        });\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}\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>","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!./AttendanceLog.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!./AttendanceLog.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AttendanceLog.vue?vue&type=template&id=7f07d490\"\nimport script from \"./AttendanceLog.vue?vue&type=script&lang=js\"\nexport * from \"./AttendanceLog.vue?vue&type=script&lang=js\"\nimport style0 from \"./AttendanceLog.vue?vue&type=style&index=0&id=7f07d490&prod&lang=scss\"\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 * 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!./AttendanceLog.vue?vue&type=style&index=0&id=7f07d490&prod&lang=scss\""],"sourceRoot":""}