{"version":3,"sources":["webpack:///./src/pages/config/widget/form-helper.js","webpack:///./src/pages/config/widget/Form.vue?07bb","webpack:///src/pages/config/widget/Form.vue","webpack:///./src/pages/config/widget/Form.vue?e2e8","webpack:///./src/pages/config/widget/Form.vue"],"names":["emptyData","WidgetName","WidgetTitle","TagAvailable","ListFormulaArr","CustomerName","DataSource","validateName","name","id","router","history","current","params","idParam","axios","get","appInfo","api","widget","isAvailableWidgetName","res","data","console","log","validateWidgetName","rule","value","callback","Error","validationRules","required","validator","message","trigger","getEmptyData","getValidationRule","render","_vm","this","_h","$createElement","_c","_self","directives","rawName","expression","_v","_s","$route","staticClass","attrs","ref","formData","mode","model","$$v","$set","_l","item","index","key","LabelGroupName","TagName","disabled","VarName","isCustomer","_e","Company","DcoId","on","fetchContractedPower","slot","submit","cancel","staticRenderFns","components","created","service","apiGetById","$appInfo","getById","apiPost","post","apiPut","put","tags","costumers","formulas","isSubmit","loading","methods","setDefaultCustomerId","user","watch","fetchFormulas","computed","$store","state","auth","userData","beforeRouteLeave","next","answer","component"],"mappings":"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","file":"js/chunk-4d297d7d.788e13fe.js","sourcesContent":["import appInfo from '@/app-info'\nimport axios from 'axios'\nimport router from '@/router'\n\nconst emptyData = {\n  WidgetName: '',\n  WidgetTitle: '',\n  TagAvailable: '',\n  ListFormulaArr: [],\n  CustomerName: '',\n  DataSource: 'DCE'\n}\n\nvar validateName = async (name) => {\n  try {\n    var id = router.history.current.params.id\n    var idParam = ''\n\n    if (id) {\n      idParam = `&idWidget=${id}`\n    }\n    const res = await axios.get(\n      appInfo.api.widget.isAvailableWidgetName + '?WidgetName=' + name + idParam\n    )\n    return res.data\n  } catch (e) {\n    console.log(e)\n  }\n}\n\nvar validateWidgetName = async (rule, value, callback) => {\n  if (value == '') {\n    callback(new Error('Widget Name is required'))\n  } else if (!(await validateName(value))) {\n    callback(new Error('Widget Name Already used'))\n  } else {\n    callback()\n  }\n}\n\nconst validationRules = {\n  WidgetName: [\n    {\n      required: true,\n      validator: validateWidgetName\n    }\n  ],\n  WidgetTitle: [\n    {\n      required: true,\n      message: 'Widget Title is required',\n      trigger: 'blur'\n    }\n  ],\n  TagAvailable: [\n    {\n      required: true,\n      message: 'Tag Available is required',\n      trigger: 'change'\n    }\n  ],\n  ListFormulaArr: [\n    {\n      required: true,\n      message: 'Formula is required',\n      trigger: 'change'\n    }\n  ],\n  CustomerName: []\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 Data 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\":\"Widget Name\",\"prop\":\"WidgetName\"}},[_c('el-input',{staticClass:\"w-full\",attrs:{\"placeholder\":\"Widget Name\",\"clearable\":\"\",\"disabled\":_vm.mode === 'edit'},model:{value:(_vm.formData.WidgetName),callback:function ($$v) {_vm.$set(_vm.formData, \"WidgetName\", $$v)},expression:\"formData.WidgetName\"}})],1),_c('el-form-item',{attrs:{\"label\":\"Widget Title\",\"prop\":\"WidgetTitle\"}},[_c('el-input',{staticClass:\"w-full\",attrs:{\"placeholder\":\"Widget Title\",\"clearable\":\"\"},model:{value:(_vm.formData.WidgetTitle),callback:function ($$v) {_vm.$set(_vm.formData, \"WidgetTitle\", $$v)},expression:\"formData.WidgetTitle\"}})],1),_c('el-form-item',{attrs:{\"label\":\"Tag Available\",\"prop\":\"TagAvailable\"}},[_c('el-select',{staticClass:\"w-full\",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.LabelGroupName,\"value\":item.TagName,\"disabled\":item.disabled}})}),1)],1),_c('el-form-item',{attrs:{\"label\":\"Formula\",\"prop\":\"ListFormulaArr\"}},[_c('el-select',{staticClass:\"w-full\",attrs:{\"placeholder\":\"Formula\",\"multiple\":\"\",\"clearable\":\"\",\"filterable\":\"\"},model:{value:(_vm.formData.ListFormulaArr),callback:function ($$v) {_vm.$set(_vm.formData, \"ListFormulaArr\", $$v)},expression:\"formData.ListFormulaArr\"}},_vm._l((_vm.formulas),function(item,index){return _c('el-option',{key:index,attrs:{\"label\":item.VarName,\"value\":item.VarName,\"disabled\":item.disabled}})}),1)],1),(!_vm.isCustomer)?_c('el-form-item',{attrs:{\"label\":\"Customers\",\"prop\":\"CustomerName\"}},[_c('el-select',{staticClass:\"w-full\",attrs:{\"placeholder\":\"Select Customers\",\"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(),_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\"}},[_c('el-button',{attrs:{\"slot\":\"append\",\"icon\":\"el-icon-refresh\"},on:{\"click\":_vm.fetchContractedPower},slot:\"append\"},[_vm._v(\" Get Contracted Power \")])],1)],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('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 Data 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=\"Widget Name\" prop=\"WidgetName\">\n          <el-input\n            class=\"w-full\"\n            v-model=\"formData.WidgetName\"\n            placeholder=\"Widget Name\"\n            clearable\n            :disabled=\"mode === 'edit'\"\n          >\n          </el-input>\n        </el-form-item>\n        <el-form-item label=\"Widget Title\" prop=\"WidgetTitle\">\n          <el-input\n            class=\"w-full\"\n            v-model=\"formData.WidgetTitle\"\n            placeholder=\"Widget Title\"\n            clearable\n          ></el-input>\n        </el-form-item>\n        <el-form-item label=\"Tag Available\" prop=\"TagAvailable\">\n          <el-select\n            class=\"w-full\"\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.LabelGroupName\"\n              :value=\"item.TagName\"\n              :disabled=\"item.disabled\"\n            ></el-option>\n          </el-select>\n        </el-form-item>\n        <el-form-item label=\"Formula\" prop=\"ListFormulaArr\">\n          <el-select\n            class=\"w-full\"\n            v-model=\"formData.ListFormulaArr\"\n            placeholder=\"Formula\"\n            multiple\n            clearable\n            filterable\n          >\n            <el-option\n              v-for=\"(item, index) in formulas\"\n              :key=\"index\"\n              :label=\"item.VarName\"\n              :value=\"item.VarName\"\n              :disabled=\"item.disabled\"\n            ></el-option>\n          </el-select>\n        </el-form-item>\n        <el-form-item label=\"Customers\" prop=\"CustomerName\" v-if=\"!isCustomer\">\n          <el-select\n            class=\"w-full\"\n            v-model=\"formData.CustomerName\"\n            placeholder=\"Select Customers\"\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=\"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-button\n              slot=\"append\"\n              icon=\"el-icon-refresh\"\n              @click=\"fetchContractedPower\"\n            >\n              Get Contracted Power\n            </el-button>\n          </el-input>\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        <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.fetchTags()\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.widget.getById,\n      apiPost: this.$appInfo.api.widget.post,\n      apiPut: this.$appInfo.api.widget.put,\n      formData: formHelper.getEmptyData(),\n      validationRules: formHelper.getValidationRule(),\n      tags: [],\n      costumers: [],\n      formulas: [],\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            // set as int val\n            this.formData.ThresholdMax = parseFloat(this.formData.ThresholdMax)\n            this.formData.ThresholdMin = parseFloat(this.formData.ThresholdMin)\n\n            if (this.mode === 'edit') {\n              //password dihapus biar tidak berubah\n              this.formData.Password = ''\n            }\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    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 fetchFormulas() {\n      try {\n        this.loading = true\n        const res = await this.$axios.get(\n          `${this.$appInfo.api.formula.getAllByTag}?tag=${this.formData.TagAvailable}`\n        )\n        this.formulas = res.data\n        this.loading = false\n      } catch (e) {\n        this.loading = false\n        console.log(e)\n      }\n    },\n    async fetchContractedPower() {\n      try {\n        this.loading = true\n        const res = await this.$axios.get(\n          `/AssetDco/GetContractedPower?CustomerName=${this.formData.CustomerName}`\n        )\n        this.formData.ThresholdMax = res.data\n        this.loading = false\n      } catch (e) {\n        this.loading = false\n        console.log(e)\n      }\n    }\n  },\n  watch: {\n    'formData.TagAvailable'() {\n      this.fetchFormulas()\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=5addb065&\"\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":""}