{"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/master/customer-logo/Form.vue?3c98","webpack:///src/pages/master/customer-logo/Form.vue","webpack:///./src/pages/master/customer-logo/form-helper.js","webpack:///./src/pages/master/customer-logo/Form.vue?c7ed","webpack:///./src/pages/master/customer-logo/Form.vue"],"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","_v","_s","staticClass","attrs","ref","validationRules","model","callback","$$v","$set","on","uploadButton","onFileChange","displayLogo","uploadedFile","$event","handleRemove","_e","staticStyle","submit","cancel","staticRenderFns","emptyData","DcoId","Company","DceGroupName","Department","CustomerType","Contact","PhoneNumber","TenantPortalState","TechContactName","TechContactEmail","ServerCode","CustomerLogo","CustomerName","ContractedPower","IsLogoSet","Username","UserId","Id","Note","IsDeleted","CreatedDate","CreatedBy","ModifiedDate","ModifiedBy","TagName","required","trigger","TagType","Attachment","getValidationRule","components","created","service","$appInfo","api","customer","getById","roles","costumers","mode","isSubmit","loading","dialogImageUrl","dialogVisible","availableLogo","selectedFiles","methods","elog","e","$refs","click","createImage","_this","Promise","reader","readAsDataURL","file","onload","onerror","getUploadUrl","handleAvatarSuccess","imageUrl","URL","createObjectURL","raw","beforeAvatarUpload","isImage","$message","isLt2M","uploadedFileRaw","handlePictureCardPreview","url","beforeRouteLeave","next","answer","component"],"mappings":"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","file":"js/chunk-a751256e.f21546a3.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\"}]},[_c('h3',[_vm._v(\"Customer Logo 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\",\"disabled\":\"\"}},[_c('el-form-item',{attrs:{\"label\":\"DCO Id\",\"prop\":\"DcoId\"}},[_c('el-input',{attrs:{\"placeholder\":\"Tag Name\"},model:{value:(_vm.formData.DcoId),callback:function ($$v) {_vm.$set(_vm.formData, \"DcoId\", $$v)},expression:\"formData.DcoId\"}})],1),_c('el-form-item',{attrs:{\"label\":\"Company Name\",\"prop\":\"Company\"}},[_c('el-input',{attrs:{\"placeholder\":\"Tag Name\"},model:{value:(_vm.formData.Company),callback:function ($$v) {_vm.$set(_vm.formData, \"Company\", $$v)},expression:\"formData.Company\"}})],1)],1),_c('div',{staticClass:\"flex space-x-0 space-y-2 lg:space-x-2 lg:space-y-0\"},[_c('div',{staticClass:\"flex flex-col items-center justify-center w-64 h-32 border border-gray-400 rounded-lg cursor-pointer\",on:{\"click\":_vm.uploadButton}},[_c('input',{ref:\"uploadButton\",staticClass:\"hidden\",attrs:{\"type\":\"file\",\"accept\":\".png\"},on:{\"change\":_vm.onFileChange}}),_c('i',{staticClass:\"text-4xl text-blue-600 el-icon-upload\"}),_c('p',{staticClass:\"text-md\"},[_vm._v(\"Select File to upload\")])]),(_vm.displayLogo && _vm.formData.uploadedFile)?_c('div',{staticClass:\"flex large-12 space-x-1 medium-12 small-12 cell\"},[_c('div',{staticClass:\"flex\"},[_c('img',{staticClass:\"h-32\",attrs:{\"src\":_vm.formData.uploadedFile}}),_c('span',{staticClass:\"remove-file\",on:{\"click\":function($event){return _vm.handleRemove()}}},[_c('i',{staticClass:\"text-xl cursor-pointer el-icon-close\"})])])]):_vm._e()]),_c('div',{staticClass:\"pt-2 text-xs italic\"},[_vm._v(\"*Supported file types are: .png\")]),_c('div',{staticClass:\"text-xs italic\",staticStyle:{\"margin-top\":\"2px\"}},[_vm._v(\" *Maximum PNG size is 1 MB \")]),_c('hr',{staticClass:\"my-4\"}),_c('div',{staticClass:\"w-full text-right\"},[_c('el-button',{attrs:{\"type\":\"primary\",\"disabled\":!_vm.formData.uploadedFile},on:{\"click\":_vm.submit}},[_vm._v(\"Submit\")]),_c('el-button',{on:{\"click\":_vm.cancel}},[_vm._v(\"Cancel\")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-loading=\"loading\">\n    <h3>Customer Logo Form - {{ $route.params.id ? 'Edit' : 'Create' }}</h3>\n    <hr class=\"my-4\" />\n    <div id=\"form-container\" class=\"pt-2\"></div>\n    <el-form\n      ref=\"elForm\"\n      :model=\"formData\"\n      :rules=\"validationRules\"\n      size=\"medium\"\n      label-width=\"auto\"\n      disabled\n    >\n      <el-form-item label=\"DCO Id\" prop=\"DcoId\">\n        <el-input v-model=\"formData.DcoId\" placeholder=\"Tag Name\"></el-input>\n      </el-form-item>\n      <el-form-item label=\"Company Name\" prop=\"Company\">\n        <el-input v-model=\"formData.Company\" placeholder=\"Tag Name\"></el-input>\n      </el-form-item>\n    </el-form>\n\n    <div class=\"flex space-x-0 space-y-2 lg:space-x-2 lg:space-y-0\">\n      <div\n        @click=\"uploadButton\"\n        class=\"flex flex-col items-center justify-center w-64 h-32 border border-gray-400 rounded-lg cursor-pointer\"\n      >\n        <input\n          @change=\"onFileChange\"\n          type=\"file\"\n          class=\"hidden\"\n          ref=\"uploadButton\"\n          accept=\".png\"\n        />\n        <i class=\"text-4xl text-blue-600 el-icon-upload\" />\n        <p class=\"text-md\">Select File to upload</p>\n      </div>\n\n      <div\n        v-if=\"displayLogo && formData.uploadedFile\"\n        class=\"flex large-12 space-x-1 medium-12 small-12 cell\"\n      >\n        <div class=\"flex\">\n          <img :src=\"formData.uploadedFile\" class=\"h-32\" />\n          <span class=\"remove-file\" v-on:click=\"handleRemove()\"\n            ><i class=\"text-xl cursor-pointer el-icon-close\"\n          /></span>\n        </div>\n      </div>\n    </div>\n    <div class=\"pt-2 text-xs italic\">*Supported file types are: .png</div>\n    <div style=\"margin-top: 2px;\" class=\"text-xs italic\">\n      *Maximum PNG size is 1 MB\n    </div>\n\n    <hr class=\"my-4\" />\n    <div class=\"w-full text-right\">\n      <el-button\n        type=\"primary\"\n        @click=\"submit\"\n        :disabled=\"!formData.uploadedFile\"\n        >Submit</el-button\n      >\n      <el-button @click=\"cancel\">Cancel</el-button>\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'\nimport appsettings from '@/config.json'\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.formData.uploadedFile = ''\n\n    this.getLogoSource()\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.customer.getById,\n      apiPost: this.$appInfo.api.customer.post,\n      apiPut: this.$appInfo.api.customer.put,\n      formData: formHelper.getEmptyData(),\n      validationRules: formHelper.getValidationRule(),\n      roles: [],\n      costumers: [],\n      mode: '',\n      isSubmit: false,\n      loading: false,\n      dialogImageUrl: '',\n      dialogVisible: false,\n      availableLogo: '',\n      selectedFiles: false,\n      displayLogo: false\n    }\n  },\n  methods: {\n    elog(e) {\n      console.log(e)\n    },\n    uploadButton() {\n      this.$refs.uploadButton.click()\n    },\n    createImage(file) {\n      var _this = this\n      this.displayLogo = false\n\n      return new Promise((resolve, reject) => {\n        const reader = new FileReader()\n        reader.readAsDataURL(file)\n        reader.onload = () => resolve(reader.result)\n        reader.onerror = (error) => reject(error)\n      }).then((data) => {\n        _this.formData.uploadedFile = data\n        _this.displayLogo = true\n      })\n    },\n    async onFileChange(e) {\n      let files = e.target.files || e.dataTransfer.files\n\n      if (!files.length) return\n\n      // Allowing file type\n      let allowedExtensions = /(\\png)$/i\n      if (!allowedExtensions.exec(files[0].type)) {\n        let splitExt = files[0].name.split('.')\n        let ext = splitExt[splitExt.length - 1]\n        let fileName =\n          files[0].name.length >= 30\n            ? `${files[0].name.substr(0, 30)}...${ext}`\n            : files[0].name\n\n        this.$message.error(`Sorry, ${fileName} is invalid file type`)\n        return false\n      }\n\n      // Allowing file size\n      let fileSize = Math.round(files[0].size / 1024)\n      if (fileSize >= 1024) {\n        this.$message.error(`File too big, please select a file less than 1 MB`)\n        return\n      }\n\n      this.formData.uploadedFileRaw = files[0]\n      //console.log('formData', this.formData.uploadedFileRaw)\n      await this.createImage(files[0])\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            let formData = new FormData()\n            formData.append('uploadedFile', this.formData.uploadedFileRaw)\n\n            const res = await this.$axios.post(this.getUploadUrl(), formData, {\n              headers: {\n                'Content-Type': 'multipart/form-data'\n              }\n            })\n\n            this.$message.success('Data Saved')\n            this.$router.push({ name: 'customer-logo-list' })\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 getLogoSource() {\n      try {\n        this.loading = true\n        const res = await this.$axios.get(\n          this.$appInfo.api.customer.getLogoBase64 +\n            `?customer_name=${this.formData.DcoId}`\n        )\n        this.formData.uploadedFile = res.data\n        this.displayLogo = true\n        this.loading = false\n      } catch (e) {\n        this.loading = false\n        console.log(e)\n      }\n    },\n\n    getUploadUrl() {\n      return (\n        appsettings.baseUrl +\n        '/' +\n        this.$appInfo.api.customer.insertLogo +\n        `?customer_name=` +\n        this.formData.DcoId\n      )\n    },\n    handleAvatarSuccess(res, file) {\n      this.imageUrl = URL.createObjectURL(file.raw)\n    },\n    beforeAvatarUpload(file) {\n      const isImage =\n        file.raw.type === 'image/png' ||\n        file.raw.type === 'image/gif' ||\n        file.raw.type === 'image/jpeg'\n      const isLt2M = file.size / 1024 / 1024 < 2\n\n      if (!isImage) {\n        this.$message.error('Avatar picture must be an Image format!')\n      }\n      if (!isLt2M) {\n        this.$message.error('Avatar picture size can not exceed 2MB!')\n      }\n\n      if (isImage && isLt2M) {\n        // set selectedFiles status\n        this.selectedFiles = true\n      }\n\n      return isImage && isLt2M\n    },\n    handleRemove() {\n      this.displayLogo = false\n      this.formData.uploadedFile = ''\n      this.formData.uploadedFileRaw = null\n      this.displayLogo = true\n      this.$refs.uploadButton.value = null\n    },\n    handlePictureCardPreview(file) {\n      this.dialogImageUrl = file.url\n      this.dialogVisible = true\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 appInfo from '@/app-info'\n// import axios from 'axios'\n// import router from '@/router';\n\nconst emptyData = {\n  DcoId: null,\n  Company: null,\n  DceGroupName: null,\n  Department: null,\n  CustomerType: null,\n  Contact: null,\n  PhoneNumber: null,\n  TenantPortalState: null,\n  TechContactName: null,\n  TechContactEmail: null,\n  ServerCode: null,\n  CustomerLogo: null,\n  CustomerName: null,\n  ContractedPower: null,\n  IsLogoSet: null,\n  Username: null,\n  UserId: null,\n  Id: null,\n  Note: null,\n  IsDeleted: null,\n  CreatedDate: null,\n  CreatedBy: null,\n  ModifiedDate: null,\n  ModifiedBy: null,\n  uploadedFile: ''\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  Attachment: ''\n}\n\nexport default {\n  getEmptyData() {\n    return emptyData\n  },\n  getValidationRule() {\n    return validationRules\n  }\n}\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=6f917cae&\"\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":""}