{"version":3,"sources":["webpack:///./src/pages/time/query/index.js","webpack:///./src/pages/time/shift/pending-requests/index.vue","webpack:///src/pages/time/shift/pending-requests/index.vue","webpack:///./src/pages/time/shift/pending-requests/index.vue?a9a0","webpack:///./src/pages/time/shift/pending-requests/index.vue?4011"],"names":["SHIFT_PAGINATE","gql","WORKPLANS_PAGINATE","PendingOvertimeRequests","AllPendingOvertimeRequests","FILTER_WORKPLANS","PENDING_WORKPLAN_REQUESTS","ALL_PENDING_WORKPLAN_REQUESTS","render","_vm","this","_c","_self","attrs","staticClass","on","onRefreshData","scopedSlots","_u","key","fn","_v","proxy","_s","$t","table","headers","data","loading","row","item","id","workplanRequest","employee","workplanRequestStatus","_f","requestDateTime","$event","stopPropagation","preventDefault","handleDetailClick","onClickLeaveApproval","fetchItems","detailDialog","model","value","status","callback","$$v","$set","expression","dialog","onCloseDialog","onSuccessApproval","staticRenderFns","name","components","WorkplanRequestCalendar","CancelWorkplanRequest","selectedDate","criteria","beginDate","endDate","selected","text","align","sortable","class","width","watch","handler","deep","methods","query","variables","then","errors","workplanRequestProcess","workplan","shift","catch","finally","created","component"],"mappings":"kHAAA,8PAEO,MAAMA,EAAiBC,MAAI;;;;;;;;;;;;;;;;;;;;;;;;EA0BrBC,EAAqBD,MAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8HzBE,GAjCoBF,MAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiCEA,MAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkG9BG,EAA6BH,MAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6GjCI,GAXoBJ,MAAI;;;;;;;;;EAWLA,MAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqFvBK,EAA4BL,MAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwIhCM,EAAgCN,MAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CCtkBjD,IAAIO,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,QAAQ,CAACE,MAAM,CAAC,MAAQ,SAAS,QAAU,WAAW,CAACF,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,OAAO,CAACF,EAAG,SAAS,CAACE,MAAM,CAAC,UAAY,IAAI,KAAO,KAAK,CAACF,EAAG,eAAe,CAACG,YAAY,kBAAkB,CAACH,EAAG,YAAYA,EAAG,YAAY,CAACI,GAAG,CAAC,MAAQN,EAAIO,eAAeC,YAAYR,EAAIS,GAAG,CAAC,CAACC,IAAI,OAAOC,GAAG,WAAW,MAAO,CAACT,EAAG,SAAS,CAACE,MAAM,CAAC,KAAO,KAAK,CAACJ,EAAIY,GAAG,mBAAmBC,OAAM,MAAS,CAACb,EAAIY,GAAG,IAAIZ,EAAIc,GAAGd,EAAIe,GAAG,oBAAoB,QAAQ,GAAGb,EAAG,eAAe,CAACG,YAAY,cAAcD,MAAM,CAAC,QAAUJ,EAAIgB,MAAMC,QAAQ,MAAQjB,EAAIgB,MAAME,KAAK,QAAUlB,EAAIgB,MAAMG,QAAQ,eAAe,CAAE,yBAA0B,CAAC,GAAI,GAAI,GAAI,OAAQX,YAAYR,EAAIS,GAAG,CAAC,CAACC,IAAI,OAAOC,GAAG,SAASS,GAAK,MAAO,CAAClB,EAAG,KAAK,CAACQ,IAAIU,EAAIC,KAAKC,IAAI,CAACpB,EAAG,KAAK,CAACG,YAAY,wBAAwB,CAACH,EAAG,mBAAmB,CAACE,MAAM,CAAC,SAAWgB,EAAIC,KAAKE,gBAAgBC,aAAa,GAAGtB,EAAG,KAAK,CAACF,EAAIY,GAAG,IAAIZ,EAAIc,GAAGd,EAAIe,GAAI,kBAAiBK,EAAIC,KAAKE,gBAAgBE,wBAA0B,OAAOvB,EAAG,KAAK,CAACF,EAAIY,GAAG,IAAIZ,EAAIc,GAAGd,EAAI0B,GAAG,gBAAP1B,CAAwBoB,EAAIC,KAAKE,gBAAgBI,kBAAkB,OAAOzB,EAAG,KAAK,CAACG,YAAY,eAAe,CAACH,EAAG,QAAQ,CAACE,MAAM,CAAC,IAAM,GAAG,MAAQ,GAAG,UAAY,GAAG,MAAQ,QAAQE,GAAG,CAAC,MAAQ,SAASsB,GAAyD,OAAjDA,EAAOC,kBAAkBD,EAAOE,iBAAwB9B,EAAI+B,kBAAkBX,EAAIC,SAAS,CAACnB,EAAG,SAAS,CAACE,MAAM,CAAC,MAAQ,QAAQ,KAAO,OAAO,CAACJ,EAAIY,GAAG,sBAAsB,IAAI,GAAGV,EAAG,KAAK,CAACG,YAAY,WAAW,CAACH,EAAG,QAAQ,CAACE,MAAM,CAAC,MAAQ,GAAG,KAAO,GAAG,UAAY,GAAG,MAAQ,WAAWE,GAAG,CAAC,MAAQ,SAASsB,GAAiC,OAAzBA,EAAOC,kBAAyB7B,EAAIgC,qBAAqBZ,EAAIC,SAAS,CAACrB,EAAIY,GAAG,IAAIZ,EAAIc,GAAGd,EAAIe,GAAG,mBAAmB,QAAQ,GAAGb,EAAG,KAAK,CAACG,YAAY,WAAW,CAACH,EAAG,0BAA0B,CAACE,MAAM,CAAC,GAAKgB,EAAIC,KAAKE,gBAAgBD,IAAIhB,GAAG,CAAC,QAAUN,EAAIiC,eAAe,aAAa,IAAI,GAAG/B,EAAG,4BAA4B,CAACE,MAAM,CAAC,KAAOJ,EAAIkC,aAAab,MAAMc,MAAM,CAACC,MAAOpC,EAAIkC,aAAaG,OAAQC,SAAS,SAAUC,GAAMvC,EAAIwC,KAAKxC,EAAIkC,aAAc,SAAUK,IAAME,WAAW,yBAAyBvC,EAAG,0BAA0B,CAACE,MAAM,CAAC,KAAOJ,EAAI0C,OAAOxB,MAAMZ,GAAG,CAAC,cAAc,SAASsB,GAAQ,OAAO5B,EAAIwC,KAAKxC,EAAI0C,OAAQ,OAAQd,IAAS,MAAQ5B,EAAI2C,cAAc,QAAU3C,EAAI4C,mBAAmBT,MAAM,CAACC,MAAOpC,EAAI0C,OAAOL,OAAQC,SAAS,SAAUC,GAAMvC,EAAIwC,KAAKxC,EAAI0C,OAAQ,SAAUH,IAAME,WAAW,oBAAoB,IAEv1EI,EAAkB,G,YC+DtB,GACAC,+BACAC,YACA,8EACAC,4EACAC,4EAEA/B,UACAwB,QACAL,UACAnB,WAEAgC,4DACAlC,OACAG,WACAD,QACAiC,UACAC,4DACAC,yDAEAC,YACArC,SACA,CACAsC,6CACAC,aACAC,YACArB,kBACAsB,sCAEA,CACAH,mDACAC,aACAC,YACArB,SACAsB,sCAEA,CACAH,iDACAC,aACAC,YACArB,wBACAsB,sCAEA,CACAH,wCACAC,eACAC,YACAC,yBAEA,CACAC,WACAJ,QACAC,cACAC,YACAC,yBAEA,CACAC,WACAJ,QACAC,cACAC,YACAC,2BAIAxB,cACAG,UACAhB,WAGAuC,OACAV,cACAW,WACA,oFACA,iFAEAC,UAGAC,SACAhC,qBACA,4BACA,0BAEAxB,gBACA,mBAEA0B,aACA,sBACA,aACA+B,OACAA,aACAC,WACA3C,qCAGA4C,OAAAhD,OAAAiD,aACA,aACAjD,uDACAkD,+CACAC,6BACA,mCACAC,wBAEA,0BACAA,iEAKA,uEACA,4FAIAC,qBACAC,oCAEAxC,wBACA,mBACA,uBAEAW,gBACA,sBACA,uBAEAC,oBACA,qBACA,uBAGA6B,UACA,oBCrM4X,I,YCOxXC,EAAY,eACd,EACA3E,EACA8C,GACA,EACA,KACA,KACA,MAIa,aAAA6B,E","file":"js/chunk-2577cff2.34133315.js","sourcesContent":["import gql from \"graphql-tag\";\n\nexport const SHIFT_PAGINATE = gql`\n  query FilterWithPaginateWorkplans($criteria: WorkplanFilterCriteria!, $pagination: Pagination!) {\n    filterWithPaginateWorkplans(criteria: $criteria, pagination: $pagination) {\n      pageInfo {\n        totalElements\n        totalPages\n        pageNumber\n      }\n      content {\n        id\n        date\n        countAsOvertime\n        assignedShifts {\n          id\n          name\n          beginTime\n          endTime\n          shiftType\n          totalWorkingTimeInMinutes\n          expectedWorkingTimeInMinutes\n        }\n      }\n    }\n  }\n`;\n\nexport const WORKPLANS_PAGINATE = gql`\n  query FilterWithPaginateWorkplans($criteria: WorkplanFilterCriteria!, $pagination: Pagination!) {\n    filterWithPaginateWorkplans(criteria: $criteria, pagination: $pagination) {\n      pageInfo {\n        totalElements\n        totalPages\n        pageNumber\n      }\n      content {\n        id\n        date\n        countAsOvertime\n        overtimeDisabled\n        missingTimeDisabled\n        assignedShifts {\n          id\n          expectedWorkingTimeInMinutes\n          shiftType\n        }\n        leaveRequest {\n          id\n          leaveType {\n            color\n            icon\n            name\n          }\n        }\n        timesheets {\n          id\n          actualWorkingTimeInMinutes\n          clockInTimestamp\n          clockOutTimestamp\n          shift {\n            beginTime\n            endTime\n            shiftType\n            totalWorkingTimeInMinutes\n            expectedWorkingTimeInMinutes\n          }\n          totalOvertimeInMinutes\n          totalMissingTimeInMinutes\n        }\n        calculatedTimesheet {\n          id\n          actualWorkingTimeInMinutes\n          clockInTimestamp\n          clockOutTimestamp\n          latelyClockInTimeInMinutes\n          earlyClockOutTimeInMinutes\n          clockInIdentityType\n          clockOutIdentityType\n          totalOvertimeInMinutes\n          totalMissingTimeInMinutes\n          firstClockIn {\n            id\n          }\n          lastClockOut {\n            id\n          }\n          clockInTerminal {\n            name\n          }\n          clockInAccessTerminal {\n            name\n          }\n          clockOutTerminal {\n            name\n          }\n          clockOutAccessTerminal {\n            name\n          }\n          shift {\n            id\n            name\n            color\n            beginTime\n            endTime\n            shiftType\n            lengthInMinutes\n            expectedWorkingTimeInMinutes\n            totalWorkingTimeInMinutes\n            totalBreakTimeInMinutes\n            latelyClockInTolerance\n            earlyClockOutTolerance\n            maxClockOutOvertimeInMinutes\n            maxClockInOvertimeInMinutes\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport const OVERTIME_APPROVAL = gql`\n  query employee($id: ID!) {\n    employee(id: $id) {\n      pendingApprovalOvertimeRequests {\n        id\n        overtime {\n          requestStatus\n          requestedDateTime\n          workplan {\n            date\n          }\n          overtimeInMinutes\n          reason\n          description\n          employee {\n            id\n            firstName\n            lastName\n            profile {\n              imageUrl\n            }\n            employment {\n              branch {\n                name\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport const PendingOvertimeRequests = gql`\n  query PendingOvertimeRequests($id: ID!) {\n    employee(id: $id) {\n      pendingApprovalOvertimeRequests {\n        id\n        approver {\n          id\n        }\n        overtime {\n          requestStatus\n          requestedDateTime\n          workplan {\n            allLeaveRequest {\n              id\n              leaveRequestStatus\n              leaveType {\n                color\n                name\n              }\n              leaveRequestDays {\n                duration\n                date\n                leaveRequestDayType\n              }\n            }\n            date\n            assignedShifts {\n              name\n              beginTime\n              endTime\n              shiftType\n            }\n            calculatedTimesheet {\n              shift {\n                id\n                name\n                color\n                beginTime\n                endTime\n                shiftType\n                lengthInMinutes\n                expectedWorkingTimeInMinutes\n                totalWorkingTimeInMinutes\n                totalBreakTimeInMinutes\n                latelyClockInTolerance\n                earlyClockOutTolerance\n                maxClockOutOvertimeInMinutes\n                maxClockInOvertimeInMinutes\n                minClockOutOvertimeInMinutes\n                minClockInOvertimeInMinutes\n                maxOvertimeInMinutes\n                minOvertimeInMinutes\n                midnightTolerance\n                totalBreakTimeInMinutesForWeb\n              }\n              clockInTimestamp\n              clockInIdentityType\n              clockInTerminal {\n                name\n              }\n              latelyClockInTimeInMinutes\n              clockOutTimestamp\n              clockOutIdentityType\n              clockOutTerminal {\n                name\n              }\n              earlyClockOutTimeInMinutes\n              totalOvertimeInMinutes\n              actualWorkingTimeInMinutes\n              totalMissingTimeInMinutes\n            }\n          }\n          overtimeInMinutes\n          period\n          reason\n          description\n          employee {\n            id\n            firstName\n            lastName\n            profile {\n              imageUrl\n            }\n            employment {\n              branch {\n                name\n              }\n              unit {\n                name\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport const AllPendingOvertimeRequests = gql`\n  query AllPendingOvertimeRequests($id: ID!) {\n    employee(id: $id) {\n      allPendingApprovalOvertimeRequests {\n        id\n        approver {\n          id\n        }\n        overtime {\n          requestStatus\n          requestedDateTime\n          workplan {\n            allLeaveRequest {\n              id\n              leaveRequestStatus\n              leaveType {\n                color\n                name\n              }\n              leaveRequestDays {\n                duration\n                date\n                leaveRequestDayType\n              }\n            }\n            date\n            assignedShifts {\n              name\n              beginTime\n              endTime\n              shiftType\n            }\n            calculatedTimesheet {\n              shift {\n                id\n                name\n                color\n                beginTime\n                endTime\n                shiftType\n                lengthInMinutes\n                expectedWorkingTimeInMinutes\n                totalWorkingTimeInMinutes\n                totalBreakTimeInMinutes\n                latelyClockInTolerance\n                earlyClockOutTolerance\n                maxClockOutOvertimeInMinutes\n                maxClockInOvertimeInMinutes\n                minClockOutOvertimeInMinutes\n                minClockInOvertimeInMinutes\n                maxOvertimeInMinutes\n                minOvertimeInMinutes\n                midnightTolerance\n                totalBreakTimeInMinutesForWeb\n              }\n              clockInTimestamp\n              clockInIdentityType\n              clockInTerminal {\n                name\n              }\n              latelyClockInTimeInMinutes\n              clockOutTimestamp\n              clockOutIdentityType\n              clockOutTerminal {\n                name\n              }\n              earlyClockOutTimeInMinutes\n              totalOvertimeInMinutes\n              actualWorkingTimeInMinutes\n              totalMissingTimeInMinutes\n            }\n          }\n          overtimeInMinutes\n          period\n          reason\n          description\n          employee {\n            id\n            firstName\n            lastName\n            profile {\n              imageUrl\n            }\n            employment {\n              branch {\n                name\n              }\n              unit {\n                name\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport const EMPLOYEE_MANAGERS = gql`\n  query employee($id: ID!) {\n    employee(id: $id) {\n      timeSettings {\n        overtimeApprover\n        shiftApprover\n      }\n    }\n  }\n`;\n\nexport const FILTER_WORKPLANS = gql`\n  query filterWorkplans($criteria: WorkplanFilterCriteria!) {\n    filterWorkplans(criteria: $criteria) {\n      id\n      date\n      countAsOvertime\n      overtimeDisabled\n      missingTimeDisabled\n      assignedShifts {\n        id\n        expectedWorkingTimeInMinutes\n      }\n      leaveRequest {\n        id\n        leaveType {\n          color\n          icon\n          name\n        }\n      }\n      timesheets {\n        id\n        actualWorkingTimeInMinutes\n        clockInTimestamp\n        clockOutTimestamp\n        shift {\n          beginTime\n          endTime\n          shiftType\n          totalWorkingTimeInMinutes\n          expectedWorkingTimeInMinutes\n        }\n        totalOvertimeInMinutes\n        totalMissingTimeInMinutes\n      }\n      calculatedTimesheet {\n        id\n        actualWorkingTimeInMinutes\n        clockInTimestamp\n        clockOutTimestamp\n        latelyClockInTimeInMinutes\n        earlyClockOutTimeInMinutes\n        clockInIdentityType\n        clockOutIdentityType\n        totalOvertimeInMinutes\n        totalMissingTimeInMinutes\n        firstClockIn {\n          id\n        }\n        lastClockOut {\n          id\n        }\n        clockInTerminal {\n          name\n        }\n        clockInAccessTerminal {\n          name\n        }\n        clockOutTerminal {\n          name\n        }\n        clockOutAccessTerminal {\n          name\n        }\n        shift {\n          id\n          name\n          color\n          beginTime\n          endTime\n          shiftType\n          lengthInMinutes\n          expectedWorkingTimeInMinutes\n          totalWorkingTimeInMinutes\n          totalBreakTimeInMinutes\n          latelyClockInTolerance\n          earlyClockOutTolerance\n          maxClockOutOvertimeInMinutes\n          maxClockInOvertimeInMinutes\n        }\n      }\n    }\n  }\n`;\n\nexport const PENDING_WORKPLAN_REQUESTS = gql`\n  query pendingRequests($id: ID!) {\n    employee(id: $id) {\n      pendingApprovalWorkplanRequests {\n        id\n        approver {\n          id\n          firstName\n          lastName\n          profile {\n            imageUrl\n          }\n          employment {\n            branch {\n              name\n            }\n          }\n        }\n        workplanRequest {\n          id\n          requestDateTime\n          workplanRequestStatus\n          employee {\n            id\n            firstName\n            lastName\n            profile {\n              imageUrl\n            }\n            employment {\n              branch {\n                name\n              }\n              unit {\n                name\n              }\n              team {\n                name\n              }\n              jobInfo {\n                name\n              }\n            }\n          }\n          abolishReason\n          abolishDateTime\n          abolisher {\n            id\n            firstName\n            lastName\n            profile {\n              imageUrl\n            }\n            employment {\n              branch {\n                name\n              }\n              unit {\n                name\n              }\n              team {\n                name\n              }\n              jobInfo {\n                name\n              }\n            }\n          }\n          plannedWorkplans {\n            countAsOvertime\n            breakDay\n            date\n            workplan {\n              leaveRequest {\n                leaveType {\n                  icon\n                  code\n                  color\n                  name\n                }\n              }\n              overtimes {\n                requestStatus\n                overtimeInMinutes\n                period\n              }\n            }\n            assignedShifts {\n              code\n              name\n              color\n              shiftType\n              beginTime\n              endTime\n              lengthInMinutes\n              totalBreakTimeInMinutes\n              totalWorkingTimeInMinutes\n              latelyClockInTolerance\n              earlyClockOutTolerance\n              maxClockInOvertimeInMinutes\n              minClockInOvertimeInMinutes\n              maxClockOutOvertimeInMinutes\n              minClockOutOvertimeInMinutes\n              totalBreakTimeInMinutesForWeb\n              maxOvertimeInMinutes\n              minOvertimeInMinutes\n              midnightTolerance\n            }\n          }\n          workplanRequestProcesses {\n            id\n            rank\n            approved\n            note\n            eventDateTime\n            nextApprover\n            approver {\n              id\n              firstName\n              lastName\n              profile {\n                imageUrl\n              }\n              employment {\n                branch {\n                  name\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport const ALL_PENDING_WORKPLAN_REQUESTS = gql`\n  query allPendingRequests($id: ID!) {\n    employee(id: $id) {\n      allPendingApprovalWorkplanRequests {\n        id\n        approver {\n          id\n          firstName\n          lastName\n          profile {\n            imageUrl\n          }\n          employment {\n            branch {\n              name\n            }\n          }\n        }\n        workplanRequest {\n          id\n          requestDateTime\n          workplanRequestStatus\n          employee {\n            id\n            firstName\n            lastName\n            profile {\n              imageUrl\n            }\n            employment {\n              branch {\n                name\n              }\n              unit {\n                name\n              }\n              team {\n                name\n              }\n              jobInfo {\n                name\n              }\n            }\n          }\n          abolishReason\n          abolishDateTime\n          abolisher {\n            id\n            firstName\n            lastName\n            profile {\n              imageUrl\n            }\n            employment {\n              branch {\n                name\n              }\n              unit {\n                name\n              }\n              team {\n                name\n              }\n              jobInfo {\n                name\n              }\n            }\n          }\n          plannedWorkplans {\n            countAsOvertime\n            breakDay\n            date\n            workplan {\n              leaveRequest {\n                leaveType {\n                  icon\n                  code\n                  color\n                  name\n                }\n              }\n              overtimes {\n                requestStatus\n                overtimeInMinutes\n                period\n              }\n            }\n            assignedShifts {\n              code\n              name\n              color\n              shiftType\n              beginTime\n              endTime\n              lengthInMinutes\n              totalBreakTimeInMinutes\n              totalWorkingTimeInMinutes\n              latelyClockInTolerance\n              earlyClockOutTolerance\n              maxClockInOvertimeInMinutes\n              minClockInOvertimeInMinutes\n              maxClockOutOvertimeInMinutes\n              minClockOutOvertimeInMinutes\n              totalBreakTimeInMinutesForWeb\n              maxOvertimeInMinutes\n              minOvertimeInMinutes\n              midnightTolerance\n            }\n          }\n          workplanRequestProcesses {\n            id\n            rank\n            approved\n            note\n            eventDateTime\n            nextApprover\n            approver {\n              id\n              firstName\n              lastName\n              profile {\n                imageUrl\n              }\n              employment {\n                branch {\n                  name\n                }\n              }\n            }\n          }\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('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.table.data,\"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.workplanRequest.employee}})],1),_c('td',[_vm._v(\" \"+_vm._s(_vm.$t(`request_status.${row.item.workplanRequest.workplanRequestStatus}`))+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(_vm._f(\"formattedDate\")(row.item.workplanRequest.requestDateTime))+\" \")]),_c('td',{staticClass:\"text-center\"},[_c('v-btn',{attrs:{\"fab\":\"\",\"small\":\"\",\"depressed\":\"\",\"color\":\"teal\"},on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.handleDetailClick(row.item)}}},[_c('v-icon',{attrs:{\"color\":\"white\",\"size\":\"20\"}},[_vm._v(\"mdi-open-in-app\")])],1)],1),_c('td',{staticClass:\"no-wrap\"},[_c('v-btn',{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',{staticClass:\"no-wrap\"},[_c('cancel-workplan-request',{attrs:{\"id\":row.item.workplanRequest.id},on:{\"success\":_vm.fetchItems}})],1)])]}}])})],1)],1),_c('workplan-request-calendar',{attrs:{\"item\":_vm.detailDialog.item},model:{value:(_vm.detailDialog.status),callback:function ($$v) {_vm.$set(_vm.detailDialog, \"status\", $$v)},expression:\"detailDialog.status\"}}),_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\"}})],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          <!-- <v-flex xs2>\n            <month-picker v-model=\"selectedDate\" />\n          </v-flex> -->\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=\"table.data\"\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.workplanRequest.employee\" />\n              </td>\n              <td>\n                {{ $t(`request_status.${row.item.workplanRequest.workplanRequestStatus}`) }}\n              </td>\n              <td>\n                {{ row.item.workplanRequest.requestDateTime | formattedDate }}\n              </td>\n              <td class=\"text-center\">\n                <v-btn fab small depressed color=\"teal\" @click.stop.prevent=\"handleDetailClick(row.item)\">\n                  <v-icon color=\"white\" size=\"20\">mdi-open-in-app</v-icon>\n                </v-btn>\n              </td>\n              <td class=\"no-wrap\">\n                <v-btn small dark depressed color=\"primary\" @click.stop=\"onClickLeaveApproval(row.item)\">\n                  {{ $t(\"buttons.action\") }}\n                </v-btn>\n              </td>\n              <td class=\"no-wrap\">\n                <cancel-workplan-request :id=\"row.item.workplanRequest.id\" @success=\"fetchItems\" />\n              </td>\n            </tr>\n          </template>\n        </v-data-table>\n      </v-card>\n    </v-col>\n    <workplan-request-calendar v-model=\"detailDialog.status\" :item=\"detailDialog.item\" />\n    <approval-confirm-dialog\n      v-model=\"dialog.status\"\n      :data.sync=\"dialog.data\"\n      @close=\"onCloseDialog\"\n      @success=\"onSuccessApproval\"\n    />\n  </v-row>\n</template>\n\n<script>\n  import { PENDING_WORKPLAN_REQUESTS } from \"../../query\";\n\n  export default {\n    name: \"WorkplanRequestApproval\",\n    components: {\n      \"approval-confirm-dialog\": () => import(\"./components/confirm-dialog\"),\n      WorkplanRequestCalendar: () => import(\"./components/WorkplanRequestCalendar\"),\n      CancelWorkplanRequest: () => import(\"./components/CancelWorkplanRequest\")\n    },\n    data: (vm) => ({\n      dialog: {\n        status: false,\n        data: null\n      },\n      selectedDate: vm.$moment().startOf(\"month\").format(\"YYYY-MM\"),\n      table: {\n        loading: false,\n        data: [],\n        criteria: {\n          beginDate: vm.$moment().startOf(\"month\").format(\"YYYY-MM-DD\"),\n          endDate: vm.$moment().endOf(\"month\").format(\"YYYY-MM-DD\")\n        },\n        selected: [],\n        headers: [\n          {\n            text: vm.$t(\"time.overtime_approval.employee\"),\n            align: \"left\",\n            sortable: false,\n            value: \"firstName\",\n            class: [\"primary--text text-lg-left\"]\n          },\n          {\n            text: vm.$t(\"time.overtime_approval.request_status\"),\n            align: \"left\",\n            sortable: false,\n            value: \"\",\n            class: [\"primary--text text-lg-left\"]\n          },\n          {\n            text: vm.$t(\"time.overtime_approval.request_time\"),\n            align: \"left\",\n            sortable: false,\n            value: \"requestDateTime\",\n            class: [\"primary--text text-lg-left\"]\n          },\n          {\n            text: vm.$t(\"time.calendar.shift_detail\"),\n            align: \"center\",\n            sortable: false,\n            class: [\"primary--text\"]\n          },\n          {\n            width: \"1%\",\n            text: \"\",\n            align: \"right\",\n            sortable: false,\n            class: [\"primary--text\"]\n          },\n          {\n            width: \"1%\",\n            text: \"\",\n            align: \"right\",\n            sortable: false,\n            class: [\"primary--text\"]\n          }\n        ]\n      },\n      detailDialog: {\n        status: false,\n        item: {}\n      }\n    }),\n    watch: {\n      selectedDate: {\n        handler(v) {\n          this.table.criteria.beginDate = this.$moment(v).startOf(\"month\").format(\"YYYY-MM-DD\");\n          this.table.criteria.endDate = this.$moment(v).endOf(\"month\").format(\"YYYY-MM-DD\");\n        },\n        deep: true\n      }\n    },\n    methods: {\n      handleDetailClick(item) {\n        this.detailDialog.status = true;\n        this.detailDialog.item = item;\n      },\n      onRefreshData() {\n        this.fetchItems();\n      },\n      fetchItems() {\n        this.table.loading = true;\n        this.$apollo\n          .query({\n            query: PENDING_WORKPLAN_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.pendingApprovalWorkplanRequests.forEach((workplanRequestProcess) => {\n                workplanRequestProcess.workplanRequest.plannedWorkplans.forEach((workplan) => {\n                  workplan.assignedShifts.forEach((shift) => {\n                    if (!shift.beginTime && shift.shiftType === \"FIX\") {\n                      shift.shiftType = \"FLEXIBLE\";\n                    }\n                    if (shift.shiftType === \"DYNAMIC\") {\n                      shift.totalBreakTimeInMinutes = shift.totalBreakTimeInMinutesForWeb;\n                    }\n                  });\n                });\n              });\n              this.table.data = data.employee.pendingApprovalWorkplanRequests.sort((a, b) =>\n                this.$moment(b.workplanRequest.requestDateTime).diff(a.workplanRequest.requestDateTime)\n              );\n            }\n          })\n          .catch(console.error)\n          .finally(() => (this.table.loading = false));\n      },\n      onClickLeaveApproval(item) {\n        this.dialog.data = item;\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    },\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=5d6b0916&\"\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":""}