{"version":3,"sources":["webpack:///./src/components/modals/forms/AddUserModal.vue","webpack:///./src/components/modals/forms/AddUserModal.vue?e798","webpack:///./src/views/management/Role.vue","webpack:///./src/views/management/Role.vue?2fc9","webpack:///./src/components/RoleView.vue","webpack:///./src/components/RoleView.vue?042f","webpack:///./src/core/helpers/breadcrumb.ts"],"names":["class","ref","type","data-bs-dismiss","aria-label","model","user","label-width","rules","label","prop","name","email","role","placeholder","roleList","r","key","value","password","autocomplete","confirmPassword","resetForm","submit","this","modal","$refs","modalRef","validatePass","rule","callback","Error","validateField","validatePass2","required","message","trigger","min","validator","computed","$store","getters","currentUser","toLowerCase","Object","values","filter","methods","show","resetFields","hide","validate","valid","ApiService","post","username","then","data","$swal","fire","$emit","catch","response","status","render","data-bs-target","aria-expanded","aria-controls","style","roles","callSetPartner","onAddUserClickHandler","prefix-icon","searchText","filterList","height","setHeight","align","scope","row","onEdit","size","newRole","item","userID","id","handleSave","$index","plain","loading","isLoading","handleCancel","disabled","handleEdit","onDeleteHandler","onCreatedUserHandler","components","AddUserModal","RoleView","getUser","window","innerHeight","users","partnerCode","regex","RegExp","trim","match","sort","a","b","watch","immediate","handler","val","get","index","console","log","async","put","title","text","icon","showCancelButton","showConfirmButton","allowOutsideClick","timer","err","confirmButtonText","cancelButtonText","result","isConfirmed","delete","push","$router","props","Array","String","isArray","map","includes","setCurrentPageBreadcrumbs","pageTitle","breadcrumbs","dispatch","SET_BREADCRUMB_ACTION","pageBreadcrumbPath","setCurrentPageTitle"],"mappings":"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","file":"js/chunk-8e20fb90.c1f69cac.js","sourcesContent":["<template>\r\n  <div class=\"modal fade\" ref=\"modalRef\">\r\n    <div class=\"modal-dialog\">\r\n      <div class=\"modal-content\">\r\n        <div class=\"modal-header\">\r\n          <h5 class=\"modal-title\">เพิ่มผู้ใช้</h5>\r\n          <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n        </div>\r\n        <div class=\"modal-body\">\r\n          <el-form ref=\"addUserForm\" :model=\"user\" label-width=\"110px\" :rules=\"rules\"> \r\n            <el-form-item label=\"ชื่อ\" prop=\"name\">\r\n              <el-input v-model=\"user.name\"></el-input>\r\n            </el-form-item>\r\n            <el-form-item label=\"อีเมล\" prop=\"email\">\r\n              <el-input v-model=\"user.email\"></el-input>\r\n            </el-form-item>\r\n            <el-form-item label=\"ตำแหน่ง\" prop=\"role\">\r\n              <el-select v-model=\"user.role\" placeholder=\"เลือกตำแหน่ง\">\r\n                <el-option v-for=\"r in roleList\" :key=\"r\" :label=\"r\" :value=\"r\"></el-option>\r\n              </el-select>\r\n            </el-form-item>\r\n            <div class=\"separator separator-dashed border-gray-400 mb-5 ms-10 \"></div>\r\n            <el-form-item label=\"รหัสผ่าน\" prop=\"password\">\r\n              <el-input v-model=\"user.password\" type=\"password\" autocomplete=\"off\"></el-input>\r\n            </el-form-item>\r\n            <el-form-item label=\"ยืนยันรหัสผ่าน\" prop=\"confirmPassword\" class=\"mb-0\">\r\n              <el-input v-model=\"user.confirmPassword\" type=\"password\" autocomplete=\"off\"></el-input>\r\n            </el-form-item>\r\n          </el-form>\r\n        </div>\r\n        <div class=\"modal-footer\">\r\n          <button class=\"btn btn-secondary\" @click=\"resetForm\">กลับ</button>\r\n          <button class=\"btn btn-primary\" @click=\"submit\">ตกลง</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { Modal } from 'bootstrap'\r\nimport {role} from '@/helpers/role'\r\nimport ApiService from '../../../core/services/ApiService'\r\n\r\nexport default {\r\n  \r\n  mounted() {\r\n    this.modal = new Modal(this.$refs.modalRef)\r\n  },\r\n  data() {\r\n    var validatePass = (rule, value, callback) => {\r\n      if (value === '') {\r\n        callback(new Error('Please input the password'));\r\n      } else {\r\n        if (this.user.confirmPassword !== '') {\r\n          this.$refs['addUserForm'].validateField('checkPass');\r\n        }\r\n        callback();\r\n      }\r\n    };\r\n    var validatePass2 = (rule, value, callback) => {\r\n      if (value === '') {\r\n        callback(new Error('Please input the password again'));\r\n      } else if (value !== this.user.password) {\r\n        callback(new Error('รหัสผ่านไม่เหมือนกัน'));\r\n      } else {\r\n        callback();\r\n      }\r\n    };\r\n    return {\r\n      modal : null,\r\n      user: {\r\n        name: null,\r\n        email: null,  \r\n        role: null,\r\n        password: null,\r\n        confirmPassword: null\r\n      },\r\n      rules: {\r\n        name: [\r\n          { required: true, message: 'กรุณาระบุชื่อ',  trigger: 'blur' }\r\n        ],\r\n        email: [\r\n          { required: true, message: 'กรุณาระบุอีเมล',  trigger: 'blur' },\r\n          { type: 'email', message: 'อีเมลไม่ถูกต้อง', trigger: ['blur', 'change'] }\r\n        ],\r\n        role: [\r\n          { required: true, message: 'กรุณาระบุตำแหน่ง',  trigger: 'blur' }\r\n        ],\r\n        password: [\r\n          { required: true, message: 'กรุณาระบุรหัสผ่าน',  trigger: 'blur' },\r\n          { min: 4, message: 'รหัสผ่านต้องมีขนาด 4 ตัวอักษรขึ้นไป', trigger: 'blur' },\r\n          { validator: validatePass, trigger: 'blur' }\r\n        ],\r\n        confirmPassword: [\r\n          { required: true, message: 'กรุณายืนยันรหัสผ่าน',  trigger: 'blur' },\r\n          { validator: validatePass2, trigger: 'blur' }\r\n        ]\r\n      }\r\n    }\r\n  },\r\n  computed: {\r\n    currentUser() {\r\n      return this.$store.getters.currentUser\r\n    },\r\n    roleList() {      \r\n      if(this.currentUser.role.toLowerCase() == 'admin') {\r\n        return Object.values(role)\r\n      } else {\r\n        return Object.values(role).filter(r => r.toLowerCase() != 'admin')\r\n      }\r\n    },\r\n  },\r\n  methods: {\r\n    show() {\r\n      this.resetForm()\r\n      this.modal.show();\r\n    },\r\n    resetForm() {      \r\n      this.$refs['addUserForm'].resetFields();\r\n      this.modal.hide();\r\n    },\r\n    submit() {\r\n      // this.$refs['addUserForm'].validate()\r\n      this.$refs['addUserForm'].validate((valid) => {\r\n          if (valid) {\r\n            ApiService.post(\"users\", { ...this.user, username: this.user.name})\r\n              .then(({data}) => {\r\n                this.$swal.fire(\"สำเร็จ\", '', 'success')\r\n                this.modal.hide();\r\n                this.$emit(\"created\", data)\r\n              })\r\n              .catch(({response}) => {\r\n                const {data, status} = response\r\n                if(status == 400) {\r\n                  return this.$swal.fire(\"ผิดพลาด\", 'กรุณาติดต่อผู้ดูแลระบบ', 'error')\r\n                }\r\n\r\n                this.$swal.fire(\"ไม่สำเร็จ\", data.message, 'error')\r\n              })\r\n          } else {\r\n            return false;\r\n          }\r\n      })\r\n    }\r\n  }\r\n}\r\n</script>","import { render } from \"./AddUserModal.vue?vue&type=template&id=708ba4c0\"\nimport script from \"./AddUserModal.vue?vue&type=script&lang=js\"\nexport * from \"./AddUserModal.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","<template>\r\n  <div>\r\n    <div class=\"card\">\r\n    <div\r\n      class=\"card-header border-0\"\r\n      role=\"button\"\r\n      data-bs-target=\"#kt_account_profile_details\"\r\n      aria-expanded=\"true\"\r\n      aria-controls=\"kt_account_profile_details\"\r\n    >\r\n      <!--begin::Card title-->\r\n      <div class=\"card-title m-0\">\r\n        <role-view roles=\"admin\">\r\n          <span style=\"margin-right: 10px;\"><i class=\"fa fa-angle-double-left mr-2\" style=\" cursor: pointer; font-size: 30px;color: #1e5c9e; float: left;\" @click=\"callSetPartner\"></i></span>\r\n        </role-view>\r\n        <h3 class=\"fw-bolder m-0\">ข้อมูลผู้ใช้</h3>\r\n      </div>\r\n      <!--end::Card title-->\r\n\r\n      <div class=\"card-toolbar m-0\">\r\n        <div class=\"d-flex flex-row\">\r\n            <button class=\"btn btn-primary\" @click=\"onAddUserClickHandler\">\r\n              <i class=\"fa fa-plus\"></i>\r\n              เพิ่ม\r\n            </button>\r\n            <div class=\"mx-5 border-start border-3\"></div>\r\n            <div>\r\n              <el-input\r\n              style=\"max-width: 250px\"\r\n              placeholder=\"Type something\"\r\n              prefix-icon=\"el-icon-search\"\r\n              v-model=\"searchText\">\r\n              </el-input>\r\n            </div>            \r\n        </div>\r\n      </div>      \r\n    </div>      \r\n      <div class=\"card-body\">\r\n        <!-- <div class=\"mb-5 d-flex flex-row justify-content-between\">\r\n          <div> \r\n            <div class=\"card-title m-0\">\r\n              <h3 class=\"fw-bolder m-0\">ข้อมูลผู้ใช้</h3>\r\n            </div >          \r\n            <button class=\"btn btn-primary\" @click=\"onAddUserClickHandler\">\r\n              <i class=\"fa fa-plus\"></i>\r\n              เพิ่ม\r\n            </button>\r\n          </div>\r\n          <el-input\r\n            style=\"max-width: 250px\"\r\n            placeholder=\"Type something\"\r\n            prefix-icon=\"el-icon-search\"\r\n            v-model=\"searchText\">\r\n          </el-input>\r\n        </div> -->\r\n        <div>\r\n          <el-table\r\n            :data=\"filterList\"\r\n            :height=\"setHeight\"\r\n            style=\"width: 100%\">\r\n            \r\n            <el-table-column\r\n              prop=\"username\"\r\n              label=\"Name\">\r\n            </el-table-column>\r\n            <el-table-column\r\n              prop=\"email\"\r\n              label=\"Email\">\r\n            </el-table-column>\r\n            <!-- <el-table-column\r\n              prop=\"createdDate\"\r\n              label=\"Name\">\r\n            </el-table-column> -->\r\n            <el-table-column\r\n              prop=\"role\"\r\n              label=\"Role\"\r\n              align=\"center\">\r\n              <template v-slot=\"scope\">\r\n                <span v-if=\"!scope.row.onEdit\">{{scope.row.role}}</span>\r\n                <el-select size=\"small\" v-else v-model=\"scope.row.newRole\" placeholder=\"Select\" style=\"max-width: 150px\" >\r\n                  <el-option\r\n                    v-for=\"item in roleList\"\r\n                    :key=\"item\"\r\n                    :label=\"item\"\r\n                    :value=\"item\">\r\n                  </el-option>\r\n                </el-select>\r\n              </template>\r\n            </el-table-column>\r\n            <el-table-column\r\n              label=\"Operations\"\r\n              align=\"right\"\r\n              v-if=\"currentUser.role !== 'User'\"\r\n            >\r\n              <template v-slot=\"scope\">\r\n                <div v-if=\"scope.row.userID != currentUser.id\">\r\n                  <div v-if=\"!scope.row.onEdit\">\r\n                    <el-button @click=\"handleEdit(scope.$index, scope.row)\" size=\"small\">แก้ไข</el-button>\r\n                    <el-button @click=\"onDeleteHandler(scope.$index, scope.row)\" plain type=\"danger\" size=\"small\">ลบ</el-button>\r\n                  </div>\r\n                  <div v-else>\r\n                    <el-button @click=\"handleSave(scope.$index, scope.row)\" plain size=\"small\" type=\"primary\" :loading=\"scope.row.isLoading\">บันทึก</el-button>\r\n                    <el-button @click=\"handleCancel(scope.$index, scope.row)\" size=\"small\" :disabled=\"scope.row.isLoading\">กลับ</el-button>\r\n                  </div>                \r\n                </div>                \r\n              </template>\r\n            </el-table-column>\r\n          </el-table>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <add-user-modal ref=\"add-user-modal\" @created=\"onCreatedUserHandler\"></add-user-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ApiService from '@/core/services/ApiService'\r\nimport {role} from '@/helpers/role'\r\nimport { setCurrentPageBreadcrumbs } from \"@/core/helpers/breadcrumb\";\r\nimport AddUserModal from '../../components/modals/forms/AddUserModal.vue';\r\nimport RoleView from '../../components/RoleView.vue';\r\n// import ApiService from '../../core/services/ApiService';\r\n\r\nexport default\r\n{\r\n  components: { AddUserModal, RoleView }, \r\n  mounted() {\r\n    setCurrentPageBreadcrumbs(\"กำหนดสิทธิ์ผู้ใช้\", [\"จัดการข้อมูล\"])\r\n    this.getUser();\r\n  },\r\n  data() {\r\n    return {\r\n      setHeight: window.innerHeight - 285,\r\n      users: [],\r\n      searchText: null,\r\n      partnerCode: \"\",\r\n    }\r\n  },\r\n  computed: {\r\n    currentUser() {\r\n      return this.$store.getters.currentUser\r\n    },\r\n    roleList() {      \r\n      if(this.currentUser.role.toLowerCase() == 'admin') {\r\n        return Object.values(role)\r\n      } else {\r\n        return Object.values(role).filter(r => r.toLowerCase() != 'admin')\r\n      }\r\n    },\r\n    filterList() {\r\n      const regex = new RegExp(this.searchText ? this.searchText.trim() : \"\", \"gi\");\r\n      return this.users.filter((user) => user.email.match(regex) || ( user.username || \"\").match(regex) ).sort((a, b) => {\r\n        if(b.userID == this.currentUser.id) {\r\n          return 1\r\n        }\r\n        return -1\r\n      })\r\n    }\r\n  },\r\n  watch: {\r\n      \"$route.query.partnercode\": {\r\n          immediate: true,\r\n          handler: function (val) {\r\n              this.partnerCode = val;\r\n           },\r\n      },\r\n  },  \r\n  methods: {\r\n    getUser() {\r\n      if(this.currentUser.role != \"Admin\"){\r\n        ApiService.get(\"users\")\r\n          .then(({data}) => {   \r\n            this.users = data//.map(u => Object.assign(u, {isEdit: false, newRole: u.role}))\r\n          });\r\n      }else{\r\n        ApiService.get(\"users/\" + this.partnerCode + \"/users\")\r\n          .then(({data}) => {   \r\n            this.users = data//.map(u => Object.assign(u, {isEdit: false, newRole: u.role}))\r\n          });        \r\n      }\r\n    },    \r\n    handleEdit(index, row) {\r\n      console.log(row)\r\n      row.onEdit = true;\r\n      row.newRole = row.role\r\n    },\r\n    handleCancel(index, row) {\r\n      row.onEdit = false;\r\n    },\r\n    handleSave: async function (index, row) {\r\n      try {\r\n\r\n        row.isLoading = true\r\n        const res = await ApiService.put(\"users/\" + row.userID + \"/role\", {role: row.newRole})\r\n        \r\n        row.role = row.newRole\r\n        row.onEdit = false;\r\n        this.$swal.fire({\r\n          title:'บันทึกสำเร็จ',\r\n          text:'',\r\n          icon:'success',\r\n          showCancelButton: false,\r\n          showConfirmButton: false,                  \r\n          allowOutsideClick: false,\r\n          timer: 1500,           \r\n        })\r\n      } \r\n      catch (err) \r\n      {\r\n        console.log(err)\r\n      }\r\n      finally\r\n      {        \r\n        row.isLoading = false\r\n      }\r\n    },\r\n    onDeleteHandler(index, row) {     \r\n      this.$swal.fire({\r\n        title: \"ยกเลิก\", \r\n        text: \"ต้องการยกเลิก \" + ( row.username || '' ) + ' (' + row.email + ')', \r\n        icon: 'question',\r\n        confirmButtonText: 'ตกลง',\r\n        cancelButtonText: 'ยกเลิก',\r\n        showCancelButton: true,\r\n      })\r\n      .then((result) => {\r\n        if (result.isConfirmed) {\r\n          console.log(result)\r\n          ApiService.delete(\"users/\" + row.userID)\r\n            .then(() => {\r\n              this.$swal.fire({\r\n                title: 'ยกเลิกสำเร็จ',\r\n                text: \"ยกเลิกผู้ใช้ \" + ( row.username || '' ) + ' (' + row.email + ') สำเร็จ',\r\n                icon: 'success',\r\n                showCancelButton: false,\r\n                showConfirmButton: false,                  \r\n                allowOutsideClick: false,\r\n                timer: 1500,           \r\n              })              \r\n              this.getUser()\r\n            })\r\n            .catch(err => {              \r\n              this.$swal.fire('ผืดพลาด!', '', 'error')\r\n              console.log(err)\r\n            }) \r\n          \r\n        } \r\n      })          \r\n    },\r\n    onAddUserClickHandler() {\r\n      this.$refs['add-user-modal'].show();\r\n    },\r\n    onCreatedUserHandler(user) {\r\n      this.users.push(user)\r\n    },\r\n    callSetPartner(){\r\n      this.$router.push({ name: \"setpartner\" });\r\n    },\r\n  }\r\n}\r\n</script>\r\n","import { render } from \"./Role.vue?vue&type=template&id=35faf211\"\nimport script from \"./Role.vue?vue&type=script&lang=js\"\nexport * from \"./Role.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","<template>\r\n  <slot v-if=\"isShow\"></slot>\r\n</template>\r\n\r\n<script>\r\n\r\nimport {role, validateRole} from '@/helpers/role'\r\n\r\nexport default {\r\n  props: {\r\n    roles: [Array, String]\r\n  },\r\n  computed: {\r\n    isShow() {\r\n      const currentUser = this.$store.getters.currentUser;\r\n     \r\n      return (!Array.isArray(this.roles) ? [this.roles] : this.roles).map(r => r.toLowerCase()).includes(currentUser.role.toLowerCase())\r\n      // return validateRole(this.roles)\r\n    }\r\n  }\r\n}\r\n</script>","import { render } from \"./RoleView.vue?vue&type=template&id=1ca92398\"\nimport script from \"./RoleView.vue?vue&type=script&lang=js\"\nexport * from \"./RoleView.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","import store from \"@/store\";\nimport { Actions } from \"@/store/enums/StoreEnums\";\n\n/**\n * Sets current page breadcrumbs\n * @param {string} pageTitle Current page title\n * @param {Array<string>} breadcrumbs Current page breadcrumbs\n */\nexport const setCurrentPageBreadcrumbs = (\n  pageTitle: string,\n  breadcrumbs: Array<string>\n): void => {\n  store.dispatch(Actions.SET_BREADCRUMB_ACTION, {\n    title: pageTitle,\n    pageBreadcrumbPath: breadcrumbs,\n  });\n};\n\n/**\n * Sets current page breadcrumbs\n * @param {string} title Current page title name\n */\nexport const setCurrentPageTitle = (title: string): void => {\n  store.dispatch(Actions.SET_BREADCRUMB_ACTION, {\n    title: title,\n  });\n};\n"],"sourceRoot":""}