{"version":3,"sources":["webpack:///./src/pages/config/chart/form-helper.js","webpack:///./src/pages/config/chart/Form.vue?99ea","webpack:///src/pages/config/chart/Form.vue","webpack:///./src/pages/config/chart/Form.vue?de5d","webpack:///./src/pages/config/chart/Form.vue"],"names":["emptyData","ScreenName","ChartName","TagAvailable","ChartType","ThresholdMax","ThresholdMin","IsTrendline","ListCustomerName","validationRules","required","message","trigger","getEmptyData","getValidationRule","render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","expression","_v","_s","$route","params","id","staticClass","attrs","ref","formData","mode","isCustomerAdmin","model","callback","$$v","$set","_l","item","index","key","TagName","disabled","label","Company","DcoId","on","submit","cancel","staticRenderFns","components","created","service","data","apiGetById","$appInfo","api","chart","getById","apiPost","post","apiPut","put","costumers","isSubmit","loading","tags","ChartTypeOptions","methods","computed","isCustomer","$store","state","auth","user","userData","beforeRouteLeave","next","answer","component"],"mappings":"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","file":"js/chunk-bf665ac8.3e241044.js","sourcesContent":["// import appInfo from '@/app-info'\n// import axios from 'axios'\n// import router from '@/router';\n\nconst emptyData = {\n  ScreenName: '',\n  ChartName: '',\n  TagAvailable: '',\n  ChartType: '',\n  ThresholdMax: 0,\n  ThresholdMin: 0,\n  IsTrendline: false,\n  ListCustomerName: []\n}\n\nconst validationRules = {\n  ScreenName: [\n    {\n      required: true,\n      message: 'Screen Name',\n      trigger: 'blur'\n    }\n  ],\n  ChartName: [\n    {\n      required: true,\n      message: 'Chart Name is required',\n      trigger: 'blur'\n    }\n  ],\n  TagAvailable: [\n    {\n      required: true,\n      message: 'Tag is required',\n      trigger: 'change'\n    }\n  ],\n  ChartType: [\n    {\n      required: true,\n      message: 'Chart Type is required',\n      trigger: 'change'\n    }\n  ],\n  ThresholdMax: [],\n  ThresholdMin: [],\n  IsTrendline: [],\n  ListCustomerName: []\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(\"Widget Chart 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('div',[_c('el-form-item',{attrs:{\"label\":\"Screen Name\",\"prop\":\"ScreenName\"}},[_c('el-input',{attrs:{\"placeholder\":\"Screen Name\",\"clearable\":\"\",\"disabled\":_vm.isCustomerAdmin},model:{value:(_vm.formData.ScreenName),callback:function ($$v) {_vm.$set(_vm.formData, \"ScreenName\", $$v)},expression:\"formData.ScreenName\"}})],1),_c('el-form-item',{attrs:{\"label\":\"Chart Name\",\"prop\":\"ChartName\"}},[_c('el-input',{attrs:{\"placeholder\":\"Chart Name\",\"clearable\":\"\",\"disabled\":_vm.isCustomerAdmin},model:{value:(_vm.formData.ChartName),callback:function ($$v) {_vm.$set(_vm.formData, \"ChartName\", $$v)},expression:\"formData.ChartName\"}})],1)],1):_c('div',[_c('div',{staticClass:\"w-full el-form-item__content flex mb-2\"},[_c('div',{staticClass:\"el-form-item__label-wrap text-right w-24\"},[_c('label',{staticClass:\"el-form-item__label\",attrs:{\"for\":\"Screen Name\"}},[_vm._v(\"Screen Name \")])]),_c('div',{staticClass:\"font-bold ml-2\"},[_vm._v(\" \"+_vm._s(_vm.formData.ScreenName)+\" \")])]),_c('div',{staticClass:\"w-full el-form-item__content flex mb-2\"},[_c('div',{staticClass:\"el-form-item__label-wrap text-right w-24\"},[_c('label',{staticClass:\"el-form-item__label\",attrs:{\"for\":\"Chart Name\"}},[_vm._v(\"Chart Name \")])]),_c('div',{staticClass:\"font-bold ml-2\"},[_vm._v(\" \"+_vm._s(_vm.formData.ChartName)+\" \")])])]),_c('el-form-item',{attrs:{\"label\":\"Tag\",\"prop\":\"TagAvailable\"}},[_c('el-select',{attrs:{\"placeholder\":\"Tag Available\",\"clearable\":\"\",\"filterable\":\"\"},model:{value:(_vm.formData.TagAvailable),callback:function ($$v) {_vm.$set(_vm.formData, \"TagAvailable\", $$v)},expression:\"formData.TagAvailable\"}},_vm._l((_vm.tags),function(item,index){return _c('el-option',{key:index,attrs:{\"label\":item.TagName,\"value\":item.TagName,\"disabled\":item.disabled}})}),1)],1),_c('el-form-item',{attrs:{\"label\":\"Chart Type\",\"prop\":\"ChartType\"}},[_c('el-select',{attrs:{\"placeholder\":\"Chart Type\",\"clearable\":\"\"},model:{value:(_vm.formData.ChartType),callback:function ($$v) {_vm.$set(_vm.formData, \"ChartType\", $$v)},expression:\"formData.ChartType\"}},_vm._l((_vm.ChartTypeOptions),function(item,index){return _c('el-option',{key:index,attrs:{\"label\":item.label,\"value\":item.value,\"disabled\":item.disabled}})}),1)],1),_c('el-form-item',{attrs:{\"label\":\"Trendline\",\"prop\":\"IsTrendline\"}},[_c('el-switch',{model:{value:(_vm.formData.IsTrendline),callback:function ($$v) {_vm.$set(_vm.formData, \"IsTrendline\", $$v)},expression:\"formData.IsTrendline\"}})],1),_c('el-form-item',{attrs:{\"label\":\"Max Threshold\",\"prop\":\"ThresholdMax\"}},[_c('el-input',{directives:[{name:\"input-mask\",rawName:\"v-input-mask\"}],attrs:{\"placeholder\":\"Max Threshold\",\"data-inputmask\":\"'alias': 'numeric', 'allowMinus': false, 'greedy': false, 'autoUnmask': true\"},model:{value:(_vm.formData.ThresholdMax),callback:function ($$v) {_vm.$set(_vm.formData, \"ThresholdMax\", $$v)},expression:\"formData.ThresholdMax\"}})],1),_c('el-form-item',{attrs:{\"label\":\"Min Threshold\",\"prop\":\"ThresholdMin\"}},[_c('el-input',{directives:[{name:\"input-mask\",rawName:\"v-input-mask\"}],attrs:{\"placeholder\":\"Min Threshold\",\"data-inputmask\":\"'alias': 'numeric', 'allowMinus': false, 'greedy': false, 'autoUnmask': true\"},model:{value:(_vm.formData.ThresholdMin),callback:function ($$v) {_vm.$set(_vm.formData, \"ThresholdMin\", $$v)},expression:\"formData.ThresholdMin\"}})],1),_c('el-form-item',{attrs:{\"label\":\"Customers\",\"prop\":\"CustomerName\"}},[_c('el-select',{staticClass:\"w-full\",attrs:{\"placeholder\":\"Select Customers\",\"clearable\":\"\",\"multiple\":\"\",\"filterable\":\"\"},model:{value:(_vm.formData.ListCustomerName),callback:function ($$v) {_vm.$set(_vm.formData, \"ListCustomerName\", $$v)},expression:\"formData.ListCustomerName\"}},_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),_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>Widget Chart 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        <div v-if=\"mode !== 'edit'\">\n          <el-form-item label=\"Screen Name\" prop=\"ScreenName\">\n            <el-input\n              v-model=\"formData.ScreenName\"\n              placeholder=\"Screen Name\"\n              clearable\n              :disabled=\"isCustomerAdmin\"\n            >\n            </el-input>\n          </el-form-item>\n\n          <el-form-item label=\"Chart Name\" prop=\"ChartName\">\n            <el-input\n              v-model=\"formData.ChartName\"\n              placeholder=\"Chart Name\"\n              clearable\n              :disabled=\"isCustomerAdmin\"\n            >\n            </el-input>\n          </el-form-item>\n        </div>\n        <div v-else>\n          <div class=\"w-full el-form-item__content flex mb-2\">\n            <div class=\"el-form-item__label-wrap text-right w-24\">\n              <label for=\"Screen Name\" class=\"el-form-item__label\"\n                >Screen Name\n              </label>\n            </div>\n            <div class=\"font-bold ml-2\">\n              {{ formData.ScreenName }}\n            </div>\n          </div>\n\n          <div class=\"w-full el-form-item__content flex mb-2\">\n            <div class=\"el-form-item__label-wrap text-right w-24\">\n              <label for=\"Chart Name\" class=\"el-form-item__label\"\n                >Chart Name\n              </label>\n            </div>\n            <div class=\"font-bold ml-2\">\n              {{ formData.ChartName }}\n            </div>\n          </div>\n        </div>\n\n        <el-form-item label=\"Tag\" prop=\"TagAvailable\">\n          <el-select\n            v-model=\"formData.TagAvailable\"\n            placeholder=\"Tag Available\"\n            clearable\n            filterable\n          >\n            <el-option\n              v-for=\"(item, index) in tags\"\n              :key=\"index\"\n              :label=\"item.TagName\"\n              :value=\"item.TagName\"\n              :disabled=\"item.disabled\"\n            ></el-option>\n          </el-select>\n        </el-form-item>\n        <el-form-item label=\"Chart Type\" prop=\"ChartType\">\n          <el-select\n            v-model=\"formData.ChartType\"\n            placeholder=\"Chart Type\"\n            clearable\n          >\n            <el-option\n              v-for=\"(item, index) in ChartTypeOptions\"\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=\"Trendline\" prop=\"IsTrendline\">\n          <el-switch v-model=\"formData.IsTrendline\"></el-switch>\n        </el-form-item>\n        <el-form-item label=\"Max Threshold\" prop=\"ThresholdMax\">\n          <el-input\n            placeholder=\"Max Threshold\"\n            v-model=\"formData.ThresholdMax\"\n            v-input-mask\n            data-inputmask=\"'alias': 'numeric', 'allowMinus': false, 'greedy': false, 'autoUnmask': true\"\n          />\n        </el-form-item>\n        <el-form-item label=\"Min Threshold\" prop=\"ThresholdMin\">\n          <el-input\n            placeholder=\"Min Threshold\"\n            v-model=\"formData.ThresholdMin\"\n            v-input-mask\n            data-inputmask=\"'alias': 'numeric', 'allowMinus': false, 'greedy': false, 'autoUnmask': true\"\n          />\n        </el-form-item>\n\n        <el-form-item label=\"Customers\" prop=\"CustomerName\">\n          <el-select\n            v-model=\"formData.ListCustomerName\"\n            placeholder=\"Select Customers\"\n            class=\"w-full\"\n            clearable\n            multiple\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\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.fetchCustomer()\n    this.fetchTags()\n    this.formData = await service.initialFormData()\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.chart.getById,\n      apiPost: this.$appInfo.api.chart.post,\n      apiPut: this.$appInfo.api.chart.put,\n      formData: formHelper.getEmptyData(),\n      validationRules: formHelper.getValidationRule(),\n      mode: '',\n      costumers: [],\n      isSubmit: false,\n      loading: false,\n      tags: [],\n      ChartTypeOptions: [\n        {\n          label: 'Line',\n          value: 'Line'\n        },\n        {\n          label: 'Bar',\n          value: 'Bar'\n        }\n        // {\n        //   label: 'Static',\n        //   value: 'Static'\n        // }\n      ]\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\n            // set as int val\n            this.formData.ThresholdMax = parseFloat(this.formData.ThresholdMax)\n            this.formData.ThresholdMin = parseFloat(this.formData.ThresholdMin)\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 fetchTags() {\n      try {\n        this.loading = true\n        const res = await this.$axios.get(`${this.$appInfo.api.tag.getAll}`)\n        this.tags = res.data\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    isCustomerAdmin() {\n      return this.$store.state.auth.isCustomerAdmin\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=552056e8&\"\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":""}