{"version":3,"sources":["webpack:///./src/pages/user-performance/index.vue?28e5","webpack:///src/pages/user-performance/index.vue","webpack:///./src/pages/user-performance/index.vue?dc80","webpack:///./src/pages/user-performance/index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","isUserCanAccess","$route","expression","staticClass","attrs","scopedSlots","_u","key","fn","model","filter","callback","$$v","$set","_l","item","index","code","proxy","users","on","handleSort","getData","_v","ref","data","fullname","_s","email","location","count","$event","view","staticRenderFns","components","TableHeader","TableFooter","computed","allFilter","siteId","companyCode","mapGetters","locations","sort","watch","deep","handler","$store","commit","immediate","methods","$vs","loading","dispatch","finally","close","found","find","l","asc","transformSort","desc","id","userId","$router","push","params","created","component"],"mappings":"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","file":"js/user-performance-index.1d9066aa.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isUserCanAccess(_vm.$route, 'view')),expression:\"isUserCanAccess($route, 'view')\"}]},[_c('AppCard',{staticClass:\"mb-8 mt-8\",attrs:{\"divider\":false},scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('VsRow',[_c('VsCol',{attrs:{\"vs-sm\":\"12\",\"vs-lg\":\"12\"}},[_c('div',{staticClass:\"p-4\"},[_c('VsSelect',{staticClass:\"w-full\",attrs:{\"label\":\"Location\"},model:{value:(_vm.filter.location),callback:function ($$v) {_vm.$set(_vm.filter, \"location\", $$v)},expression:\"filter.location\"}},[_c('VsSelectItem',{attrs:{\"value\":null,\"text\":\"Select Location\"}}),_vm._l((_vm.locations),function(item,index){return _c('VsSelectItem',{key:index,attrs:{\"value\":item.code,\"text\":item.name}})})],2)],1)])],1)]},proxy:true}])}),_c('AppCard',{attrs:{\"divider\":false},scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{staticClass:\"p-0 md:p-4\"},[_c('VsTable',{attrs:{\"stripe\":\"\",\"sst\":\"\",\"data\":_vm.users},on:{\"sort\":_vm.handleSort},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('TableHeader',{on:{\"fetch\":_vm.getData}})]},proxy:true},{key:\"thead\",fn:function(){return [_c('vs-th',[_vm._v(\"Name\")]),_c('vs-th',{attrs:{\"sortKey\":\"email\"}},[_vm._v(\"Email\")]),_c('vs-th',{attrs:{\"sortKey\":\"location\"}},[_vm._v(\"Location\")]),_c('vs-th',{attrs:{\"sortKey\":\"count\"}},[_vm._v(\"Total Checklist\")]),_c('vs-th',{attrs:{\"width\":\"150\"}},[_vm._v(\"Action\")])]},proxy:true},{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _vm._l((data),function(item,index){return _c('vs-tr',{key:index,attrs:{\"data\":item}},[_c('vs-td',{attrs:{\"data\":item.fullname}},[_vm._v(_vm._s(item.fullname))]),_c('vs-td',{attrs:{\"data\":item.email}},[_vm._v(_vm._s(item.email))]),_c('vs-td',{attrs:{\"data\":item.location}},[_vm._v(_vm._s(item.location))]),_c('vs-td',{attrs:{\"data\":item.count}},[_vm._v(_vm._s(item.count)+\" Checklist\")]),_c('vs-td',{attrs:{\"data\":item}},[_c('VsButton',{attrs:{\"type\":\"flat\",\"icon\":\"visibility\"},on:{\"click\":function($event){return _vm.view(item)}}})],1)],1)})}}])}),_c('TableFooter',{on:{\"fetch\":_vm.getData}})],1)]},proxy:true}])})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-show=\"isUserCanAccess($route, 'view')\">\n    <AppCard class=\"mb-8 mt-8\" :divider=\"false\">\n      <template #content>\n        <VsRow>\n          <VsCol vs-sm=\"12\" vs-lg=\"12\">\n            <div class=\"p-4\">\n              <VsSelect class=\"w-full\" label=\"Location\" v-model=\"filter.location\">\n                <VsSelectItem :value=\"null\" text=\"Select Location\" />\n                <VsSelectItem v-for=\"(item, index) in locations\" :key=\"index\" :value=\"item.code\" :text=\"item.name\" />\n              </VsSelect>\n            </div>\n          </VsCol>\n        </VsRow>\n      </template>\n    </AppCard>\n    <AppCard :divider=\"false\">\n      <template #content>\n        <div class=\"p-0 md:p-4\">\n          <VsTable stripe sst :data=\"users\" @sort=\"handleSort\">\n            <template #header>\n              <!-- HEADER TABLE -->\n              <TableHeader @fetch=\"getData\" />\n            </template>\n            <template #thead>\n              <vs-th>Name</vs-th>\n              <vs-th sortKey=\"email\">Email</vs-th>\n              <vs-th sortKey=\"location\">Location</vs-th>\n              <vs-th sortKey=\"count\">Total Checklist</vs-th>\n              <vs-th width=\"150\">Action</vs-th>\n            </template>\n            <template slot-scope=\"{ data }\">\n              <vs-tr :key=\"index\" :data=\"item\" v-for=\"(item, index) in data\">\n                <vs-td :data=\"item.fullname\">{{ item.fullname }}</vs-td>\n                <vs-td :data=\"item.email\">{{ item.email }}</vs-td>\n                <vs-td :data=\"item.location\">{{ item.location }}</vs-td>\n                <vs-td :data=\"item.count\">{{ item.count }} Checklist</vs-td>\n                <vs-td :data=\"item\">\n                  <VsButton @click=\"view(item)\" type=\"flat\" icon=\"visibility\" />\n                </vs-td>\n              </vs-tr>\n            </template>\n          </VsTable>\n\n          <!-- PAGINATION COMPONENT TABLE -->\n          <TableFooter @fetch=\"getData\" />\n        </div>\n      </template>\n    </AppCard>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\nimport TableHeader from '@/components/Table/TableHeader';\nimport TableFooter from '@/components/Table/TableFooter';\n\nexport default {\n  name: 'UserPerformanceIndex',\n  components: {\n    TableHeader,\n    TableFooter\n  },\n  computed: {\n    allFilter() {\n      return {\n        ...this.filter,\n        siteId: this.siteId,\n        companyCode: this.companyCode\n      };\n    },\n    ...mapGetters({\n      users: 'User/items',\n      locations: 'Location/items',\n      siteId: 'Filter/siteId',\n      companyCode: 'Filter/companyCode'\n    })\n  },\n  data: () => ({\n    filter: {\n      location: null,\n      sort: null\n    }\n  }),\n  watch: {\n    allFilter: {\n      deep: true,\n      handler() {\n        this.$store.commit('Table/SET_DEFAULT_CURRENT_PAGE', 1);\n        this.getData();\n      }\n    },\n    siteId: 'getLocations',\n    companyCode: {\n      immediate: true,\n      handler: 'getLocations'\n    }\n  },\n  methods: {\n    getData() {\n      this.$vs.loading();\n      this.$store.dispatch('User/fetchDataPerformance', this.allFilter).finally(() => {\n        this.$vs.loading.close();\n      });\n    },\n    async getLocations() {\n      const { siteId, companyCode } = this;\n      await this.$store.dispatch('Location/fetch', { siteId, companyCode });\n      const found = this.locations.find(l => l.code === this.filter.location);\n      this.filter.location = found ? found.code : null;\n    },\n    handleSort(name, asc) {\n      if (!name) return;\n      const transformSort = { asc: '', desc: '-' };\n      this.filter.sort = typeof transformSort[asc] !== 'undefined' ? `${transformSort[asc]}${name}` : '';\n    },\n    view({ id: userId }) {\n      this.$router.push({ name: 'UserPerformanceDetail', params: { userId } });\n    }\n  },\n  created() {\n    this.$store.commit('Table/RESET_PAGEABLE');\n    this.getData();\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=46d4ee84&\"\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":""}