{"version":3,"sources":["webpack:///./src/pages/master/user/Profile.vue?e626","webpack:///src/pages/master/user/Profile.vue","webpack:///./src/pages/master/user/Profile.vue?ab0a","webpack:///./src/pages/master/user/Profile.vue","webpack:///./src/pages/master/user/form-helper.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","expression","_v","_s","$route","meta","title","staticClass","attrs","formData","hasOwnProperty","ref","validationRules","staticStyle","Username","CompanyNames","length","join","RolesName","mode","Email","Address","Fullname","_e","model","callback","$$v","$set","style","width","minRows","maxRows","on","submit","cancel","$event","editMode","staticRenderFns","components","created","service","data","apiGetById","$appInfo","api","user","getById","apiPost","post","apiPut","put","roles","costumers","isSubmit","loading","methods","val","setDefaultCustomerId","isCustomer","CustomerName","computed","$store","state","auth","userData","beforeRouteLeave","next","answer","component","userId","passwordRequired","password","emptyData","Password","validateName","idParam","id","router","history","current","params","axios","get","appInfo","isAvailableUsername","res","console","log","validateUsername","rule","regexExpression","RegExp","Error","test","validateEmail","regexExp","validatePassword","validatePasswordConfirmation","required","trigger","validator","PasswordVerified","Role","message","getEmptyData","getValidationRule","setUserId","setPasswordRequired","isRequired"],"mappings":"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","file":"js/chunk-f24a8496.3bd215d8.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}]},[_c('h3',[_vm._v(_vm._s(_vm.$route.meta.title))]),_c('hr',{staticClass:\"my-4\"}),_c('div',{staticClass:\"pt-2\",attrs:{\"id\":\"form-container\"}},[(_vm.formData.hasOwnProperty('CompanyNames'))?_c('el-form',{ref:\"elForm\",attrs:{\"size\":\"medium\",\"label-width\":\"auto\",\"model\":_vm.formData,\"rules\":_vm.validationRules}},[_c('div',{staticClass:\"border-l-4 pl-4 bg-gray-100 py-2 mb-4\"},[_c('div',{staticClass:\"w-full el-form-item__content flex\"},[_c('div',{staticClass:\"el-form-item__label-wrap w-20\"},[_c('label',{staticClass:\"el-form-item__label\",staticStyle:{\"width\":\"auto\"},attrs:{\"for\":\"Username\"}},[_vm._v(\"Username \")])]),_c('div',{staticClass:\"font-bold ml-2\"},[_vm._v(\" \"+_vm._s(_vm.formData.Username)+\" \")])]),_c('div',{staticClass:\"w-full el-form-item__content flex\"},[_c('div',{staticClass:\"el-form-item__label-wrap w-20\"},[_c('label',{staticClass:\"el-form-item__label\",staticStyle:{\"width\":\"auto\"},attrs:{\"for\":\"CustomerName\"}},[_vm._v(\"Company \")])]),_c('div',{staticClass:\"font-bold ml-2\"},[_vm._v(\" \"+_vm._s(_vm.formData.CompanyNames.length > 0 ? _vm.formData.CompanyNames.join(', ') : '-')+\" \")])]),_c('div',{staticClass:\"w-full el-form-item__content flex\"},[_c('div',{staticClass:\"el-form-item__label-wrap w-20\"},[_c('label',{staticClass:\"el-form-item__label\",staticStyle:{\"width\":\"auto\"},attrs:{\"for\":\"RolesName\"}},[_vm._v(\"Roles \")])]),_c('div',{staticClass:\"font-bold ml-2\"},[_vm._v(\" \"+_vm._s(_vm.formData.RolesName.length > 0 ? _vm.formData.RolesName.join(', ') : '-')+\" \")])]),(_vm.mode == 'view')?_c('div',[_c('div',{staticClass:\"w-full el-form-item__content flex\"},[_c('div',{staticClass:\"el-form-item__label-wrap w-20\"},[_c('label',{staticClass:\"el-form-item__label\",staticStyle:{\"width\":\"auto\"},attrs:{\"for\":\"Email\"}},[_vm._v(\"Email \")])]),_c('div',{staticClass:\"font-bold ml-2\"},[_vm._v(\" \"+_vm._s(_vm.formData.Email)+\" \")])]),_c('div',{staticClass:\"w-full el-form-item__content flex\"},[_c('div',{staticClass:\"el-form-item__label-wrap w-20\"},[_c('label',{staticClass:\"el-form-item__label\",staticStyle:{\"width\":\"auto\"},attrs:{\"for\":\"Address\"}},[_vm._v(\"Address \")])]),_c('div',{staticClass:\"font-bold ml-2\"},[_vm._v(\" \"+_vm._s(_vm.formData.Address ? _vm.formData.Address : '-')+\" \")])]),_c('div',{staticClass:\"w-full el-form-item__content flex mb-2\"},[_c('div',{staticClass:\"el-form-item__label-wrap w-20\"},[_c('label',{staticClass:\"el-form-item__label\",staticStyle:{\"width\":\"auto\"},attrs:{\"for\":\"Fullname\"}},[_vm._v(\"Fullname \")])]),_c('div',{staticClass:\"font-bold ml-2\"},[_vm._v(\" \"+_vm._s(_vm.formData.Fullname)+\" \")])])]):_vm._e()]),(_vm.mode == 'edit')?_c('el-form-item',{attrs:{\"label\":\"Fullname\",\"prop\":\"Fullname\"}},[_c('el-input',{attrs:{\"placeholder\":\"Fullname\",\"clearable\":\"\"},model:{value:(_vm.formData.Fullname),callback:function ($$v) {_vm.$set(_vm.formData, \"Fullname\", $$v)},expression:\"formData.Fullname\"}})],1):_vm._e(),(_vm.mode == 'edit')?_c('el-form-item',{attrs:{\"label\":\"Email\",\"prop\":\"Email\"}},[_c('el-input',{attrs:{\"placeholder\":\"Email\",\"clearable\":\"\"},model:{value:(_vm.formData.Email),callback:function ($$v) {_vm.$set(_vm.formData, \"Email\", $$v)},expression:\"formData.Email\"}})],1):_vm._e(),(_vm.mode == 'edit')?_c('el-form-item',{attrs:{\"label\":\"Address\",\"prop\":\"Address\"}},[_c('el-input',{style:({ width: '100%' }),attrs:{\"type\":\"textarea\",\"placeholder\":\"Address\",\"autosize\":{ minRows: 4, maxRows: 4 }},model:{value:(_vm.formData.Address),callback:function ($$v) {_vm.$set(_vm.formData, \"Address\", $$v)},expression:\"formData.Address\"}})],1):_vm._e(),(_vm.mode === 'edit')?_c('div',{staticClass:\"flex lg:space-x-0 space-y-2 lg:space-x-2 lg:space-y-0 lg:w-full lg:flex-row flex-col\"},[_c('el-form-item',{staticClass:\"lg:w-1/2 w-full\",attrs:{\"label\":\"Password\",\"prop\":\"Password\",\"required\":_vm.mode !== 'edit'}},[_c('el-input',{attrs:{\"placeholder\":\"Password\",\"clearable\":\"\",\"show-password\":\"\"},model:{value:(_vm.formData.Password),callback:function ($$v) {_vm.$set(_vm.formData, \"Password\", $$v)},expression:\"formData.Password\"}})],1),_c('el-form-item',{staticClass:\"lg:w-1/2 w-full\",attrs:{\"label\":\"Confirm Password\",\"prop\":\"PasswordVerified\",\"required\":_vm.mode !== 'edit'}},[_c('el-input',{attrs:{\"placeholder\":\"Confirm Password\",\"clearable\":\"\",\"show-password\":\"\"},model:{value:(_vm.formData.PasswordVerified),callback:function ($$v) {_vm.$set(_vm.formData, \"PasswordVerified\", $$v)},expression:\"formData.PasswordVerified\"}})],1)],1):_vm._e(),_c('hr',{staticClass:\"my-4\"}),_c('div',{staticClass:\"w-full text-right\"},[(_vm.mode === 'edit')?_c('div',[_c('el-button',{attrs:{\"type\":\"primary\",\"icon\":\"el-icon-check\"},on:{\"click\":_vm.submit}},[_vm._v(\" Submit \")]),_c('el-button',{on:{\"click\":_vm.cancel}},[_vm._v(\"Cancel\")])],1):_c('el-button',{attrs:{\"type\":\"primary\",\"icon\":\"el-icon-edit\"},on:{\"click\":function($event){return _vm.editMode(true)}}},[_vm._v(\" Edit \")])],1)],1):_vm._e()],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-loading=\"loading\">\n    <h3>{{ $route.meta.title }}</h3>\n    <hr class=\"my-4\" />\n    <div id=\"form-container\" class=\"pt-2\">\n      <el-form\n        ref=\"elForm\"\n        size=\"medium\"\n        label-width=\"auto\"\n        :model=\"formData\"\n        :rules=\"validationRules\"\n        v-if=\"formData.hasOwnProperty('CompanyNames')\"\n      >\n        <div class=\"border-l-4 pl-4 bg-gray-100 py-2 mb-4\">\n          <div class=\"w-full el-form-item__content flex\">\n            <div class=\"el-form-item__label-wrap w-20\">\n              <label\n                for=\"Username\"\n                class=\"el-form-item__label\"\n                style=\"width: auto;\"\n                >Username\n              </label>\n            </div>\n            <div class=\"font-bold ml-2\">\n              {{ formData.Username }}\n            </div>\n          </div>\n\n          <div class=\"w-full el-form-item__content flex\">\n            <div class=\"el-form-item__label-wrap w-20\">\n              <label\n                for=\"CustomerName\"\n                class=\"el-form-item__label\"\n                style=\"width: auto;\"\n                >Company\n              </label>\n            </div>\n            <div class=\"font-bold ml-2\">\n              {{\n                formData.CompanyNames.length > 0\n                  ? formData.CompanyNames.join(', ')\n                  : '-'\n              }}\n            </div>\n          </div>\n\n          <div class=\"w-full el-form-item__content flex\">\n            <div class=\"el-form-item__label-wrap w-20\">\n              <label\n                for=\"RolesName\"\n                class=\"el-form-item__label\"\n                style=\"width: auto;\"\n                >Roles\n              </label>\n            </div>\n            <div class=\"font-bold ml-2\">\n              {{\n                formData.RolesName.length > 0\n                  ? formData.RolesName.join(', ')\n                  : '-'\n              }}\n            </div>\n          </div>\n\n          <div v-if=\"mode == 'view'\">\n            <div class=\"w-full el-form-item__content flex\">\n              <div class=\"el-form-item__label-wrap w-20\">\n                <label\n                  for=\"Email\"\n                  class=\"el-form-item__label\"\n                  style=\"width: auto;\"\n                  >Email\n                </label>\n              </div>\n              <div class=\"font-bold ml-2\">\n                {{ formData.Email }}\n              </div>\n            </div>\n            <div class=\"w-full el-form-item__content flex\">\n              <div class=\"el-form-item__label-wrap w-20\">\n                <label\n                  for=\"Address\"\n                  class=\"el-form-item__label\"\n                  style=\"width: auto;\"\n                  >Address\n                </label>\n              </div>\n              <div class=\"font-bold ml-2\">\n                {{ formData.Address ? formData.Address : '-' }}\n              </div>\n            </div>\n            <div class=\"w-full el-form-item__content flex mb-2\">\n              <div class=\"el-form-item__label-wrap w-20\">\n                <label\n                  for=\"Fullname\"\n                  class=\"el-form-item__label\"\n                  style=\"width: auto;\"\n                  >Fullname\n                </label>\n              </div>\n              <div class=\"font-bold ml-2\">\n                {{ formData.Fullname }}\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <el-form-item label=\"Fullname\" prop=\"Fullname\" v-if=\"mode == 'edit'\">\n          <el-input\n            v-model=\"formData.Fullname\"\n            placeholder=\"Fullname\"\n            clearable\n          >\n          </el-input>\n        </el-form-item>\n\n        <el-form-item label=\"Email\" prop=\"Email\" v-if=\"mode == 'edit'\">\n          <el-input\n            v-model=\"formData.Email\"\n            placeholder=\"Email\"\n            clearable\n          ></el-input>\n        </el-form-item>\n\n        <el-form-item label=\"Address\" prop=\"Address\" v-if=\"mode == 'edit'\">\n          <el-input\n            v-model=\"formData.Address\"\n            type=\"textarea\"\n            placeholder=\"Address\"\n            :autosize=\"{ minRows: 4, maxRows: 4 }\"\n            :style=\"{ width: '100%' }\"\n          ></el-input>\n        </el-form-item>\n\n        <div\n          class=\"flex lg:space-x-0 space-y-2 lg:space-x-2 lg:space-y-0 lg:w-full lg:flex-row flex-col\"\n          v-if=\"mode === 'edit'\"\n        >\n          <el-form-item\n            label=\"Password\"\n            class=\"lg:w-1/2 w-full\"\n            prop=\"Password\"\n            :required=\"mode !== 'edit'\"\n          >\n            <el-input\n              v-model=\"formData.Password\"\n              placeholder=\"Password\"\n              clearable\n              show-password\n            ></el-input>\n          </el-form-item>\n          <el-form-item\n            label=\"Confirm Password\"\n            class=\"lg:w-1/2 w-full\"\n            prop=\"PasswordVerified\"\n            :required=\"mode !== 'edit'\"\n          >\n            <el-input\n              v-model=\"formData.PasswordVerified\"\n              placeholder=\"Confirm Password\"\n              clearable\n              show-password\n            ></el-input>\n          </el-form-item>\n        </div>\n\n        <hr class=\"my-4\" />\n        <div class=\"w-full text-right\">\n          <div v-if=\"mode === 'edit'\">\n            <el-button type=\"primary\" @click=\"submit\" icon=\"el-icon-check\">\n              Submit\n            </el-button>\n            <el-button @click=\"cancel\">Cancel</el-button>\n          </div>\n          <el-button\n            type=\"primary\"\n            @click=\"editMode(true)\"\n            icon=\"el-icon-edit\"\n            v-else\n          >\n            Edit\n          </el-button>\n        </div>\n      </el-form>\n    </div>\n  </div>\n</template>\n\n<script>\nimport formService from '@/mixins/FormService'\nimport formHelper from './form-helper'\n// import { DxButton } from 'devextreme-vue'\n// import { DxForm, DxSimpleItem, DxLabel } from 'devextreme-vue/form'\n\nlet service\n\nexport default {\n  components: {\n    // DxButton,\n    // DxForm,\n    // DxSimpleItem,\n    // DxLabel\n  },\n  created() {\n    service = new formService(this, formHelper, this.user.Id)\n    formHelper.setUserId(this.user.Id)\n  },\n  async mounted() {\n    this.loading = true\n    this.formData = await service.initialFormData()\n    this.setDefaultCustomerId()\n\n    this.formData.Password = ''\n    this.loading = false\n  },\n  data() {\n    return {\n      apiGetById: this.$appInfo.api.user.getById,\n      apiPost: this.$appInfo.api.user.post,\n      apiPut: this.$appInfo.api.user.put,\n      formData: formHelper.getEmptyData(),\n      validationRules: formHelper.getValidationRule(),\n      roles: [],\n      costumers: [],\n      mode: 'view',\n      isSubmit: false,\n      loading: false\n    }\n  },\n  methods: {\n    editMode(val) {\n      this.mode = val ? 'edit' : 'view'\n    },\n    setDefaultCustomerId() {\n      if (this.isCustomer) {\n        this.formData.CustomerName[0] = this.user.CustomerName\n          ? this.user.CustomerName[0]\n          : ''\n      }\n    },\n\n    async cancel() {\n      this.mode = 'view'\n    },\n    async submit() {\n      this.$refs.elForm.validate(async (valid) => {\n        if (valid) {\n          try {\n            this.loading = true\n            this.isSubmit = true\n\n            if (this.formData.Password === '') {\n              //hapus property password jika kosong\n              delete this.formData.Password\n            }\n\n            await service.submit(this.formData, false)\n\n            // set mode to view only\n            this.mode = 'view'\n            this.$message.success('Data Saved')\n            this.loading = false\n          } catch (e) {\n            this.loading = false\n            this.$message.error(e)\n            console.log(e)\n          }\n        } else {\n          this.$message.warning('Please fill in the required data')\n          this.loading = false\n          return false\n        }\n      })\n    },\n    async fetchRole() {\n      try {\n        this.loading = true\n        const res = await this.$axios.get(`${this.$appInfo.api.role.getAll}`)\n\n        this.roles = res.data\n\n        // filter customer role\n        if (this.isCustomer) {\n          this.roles = res.data.filter(\n            (x) =>\n              x.RoleName === 'Customer Staff' || x.RoleName === 'Customer Admin'\n          )\n        }\n\n        this.loading = false\n      } catch (e) {\n        this.loading = false\n        console.log(e)\n      }\n    },\n    async fetchCustomer() {\n      try {\n        this.loading = true\n        const res = await this.$axios.get(\n          `${this.$appInfo.api.customer.getAll}`\n        )\n        this.costumers = res.data\n        this.loading = false\n      } catch (e) {\n        this.loading = false\n        console.log(e)\n      }\n    }\n  },\n  computed: {\n    isCustomer() {\n      return this.$store.state.auth.isCustomer\n    },\n    user() {\n      return this.$store.state.auth.userData\n    }\n  },\n  beforeRouteLeave(to, from, next) {\n    if (!this.isSubmit && this.mode == 'edit') {\n      const answer = window.confirm(\n        'Do you really want to leave? you have unsaved changes!'\n      )\n      if (answer) {\n        next()\n      } else {\n        next(false)\n      }\n    } else {\n      next()\n    }\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!./Profile.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!./Profile.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Profile.vue?vue&type=template&id=0ebd3c9f&\"\nimport script from \"./Profile.vue?vue&type=script&lang=js&\"\nexport * from \"./Profile.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","import appInfo from '@/app-info'\nimport axios from 'axios'\nimport router from '@/router'\n\nvar userId = ''\nvar passwordRequired = false\nvar password = ''\nvar passwordVerified = ''\n\nconst emptyData = {\n  Address: '',\n  Username: '',\n  Fullname: '',\n  Email: '',\n  Password: '',\n  RolesName: [],\n  CustomerName: []\n}\n\nvar validateName = async (name) => {\n  try {\n    var idParam = ''\n    var id = userId ? userId : router.history.current.params.id\n\n    if (id) {\n      idParam = `&userId=${id}`\n    }\n    const res = await axios.get(\n      appInfo.api.user.isAvailableUsername + '?username=' + name + idParam\n    )\n    return res.data\n  } catch (e) {\n    console.log(e)\n  }\n}\n\nvar validateUsername = async (rule, value, callback) => {\n  var regexExpression = new RegExp('^[a-z0-9_-]{3,255}$')\n\n  if (value == '') {\n    callback(new Error('Username is required'))\n  } else if (!(await validateName(value))) {\n    callback(new Error('Username Already used'))\n  } else if (!regexExpression.test(value)) {\n    callback(\n      new Error(\n        'Invalid Username, Min. 3 characters and Max. 255 characters, and cannot use special characters'\n      )\n    )\n  } else {\n    callback()\n  }\n}\n\nvar validateEmail = async (rule, value, callback) => {\n  const regexExp = /^(([^<>()[\\]\\\\.,;:\\s@\\\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\\\"]+)*)|(\\\".+\\\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/\n\n  if (!regexExp.test(value)) {\n    callback(new Error('Email format is incorrect'))\n  } else if (value == '') {\n    callback(new Error('Email is required'))\n  } else {\n    callback()\n  }\n}\n\nvar validatePassword = async (rule, value, callback) => {\n  const regexExp = new RegExp(\n    '^(?=.*[a-z])(?=.*[A-Z])(?=.*[!@#$%^&*])(?=.{8,})'\n  )\n  // assign password\n  password = value\n\n  if (!regexExp.test(value) && value.length > 0) {\n    callback(\n      new Error(\n        'At least 8 characters long, contain uppercase lowercase letters, and special characters'\n      )\n    )\n  } else if (value == '' && passwordRequired) {\n    callback(new Error('Password is required'))\n  } else {\n    callback()\n  }\n}\n\nvar validatePasswordConfirmation = async (rule, value, callback) => {\n  const regexExp = new RegExp(\n    '^(?=.*[a-z])(?=.*[A-Z])(?=.*[!@#$%^&*])(?=.{8,})'\n  )\n  // assign password\n  passwordVerified = value\n\n  if (value !== password && password !== '') {\n    callback(new Error(\"Password confirmation doesn't match\"))\n  } else if (!regexExp.test(value) && password !== '' && value !== '') {\n    callback(\n      new Error(\n        'At least 8 characters long, contain uppercase lowercase letters, and special characters'\n      )\n    )\n  } else if (value === '' && passwordRequired) {\n    callback(new Error('Password Confirmation is required'))\n  } else {\n    callback()\n  }\n}\n\nvar validationRules = {\n  Username: [\n    {\n      required: true,\n      trigger: 'change',\n      validator: validateUsername\n    }\n  ],\n  Fullname: [\n    {\n      required: true,\n      trigger: 'change'\n    }\n  ],\n  Email: [\n    {\n      required: true,\n      trigger: 'change',\n      validator: validateEmail\n    }\n  ],\n  Password: [\n    {\n      required: passwordRequired,\n      trigger: 'change',\n      validator: validatePassword\n    }\n  ],\n  PasswordVerified: [\n    {\n      required: passwordRequired,\n      trigger: 'change',\n      validator: validatePasswordConfirmation\n    }\n  ],\n  Role: [\n    {\n      required: true,\n      trigger: 'blur'\n    }\n  ],\n  RolesName: [\n    {\n      required: true,\n      message: 'At least select one Role',\n      trigger: 'blur'\n    }\n  ],\n  CustomerName: []\n  // CustomerName: [{\n  // \trequired: true,\n  // \tmessage: 'At least select one Tenant',\n  // \ttrigger: 'change'\n  // }],\n}\n\nexport default {\n  getEmptyData() {\n    return emptyData\n  },\n  getValidationRule() {\n    return validationRules\n  },\n  setUserId(id) {\n    userId = id\n  },\n  setPasswordRequired(isRequired = true) {\n    passwordRequired = isRequired\n  }\n}\n"],"sourceRoot":""}