{"version":3,"sources":["webpack:///./node_modules/@babel/runtime/helpers/esm/defineProperty.js","webpack:///./src/mixins/FormService.js","webpack:///./src/pages/master/tag/Form.vue","webpack:///src/pages/master/tag/Form.vue","webpack:///./src/pages/master/tag/Form.vue?1f53","webpack:///./src/pages/master/tag/Form.vue?c995","webpack:///./src/pages/master/tag/form-helper.js"],"names":["_defineProperty","obj","key","value","Object","defineProperty","enumerable","configurable","writable","serviceForm","constructor","vue","helper","id","this","async","formData","$route","params","res","axios","get","apiGetById","data","assign","getEmptyData","redirect","put","apiPut","then","$router","go","catch","error","response","post","apiPost","e","extractErrMessage","push","name","query","ListIdUpload","delete","apiRemove","console","log","status","statusText","prototype","hasOwnProperty","call","message","title","render","_vm","_c","_self","directives","rawName","loading","expression","_v","_s","staticClass","attrs","ref","validationRules","model","TagName","callback","$$v","$set","isCustomer","_e","CustomerName","_l","costumers","item","index","Company","DcoId","disabled","minRows","maxRows","Note","on","submit","cancel","staticRenderFns","service","components","created","roles","mode","isSubmit","methods","setDefaultCustomerId","computed","user","beforeRouteLeave","next","component","emptyData","TagType","required","trigger","getValidationRule"],"mappings":"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","file":"js/chunk-7b5a4b6b.b570bfec.js","sourcesContent":["export default function _defineProperty(obj, key, value) {\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n\n  return obj;\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 render(){var _vm=this,_c=_vm._self._c;return _c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}]},[_c('h3',[_vm._v(\"Tag 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\"}},[_c('el-form-item',{attrs:{\"label\":\"Tag Name\",\"prop\":\"TagName\"}},[_c('el-input',{attrs:{\"placeholder\":\"Tag Name\"},model:{value:(_vm.formData.TagName),callback:function ($$v) {_vm.$set(_vm.formData, \"TagName\", $$v)},expression:\"formData.TagName\"}})],1),(!_vm.isCustomer)?_c('el-form-item',{attrs:{\"label\":\"Customer Name\",\"prop\":\"CustomerName\"}},[_c('el-select',{attrs:{\"placeholder\":\"Select Customer\",\"clearable\":\"\",\"filterable\":\"\"},model:{value:(_vm.formData.CustomerName),callback:function ($$v) {_vm.$set(_vm.formData, \"CustomerName\", $$v)},expression:\"formData.CustomerName\"}},_vm._l((_vm.costumers),function(item,index){return _c('el-option',{key:index,attrs:{\"label\":item.Company,\"value\":item.DcoId,\"disabled\":item.disabled}})}),1)],1):_vm._e(),(false)?_c('el-form-item',{attrs:{\"label\":\"Tag Type\",\"prop\":\"TagType\"}},[_c('el-select',{attrs:{\"placeholder\":\"Tag Type\",\"clearable\":\"\"},model:{value:(_vm.formData.TagType),callback:function ($$v) {_vm.$set(_vm.formData, \"TagType\", $$v)},expression:\"formData.TagType\"}},_vm._l((_vm.TagTypeOptions),function(item,index){return _c('el-option',{key:index,attrs:{\"label\":item.label,\"value\":item.value,\"disabled\":item.disabled}})}),1)],1):_vm._e(),_c('el-form-item',{attrs:{\"label\":\"Note\",\"prop\":\"Note\"}},[_c('el-input',{attrs:{\"type\":\"textarea\",\"placeholder\":\"Note\",\"autosize\":{ minRows: 4, maxRows: 4 }},model:{value:(_vm.formData.Note),callback:function ($$v) {_vm.$set(_vm.formData, \"Note\", $$v)},expression:\"formData.Note\"}})],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)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-loading=\"loading\">\n    <h3>Tag Form - {{ $route.params.id ? 'Edit' : 'Create' }}</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=\"Tag Name\" prop=\"TagName\">\n          <el-input\n            v-model=\"formData.TagName\"\n            placeholder=\"Tag Name\"\n          ></el-input>\n        </el-form-item>\n        <el-form-item\n          label=\"Customer Name\"\n          prop=\"CustomerName\"\n          v-if=\"!isCustomer\"\n        >\n          <el-select\n            v-model=\"formData.CustomerName\"\n            placeholder=\"Select Customer\"\n            clearable\n            filterable\n          >\n            <el-option\n              v-for=\"(item, index) in costumers\"\n              :key=\"index\"\n              :label=\"item.Company\"\n              :value=\"item.DcoId\"\n              :disabled=\"item.disabled\"\n            ></el-option>\n          </el-select>\n        </el-form-item>\n        <el-form-item label=\"Tag Type\" prop=\"TagType\" v-if=\"false\">\n          <el-select\n            v-model=\"formData.TagType\"\n            placeholder=\"Tag Type\"\n            clearable\n          >\n            <el-option\n              v-for=\"(item, index) in TagTypeOptions\"\n              :key=\"index\"\n              :label=\"item.label\"\n              :value=\"item.value\"\n              :disabled=\"item.disabled\"\n            ></el-option>\n          </el-select>\n        </el-form-item>\n        <el-form-item label=\"Note\" prop=\"Note\">\n          <el-input\n            v-model=\"formData.Note\"\n            type=\"textarea\"\n            placeholder=\"Note\"\n            :autosize=\"{ minRows: 4, maxRows: 4 }\"\n          ></el-input>\n        </el-form-item>\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    service = new formService(this, formHelper)\n  },\n  async mounted() {\n    this.loading = true\n    this.formData = await service.initialFormData()\n    this.fetchCustomer()\n    this.setDefaultCustomerId()\n\n    if (this.$route.params.id) {\n      this.mode = 'edit'\n    }\n    this.loading = false\n  },\n  data() {\n    return {\n      apiGetById: this.$appInfo.api.tag.getById,\n      apiPost: this.$appInfo.api.tag.post,\n      apiPut: this.$appInfo.api.tag.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 = 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            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 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) {\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=342e655c&\"\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'\n// import axios from 'axios'\n// import router from '@/router';\n\nconst emptyData = {\n  TagName: '',\n  CustomerName: '',\n  TagType: '',\n  Note: ''\n}\n\n// var validateName = async (name) => {\n// \ttry {\n// \t\tvar id = router.history.current.params.id;\n// \t\tvar idParam = \"\";\n\n// \t\tif (id) {\n// \t\t\tidParam = `&userId=${id}`\n// \t\t}\n// \t\tconst res = await axios.get(\n// \t\t\tappInfo.api.user.isAvailableUsername + '?username=' + name + idParam\n// \t\t)\n// \t\treturn res.data;\n// \t} catch (e) {\n// \t\tconsole.log(e)\n// \t}\n// };\n\n// var validateUsername = async (rule, value, callback) => {\n// \tif (value == '') {\n// \t\tcallback(new Error('Username is required'))\n// \t} else if (! await validateName(value)) {\n// \t\tcallback(new Error('Username Already used'));\n// \t} else {\n// \t\tcallback();\n// \t}\n// };\n\nconst validationRules = {\n  TagName: [\n    {\n      required: true,\n      message: 'Tag Name is required',\n      trigger: 'blur'\n    }\n  ],\n  CustomerName: [],\n  TagType: [],\n  Note: []\n}\n\nexport default {\n  getEmptyData() {\n    return emptyData\n  },\n  getValidationRule() {\n    return validationRules\n  }\n}\n"],"sourceRoot":""}