{"version":3,"sources":["webpack:///./node_modules/@babel/runtime/helpers/esm/classCallCheck.js","webpack:///./node_modules/@babel/runtime/helpers/esm/createClass.js","webpack:///./src/mixins/FormService.js","webpack:///./src/pages/config/external-system-config/Form.vue?8d7e","webpack:///src/pages/config/external-system-config/Form.vue","webpack:///./src/pages/config/external-system-config/Form.vue?7800","webpack:///./src/pages/config/external-system-config/Form.vue","webpack:///./src/pages/config/external-system-config/form-helper.js"],"names":["_classCallCheck","instance","Constructor","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","_createClass","protoProps","staticProps","prototype","serviceForm","vue","helper","id","this","formData","redirect","$route","params","axios","put","apiPut","then","$router","go","catch","error","response","post","apiPost","extractErrMessage","push","name","query","data","ListIdUpload","delete","apiRemove","console","log","status","statusText","hasOwnProperty","call","message","title","get","apiGetById","res","assign","getEmptyData","render","_vm","_h","$createElement","_c","_self","directives","rawName","value","expression","staticClass","_v","_s","attrs","ref","validationRules","mode","model","callback","$$v","$set","_e","staticStyle","Status","on","submit","cancel","staticRenderFns","components","created","service","$appInfo","api","configExtSystem","getById","roles","costumers","isSubmit","loading","methods","setDefaultCustomerId","isCustomer","CustomerName","user","computed","$store","state","auth","isSuperAdmin","userData","beforeRouteLeave","next","answer","component","passwordRequired","password","emptyData","BaseUrl","Type","Username","Password","validatePassword","rule","Error","validatePasswordConfirmation","required","trigger","validator","PasswordVerified","getValidationRule","setPasswordRequired","isRequired"],"mappings":"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","file":"js/chunk-5088d6ec.f5ac78d1.js","sourcesContent":["export default function _classCallCheck(instance, Constructor) {\n  if (!(instance instanceof Constructor)) {\n    throw new TypeError(\"Cannot call a class as a function\");\n  }\n}","function _defineProperties(target, props) {\n  for (var i = 0; i < props.length; i++) {\n    var descriptor = props[i];\n    descriptor.enumerable = descriptor.enumerable || false;\n    descriptor.configurable = true;\n    if (\"value\" in descriptor) descriptor.writable = true;\n    Object.defineProperty(target, descriptor.key, descriptor);\n  }\n}\n\nexport default function _createClass(Constructor, protoProps, staticProps) {\n  if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n  if (staticProps) _defineProperties(Constructor, staticProps);\n  return Constructor;\n}","import axios from 'axios'\n\nclass serviceForm {\n  vue\n  helper\n  id\n\n  constructor(vue, helper, id = null) {\n    this.vue = vue\n    this.helper = helper\n    this.id = id\n  }\n\n  get initialFormData() {\n    return async () => {\n      let formData\n\n      var id = this.vue.$route.params.id\n      if (this.id) {\n        id = this.id\n      }\n\n      if (id) {\n        const res = await axios.get(`${this.vue.apiGetById}?id=${id}`)\n        formData = res.data\n      } else {\n        formData = Object.assign({}, this.helper.getEmptyData())\n      }\n\n      return formData\n    }\n  }\n\n  async submit(formData, redirect = true) {\n    try {\n      if (this.vue.$route.params.id || this.id) {\n        await axios\n          .put(`${this.vue.apiPut}`, formData)\n          .then(() => {\n            if (redirect) {\n              this.vue.$router.go(-1)\n            }\n          })\n          .catch((error) => {\n            throw error.response\n          })\n      } else {\n        await axios\n          .post(`${this.vue.apiPost}`, formData)\n          .then(() => {\n            this.vue.$router.go(-1)\n          })\n          .catch((error) => {\n            throw error.response\n          })\n      }\n    } catch (e) {\n      this.extractErrMessage(e)\n    }\n  }\n\n  async customSubmit(formData) {\n    try {\n      if (this.vue.$route.params.id) {\n        await axios\n          .put(`${this.vue.apiPut}`, formData)\n          .then(() => {\n            this.vue.$router.push({\n              name: 'docs-upload',\n              query: { id: this.vue.$route.params.id }\n            })\n          })\n          .catch((error) => {\n            throw error.response\n          })\n      } else {\n        await axios\n          .post(`${this.vue.apiPost}`, formData)\n          .then((response) => {\n            this.vue.$router.push({\n              name: 'docs-upload',\n              params: { id: response.data.ListIdUpload }\n            })\n          })\n          .catch((error) => {\n            throw error.response\n          })\n      }\n    } catch (e) {\n      this.extractErrMessage(e)\n    }\n  }\n\n  async remove(id) {\n    try {\n      await axios.delete(`${this.vue.apiRemove}?id=${id}`).catch((error) => {\n        throw error.response\n      })\n    } catch (e) {\n      this.extractErrMessage(e)\n    }\n  }\n\n  extractErrMessage(response) {\n    // display on console log\n    console.log(response)\n\n    if (response.status == 400) {\n      if (Object.prototype.hasOwnProperty.call(response.data, 'message')) {\n        throw response.data.message\n      } else if (\n        Object.prototype.hasOwnProperty.call(response.data.Object, 'title')\n      ) {\n        throw response.data.title\n      }\n    } else {\n      throw response.statusText\n    }\n  }\n}\n\nexport default serviceForm\n","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\"}],staticClass:\"bg-white flex flex-col p-4 rounded\"},[_c('h3',[_vm._v(\" External System Config Form - \"+_vm._s(_vm.$route.params.id ? 'Edit' : 'Create')+\" \")]),_c('hr',{staticClass:\"my-4\"}),_c('div',{staticClass:\"pt-2\",attrs:{\"id\":\"form-container\"}},[_c('el-form',{ref:\"elForm\",attrs:{\"model\":_vm.formData,\"rules\":_vm.validationRules,\"size\":\"medium\",\"label-width\":\"auto\"}},[(_vm.mode !== 'edit')?_c('el-form-item',{attrs:{\"label\":\"Host / URL\",\"prop\":\"Base_Url\"}},[_c('el-input',{attrs:{\"placeholder\":\"Host / URL\",\"clearable\":\"\"},model:{value:(_vm.formData.Base_Url),callback:function ($$v) {_vm.$set(_vm.formData, \"Base_Url\", $$v)},expression:\"formData.Base_Url\"}})],1):_vm._e(),_c('div',{staticClass:\"flex flex-col gap-2\"},[_c('el-form-item',{staticClass:\"w-full\",staticStyle:{\"margin-bottom\":\"35px\"},attrs:{\"label\":\"Host / URL\",\"prop\":\"Base_Url\",\"required\":_vm.mode !== 'edit'}},[_c('el-input',{attrs:{\"placeholder\":\"Host / URL\",\"clearable\":\"\"},model:{value:(_vm.formData.Base_Url),callback:function ($$v) {_vm.$set(_vm.formData, \"Base_Url\", $$v)},expression:\"formData.Base_Url\"}})],1),_c('el-form-item',{staticClass:\"w-full\",staticStyle:{\"margin-bottom\":\"35px\"},attrs:{\"label\":\"Status\",\"prop\":\"Status\",\"required\":_vm.mode !== 'edit'}},[_c('el-input',{attrs:{\"disabled\":\"\",\"clearable\":\"\"},model:{value:(_vm.formData.Status),callback:function ($$v) {_vm.$set(_vm.formData, \"Status\", $$v)},expression:\"formData.Status\"}})],1),(_vm.formData.Status === 'smtp')?_c('el-form-item',{staticClass:\"w-full\",staticStyle:{\"margin-bottom\":\"35px\"},attrs:{\"label\":\"Port\",\"prop\":\"Extension\",\"required\":_vm.mode !== 'edit'}},[_c('el-input',{attrs:{\"placeholder\":\"Port\",\"clearable\":\"\"},model:{value:(_vm.formData.Extension),callback:function ($$v) {_vm.$set(_vm.formData, \"Extension\", $$v)},expression:\"formData.Extension\"}})],1):_vm._e(),_c('el-form-item',{staticClass:\"w-full\",staticStyle:{\"margin-bottom\":\"35px\"},attrs:{\"label\":\"Username\",\"prop\":\"Username\",\"required\":_vm.mode !== 'edit'}},[_c('el-input',{attrs:{\"placeholder\":\"Username\",\"clearable\":\"\"},model:{value:(_vm.formData.Username),callback:function ($$v) {_vm.$set(_vm.formData, \"Username\", $$v)},expression:\"formData.Username\"}})],1),_c('el-form-item',{staticClass:\"w-full\",staticStyle:{\"margin-bottom\":\"35px\"},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:\"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),_c('hr',{staticClass:\"my-4\"}),_c('div',{staticClass:\"w-full text-right\"},[_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":_vm.submit}},[_vm._v(\"Submit\")]),_c('el-button',{on:{\"click\":_vm.cancel}},[_vm._v(\"Cancel\")])],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"bg-white flex flex-col p-4 rounded\" v-loading=\"loading\">\n    <h3>\n      External System Config Form - {{ $route.params.id ? 'Edit' : 'Create' }}\n    </h3>\n    <hr class=\"my-4\" />\n    <div id=\"form-container\" class=\"pt-2\">\n      <el-form\n        ref=\"elForm\"\n        :model=\"formData\"\n        :rules=\"validationRules\"\n        size=\"medium\"\n        label-width=\"auto\"\n      >\n        <el-form-item label=\"Host / URL\" prop=\"Base_Url\" v-if=\"mode !== 'edit'\">\n          <el-input\n            v-model=\"formData.Base_Url\"\n            placeholder=\"Host / URL\"\n            clearable\n          >\n          </el-input>\n        </el-form-item>\n\n        <div class=\"flex flex-col gap-2\">\n          <el-form-item\n            label=\"Host / URL\"\n            class=\"w-full\"\n            prop=\"Base_Url\"\n            style=\"margin-bottom: 35px;\"\n            :required=\"mode !== 'edit'\"\n          >\n            <el-input\n              v-model=\"formData.Base_Url\"\n              placeholder=\"Host / URL\"\n              clearable\n            ></el-input>\n          </el-form-item>\n          <el-form-item\n            label=\"Status\"\n            class=\"w-full\"\n            prop=\"Status\"\n            style=\"margin-bottom: 35px;\"\n            :required=\"mode !== 'edit'\"\n          >\n            <el-input disabled v-model=\"formData.Status\" clearable></el-input>\n          </el-form-item>\n          <el-form-item\n            label=\"Port\"\n            class=\"w-full\"\n            prop=\"Extension\"\n            style=\"margin-bottom: 35px;\"\n            :required=\"mode !== 'edit'\"\n            v-if=\"formData.Status === 'smtp'\"\n          >\n            <el-input\n              v-model=\"formData.Extension\"\n              placeholder=\"Port\"\n              clearable\n            ></el-input>\n          </el-form-item>\n          <el-form-item\n            label=\"Username\"\n            class=\"w-full\"\n            prop=\"Username\"\n            style=\"margin-bottom: 35px;\"\n            :required=\"mode !== 'edit'\"\n          >\n            <el-input\n              v-model=\"formData.Username\"\n              placeholder=\"Username\"\n              clearable\n            ></el-input>\n          </el-form-item>\n          <el-form-item\n            label=\"Password\"\n            class=\"w-full\"\n            prop=\"Password\"\n            style=\"margin-bottom: 35px;\"\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=\"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          <el-button type=\"primary\" @click=\"submit\">Submit</el-button>\n          <el-button @click=\"cancel\">Cancel</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    formHelper.setPasswordRequired(!this.$route.params.id)\n    service = new formService(this, formHelper)\n  },\n  async mounted() {\n    this.loading = true\n    this.formData = await service.initialFormData()\n\n    // set mode\n    if (this.$route.params.id) {\n      this.mode = 'edit'\n      this.formData.Password = ''\n    }\n    this.loading = false\n  },\n  data() {\n    return {\n      apiGetById: this.$appInfo.api.configExtSystem.getById,\n      apiPut: this.$appInfo.api.configExtSystem.put,\n      formData: formHelper.getEmptyData(),\n      validationRules: formHelper.getValidationRule(),\n      roles: [],\n      costumers: [],\n      mode: '',\n      isSubmit: false,\n      loading: false\n    }\n  },\n  methods: {\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.$router.go(-1)\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.mode === 'edit' && this.formData.Password === '') {\n              //hapus property password jika kosong\n              delete this.formData.Password\n            }\n\n            await service.submit(this.formData)\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    isSuperAdmin() {\n      return this.$store.state.auth.isSuperAdmin\n    },\n    user() {\n      return this.$store.state.auth.userData\n    }\n  },\n  beforeRouteLeave(to, from, next) {\n    if (!this.isSubmit) {\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!./Form.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!./Form.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Form.vue?vue&type=template&id=ad83806e&\"\nimport script from \"./Form.vue?vue&type=script&lang=js&\"\nexport * from \"./Form.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  BaseUrl: '',\n  Type: '',\n  Username: '',\n  Password: ''\n}\n\nvar validatePassword = async (rule, value, callback) => {\n  // assign password\n  password = value\n\n  if (value == '' && passwordRequired) {\n    callback(new Error('Password is required'))\n  } else {\n    callback()\n  }\n}\n\nvar validatePasswordConfirmation = async (rule, value, callback) => {\n  // assign password\n  passwordVerified = value\n\n  if (value !== password && password !== '') {\n    callback(new Error(\"Password confirmation doesn't match\"))\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    }\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  BaseUrl: [\n    {\n      required: true,\n      message: 'Base URL is required',\n      trigger: 'blur'\n    }\n  ]\n}\n\nexport default {\n  getEmptyData() {\n    return emptyData\n  },\n  getValidationRule() {\n    return validationRules\n  },\n  setPasswordRequired(isRequired = true) {\n    passwordRequired = isRequired\n  }\n}\n"],"sourceRoot":""}