{"version":3,"sources":["webpack:///./src/views/users/Users.vue?f086","webpack:///./src/views/users/Users.vue?369a","webpack:///src/views/users/Users.vue","webpack:///./src/views/users/Users.vue?d14f","webpack:///./src/views/users/Users.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","$t","attrs","descriptionItems","users","scopedSlots","_u","key","fn","ref","data","_l","tr","indextr","index","username","firstName","lastName","email","staticStyle","on","$event","editUser","openConfirm","slot","$router","push","staticRenderFns","name","watch","i","computed","mounted","$store","dispatch","getUsers","methods","setDateFormat","localStorage","setItem","deleteUser","component"],"mappings":"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","file":"js/chunk-262ede8a.9cdd2f86.js","sourcesContent":["import mod from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Users.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Users.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"vx-row m-2\"},[_c('div',{staticClass:\"router-header flex flex-wrap items-center mb-6 mt-5\"},[_c('div',{staticClass:\"content-area__heading pr-4 border-0 md:border-r border-solid border-grey-light\"},[_c('h2',{staticClass:\"mb-1\"},[_vm._v(_vm._s(_vm.$t('users')))])])])]),_c('vs-card',{staticClass:\"px-10 py-5\"},[_c('div',[_c('vs-table',{staticClass:\"static\",attrs:{\"maxHeight\":\"460px\",\"search\":\"\",\"max-items\":_vm.descriptionItems[0],\"description\":\"\",\"description-items\":_vm.descriptionItems,\"description-title\":\"Registries\",\"description-connector\":\"of\",\"description-body\":\"Pages\",\"pagination\":\"\",\"data\":_vm.users},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _vm._l((data),function(tr,indextr){return _c('vs-tr',{key:indextr},[_c('vs-td',[_vm._v(\"\\n              \"+_vm._s(tr.index+1)+\"\\n            \")]),_c('vs-td',[_vm._v(\"\\n              \"+_vm._s(data[indextr].username)+\"\\n            \")]),_c('vs-td',[_vm._v(\"\\n              \"+_vm._s(data[indextr].firstName)+\"\\n            \")]),_c('vs-td',[_vm._v(\"\\n              \"+_vm._s(data[indextr].lastName)+\"\\n            \")]),_c('vs-td',[_vm._v(\"\\n              \"+_vm._s(data[indextr].email)+\"\\n            \")]),_c('vs-td',{staticStyle:{\"width\":\"50px\"}},[_c('vs-button',{attrs:{\"color\":\"warning\",\"type\":\"filled\",\"icon-pack\":\"feather\",\"icon\":\"icon-edit\"},on:{\"click\":function($event){return _vm.editUser(data[indextr].username)}}})],1),_c('vs-td',{staticStyle:{\"width\":\"50px\"}},[_c('vs-button',{attrs:{\"color\":\"danger\",\"type\":\"filled\",\"icon-pack\":\"feather\",\"icon\":\"icon-trash-2\"},on:{\"click\":function($event){return _vm.openConfirm(data[indextr].username)}}})],1)],1)})}}])},[_c('template',{slot:\"header\"},[_c('vs-button',{staticClass:\"py-2 px-5 h7 mb-3\",attrs:{\"color\":\"#0066cc\",\"type\":\"filled\",\"icon-pack\":\"feather\",\"icon\":\"icon-user-plus\"},on:{\"click\":function($event){return _vm.$router.push('/create-user')}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"addUser\")))])],1),_c('template',{slot:\"thead\"},[_c('vs-th',{attrs:{\"sort-key\":\"id\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"RefineryTable.Id\"))+\"\\n          \")]),_c('vs-th',{attrs:{\"sort-key\":\"username\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"profilePage.username\"))+\"\\n          \")]),_c('vs-th',[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"profilePage.firstName\"))+\"\\n          \")]),_c('vs-th',[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"profilePage.lastName\"))+\"\\n          \")]),_c('vs-th',[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"profilePage.email\"))+\"\\n          \")]),_c('vs-th'),_c('vs-th')],1)],2)],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"vx-row m-2\">\n      <div class=\"router-header flex flex-wrap items-center mb-6 mt-5\">\n        <div class=\"content-area__heading pr-4 border-0 md:border-r border-solid border-grey-light\">\n          <h2 class=\"mb-1\">{{ $t('users') }}</h2>\n        </div>\n      </div>\n    </div>\n    <vs-card class=\"px-10 py-5\">\n      <div>\n        <vs-table maxHeight=\"460px\" \n            search\n            class=\"static\" \n            :max-items=\"descriptionItems[0]\"\n            description\n            :description-items=\"descriptionItems\"\n            description-title=\"Registries\"\n            description-connector=\"of\"\n            description-body=\"Pages\"\n            pagination \n            :data=\"users\">\n          <template slot=\"header\">\n            <vs-button class=\"py-2 px-5 h7 mb-3\" color=\"#0066cc\" type=\"filled\" icon-pack=\"feather\" icon=\"icon-user-plus\"  @click=\"$router.push('/create-user')\"> {{ $t(\"addUser\") }}</vs-button>\n          </template>\n          <template slot=\"thead\">\n            <vs-th sort-key=\"id\">\n              {{ $t(\"RefineryTable.Id\") }}\n            </vs-th>\n            <vs-th sort-key=\"username\">\n              {{ $t(\"profilePage.username\") }}\n            </vs-th>\n            <vs-th>\n              {{ $t(\"profilePage.firstName\") }}\n            </vs-th>\n            <vs-th>\n              {{ $t(\"profilePage.lastName\") }}\n            </vs-th>\n            <vs-th>\n              {{ $t(\"profilePage.email\") }}\n            </vs-th>\n            <vs-th></vs-th>\n            <vs-th></vs-th>\n          </template>\n          <template slot-scope=\"{ data }\">\n            <vs-tr :key=\"indextr\" v-for=\"(tr, indextr) in data\">\n              <vs-td>\n                {{ tr.index+1 }}\n              </vs-td>\n              <vs-td>\n                {{ data[indextr].username }}\n              </vs-td>\n              <vs-td>\n                {{ data[indextr].firstName }}\n              </vs-td>\n              <vs-td>\n                {{ data[indextr].lastName }}\n              </vs-td>\n              <vs-td>\n                {{ data[indextr].email }}\n              </vs-td>\n              <vs-td style=\"width: 50px;\">\n                <vs-button color=\"warning\" type=\"filled\" icon-pack=\"feather\" icon=\"icon-edit\"  @click=\"editUser(data[indextr].username)\"></vs-button>\n              </vs-td>\n              <vs-td style=\"width: 50px;\">\n                <vs-button color=\"danger\" type=\"filled\" icon-pack=\"feather\" icon=\"icon-trash-2\"  @click=\"openConfirm(data[indextr].username)\"></vs-button>\n              </vs-td>\n            </vs-tr>\n          </template>\n        </vs-table>\n      </div>\n    </vs-card>\n  </div>\n</template>\n\n<script>\nimport moment from \"moment\";\nimport { mapState } from \"vuex\";\nimport { isEmpty } from \"lodash\";\nimport {OIL_TYPE} from \"../../constant/index\";\n\nexport default {\n  name: \"Users\",\n  data() {\n    return {\n      descriptionItems: [10,25,50,100],\n    };\n  },\n  watch: {\n    users() {\n      for (let i = 0; i < this.users.length; i++) {\n        this.users[i].index = i;\n      }\n    },\n  },\n  computed: {\n    ...mapState({\n      users: (state) => state.profile.users,\n    }),\n  },\n  mounted() {\n    this.$store.dispatch(\"activeOilCard\", OIL_TYPE.ALL);\n    this.getUsers();\n  },\n  methods: {\n    getUsers() {\n      this.$store.dispatch(\"getUsers\");\n    },\n    setDateFormat(date) {\n      return moment(date).format(\"DD/MM/YYYY\");\n    },\n    editUser(username){\n      localStorage.setItem(\"editUser\", username);\n      this.$router.push(\"/edit-users\");\n    },\n    openConfirm(username) {\n        this.$fire({\n          type: \"question\",\n          title: \"คุณต้องการลบผู้ใช้งาน?\",\n          showDenyButton: true,\n          showCancelButton: true,\n          confirmButtonText: `Yes`,\n        }).then(async (result) => {\n           const status = await this.getErrorStatus;\n          if (result.value && result.dismiss!='cancel') {\n            await this.$store.dispatch(\"deleteUser\", username);\n            if (isEmpty(status)) {\n              this.$fire({\n                type: \"success\",\n                title: \"ลบผู้ใช้งานสำเร็จ\",\n                showConfirmButton: false,\n                timer: 1500,\n              });\n              location.reload();\n            } else {\n              this.$fire({\n                type: \"error\",\n                title: \"ลบผู้ใช้งานไม่สำเร็จ\",\n                text: \"Something went wrong!\",\n              });\n            }\n          }\n        });\n    },\n    deleteUser(username){\n      this.$store.dispatch(\"deleteUser\", username)\n    }\n  },\n};\n</script>\n\n<style>\n.tableship {\n  height: 100%;\n}\n@media print {\n  #selecttime {\n    display: none;\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/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!./Users.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/@vue/cli-plugin-babel/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!./Users.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Users.vue?vue&type=template&id=7457d66d&\"\nimport script from \"./Users.vue?vue&type=script&lang=js&\"\nexport * from \"./Users.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Users.vue?vue&type=style&index=0&lang=css&\"\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":""}