{"version":3,"sources":["webpack:///../../../src/components/VGrid/VSpacer.ts","webpack:///./src/components/Admin/Archives.vue","webpack:///src/components/Admin/Archives.vue","webpack:///./src/components/Admin/Archives.vue?9476","webpack:///./src/components/Admin/Archives.vue?1927"],"names":["createSimpleFunctional","attrs","scopedSlots","_vm","fn","items","item","_c","staticClass","_v","financialI","total_hours","_s","on","view","staticRenderFns","name","components","Busy","created","console","log","$options","mounted","refresh","beforeDestroy","busyMessage","errorMessage","methods","format","parseISO","prettyDT","$store","getters","loggedIn","url","axios","get","then","res","data","catch","error","toString","showAlert","id","start","$router","push","msg","setTimeout","headers","text","align","value","sortable","component"],"mappings":"kHAAA,0BAGeA,sBAAuB,SAAU,MAAO,a,yKCH8K,W,IAAI,OAAa,aAAC,OAAM,QAAU,CAAC,EAAE,OAAM,CAAgBC,MAAM,CAAC,MAAS,QAAa,KAAO,KAAsB,gDAACC,YAAYC,O,MAAa,CAAOC,MAAG,G,SAAWC,M,EAAS,SAAW,KAAO,OAASA,C,MAAsB,C,QAAoBC,EAAI,Q,MAAMC,EAAG,M,MAAMC,I,YAAkEA,KAAW,CAAC,C,IAAc,O,aAAsCA,M,UAAmGL,GAAIM,QAAUN,EAAIO,MAAU,SAAMC,G,OAA0BH,OAAY,CAAc,IAAK,EAAIL,IAAmDK,QAAW,CAAe,YAAaI,eAA6CJ,QAAY,uBAAc,YAAaI,eAA+BJ,QAAY,qBAAwB,YAAa,eAAEA,QAAY,KAAM,uBAACP,YAAM,e,CAAC,KAAO,EAAC,2CAAE,YAAC,eAACY,CAAE,EAAC,8C,YAAS,e,GAAiB,KAAOV,GAAIW,EAAKR,SAAK,yB,YAAA,eAAC,mCAAE,YAAS,yBAAyC,CAAC,EAAC,2BAAG,OAAO,MAAY,IAA0D,IAAQ,MAAC,YAAU,oBAAwB,+CAAO,UAA2B,SAAO,qBAAE,+BAAE,MAAMG,CAA0ER,MAAM,W,GAAgC,CAAc,MAAO,YAAU,CAACE,EAAG,OAAO,CAAoDF,MAAM,CAAC,QAAyB,UACxlD,qEACGc,OAEJ,MAAgC,IAAjB,EAAEA,a,qMC2DjB,GACAC,KAAA,WACAC,WAAA,CAAAC,aAEAC,UACAC,QAAAC,IAAA,gBAAAC,SAAAN,OAEAO,UACAH,QAAAC,IAAA,gBAAAC,SAAAN,MACA,KAAAQ,WAEAC,gBACAL,QAAAC,IAAA,gBAAAC,SAAAN,MACA,KAAAU,YAAA,GACA,KAAAC,aAAA,IAGAC,QAAA,CACAlB,kBACAmB,cACAC,gBACAC,gBAEAP,UAEA,GADAJ,QAAAC,IAAA,oBACA,KAAAW,OAAAC,QAAAC,SAAA,CAGA,IAAAC,EAAA,oBACA,KAAAT,YAAA,aACAU,OAAAC,IAAAF,GACAG,KAAAC,IACA,KAAAlC,MAAAkC,EAAAC,KACA,WAAAnC,QACA,KAAAA,MAAA,IAEAe,QAAAC,IAAA,iBAAAhB,OACA,KAAAqB,YAAA,KAEAe,MAAAC,IACAtB,QAAAC,IAAAqB,EAAAC,YACA,KAAAjB,YAAA,GACA,KAAAkB,UAAA,kCAAAF,EAAAC,gBAGA7B,KAAAR,GACAc,QAAAC,IAAA,mBAAAf,EAAAuC,GAAAvC,EAAAwC,OACA,KAAAC,QAAAC,KAAA,kBAAA1C,EAAAuC,KAEAD,UAAAK,GACA,KAAAtB,aAAAsB,EACAC,WAAA,SAAAvB,aAAA,UAIAa,OACA,OACAd,YAAA,GACAC,aAAA,GACAwB,QAAA,CACA,CAAAC,KAAA,QAAAC,MAAA,SAAAC,MAAA,SACA,CAAAF,KAAA,MAAAC,MAAA,SAAAC,MAAA,OACA,CAAAF,KAAA,YAAAC,MAAA,SAAAC,MAAA,cACA,CAAAF,KAAA,QAAAC,MAAA,SAAAC,MAAA,eACA,CAAAF,KAAA,QAAAC,MAAA,SAAAC,MAAA,aACA,CAAAF,KAAA,WAAAC,MAAA,SAAAC,MAAA,aACA,CAAAF,KAAA,KAAAC,MAAA,SAAAC,MAAA,aACA,CAAAF,KAAA,OAAAC,MAAA,SAAAC,MAAA,OAAAC,UAAA,IAEAlD,MAAA,MCpIgW,I,YCO5VmD,EAAY,eACd,EACA,EACAzC,GACA,EACA,KACA,WACA,MAIa,aAAAyC,E","file":"js/chunk-6f3a49b0.aefc02af.js","sourcesContent":["import './_grid.sass'\nimport { createSimpleFunctional } from '../../util/helpers'\n\nexport default createSimpleFunctional('spacer', 'div', 'v-spacer')\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-toolbar',{attrs:{\"color\":\"white\",\"flat\":\"\"}},[_c('v-toolbar-title',[_vm._v(\"Payroll Archives\")]),_c('v-divider',{staticClass:\"mx-2\",attrs:{\"inset\":\"\",\"vertical\":\"\"}}),_c('v-spacer')],1),_c('v-data-table',{attrs:{\"headers\":_vm.headers,\"items\":_vm.items,\"dense\":\"\"},scopedSlots:_vm._u([{key:\"body\",fn:function({ items }){return [_c('tbody',_vm._l((items),function(item){return _c('tr',{key:item.id},[_c('td',{staticClass:\"text-center\"},[_vm._v(_vm._s(item.start))]),_c('td',{staticClass:\"text-center\"},[_vm._v(_vm._s(item.end))]),_c('td',{staticClass:\"text-center\"},[_vm._v(_vm._s(item.total_empl))]),_c('td',{staticClass:\"text-center\"},[_vm._v(_vm._s(_vm.financialI(item.total_hours)))]),_c('td',{staticClass:\"text-center\"},[_vm._v(_vm._s(_vm.financialI(item.total_pay)))]),_c('td',{staticClass:\"text-center\"},[_vm._v(_vm._s(_vm.prettyDT(item.appv_date)))]),_c('td',{staticClass:\"text-center\"},[_vm._v(_vm._s(item.appv_name))]),_c('td',{staticClass:\"justify-center layout\"},[_c('v-icon',{staticClass:\"mr-2\",attrs:{\"small\":\"\"},on:{\"click\":function($event){return _vm.view(item)}}},[_vm._v(\" mdi-format-list-bulleted \")])],1)])}),0)]}}])}),_c('v-row',[_c('v-col',[_c('v-btn',{staticClass:\"white--text mx-6\",attrs:{\"color\":\"primary\"},on:{\"click\":_vm.refresh}},[_c('v-icon',{attrs:{\"dark\":\"\",\"left\":\"\"}},[_vm._v(\"mdi-refresh\")]),_vm._v(\" Refresh \")],1)],1),_c('v-col',[_c('v-alert',{attrs:{\"value\":(_vm.errorMessage!=''),\"outlined\":\"\",\"type\":\"error\"}},[_vm._v(\" \"+_vm._s(_vm.errorMessage)+\" \")])],1)],1),_c('busy',{attrs:{\"message\":_vm.busyMessage}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n\n    <v-toolbar color=\"white\" flat>\n      <v-toolbar-title>Payroll Archives</v-toolbar-title>\n      <v-divider\n              class=\"mx-2\"\n              inset\n              vertical\n      ></v-divider>\n      <v-spacer></v-spacer>\n    </v-toolbar>\n\n    <v-data-table\n            :headers=\"headers\"\n            :items=\"items\"\n            dense\n    >\n      <template v-slot:body=\"{ items }\">\n        <tbody>\n        <tr :key=\"item.id\" v-for=\"item in items\">\n          <td class=\"text-center\">{{ item.start }}</td>\n          <td class=\"text-center\">{{ item.end }}</td>\n          <td class=\"text-center\">{{ item.total_empl }}</td>\n          <td class=\"text-center\">{{ financialI(item.total_hours) }}</td>\n          <td class=\"text-center\">{{ financialI(item.total_pay) }}</td>\n          <td class=\"text-center\">{{ prettyDT(item.appv_date) }}</td>\n          <td class=\"text-center\">{{ item.appv_name }}</td>\n          <td class=\"justify-center layout\">\n            <v-icon @click=\"view(item)\" class=\"mr-2\" small>\n              mdi-format-list-bulleted\n            </v-icon>\n          </td>\n        </tr>\n        </tbody>\n      </template>\n    </v-data-table>\n\n    <v-row>\n      <v-col>\n        <v-btn @click=\"refresh\" class=\"white--text mx-6\" color=\"primary\">\n          <v-icon dark left>mdi-refresh</v-icon>\n          Refresh\n        </v-btn>\n      </v-col>\n      <v-col>\n        <v-alert :value=\"(errorMessage!='')\" outlined type=\"error\">\n          {{ errorMessage }}\n        </v-alert>\n      </v-col>\n    </v-row>\n\n    <busy :message=\"busyMessage\"></busy>\n\n  </div>\n</template>\n\n<script>\n  import Busy from './Busy'\n  import axios from 'axios'\n  import { financialI, prettyDT } from './utils'\n  import { format, parseISO } from 'date-fns'\n\n  export default {\n    name: \"Archives\",\n    components: { Busy },\n\n    created () {\n      console.log('Created:', this.$options.name)\n    },\n    mounted () {\n      console.log('Mounted:', this.$options.name)\n      this.refresh()\n    },\n    beforeDestroy () {\n      console.log('Destroy:', this.$options.name)\n      this.busyMessage = ''\n      this.errorMessage = ''\n    },\n\n    methods: {\n      financialI,\n      format,\n      parseISO,\n      prettyDT,\n\n      refresh () {\n        console.log('Refresh archives')\n        if (!this.$store.getters.loggedIn) {\n          return\n        }\n        var url = '/payroll/archives'\n        this.busyMessage = 'Loading...'\n        axios.get(url)\n            .then(res => {\n              this.items = res.data\n              if (this.items == null) {\n                this.items = []\n              }\n              console.log('Archives:', this.items)\n              this.busyMessage = ''\n            })\n            .catch(error => {\n              console.log(error.toString())\n              this.busyMessage = ''\n              this.showAlert('Error unable to load archives: ' + error.toString())\n            })\n      },\n      view (item) {\n        console.log('View pay period:', item.id, item.start)\n        this.$router.push('/admin/payroll/' + item.id)\n      },\n      showAlert (msg) {\n        this.errorMessage = msg\n        setTimeout(() => (this.errorMessage = ''), 5000)\n      }\n    },\n\n    data () {\n      return {\n        busyMessage: '',\n        errorMessage: '',\n        headers: [\n          { text: 'Start', align: 'center', value: 'start' },\n          { text: 'End', align: 'center', value: 'end' },\n          { text: 'Employees', align: 'center', value: 'total_empl' },\n          { text: 'Hours', align: 'center', value: 'total_hours' },\n          { text: 'Pay $', align: 'center', value: 'total_pay' },\n          { text: 'Approved', align: 'center', value: 'appv_date' },\n          { text: 'By', align: 'center', value: 'appv_name' },\n          { text: 'View', align: 'center', value: 'edit', sortable: false }\n        ],\n        items: []\n      }\n    }\n\n  }\n</script>\n\n<style scoped>\n\n</style>\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/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Archives.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/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Archives.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Archives.vue?vue&type=template&id=24cdb15b&scoped=true\"\nimport script from \"./Archives.vue?vue&type=script&lang=js\"\nexport * from \"./Archives.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  \"24cdb15b\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}