{"version":3,"sources":["webpack:///./src/pages/master/ticketsAdmin/form-helper.js","webpack:///./src/pages/master/ticketsAdmin/Form.vue?1ff8","webpack:///src/pages/master/ticketsAdmin/Form.vue","webpack:///./src/pages/master/ticketsAdmin/Form.vue?f374","webpack:///./src/pages/master/ticketsAdmin/Form.vue"],"names":["emptyData","Subject","Message","Description","Note","validationRules","StatusFu","required","trigger","getEmptyData","getValidationRule","render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","expression","_v","_s","$route","params","id","staticClass","attrs","ref","formData","model","callback","$$v","$set","_l","item","index","key","label","domProps","$baseURL","style","width","minRows","maxRows","on","submit","cancel","staticRenderFns","components","created","service","data","apiGetById","$appInfo","api","tickets","getById","apiPost","post","apiPut","put","roles","status","mode","isSubmit","loading","methods","beforeRouteLeave","next","answer","component"],"mappings":"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","file":"js/chunk-161f26bc.f5055440.js","sourcesContent":["const emptyData = {\n  Subject: [],\n  Message: '',\n  Description: '',\n  Note: ''\n}\n\nconst validationRules = {\n  StatusFu: [\n    {\n      required: true,\n      trigger: 'change'\n    }\n  ],\n  Description: [\n    {\n      required: true,\n      trigger: 'blur'\n    }\n  ],\n  Note: [\n    {\n      required: true,\n      trigger: 'blur'\n    }\n  ]\n}\n\nexport default {\n  getEmptyData() {\n    return emptyData\n  },\n  getValidationRule() {\n    return validationRules\n  }\n}\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\"}]},[_c('h3',[_vm._v(\"Tickets 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\":\"Subject\",\"prop\":\"MailSubject\"}},[_c('el-input',{attrs:{\"disabled\":_vm.$route.params.id ? true : false},model:{value:(_vm.formData.MailSubject),callback:function ($$v) {_vm.$set(_vm.formData, \"MailSubject\", $$v)},expression:\"formData.MailSubject\"}})],1),_c('el-form-item',{attrs:{\"label\":\"Follow Up\",\"prop\":\"StatusFu\"}},[_c('el-select',{model:{value:(_vm.formData.StatusFu),callback:function ($$v) {_vm.$set(_vm.formData, \"StatusFu\", $$v)},expression:\"formData.StatusFu\"}},_vm._l((_vm.status),function(item,index){return _c('el-option',{key:index,attrs:{\"value\":item.value,\"label\":item.label}})}),1)],1),_c('el-form-item',{attrs:{\"label\":\"Message\",\"prop\":\"Message\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.formData.Message)}})]),_c('el-form-item',{attrs:{\"label\":\"Description\",\"prop\":\"Attachments\"}},_vm._l((_vm.formData.Attachments),function(item,index){return _c('el-image',{key:index,attrs:{\"src\":_vm.$baseURL + item}})}),1),_c('el-form-item',{attrs:{\"label\":\"Note\",\"prop\":\"Note\"}},[_c('el-input',{style:({ width: '100%' }),attrs:{\"type\":\"textarea\",\"placeholder\":\"Add 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)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-loading=\"loading\">\n    <h3>Tickets 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=\"Subject\" prop=\"MailSubject\">\n          <el-input\n            :disabled=\"$route.params.id ? true : false\"\n            v-model=\"formData.MailSubject\"\n          />\n        </el-form-item>\n        <el-form-item label=\"Follow Up\" prop=\"StatusFu\">\n          <el-select v-model=\"formData.StatusFu\">\n            <el-option\n              v-for=\"(item, index) in status\"\n              :key=\"index\"\n              :value=\"item.value\"\n              :label=\"item.label\"\n            />\n          </el-select>\n        </el-form-item>\n        <el-form-item label=\"Message\" prop=\"Message\">\n          <span v-html=\"formData.Message\"></span>\n        </el-form-item>\n        <el-form-item label=\"Description\" prop=\"Attachments\">\n          <el-image\n            v-for=\"(item, index) in formData.Attachments\"\n            :key=\"index\"\n            :src=\"$baseURL + item\"\n          />\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=\"Add Note\"\n            :autosize=\"{ minRows: 4, maxRows: 4 }\"\n            :style=\"{ width: '100%' }\"\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\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.tickets.getById,\n      apiPost: this.$appInfo.api.tickets.post,\n      apiPut: this.$appInfo.api.tickets.put,\n      formData: formHelper.getEmptyData(),\n      validationRules: formHelper.getValidationRule(),\n      roles: [],\n      status: [],\n      mode: '',\n      isSubmit: false,\n      loading: false\n    }\n  },\n  methods: {\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            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          `/ManualConfig/OptionsEnumCustomerTicket`\n        )\n        this.status = res.data\n        this.loading = false\n      } catch (e) {\n        this.loading = false\n        console.log(e)\n      }\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=0a8ae67c&\"\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"],"sourceRoot":""}