{"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/version/List.vue?3046","webpack:///./src/pages/config/version/FormDialog.vue?d50e","webpack:///src/pages/config/version/FormDialog.vue","webpack:///./src/pages/config/version/FormDialog.vue?92c0","webpack:///./src/pages/config/version/FormDialog.vue","webpack:///src/pages/config/version/List.vue","webpack:///./src/pages/config/version/List.vue?953d","webpack:///./src/pages/config/version/List.vue","webpack:///./src/pages/config/version/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","ref","attrs","onChange","fileList","slot","staticStyle","on","createBackup","headers","items","customizationPage","options","download","restore","remove","showDialog","formScheduleBackup","$event","showDialogBackup","staticRenderFns","dialogVisible","form","model","callback","$$v","$set","$emit","watch","deep","handler","val","mounted","component","components","SimpleTable","FormDialog","fetchData","fullscreenLoading","$appInfo","api","version","deleteBackup","apiDownload","downloadBackup","apiBackup","backup","apiRestore","apiUpload","uploadBackup","comment","allowToRefetch","methods","moment","formatBytes","bytes","parseFloat","Math","pow","k","toFixed","dm","sizes","formatDate","d","Date","date","month","day","hour","minute","second","year","join","emptyData","BackupDirectory","TypeOne","TypeTwo","Number","validationRules","required","trigger","getValidationRule"],"mappings":"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","file":"js/chunk-726ef270.7588c183.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.fullscreenLoading),expression:\"fullscreenLoading\"}],staticClass:\"bg-white flex flex-col rounded\"},[_c('div',{staticClass:\"flex justify-between items-center mb-4\"},[_c('div',{staticClass:\"flex flex-1\"},[_c('h3',[_vm._v(_vm._s(_vm.title))])]),_c('div',{staticClass:\"flex\"},[_c('el-upload',{ref:\"uploadBackup\",attrs:{\"action\":\"\",\"on-change\":_vm.onChange,\"file-list\":_vm.fileList,\"show-file-list\":false,\"auto-upload\":false,\"accept\":\".ecocim\"}},[_c('el-button',{attrs:{\"slot\":\"trigger\",\"type\":\"primary\",\"icon\":\"el-icon-upload\",\"plain\":\"\"},slot:\"trigger\"},[_vm._v(\"Upload Backup\")]),_c('el-button',{staticStyle:{\"margin-left\":\"10px\"},attrs:{\"type\":\"success\",\"icon\":\"el-icon-plus\",\"plain\":\"\"},on:{\"click\":_vm.createBackup}},[_vm._v(\"Create Backup\")])],1)],1)]),_c('hr',{staticStyle:{\"margin\":\"0px 0px 10px 0px\"}}),_c('SimpleTable',{attrs:{\"headers\":_vm.headers,\"items\":_vm.items,\"customizationPage\":_vm.customizationPage,\"options\":_vm.options},on:{\"download-row\":_vm.download,\"restore-row\":_vm.restore,\"remove-row\":_vm.remove}}),_c('FormDialog',{attrs:{\"title\":'Schedule Backup',\"show-dialog\":_vm.showDialog,\"form\":_vm.formScheduleBackup},on:{\"onClose\":function($event){return _vm.showDialogBackup(false)}}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-dialog',{attrs:{\"title\":_vm.title,\"visible\":_vm.dialogVisible},on:{\"update:visible\":function($event){_vm.dialogVisible=$event}}},[_c('el-form',{attrs:{\"model\":_vm.form}},[_c('el-form-item',{attrs:{\"label\":\"Comment\"}},[_c('el-input',{attrs:{\"autocomplete\":\"off\",\"placeholder\":\"custom_\"},model:{value:(_vm.form.comment),callback:function ($$v) {_vm.$set(_vm.form, \"comment\", $$v)},expression:\"form.comment\"}})],1)],1),_c('div',{staticClass:\"dialog-footer\",attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('el-button',{staticClass:\"px-4\",attrs:{\"type\":\"text\"},on:{\"click\":function($event){return _vm.$emit('onClose', true)}}},[_vm._v(\"CANCEL\")]),_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.$emit('onClose', true)}}},[_vm._v(\"OK\")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <el-dialog :title=\"title\" :visible.sync=\"dialogVisible\">\n    <el-form :model=\"form\">\n      <el-form-item label=\"Comment\">\n        <el-input\n          v-model=\"form.comment\"\n          autocomplete=\"off\"\n          placeholder=\"custom_\"\n        ></el-input>\n      </el-form-item>\n    </el-form>\n    <div slot=\"footer\" class=\"dialog-footer\">\n      <el-button @click=\"$emit('onClose', true)\" type=\"text\" class=\"px-4\"\n        >CANCEL</el-button\n      >\n      <el-button @click=\"$emit('onClose', true)\" type=\"primary\">OK</el-button>\n    </div>\n  </el-dialog>\n</template>\n\n<script>\nexport default {\n  props: {\n    title: { type: String },\n    showDialog: { type: Boolean, required: true },\n    form: { type: [Array, Object] }\n  },\n  data() {\n    return {\n      dialogVisible: false\n    }\n  },\n  watch: {\n    dialogVisible: {\n      deep: true,\n      handler(val) {\n        if (!val) {\n          this.$emit('onClose', val)\n        }\n      }\n    },\n    showDialog: {\n      deep: true,\n      handler(val) {\n        this.dialogVisible = val\n      }\n    }\n  },\n  mounted() {}\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!./FormDialog.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!./FormDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormDialog.vue?vue&type=template&id=0ca8b166&\"\nimport script from \"./FormDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./FormDialog.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","<template>\n  <div class=\"bg-white flex flex-col rounded\" v-loading=\"fullscreenLoading\">\n    <div class=\"flex justify-between items-center mb-4\">\n      <div class=\"flex flex-1\">\n        <h3>{{ title }}</h3>\n      </div>\n      <div class=\"flex\">\n        <el-upload\n          ref=\"uploadBackup\"\n          action=\"\"\n          :on-change=\"onChange\"\n          :file-list=\"fileList\"\n          :show-file-list=\"false\"\n          :auto-upload=\"false\"\n          accept=\".ecocim\"\n        >\n          <el-button type=\"primary\" icon=\"el-icon-upload\" slot=\"trigger\" plain\n            >Upload Backup</el-button\n          >\n          <!-- <el-button\n            type=\"primary\"\n            style=\"margin-left: 10px\"\n            @click=\"showDialog = true\"\n            plain\n            >Schedule Backup</el-button\n          >\n          <el-button\n            type=\"primary\"\n            @click=\"\n              () => {\n                $router.push({ path: customizationPage })\n              }\n            \"\n            plain\n            >Backup Settings</el-button\n          > -->\n          <el-button\n            type=\"success\"\n            style=\"margin-left: 10px;\"\n            icon=\"el-icon-plus\"\n            @click=\"createBackup\"\n            plain\n            >Create Backup</el-button\n          >\n          <!-- <div slot=\"tip\" class=\"el-upload__tip\">\n            jpg/png files with a size less than 500kb\n          </div> -->\n        </el-upload>\n      </div>\n    </div>\n    <hr style=\"margin: 0px 0px 10px 0px;\" />\n\n    <SimpleTable\n      :headers=\"headers\"\n      :items=\"items\"\n      :customizationPage=\"customizationPage\"\n      :options=\"options\"\n      @download-row=\"download\"\n      @restore-row=\"restore\"\n      @remove-row=\"remove\"\n    />\n\n    <FormDialog\n      :title=\"'Schedule Backup'\"\n      :show-dialog=\"showDialog\"\n      :form=\"formScheduleBackup\"\n      @onClose=\"showDialogBackup(false)\"\n    />\n  </div>\n</template>\n\n<script>\nimport moment from 'moment'\nimport SimpleTable from '@/components/dx/SimpleTable'\nimport formService from '@/mixins/FormService'\nimport formHelper from './form-helper'\nimport FormDialog from './FormDialog.vue'\nimport FileSaver from 'file-saver'\n\nlet service\n\nexport default {\n  components: {\n    SimpleTable,\n    FormDialog\n  },\n  mounted() {\n    this.fetchData()\n    service = new formService(this, formHelper)\n  },\n  data() {\n    return {\n      fullscreenLoading: false,\n      title: 'Backup and Restore',\n      customizationPage: '/config/backup-restore/settings',\n      apiRemove: this.$appInfo.api.version.deleteBackup,\n      apiDownload: this.$appInfo.api.version.downloadBackup,\n      apiBackup: this.$appInfo.api.version.backup,\n      apiRestore: this.$appInfo.api.version.restore,\n      apiUpload: this.$appInfo.api.version.uploadBackup,\n      showDialog: false,\n      items: [],\n      formScheduleBackup: {\n        comment: ''\n      },\n      fileList: [],\n      headers: [\n        { type: 'string', text: 'Name', value: 'name' },\n        { type: 'string', text: 'Date', value: 'lastModified' },\n        { type: 'string', text: 'Size', value: 'fileSize' },\n        {\n          type: 'string',\n          text: 'Action',\n          value: 'Id',\n          cellTemplate: 'backupRestore'\n        }\n      ],\n      options: {\n        allowToRefetch: true\n      }\n    }\n  },\n  methods: {\n    moment: function () {\n      return moment()\n    },\n    async remove(row) {\n      this.$confirm(\n        'This will permanently delete this record. Continue?',\n        'Are you sure',\n        {\n          confirmButtonText: 'Delete',\n          cancelButtonText: 'Cancel',\n          type: 'warning'\n        }\n      )\n        .then(async () => {\n          try {\n            await this.$axios.post(\n              `${this.apiRemove}?fileName=${row.data.name}`\n            )\n\n            this.fetchData()\n\n            this.$message({\n              type: 'success',\n              message: 'Delete completed'\n            })\n          } catch (e) {\n            this.$message.error(e)\n            this.fullscreenLoading = false\n            console.log(e)\n          }\n        })\n        .catch(() => {\n          this.$message({\n            type: 'info',\n            message: 'Delete canceled'\n          })\n        })\n    },\n\n    async fetchData() {\n      try {\n        this.fullscreenLoading = true\n        const res = await this.$axios.get(\n          this.$appInfo.api.version.existingBackup\n        )\n        let sortedData = res.data.sort(\n          (a, b) => new Date(b.lastModified) - new Date(a.lastModified)\n        )\n        sortedData.forEach((x, index) => {\n          x.Id = index + 1\n          x.fileSize = this.formatBytes(x.fileSize)\n          x.lastModified = moment(x.lastModified).format('DD-MM-YYYY HH:mm')\n        })\n        this.items = sortedData\n        this.fullscreenLoading = false\n      } catch (e) {\n        this.fullscreenLoading = false\n        console.log(e)\n      }\n    },\n    async download(row) {\n      try {\n        this.fullscreenLoading = true\n        const res = await this.$axios.get(\n          `${this.apiDownload}?fileName=${row.data.name}`,\n          {\n            responseType: 'blob'\n          }\n        )\n\n        const fileName = row.data.name\n        const blob = new Blob([res.data])\n        FileSaver.saveAs(blob, fileName)\n\n        this.fullscreenLoading = false\n      } catch (e) {\n        this.fullscreenLoading = false\n        console.log(e)\n      }\n    },\n    async restore(row) {\n      const fileName = row.data.name\n      this.$confirm(`Restore data ${fileName}?`, 'Are you sure', {\n        confirmButtonText: 'Ok',\n        cancelButtonText: 'Cancel',\n        type: 'info'\n      })\n        .then(async () => {\n          const loading = this.$loading({\n            lock: true,\n            text: 'Restore process will take a few minutes',\n            spinner: 'el-icon-loading',\n            background: 'rgba(0, 0, 0, 0.7)'\n          })\n          try {\n            const params = { name: fileName }\n            // await this.$axios.get(this.apiRestore, params)\n            this.fetchData()\n            loading.close()\n            this.$message({\n              type: 'success',\n              message: 'Restore completed'\n            })\n          } catch (e) {\n            loading.close()\n            this.$message.error(e)\n            console.log(e)\n          }\n        })\n        .catch(() => {\n          this.$message({\n            type: 'info',\n            message: 'Restore canceled'\n          })\n        })\n    },\n    async onChange(file, fileList) {\n      let splitExt = file.name.split('.')\n      let ext = splitExt[splitExt.length - 1]\n      if (!ext.includes('ecocim')) {\n        return this.$message.warning(`Sorry, ${file.name} is invalid file type`)\n      } else {\n        this.uploadBackup(file)\n      }\n    },\n    async uploadBackup(file) {\n      try {\n        this.fullscreenLoading = true\n        const formData = new FormData()\n        formData.append('uploadedFile', file.raw)\n        await this.$axios.post(`${this.apiUpload}`, formData)\n        this.$message.success(`Successfully upload backup file`)\n        this.fetchData()\n        this.fullscreenLoading = false\n      } catch (e) {\n        this.$message.error(`Failed to upload backup file ${file.name}`)\n        this.fetchData()\n        this.fullscreenLoading = false\n        console.log(e)\n      }\n    },\n    async createBackup() {\n      this.$confirm('Backup current data?', 'Are you sure', {\n        confirmButtonText: 'Ok',\n        cancelButtonText: 'Cancel',\n        type: 'info'\n      })\n        .then(async () => {\n          const loading = this.$loading({\n            lock: true,\n            text: 'Backup process will take a few minutes',\n            spinner: 'el-icon-loading',\n            background: 'rgba(0, 0, 0, 0.7)'\n          })\n          try {\n            const backupName = this.formatDate(new Date())\n            const params = { name: backupName }\n            await this.$axios.get(this.apiBackup, params)\n            this.fetchData()\n            loading.close()\n            this.$message({\n              type: 'success',\n              message: 'Backup completed'\n            })\n          } catch (e) {\n            loading.close()\n            this.$message.error(e)\n            console.log(e)\n          }\n        })\n        .catch(() => {\n          this.$message({\n            type: 'info',\n            message: 'Backup canceled'\n          })\n        })\n    },\n\n    showDialogBackup(val) {\n      this.showDialog = val\n    },\n    formatBytes(bytes, decimals = 2) {\n      if (bytes === 0) return '0 Bytes'\n\n      const k = 1024\n      const dm = decimals < 0 ? 0 : decimals\n      const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']\n\n      const i = Math.floor(Math.log(bytes) / Math.log(k))\n\n      return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i]\n    },\n    formatDate(date) {\n      var d = new Date(date),\n        month = '' + (d.getMonth() + 1),\n        day = '' + d.getDate(),\n        year = d.getFullYear(),\n        hour = '' + d.getHours(),\n        minute = '' + d.getMinutes(),\n        second = '' + d.getSeconds()\n\n      if (month.length < 2) month = '0' + month\n      if (day.length < 2) day = '0' + day\n      if (hour.length < 2) hour = '0' + hour\n      if (minute.length < 2) minute = '0' + minute\n      if (second.length < 2) second = '0' + second\n\n      return [year, month, day, hour, minute, second].join('_')\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!./List.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!./List.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./List.vue?vue&type=template&id=1d3ff98b&\"\nimport script from \"./List.vue?vue&type=script&lang=js&\"\nexport * from \"./List.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","const emptyData = {\n  BackupDirectory: '',\n  TypeOne: false,\n  TypeTwo: true,\n  Number: null\n}\n\nconst validationRules = {\n  BackupDirectory: [\n    {\n      required: true,\n      message: 'Backup Directory Is Required',\n      trigger: 'blur'\n    }\n  ]\n}\n\nexport default {\n  getEmptyData() {\n    return emptyData\n  },\n  getValidationRule() {\n    return validationRules\n  }\n}\n"],"sourceRoot":""}