{"version":3,"sources":["webpack:///./src/router/views/timesheetsApproval.vue?56b7","webpack:///./src/router/views/timesheetsApproval.vue?9aa2","webpack:///src/router/views/timesheetsApproval.vue","webpack:///./src/router/views/timesheetsApproval.vue?4ce5","webpack:///./src/router/views/timesheetsApproval.vue","webpack:///../../../src/components/VGrid/VContainer.ts"],"names":["render","_vm","this","_h","$createElement","_c","_self","VContainer","attrs","VRow","VCol","VCard","staticClass","VListItem","VList","_v","VDataTable","headers","pendingTimesheet","timesheetSort","scopedSlots","_u","key","fn","ref","item","VTooltip","on","VBtn","_g","$event","enterSubmitTimesheet","VIcon","_s","EmployeeName","MonthName","StatusID","Description","RejectReason","pendingApproval","approveTimesheet","headers2","completedTimesheet","staticRenderFns","component","extend","name","functional","props","id","String","tag","type","default","fluid","Boolean","h","classes","data","children","Object","keys","filter","value","startsWith","domProps","class","Array","concat"],"mappings":"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","file":"js/chunk-4e0c89a6.1672544a.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./timesheetsApproval.vue?vue&type=style&index=0&lang=scss&\"","import { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemContent } from 'vuetify/lib/components/VList';\nimport { VListItemTitle } from 'vuetify/lib/components/VList';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VTooltip } from 'vuetify/lib/components/VTooltip';\n\nvar render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(VContainer,{attrs:{\"fluid\":\"\"}},[_c(VRow,[_c(VCol,{attrs:{\"sm\":\"12\"}},[_c(VCard,{staticClass:\"mx-auto\"},[_c(VListItem,{staticClass:\"primary\"},[_c(VListItemContent,[_c(VListItemTitle,{staticClass:\"headline text-left white--text\"},[_vm._v(\"Active Timesheets\")])],1)],1),[_c(VDataTable,{staticClass:\"pt-4\",attrs:{\"headers\":_vm.headers,\"items\":_vm.pendingTimesheet,\"items-per-page\":5,\"customSort\":_vm.timesheetSort},scopedSlots:_vm._u([{key:\"item.view\",fn:function(ref){\nvar item = ref.item;\nreturn [_c(VTooltip,{attrs:{\"bottom\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nreturn [_c(VBtn,_vm._g({attrs:{\"color\":\"primary\",\"icon\":\"\"},on:{\"click\":function($event){return _vm.enterSubmitTimesheet(item)}}},on),[_c(VIcon,{staticClass:\"clickable\",attrs:{\"color\":\"primary\"}},[_vm._v(\"mdi-pencil\")])],1)]}}],null,true)},[_c('span',[_vm._v(\"Submit Timesheet\")])])]}},{key:\"item.EmployeeName\",fn:function(ref){\nvar item = ref.item;\nreturn [_vm._v(_vm._s(item.EmployeeName))]}},{key:\"item.MonthName\",fn:function(ref){\nvar item = ref.item;\nreturn [_vm._v(_vm._s(item.MonthName))]}},{key:\"item.StatusID\",fn:function(ref){\nvar item = ref.item;\nreturn [_vm._v(_vm._s(item.StatusID))]}},{key:\"item.Description\",fn:function(ref){\nvar item = ref.item;\nreturn [_vm._v(_vm._s(item.Description))]}},{key:\"item.RejectReason\",fn:function(ref){\nvar item = ref.item;\nreturn [_vm._v(_vm._s(item.RejectReason))]}}])})]],2)],1)],1),_c(VRow,[_c(VCol,{attrs:{\"sm\":\"12\"}},[_c(VCard,{staticClass:\"mx-auto\"},[_c(VListItem,{staticClass:\"primary\"},[_c(VListItemContent,[_c(VListItemTitle,{staticClass:\"headline text-left white--text\"},[_vm._v(\"Timesheet Approvals\")])],1)],1),[_c(VDataTable,{staticClass:\"pt-4\",attrs:{\"headers\":_vm.headers,\"items\":_vm.pendingApproval,\"items-per-page\":5,\"customSort\":_vm.timesheetSort},scopedSlots:_vm._u([{key:\"item.view\",fn:function(ref){\nvar item = ref.item;\nreturn [_c(VTooltip,{attrs:{\"bottom\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nreturn [_c(VBtn,_vm._g({attrs:{\"color\":\"primary\",\"icon\":\"\"},on:{\"click\":function($event){return _vm.approveTimesheet(item)}}},on),[_c(VIcon,{staticClass:\"clickable\",attrs:{\"color\":\"primary\"}},[_vm._v(\"mdi-pencil\")])],1)]}}],null,true)},[_c('span',[_vm._v(\"Approve Timesheet\")])])]}},{key:\"item.EmployeeName\",fn:function(ref){\nvar item = ref.item;\nreturn [_vm._v(_vm._s(item.EmployeeName))]}},{key:\"item.MonthName\",fn:function(ref){\nvar item = ref.item;\nreturn [_vm._v(_vm._s(item.MonthName))]}},{key:\"item.StatusID\",fn:function(ref){\nvar item = ref.item;\nreturn [_vm._v(_vm._s(item.StatusID))]}},{key:\"item.Description\",fn:function(ref){\nvar item = ref.item;\nreturn [_vm._v(_vm._s(item.Description))]}},{key:\"item.RejectReason\",fn:function(ref){\nvar item = ref.item;\nreturn [_vm._v(_vm._s(item.RejectReason))]}}])})]],2)],1)],1),_c(VRow,[_c(VCol,{attrs:{\"sm\":\"12\"}},[_c(VCard,{staticClass:\"mx-auto\"},[_c(VListItem,{staticClass:\"primary\"},[_c(VListItemContent,[_c(VListItemTitle,{staticClass:\"headline text-left white--text\"},[_vm._v(\"Completed Timesheets\")])],1)],1),[_c(VDataTable,{staticClass:\"pt-4\",attrs:{\"headers\":_vm.headers2,\"items\":_vm.completedTimesheet,\"items-per-page\":5,\"customSort\":_vm.timesheetSort,\"sort-by\":\"MonthName\"},scopedSlots:_vm._u([{key:\"item.view\",fn:function(ref){\nvar item = ref.item;\nreturn [_c(VTooltip,{attrs:{\"bottom\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nreturn [_c(VBtn,_vm._g({attrs:{\"color\":\"primary\",\"icon\":\"\"},on:{\"click\":function($event){return _vm.approveTimesheet(item)}}},on),[_c(VIcon,{staticClass:\"clickable\",attrs:{\"color\":\"primary\"}},[_vm._v(\"mdi-pencil\")])],1)]}}],null,true)},[_c('span',[_vm._v(\"Approve Timesheet\")])])]}},{key:\"item.EmployeeName\",fn:function(ref){\nvar item = ref.item;\nreturn [_vm._v(_vm._s(item.EmployeeName))]}},{key:\"item.MonthName\",fn:function(ref){\nvar item = ref.item;\nreturn [_vm._v(_vm._s(item.MonthName))]}},{key:\"item.StatusID\",fn:function(ref){\nvar item = ref.item;\nreturn [_vm._v(_vm._s(item.StatusID))]}}])})]],2)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-container fluid>\r\n    <!-- ACTIVE TIMESHEETS -->\r\n    <v-row>\r\n      <v-col sm=\"12\">\r\n        <v-card class=\"mx-auto\">\r\n          <v-list-item class=\"primary\">\r\n            <v-list-item-content>\r\n              <v-list-item-title class=\"headline text-left white--text\"\r\n                >Active Timesheets</v-list-item-title\r\n              >\r\n            </v-list-item-content>\r\n          </v-list-item>\r\n          <template>\r\n            <v-data-table\r\n              :headers=\"headers\"\r\n              :items=\"pendingTimesheet\"\r\n              :items-per-page=\"5\"\r\n              :customSort=\"timesheetSort\"\r\n              class=\"pt-4\"\r\n            >\r\n              <template v-slot:item.view=\"{item}\">\r\n                <v-tooltip bottom>\r\n                  <template v-slot:activator=\"{on}\">\r\n                    <v-btn\r\n                      color=\"primary\"\r\n                      v-on=\"on\"\r\n                      icon\r\n                      @click=\"enterSubmitTimesheet(item)\"\r\n                    >\r\n                      <v-icon class=\"clickable\" color=\"primary\"\r\n                        >mdi-pencil</v-icon\r\n                      >\r\n                    </v-btn>\r\n                  </template>\r\n                  <span>Submit Timesheet</span>\r\n                </v-tooltip>\r\n              </template>\r\n              <template v-slot:item.EmployeeName=\"{item}\">{{\r\n                item.EmployeeName\r\n              }}</template>\r\n              <template v-slot:item.MonthName=\"{item}\">{{\r\n                item.MonthName\r\n              }}</template>\r\n              <template v-slot:item.StatusID=\"{item}\">{{\r\n                item.StatusID\r\n              }}</template>\r\n              <template v-slot:item.Description=\"{item}\">{{\r\n                item.Description\r\n              }}</template>\r\n              <template v-slot:item.RejectReason=\"{item}\">{{\r\n                item.RejectReason\r\n              }}</template>\r\n            </v-data-table>\r\n          </template>\r\n        </v-card>\r\n      </v-col>\r\n    </v-row>\r\n    <!-- TIMESHEET APPROVALS -->\r\n    <v-row>\r\n      <v-col sm=\"12\">\r\n        <v-card class=\"mx-auto\">\r\n          <v-list-item class=\"primary\">\r\n            <v-list-item-content>\r\n              <v-list-item-title class=\"headline text-left white--text\"\r\n                >Timesheet Approvals</v-list-item-title\r\n              >\r\n            </v-list-item-content>\r\n          </v-list-item>\r\n          <template>\r\n            <v-data-table\r\n              :headers=\"headers\"\r\n              :items=\"pendingApproval\"\r\n              :items-per-page=\"5\"\r\n              :customSort=\"timesheetSort\"\r\n              class=\"pt-4\"\r\n            >\r\n              <!-- //note: not approved :customSort=\"timesheetSort\" -->\r\n              <template v-slot:item.view=\"{item}\">\r\n                <v-tooltip bottom>\r\n                  <template v-slot:activator=\"{on}\">\r\n                    <v-btn\r\n                      color=\"primary\"\r\n                      v-on=\"on\"\r\n                      icon\r\n                      @click=\"approveTimesheet(item)\"\r\n                    >\r\n                      <v-icon class=\"clickable\" color=\"primary\"\r\n                        >mdi-pencil</v-icon\r\n                      >\r\n                    </v-btn>\r\n                  </template>\r\n                  <span>Approve Timesheet</span>\r\n                </v-tooltip>\r\n              </template>\r\n              <template v-slot:item.EmployeeName=\"{item}\">{{\r\n                item.EmployeeName\r\n              }}</template>\r\n              <template v-slot:item.MonthName=\"{item}\">{{\r\n                item.MonthName\r\n              }}</template>\r\n              <template v-slot:item.StatusID=\"{item}\">{{\r\n                item.StatusID\r\n              }}</template>\r\n              <template v-slot:item.Description=\"{item}\">{{\r\n                item.Description\r\n              }}</template>\r\n              <template v-slot:item.RejectReason=\"{item}\">{{\r\n                item.RejectReason\r\n              }}</template>\r\n            </v-data-table>\r\n          </template>\r\n        </v-card>\r\n      </v-col>\r\n    </v-row>\r\n    <!-- COMPLETED TIMESHEETS -->\r\n    <v-row>\r\n      <v-col sm=\"12\">\r\n        <v-card class=\"mx-auto\">\r\n          <v-list-item class=\"primary\">\r\n            <v-list-item-content>\r\n              <v-list-item-title class=\"headline text-left white--text\"\r\n                >Completed Timesheets</v-list-item-title\r\n              >\r\n            </v-list-item-content>\r\n          </v-list-item>\r\n          <template>\r\n            <v-data-table\r\n              :headers=\"headers2\"\r\n              :items=\"completedTimesheet\"\r\n              :items-per-page=\"5\"\r\n              :customSort=\"timesheetSort\"\r\n              sort-by=\"MonthName\"\r\n              class=\"pt-4\"\r\n            >\r\n              <template v-slot:item.view=\"{item}\">\r\n                <v-tooltip bottom>\r\n                  <template v-slot:activator=\"{on}\">\r\n                    <v-btn\r\n                      color=\"primary\"\r\n                      v-on=\"on\"\r\n                      icon\r\n                      @click=\"approveTimesheet(item)\"\r\n                    >\r\n                      <v-icon class=\"clickable\" color=\"primary\"\r\n                        >mdi-pencil</v-icon\r\n                      >\r\n                    </v-btn>\r\n                  </template>\r\n                  <span>Approve Timesheet</span>\r\n                </v-tooltip>\r\n              </template>\r\n              <template v-slot:item.EmployeeName=\"{item}\">{{\r\n                item.EmployeeName\r\n              }}</template>\r\n              <template v-slot:item.MonthName=\"{item}\">{{\r\n                item.MonthName\r\n              }}</template>\r\n              <template v-slot:item.StatusID=\"{item}\">{{\r\n                item.StatusID\r\n              }}</template>\r\n            </v-data-table>\r\n          </template>\r\n        </v-card>\r\n      </v-col>\r\n    </v-row>\r\n  </v-container>\r\n</template>\r\n\r\n<!-- SCRIPTS -->\r\n<script>\r\nimport {debounce, isEqual, filter, sortBy, range} from 'lodash'\r\nimport {get, sync, commit, call} from 'vuex-pathify'\r\nimport {authMethods, authComputed} from '@state/helpers'\r\nimport TimeSheet from '@classes/TimeSheet'\r\nimport TimeSheetStatus from '@classes/TimeSheetStatus'\r\n\r\nexport default {\r\n  data: () => ({\r\n    search: '',\r\n    timeSheet: [],\r\n    headers: [\r\n      {\r\n        text: '',\r\n        align: 'center',\r\n        value: 'view',\r\n        sortable: false,\r\n      },\r\n      {\r\n        text: 'Employee Name',\r\n        align: 'center',\r\n        sortable: 'true',\r\n        value: 'EmployeeName',\r\n      },\r\n      {\r\n        text: 'Month',\r\n        align: 'center',\r\n        sortable: 'true',\r\n        value: 'MonthName',\r\n      },\r\n      // {\r\n      //   text: 'Status',\r\n      //   align: 'center',\r\n      //   sortable: 'true',\r\n      //   value: 'StatusID',\r\n      // },\r\n      {\r\n        text: 'Status',\r\n        align: 'center',\r\n        sortable: 'true',\r\n        value: 'Description',\r\n      },\r\n      {\r\n        text: 'Rejection Note',\r\n        align: 'center',\r\n        sortable: 'true',\r\n        value: 'RejectReason',\r\n      },\r\n    ],\r\n    headers2: [\r\n      {\r\n        text: '',\r\n        align: 'center',\r\n        value: 'view',\r\n      },\r\n      {\r\n        text: 'Employee Name',\r\n        align: 'center',\r\n        sortable: 'true',\r\n        value: 'EmployeeName',\r\n      },\r\n      {\r\n        text: 'Month',\r\n        align: 'center',\r\n        sortable: 'true',\r\n        value: 'MonthName',\r\n      },\r\n      {\r\n        text: 'Status',\r\n        align: 'center',\r\n        sortable: 'true',\r\n        value: 'Description',\r\n      },\r\n    ],\r\n    months: [\r\n      'jan',\r\n      'feb',\r\n      'mar',\r\n      'apr',\r\n      'may',\r\n      'jun',\r\n      'jul',\r\n      'aug',\r\n      'sep',\r\n      'oct',\r\n      'nov',\r\n      'dec',\r\n    ],\r\n  }),\r\n  computed: {\r\n    ...authComputed,\r\n    pendingTimesheet() {\r\n      var pending = _.filter(this.timeSheet, function (v) {\r\n        return v.StatusID == 0 || v.StatusID == 5\r\n      })\r\n      return pending\r\n    },\r\n    pendingApproval() {\r\n      var pending = _.filter(this.timeSheet, function (v) {\r\n        return v.StatusID != 0 && v.StatusID != 5 && v.StatusID != 4\r\n      })\r\n      return pending\r\n    },\r\n    completedTimesheet() {\r\n      var completed = _.filter(this.timeSheet, function (v) {\r\n        return v.StatusID == 4\r\n      })\r\n      return completed\r\n    },\r\n  },\r\n  methods: {\r\n    //note: this was requested, but not approved, so it it not enabled\r\n    timesheetSort(items, index, isDesc) {\r\n      if (index.length > 0) {\r\n        index = index[0]\r\n      }\r\n      if (isDesc.length > 0) {\r\n        isDesc = isDesc[0]\r\n      }\r\n      if (items && items.length > 0) {\r\n        if (index == 'MonthName') {\r\n          items.sort((a, b) => {\r\n            var aIndex = this.months.findIndex((m) => {\r\n              return a.MonthName.toLowerCase().startsWith(m)\r\n            })\r\n            var bIndex = this.months.findIndex((m) => {\r\n              return b.MonthName.toLowerCase().startsWith(m)\r\n            })\r\n            var aYear = a.MonthName.match(/([\\d])+/g)[0]\r\n            var bYear = b.MonthName.match(/([\\d])+/g)[0]\r\n            if (isDesc) {\r\n              if (aYear != bYear) {\r\n                return bYear - aYear\r\n              }\r\n              return bIndex - aIndex\r\n            } else {\r\n              if (aYear != bYear) {\r\n                return aYear - bYear\r\n              }\r\n              return aIndex - bIndex\r\n            }\r\n          })\r\n        } else {\r\n          items.sort((a, b) => {\r\n            if (isDesc) {\r\n              return b[index] < a[index] ? -1 : 1\r\n            } else {\r\n              return a[index] < b[index] ? -1 : 1\r\n            }\r\n          })\r\n        }\r\n      }\r\n      return items\r\n    },\r\n    handleError: call('errors/handleError'),\r\n    getApprovalsByUser() {\r\n      if (this.currentUser) {\r\n        let url = `/TimeSheet/ApprovalsByUser/${this.currentUser.ID}`\r\n        this.$axios.get(url).then(\r\n          (res) => {\r\n            this.timeSheet = res.data\r\n          },\r\n          (error) => {\r\n            this.handleError(error)\r\n            this.error = error\r\n            console.error(error)\r\n          }\r\n        )\r\n      }\r\n    },\r\n    enterSubmitTimesheet(item) {\r\n      this.$router.push({\r\n        name: 'timesheetSubmit',\r\n        params: {id: item.ID},\r\n      })\r\n    },\r\n    approveTimesheet(item) {\r\n      this.$router.push({\r\n        name: 'timesheetApprove',\r\n        params: {id: item.ID},\r\n      })\r\n    },\r\n  },\r\n  created() {\r\n    this.getApprovalsByUser()\r\n  },\r\n  watch: {\r\n    currentUser: {\r\n      handler(nval) {\r\n        if (nval) {\r\n          this.getApprovalsByUser()\r\n        }\r\n      },\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<!-- STYLES -->\r\n<style lang=\"scss\">\r\n//@import '@design';\r\n</style>\r\n\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/babel-loader/lib/index.js??ref--14!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./timesheetsApproval.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/babel-loader/lib/index.js??ref--14!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./timesheetsApproval.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./timesheetsApproval.vue?vue&type=template&id=d3310066&\"\nimport script from \"./timesheetsApproval.vue?vue&type=script&lang=js&\"\nexport * from \"./timesheetsApproval.vue?vue&type=script&lang=js&\"\nimport style0 from \"./timesheetsApproval.vue?vue&type=style&index=0&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","import './_grid.sass'\nimport './VGrid.sass'\n\nimport Grid from './grid'\n\nimport mergeData from '../../util/mergeData'\n\n/* @vue/component */\nexport default Grid('container').extend({\n  name: 'v-container',\n  functional: true,\n  props: {\n    id: String,\n    tag: {\n      type: String,\n      default: 'div',\n    },\n    fluid: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  render (h, { props, data, children }) {\n    let classes\n    const { attrs } = data\n    if (attrs) {\n      // reset attrs to extract utility clases like pa-3\n      data.attrs = {}\n      classes = Object.keys(attrs).filter(key => {\n        // TODO: Remove once resolved\n        // https://github.com/vuejs/vue/issues/7841\n        if (key === 'slot') return false\n\n        const value = attrs[key]\n\n        // add back data attributes like data-test=\"foo\" but do not\n        // add them as classes\n        if (key.startsWith('data-')) {\n          data.attrs![key] = value\n          return false\n        }\n\n        return value || typeof value === 'string'\n      })\n    }\n\n    if (props.id) {\n      data.domProps = data.domProps || {}\n      data.domProps.id = props.id\n    }\n\n    return h(\n      props.tag,\n      mergeData(data, {\n        staticClass: 'container',\n        class: Array<any>({\n          'container--fluid': props.fluid,\n        }).concat(classes || []),\n      }),\n      children\n    )\n  },\n})\n"],"sourceRoot":""}