{"version":3,"sources":["webpack:///./src/pages/leave/query/index.js","webpack:///./src/pages/leave/all-pending-requests/index.vue","webpack:///src/pages/leave/all-pending-requests/index.vue","webpack:///./src/pages/leave/all-pending-requests/index.vue?09d7","webpack:///./src/pages/leave/all-pending-requests/index.vue?a9ed"],"names":["LEAVE_ACCRUAL","gql","LEAVE_REQUESTS","LEAVE_APPROVAL","ALL_PENDING_REQUESTS","EMPLOYEE_LEAVE_ACCRUALS","FILTER_WORKPLANS","FILTER_HOLIDAYS","FILTER_LEAVE_REQUEST","render","_vm","this","_c","_self","attrs","staticClass","staticStyle","model","value","table","criteria","employees","callback","$$v","$set","expression","leaveType","on","onRefreshData","scopedSlots","_u","key","fn","_v","proxy","_s","$t","headers","filteredItems","loading","row","item","id","leaveRequest","employee","name","deductedLeaveBalance","_f","beginLeaveRequestDay","date","getIsHourlyLeaveBeginTime","leaveRequestDays","endLeaveRequestDay","getIsHourlyLeaveEndTime","requestDateTime","$event","stopPropagation","onClickLeaveApproval","onClickLeaveCancel","dialog","data","onCloseDialog","onSuccessApproval","status","cancelDialog","onCloseLeaveDialog","onSuccessLeaveCancel","staticRenderFns","components","LeaveTypePicker","beginDateMenu","selected","text","align","sortable","class","computed","formattedMonth","methods","query","variables","then","errors","catch","finally","getLeaveStatusIconText","getLeaveStatusIcon","icon","getLeaveStatusIconColor","color","getTotalLeaveDay","add","format","created","component"],"mappings":"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AAK,gBACAW,SACA,CACAmC,6BACAC,aACAC,YACAxD,kBACAyD,sCAGA,CACAH,wBACAC,aACAC,YACAxD,uBACAyD,sCAGA,CACAH,8BACAC,aACAC,YACAxD,SACAyD,sCAEA,CACAH,4BACAC,aACAC,YACAxD,SACAyD,sCAGA,CACAH,gCACAC,aACAC,YACAxD,wBACAyD,sCAEA,CACAH,qCACAC,aACAC,YACAxD,SACAyD,sCAEA,CACAH,wCACAC,aACAC,YACAxD,SACAyD,0CAKAC,UACAC,iBACA,+CAEAvC,gBACA,gCAAAK,mBACA,gBAAAtB,YAAAK,GAAA,oBACA,2CACA,yBAEA,gBAIAoD,SACApB,sBACA,yBACA,6BAEAO,qBACA,4BACA,6BAEAC,uBACA,0BACA,sBAEAtC,gBACA,mBAEA,mBACA,4BACA,aACAmD,OACAA,aACAC,WACAtC,qCAGAuC,OAAArB,OAAAsB,aACA,aACAtB,uDACA,kDACA,6CACA,YAGA,kEAGAuB,UACA,4CAEAC,oCAEAC,0BACA,2CAEAC,sBACA,SACA,UACA,cACAC,oBACA,MACA,eACAA,aACA,MACA,gBACAA,UACA,MACA,wBACAA,SACA,MACA,aACAA,UACA,MACA,QACAA,SACA,MAEA,UAEAC,2BACA,SACA,UACA,cACAC,WACA,MACA,eACAA,UACA,MACA,gBACAA,SACA,MACA,wBACAA,SACA,MACA,aACAA,QACA,MACA,QACAA,UACA,MAEA,UAEAhC,wBACA,mBACA,uBAEAI,gBACA,sBACA,uBAEAC,oBACA,qBACA,sBAEA4B,oBACA,2CAEA,gBACA,qEAEA,oCAGAxC,6BACA,2CACA,YACA,4DAGAG,2BACA,2CACA,YACA,2CACAsC,oCACAC,kBAIAC,UACA,oBCrT6W,I,YCOzWC,EAAY,eACd,EACArF,EACA0D,GACA,EACA,KACA,KACA,MAIa,aAAA2B,E","file":"js/chunk-4220771f.38d30f33.js","sourcesContent":["import gql from \"graphql-tag\";\n\nexport const LEAVE_ACCRUAL = gql`\n  query leaveAccruals($employee: ID!, $onlyRequestable: Boolean) {\n    leaveAccruals(employee: $employee, onlyRequestable: $onlyRequestable) {\n      used\n      remainingBalance\n      previousBalance\n      leavePolicy {\n        accrualCount\n        accrualCalculatedCount\n        leaveType {\n          id\n          name\n          icon\n          color\n          restriction {\n            allowanceVisible\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport const LEAVE_REQUESTS = gql`\n  query filterWithPaginateLeaveRequests($criteria: LeaveRequestFilterCriteria!, $pagination: Pagination!) {\n    filterWithPaginateLeaveRequests(criteria: $criteria, pagination: $pagination) {\n      pageInfo {\n        totalElements\n        totalPages\n        pageNumber\n      }\n      content {\n        id\n        leaveType {\n          name\n          color\n          icon\n        }\n        signatureStatus\n        leaveRequestStatus\n        status\n        requestDateTime\n        leaveRequestFormURL\n        publicLeaveRequestFormURL\n        beginLeaveRequestDay {\n          date\n          duration\n        }\n        endLeaveRequestDay {\n          date\n          duration\n        }\n        approvedDateTime\n        requestDateTime\n      }\n    }\n  }\n`;\n\nexport const LEAVE_APPROVAL = gql`\n  query employee($id: ID!) {\n    employee(id: $id) {\n      pendingApprovalLeaveRequests {\n        id\n        leaveRequest {\n          id\n          remainingLeaveBalance\n          deductedLeaveBalance\n          employee {\n            id\n            firstName\n            lastName\n            profile {\n              imageUrl\n            }\n            employment {\n              branch {\n                name\n              }\n            }\n          }\n          requester {\n            firstName\n            lastName\n            profile {\n              imageUrl\n            }\n          }\n          leaveRequestDays {\n            date\n            duration\n            fromTime\n            lengthInMinutes\n          }\n          leaveType {\n            id\n            name\n            icon\n            color\n          }\n\n          requestDateTime\n          beginLeaveRequestDay {\n            date\n          }\n\n          endLeaveRequestDay {\n            date\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport const ALL_PENDING_REQUESTS = gql`\n  query employee($id: ID!) {\n    employee(id: $id) {\n      allPendingApprovalLeaveRequests {\n        id\n        leaveRequest {\n          id\n          remainingLeaveBalance\n          deductedLeaveBalance\n          employee {\n            id\n            firstName\n            lastName\n            profile {\n              imageUrl\n            }\n            employment {\n              branch {\n                name\n              }\n            }\n          }\n          requester {\n            firstName\n            lastName\n            profile {\n              imageUrl\n            }\n          }\n          leaveRequestDays {\n            date\n            duration\n            fromTime\n            lengthInMinutes\n          }\n          leaveType {\n            id\n            name\n            icon\n            color\n          }\n\n          requestDateTime\n          beginLeaveRequestDay {\n            date\n          }\n\n          endLeaveRequestDay {\n            date\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport const EMPLOYEE_LEAVE_ACCRUALS = gql`\n  query leaveAccruals($employee: ID!, $beginDate: String!, $daily: Boolean) {\n    leaveAccruals(employee: $employee, beginDate: $beginDate, daily: $daily) {\n      previousBalance\n      used\n      remainingBalance\n      leavePolicy {\n        accrualCount\n        accrualCalculatedCount\n        leaveType {\n          id\n          name\n          color\n          icon\n          weight\n          restriction {\n            noticePeriod\n            includeWeekendsAfter\n            includeHolidaysAfter\n            includeBreakDaysAfter\n            minConsecutive\n            maxConsecutive\n            durations\n            maxExceedLeaveBalance\n            includeSaturday\n            countAsWorkday\n            consecutiveWeekendLeavePassive\n            documentRequired\n            documents {\n              name\n              url\n            }\n            addressRequired\n            explanationRequired\n            requestable\n            includeAllWeekHolidays\n            includeAllWeekSaturdays\n            includePublicHolidays\n            allowanceVisible\n            usableOnSpecificDate\n            birthdayLeave\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport const FILTER_WORKPLANS = gql`\n  query FilterWorkplans($criteria: WorkplanFilterCriteria!) {\n    filterWorkplans(criteria: $criteria) {\n      date\n      breakDay\n      assignedShifts {\n        id\n        shiftType\n      }\n    }\n  }\n`;\n\nexport const FILTER_HOLIDAYS = gql`\n  query filterHolidays($criteria: HolidayFilterCriteria!) {\n    filterHolidays(criteria: $criteria) {\n      id\n      name\n      color\n      code\n      halfDay\n      countAsOvertime\n      date\n    }\n  }\n`;\n\nexport const FILTER_LEAVE_REQUEST = gql`\n  query filterLeaveRequests($criteria: LeaveRequestFilterCriteria!) {\n    filterLeaveRequests(criteria: $criteria) {\n      leaveRequestDays {\n        id\n        date\n        duration\n        fromTime\n        lengthInMinutes\n      }\n    }\n  }\n`;\n\nexport const EMPLOYEE_MANAGERS = gql`\n  query employee($id: ID!) {\n    employee(id: $id) {\n      leaveSettings {\n        leaveApprover\n      }\n    }\n  }\n`;\n\nexport const EMPLOYEE_LEAVE_ACCRUAL = gql`\n  query leaveAccruals($employee: ID!) {\n    leaveAccruals(employee: $employee) {\n      used\n      previousBalance\n      initialLeaveBalance\n      initialLeaveBalanceDate\n      leavePolicy {\n        accrualCalculatedCount\n        leaveType {\n          id\n          name\n          icon\n          color\n        }\n      }\n    }\n  }\n`;\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-row',{attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-card',{attrs:{\"elevation\":\"0\",\"tile\":\"\"}},[_c('v-card-title',{staticClass:\"grey lighten-4\"},[_c('div',{staticClass:\"d-flex justify-start align-center flex-wrap\"},[_c('employee-picker',{staticClass:\"mr-3\",staticStyle:{\"width\":\"400px\"},attrs:{\"multiple\":\"\"},model:{value:(_vm.table.criteria.employees),callback:function ($$v) {_vm.$set(_vm.table.criteria, \"employees\", $$v)},expression:\"table.criteria.employees\"}}),_c('leave-type-picker',{staticStyle:{\"width\":\"400px\"},attrs:{\"clearable\":\"\"},model:{value:(_vm.table.criteria.leaveType),callback:function ($$v) {_vm.$set(_vm.table.criteria, \"leaveType\", $$v)},expression:\"table.criteria.leaveType\"}})],1),_c('v-spacer'),_c('id-button',{on:{\"click\":_vm.onRefreshData},scopedSlots:_vm._u([{key:\"icon\",fn:function(){return [_c('v-icon',{attrs:{\"left\":\"\"}},[_vm._v(\"mdi-refresh\")])]},proxy:true}])},[_vm._v(\" \"+_vm._s(_vm.$t(\"buttons.refresh\"))+\" \")])],1),_c('v-data-table',{staticClass:\"elevation-1\",attrs:{\"headers\":_vm.table.headers,\"items\":_vm.filteredItems,\"single-select\":\"\",\"loading\":_vm.table.loading,\"footer-props\":{ 'items-per-page-options': [10, 25, 50, 100] }},scopedSlots:_vm._u([{key:\"item\",fn:function(row){return [_c('tr',{key:row.item.id},[_c('td',{staticClass:\"text-xs-left no-wrap\"},[_c('employee-profile',{attrs:{\"employee\":row.item.leaveRequest.employee}})],1),_c('td',[_c('v-list-item-content',[_c('v-list-item-title',[_vm._v(\" \"+_vm._s(row.item.leaveRequest.leaveType.name))]),_c('v-list-item-subtitle',[_vm._v(\" \"+_vm._s(row.item.leaveRequest.deductedLeaveBalance))])],1)],1),_c('td',[_vm._v(\" \"+_vm._s(_vm._f(\"formattedDate\")(row.item.leaveRequest.beginLeaveRequestDay.date))+\" \"+_vm._s(_vm.getIsHourlyLeaveBeginTime(row.item.leaveRequest.leaveRequestDays))+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(_vm._f(\"formattedDate\")(row.item.leaveRequest.endLeaveRequestDay.date))+\" \"+_vm._s(_vm.getIsHourlyLeaveEndTime(row.item.leaveRequest.leaveRequestDays))+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(_vm._f(\"formattedDate\")(row.item.leaveRequest.requestDateTime))+\" \")]),_c('td',{staticClass:\"no-wrap\"},[_c('v-btn',{staticClass:\"mr-2\",attrs:{\"small\":\"\",\"dark\":\"\",\"depressed\":\"\",\"color\":\"primary\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.onClickLeaveApproval(row.item)}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"buttons.action\"))+\" \")])],1),_c('td',[_c('v-btn',{staticClass:\"mr-2\",attrs:{\"small\":\"\",\"dark\":\"\",\"depressed\":\"\",\"color\":\"primary\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.onClickLeaveCancel(row.item)}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"buttons.cancel_leave\")))])],1)])]}}])})],1)],1),_c('approval-confirm-dialog',{attrs:{\"data\":_vm.dialog.data},on:{\"update:data\":function($event){return _vm.$set(_vm.dialog, \"data\", $event)},\"close\":_vm.onCloseDialog,\"success\":_vm.onSuccessApproval},model:{value:(_vm.dialog.status),callback:function ($$v) {_vm.$set(_vm.dialog, \"status\", $$v)},expression:\"dialog.status\"}}),_c('leave-cancel-dialog',{attrs:{\"data\":_vm.cancelDialog.data},on:{\"update:data\":function($event){return _vm.$set(_vm.cancelDialog, \"data\", $event)},\"close\":_vm.onCloseLeaveDialog,\"success\":_vm.onSuccessLeaveCancel},model:{value:(_vm.cancelDialog.status),callback:function ($$v) {_vm.$set(_vm.cancelDialog, \"status\", $$v)},expression:\"cancelDialog.status\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-row align=\"center\" justify=\"center\">\n    <v-col cols=\"12\">\n      <v-card elevation=\"0\" tile>\n        <v-card-title class=\"grey lighten-4\">\n          <div class=\"d-flex justify-start align-center flex-wrap\">\n            <employee-picker v-model=\"table.criteria.employees\" class=\"mr-3\" multiple style=\"width: 400px\" />\n            <leave-type-picker v-model=\"table.criteria.leaveType\" clearable style=\"width: 400px\" />\n          </div>\n          <v-spacer />\n          <id-button @click=\"onRefreshData\">\n            <template #icon>\n              <v-icon left>mdi-refresh</v-icon>\n            </template>\n            {{ $t(\"buttons.refresh\") }}\n          </id-button>\n        </v-card-title>\n        <v-data-table\n          :headers=\"table.headers\"\n          :items=\"filteredItems\"\n          single-select\n          class=\"elevation-1\"\n          :loading=\"table.loading\"\n          :footer-props=\"{ 'items-per-page-options': [10, 25, 50, 100] }\"\n        >\n          <template slot=\"item\" slot-scope=\"row\">\n            <tr :key=\"row.item.id\">\n              <td class=\"text-xs-left no-wrap\">\n                <employee-profile :employee=\"row.item.leaveRequest.employee\" />\n              </td>\n\n              <td>\n                <v-list-item-content>\n                  <v-list-item-title> {{ row.item.leaveRequest.leaveType.name }}</v-list-item-title>\n                  <v-list-item-subtitle> {{ row.item.leaveRequest.deductedLeaveBalance }}</v-list-item-subtitle>\n                </v-list-item-content>\n              </td>\n              <td>\n                {{ row.item.leaveRequest.beginLeaveRequestDay.date | formattedDate }}\n                {{ getIsHourlyLeaveBeginTime(row.item.leaveRequest.leaveRequestDays) }}\n              </td>\n              <td>\n                {{ row.item.leaveRequest.endLeaveRequestDay.date | formattedDate }}\n                {{ getIsHourlyLeaveEndTime(row.item.leaveRequest.leaveRequestDays) }}\n              </td>\n              <td>\n                {{ row.item.leaveRequest.requestDateTime | formattedDate }}\n              </td>\n              <td class=\"no-wrap\">\n                <v-btn small dark depressed color=\"primary\" @click.stop=\"onClickLeaveApproval(row.item)\" class=\"mr-2\">\n                  {{ $t(\"buttons.action\") }}\n                </v-btn>\n              </td>\n              <td>\n                <v-btn small dark depressed color=\"primary\" @click.stop=\"onClickLeaveCancel(row.item)\" class=\"mr-2\">\n                  {{ $t(\"buttons.cancel_leave\") }}</v-btn\n                >\n              </td>\n            </tr>\n          </template>\n        </v-data-table>\n      </v-card>\n    </v-col>\n    <approval-confirm-dialog\n      v-model=\"dialog.status\"\n      :data.sync=\"dialog.data\"\n      @close=\"onCloseDialog\"\n      @success=\"onSuccessApproval\"\n    />\n    <leave-cancel-dialog\n      v-model=\"cancelDialog.status\"\n      :data.sync=\"cancelDialog.data\"\n      @close=\"onCloseLeaveDialog\"\n      @success=\"onSuccessLeaveCancel\"\n    />\n  </v-row>\n</template>\n\n<script>\n  /**\n   * @project personal-idenfit\n   * @developer Halil Kılıçarslan\n   * @description shifts Component Logic\n   * @date 25.07.2020\n   */\n  import { ALL_PENDING_REQUESTS } from \"../query\";\n\n  export default {\n    name: \"LeaveApproval\",\n    components: {\n      \"approval-confirm-dialog\": () => import(\"./components/confirm-dialog\"),\n      \"leave-cancel-dialog\": () => import(\"./components/leave-cancel-dialog\"),\n      LeaveTypePicker: () => import(\"@/components/selectpickers/LeaveTypePicker\")\n    },\n    data: (vm) => ({\n      cancelDialog: {\n        status: false,\n        data: null\n      },\n      dialog: {\n        status: false,\n        data: null\n      },\n      beginDateMenu: false,\n      date: vm.$moment().startOf(\"month\").format(\"YYYY-MM\"),\n      table: {\n        loading: false,\n        data: [],\n        selected: [],\n        criteria: { employees: [], leaveType: null },\n        headers: [\n          {\n            text: vm.$t(\"global.employee\"),\n            align: \"left\",\n            sortable: false,\n            value: \"firstName\",\n            class: [\"primary--text text-lg-left\"]\n          },\n\n          {\n            text: vm.$t(\"leave.type\"),\n            align: \"left\",\n            sortable: false,\n            value: \"leaveType.name\",\n            class: [\"primary--text text-lg-left\"]\n          },\n\n          {\n            text: vm.$t(\"leave.begin_date\"),\n            align: \"left\",\n            sortable: false,\n            value: \"\",\n            class: [\"primary--text text-lg-left\"]\n          },\n          {\n            text: vm.$t(\"leave.end_date\"),\n            align: \"left\",\n            sortable: false,\n            value: \"\",\n            class: [\"primary--text text-lg-left\"]\n          },\n\n          {\n            text: vm.$t(\"leave.request_time\"),\n            align: \"left\",\n            sortable: false,\n            value: \"requestDateTime\",\n            class: [\"primary--text text-lg-left\"]\n          },\n          {\n            text: vm.$t(\"leave.approve_or_reject\"),\n            align: \"left\",\n            sortable: false,\n            value: \"\",\n            class: [\"primary--text text-lg-left\"]\n          },\n          {\n            text: vm.$t(\"leave.cancels.leave_cancel\"),\n            align: \"left\",\n            sortable: false,\n            value: \"\",\n            class: [\"primary--text text-lg-left\"]\n          }\n        ]\n      }\n    }),\n    computed: {\n      formattedMonth() {\n        return this.$moment(this.date).format(\"MMMM\");\n      },\n      filteredItems() {\n        return this.table.data.filter(({ leaveRequest }) => {\n          const { employees, leaveType } = this.table.criteria;\n          const isEmployeeSelected = employees.length > 0 ? employees.includes(leaveRequest.employee.id) : true;\n          const leaveTypeCriteria = !leaveType || leaveRequest.leaveType.id === leaveType;\n\n          return isEmployeeSelected && leaveTypeCriteria;\n        });\n      }\n    },\n    methods: {\n      onClickLeaveCancel(leave) {\n        this.cancelDialog.data = leave;\n        this.cancelDialog.status = true;\n      },\n      onCloseLeaveDialog() {\n        this.cancelDialog.data = null;\n        this.cancelDialog.status = false;\n      },\n      onSuccessLeaveCancel() {\n        this.onCloseLeaveDialog();\n        this.onRefreshData();\n      },\n      onRefreshData() {\n        this.fetchItems();\n      },\n      async fetchItems() {\n        this.table.loading = true;\n        await this.$apollo\n          .query({\n            query: ALL_PENDING_REQUESTS,\n            variables: {\n              id: this.$store.state.auth.user.id\n            }\n          })\n          .then(({ data, errors }) => {\n            if (!data.error && !errors) {\n              data.employee.allPendingApprovalLeaveRequests.sort((a, b) =>\n                this.$moment(b.leaveRequest.requestDateTime).diff(\n                  this.$moment(a.leaveRequest.requestDateTime),\n                  \"seconds\"\n                )\n              );\n              this.table.data = data.employee.allPendingApprovalLeaveRequests || [];\n            }\n          })\n          .catch((e) => {\n            this.$helpers.showNotification(e.message);\n          })\n          .finally(() => (this.table.loading = false));\n      },\n      getLeaveStatusIconText(leaveStatus) {\n        return this.$t(`leave_request_status.${leaveStatus}`);\n      },\n      getLeaveStatusIcon(leaveStatus) {\n        let icon = \"\";\n        switch (leaveStatus) {\n          case \"PENDING\":\n            icon = \"hourglass_empty\";\n            break;\n          case \"APPROVED\":\n            icon = \"done_all\";\n            break;\n          case \"CANCELLED\":\n            icon = \"clear\";\n            break;\n          case \"NEED_EXTRA_DETAIL\":\n            icon = \"info\";\n            break;\n          case \"DENIED\":\n            icon = \"block\";\n            break;\n          default:\n            icon = \"help\";\n            break;\n        }\n        return icon;\n      },\n      getLeaveStatusIconColor(status) {\n        let color = \"\";\n        switch (status) {\n          case \"PENDING\":\n            color = \"orange\";\n            break;\n          case \"APPROVED\":\n            color = \"green\";\n            break;\n          case \"CANCELLED\":\n            color = \"grey\";\n            break;\n          case \"NEED_EXTRA_DETAIL\":\n            color = \"blue\";\n            break;\n          case \"DENIED\":\n            color = \"red\";\n            break;\n          default:\n            color = \"black\";\n            break;\n        }\n        return color;\n      },\n      onClickLeaveApproval(leaveRequest) {\n        this.dialog.data = leaveRequest;\n        this.dialog.status = true;\n      },\n      onCloseDialog() {\n        this.dialog.data = null;\n        this.dialog.status = false;\n      },\n      onSuccessApproval() {\n        this.onCloseDialog();\n        this.onRefreshData();\n      },\n      getTotalLeaveDay(leaveDays) {\n        const isHourly = leaveDays.filter((item) => item.duration === \"HOURLY\");\n\n        if (isHourly.length) {\n          return leaveDays.reduce((acc, item) => (acc += item.lengthInMinutes / 60), 0) + \" \" + this.$t(\"global.hour\");\n        } else {\n          return leaveDays.length + \" \" + this.$t(\"global.day\");\n        }\n      },\n      getIsHourlyLeaveBeginTime(leaveDays) {\n        const isHourly = leaveDays.filter((item) => item.duration === \"HOURLY\");\n        if (isHourly.length) {\n          return this.$moment(leaveDays[0].fromTime, \"HH:mm\").format(\"HH:mm\");\n        }\n      },\n      getIsHourlyLeaveEndTime(leaveDays) {\n        const isHourly = leaveDays.filter((item) => item.duration === \"HOURLY\");\n        if (isHourly.length) {\n          return this.$moment(leaveDays[0].fromTime, \"HH:mm\")\n            .add(isHourly[0].lengthInMinutes, \"minutes\")\n            .format(\"HH:mm\");\n        }\n      }\n    },\n    created() {\n      this.fetchItems();\n    }\n  };\n</script>\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=9c9fed48&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\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"],"sourceRoot":""}