{"version":3,"sources":["webpack:///./src/components/DeviceWidgets/DiffCurrentReadingsMonth.vue?3eac","webpack:///src/components/DeviceWidgets/DiffCurrentReadingsMonth.vue","webpack:///./src/components/DeviceWidgets/DiffCurrentReadingsMonth.vue?68fb","webpack:///./src/components/DeviceWidgets/DiffCurrentReadingsMonth.vue","webpack:///./src/components/DeviceWidgets/DiffCurrentReadingsMonth.vue?6440","webpack:///./src/components/DeviceWidgets/DiffCurrentReadingsMonth.vue?be29"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","params","loading","fail","on","$event","widgetParams","origWidgetParams","arg","$emit","updateGrid","model","value","callback","$$v","expression","slot","$t","$set","minWidth","maxWidth","_e","minHeight","maxHeight","class","$style","modes","viewModes","handleSettingsChanged","scopedSlots","_u","key","fn","data","_v","_s","item","icon","energies","energyTypes","dataBefore","dataAfter","type","ref","EnergyGuide","dateBefore","dateAfter","table","staticRenderFns","components","WidgetWrapper","slicedDateIntervals","mirtCompareChart","numberInput","mirtCompareTable","props","default","computed","device","$store","state","selectedTreeNode","auth","name","settings","date","tariffs","tariff","valueBefore","valueAfter","row","before","after","x_axis","length","split","watch","isFolder","getData","width","height","energyType","slice","range","isTestimony","showEditOverlay","methods","xFormatter","month","charAt","toUpperCase","Promise","axios","x","created","$getWidgetParams","JSON","parse","stringify","mounted","injectStyles","context","locals","component","VIcon","VSelect","VTextField","module","exports"],"mappings":"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","file":"js/chunk-76796b84.11115d00.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('widget-wrapper',{attrs:{\"params\":_vm.params,\"loading\":_vm.loading,\"fail\":_vm.fail,\"useOptions\":\"\"},on:{\"cancel\":function($event){_vm.widgetParams = _vm.origWidgetParams},\"save\":function (arg) { return _vm.$emit('change', { widgetParams: _vm.widgetParams, updateGrid: arg }); },\"delete\":function($event){return _vm.$emit('delete')}},model:{value:(_vm.widgetParams),callback:function ($$v) {_vm.widgetParams=$$v},expression:\"widgetParams\"}},[_c('template',{slot:\"settings\"},[_c('v-text-field',{attrs:{\"label\":_vm.$t('widgetName'),\"append-outer-icon\":\" \",\"prepend-icon\":\" \",\"hide-details\":\"auto\"},model:{value:(_vm.widgetParams.name),callback:function ($$v) {_vm.$set(_vm.widgetParams, \"name\", $$v)},expression:\"widgetParams.name\"}}),(_vm.params.minWidth != _vm.params.maxWidth)?_c('number-input',{attrs:{\"min\":_vm.params.minWidth,\"max\":_vm.params.maxWidth,\"label\":_vm.$t('trans__widgetWidth')},model:{value:(_vm.widgetParams.width),callback:function ($$v) {_vm.$set(_vm.widgetParams, \"width\", $$v)},expression:\"widgetParams.width\"}}):_vm._e(),(_vm.params.minHeight != _vm.params.maxHeight)?_c('number-input',{attrs:{\"min\":_vm.params.minHeight,\"max\":_vm.params.maxHeight,\"label\":_vm.$t('trans__widgetHeight')},model:{value:(_vm.widgetParams.height),callback:function ($$v) {_vm.$set(_vm.widgetParams, \"height\", $$v)},expression:\"widgetParams.height\"}}):_vm._e()],1),_c('template',{slot:\"options\"},[_c('v-select',{class:_vm.$style.modes,attrs:{\"items\":_vm.viewModes,\"item-text\":\"icon\",\"item-value\":\"val\",\"label\":_vm.$t('trans__chartType')},on:{\"change\":function($event){return _vm.handleSettingsChanged(false)}},scopedSlots:_vm._u([{key:\"selection\",fn:function(data){return [_c('v-icon',[_vm._v(_vm._s(data.item.icon))])]}},{key:\"item\",fn:function(data){return [_c('v-icon',[_vm._v(_vm._s(data.item.icon))])]}}]),model:{value:(_vm.widgetParams.type),callback:function ($$v) {_vm.$set(_vm.widgetParams, \"type\", $$v)},expression:\"widgetParams.type\"}}),_c('div',[_c('sliced-date-intervals',{attrs:{\"mode\":\"year\",\"range\":\"\"},on:{\"input\":_vm.handleSettingsChanged},model:{value:(_vm.widgetParams.date),callback:function ($$v) {_vm.$set(_vm.widgetParams, \"date\", $$v)},expression:\"widgetParams.date\"}})],1),_c('div',[_c('v-select',{class:_vm.$style.energies,attrs:{\"items\":_vm.energyTypes,\"item-text\":\"unitsNote\",\"item-value\":\"unitsGuideEnergyCode\",\"label\":_vm.$t('trans__energyType')},on:{\"change\":function($event){return _vm.handleSettingsChanged(true)}},model:{value:(_vm.widgetParams.energyType),callback:function ($$v) {_vm.$set(_vm.widgetParams, \"energyType\", $$v)},expression:\"widgetParams.energyType\"}})],1)],1),(_vm.dataBefore && _vm.dataAfter)?_c('template',{slot:\"content\"},[(_vm.widgetParams.type != 'table')?_c('mirt-compare-chart',{ref:\"chart\",attrs:{\"data-before\":_vm.dataBefore,\"data-after\":_vm.dataAfter,\"type\":_vm.widgetParams.type,\"units\":_vm.EnergyGuide,\"isDailyChart\":false}}):_c('div',[_c('mirt-compare-table',{attrs:{\"before\":_vm.dateBefore,\"after\":_vm.dateAfter},model:{value:(_vm.table),callback:function ($$v) {_vm.table=$$v},expression:\"table\"}})],1)],1):_vm._e()],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <widget-wrapper\n      v-model=\"widgetParams\"\n      :params=\"params\"\n      :loading=\"loading\"\n      :fail=\"fail\"\n      useOptions\n      @cancel=\"widgetParams = origWidgetParams\"\n      @save=\"arg => $emit('change', { widgetParams, updateGrid: arg })\"\n      @delete=\"$emit('delete')\"\n    >\n      <template slot=\"settings\">\n        <!-- Settings -->\n        <v-text-field\n          v-model=\"widgetParams.name\"\n          :label=\"$t('widgetName')\"\n          append-outer-icon=\" \"\n          prepend-icon=\" \"\n          hide-details=\"auto\"\n        />\n        <number-input\n          v-if=\"params.minWidth != params.maxWidth\"\n          v-model=\"widgetParams.width\"\n          :min=\"params.minWidth\"\n          :max=\"params.maxWidth\"\n          :label=\"$t('trans__widgetWidth')\"\n        />\n        <number-input\n          v-if=\"params.minHeight != params.maxHeight\"\n          v-model=\"widgetParams.height\"\n          :min=\"params.minHeight\"\n          :max=\"params.maxHeight\"\n          :label=\"$t('trans__widgetHeight')\"\n        />\n      </template>\n      <template slot=\"options\">\n        <!-- Options -->\n        <v-select\n          :class=\"$style.modes\"\n          :items=\"viewModes\"\n          item-text=\"icon\"\n          item-value=\"val\"\n          :label=\"$t('trans__chartType')\"\n          v-model=\"widgetParams.type\"\n          @change=\"handleSettingsChanged(false)\"\n        >\n          <template slot=\"selection\" slot-scope=\"data\">\n            <v-icon>{{ data.item.icon }}</v-icon>\n          </template>\n          <template slot=\"item\" slot-scope=\"data\">\n            <v-icon>{{ data.item.icon }}</v-icon>\n          </template>\n        </v-select>\n        <div>\n          <sliced-date-intervals\n            v-model=\"widgetParams.date\"\n            mode=\"year\"\n            range\n            @input=\"handleSettingsChanged\"\n          />\n        </div>\n        <div>\n          <v-select\n            :class=\"$style.energies\"\n            :items=\"energyTypes\"\n            item-text=\"unitsNote\"\n            item-value=\"unitsGuideEnergyCode\"\n            :label=\"$t('trans__energyType')\"\n            v-model=\"widgetParams.energyType\"\n            @change=\"handleSettingsChanged(true)\"\n          />\n        </div>\n      </template>\n      <template slot=\"content\" v-if=\"dataBefore && dataAfter\">\n        <!-- Content -->\n        <mirt-compare-chart\n          v-if=\"widgetParams.type != 'table'\"\n          ref=\"chart\"\n          :data-before=\"dataBefore\"\n          :data-after=\"dataAfter\"\n          :type=\"widgetParams.type\"\n          :units=\"EnergyGuide\"\n          :isDailyChart=\"false\"\n        />\n        <div v-else>\n          <mirt-compare-table\n            v-model=\"table\"\n            :before=\"dateBefore\"\n            :after=\"dateAfter\"\n          />\n        </div>\n      </template>\n    </widget-wrapper>\n  </div>\n</template>\n\n<script>\nimport { VIEWMODES } from \"@/config\";\nimport axios from \"axios\";\n\nexport default {\n  components: {\n    WidgetWrapper: () => import(\"@/components/WidgetWrapper\"),\n    slicedDateIntervals: () => import(\"@/components/SlicedDateIntervals\"),\n    mirtCompareChart: () => import(\"@/components/Charts/MirtCompareChart\"),\n    numberInput: () => import(\"@/components/MirtNumberInput\"),\n    mirtCompareTable: () => import(\"@/components/MirtCompareTable\")\n  },\n  props: {\n    params: {\n      type: Object,\n      default: () => {}\n    }\n  },\n  computed: {\n    device() {\n      return this.$store.state.selectedTreeNode;\n    },\n    auth() {\n      return this.$store.state.auth;\n    },\n    name() {\n      return this.params.settings.name\n        ? this.params.settings.name\n        : this.$t(this.params.name);\n    },\n    table() {\n      if (\n        this.widgetParams.type !== \"table\" ||\n        !this.dataBefore ||\n        !this.dataAfter\n      )\n        return [];\n      let table = [];\n      const data =\n        this.dataBefore.x_axis.length > this.dataAfter.x_axis.length\n          ? this.dataBefore\n          : this.dataAfter;\n      const tariffs = [...this.tariffs, \"trans__EnergyUnits\"];\n      table = data.x_axis.map((date, i) => {\n        let row = { date: this.xFormatter(date) };\n        tariffs.forEach((tariff, tariffIndex) => {\n          let valueBefore = this.dataBefore.options[tariffIndex]\n            ? this.dataBefore.options[tariffIndex].data[i]\n            : null;\n          let valueAfter = this.dataAfter.options[tariffIndex]\n            ? this.dataAfter.options[tariffIndex].data[i]\n            : null;\n          if (tariff != \"trans__EnergyUnits\") {\n            valueBefore =\n              (valueBefore.cut && !valueBefore.err) || valueBefore === null\n                ? \"-\"\n                : valueBefore.err\n                ? this.$t(\"chartDataLost\")\n                : `${valueBefore.val}`;\n            valueAfter =\n              (valueAfter.cut && !valueAfter.err) || valueAfter === null\n                ? \"-\"\n                : valueAfter.err\n                ? this.$t(\"chartDataLost\")\n                : `${valueAfter.val}`;\n          } else {\n            valueBefore = this.EnergyGuide;\n            valueAfter = this.EnergyGuide;\n          }\n          row[tariff] = {\n            before: valueBefore,\n            after: valueAfter\n          };\n        });\n        return row;\n      });\n      return table;\n    },\n    dateBefore() {\n      if (!this.dataBefore.x_axis.length) return null;\n      return this.dataBefore.x_axis[0].split(\"-\")[0];\n    },\n    dateAfter() {\n      if (!this.dataAfter.x_axis.length) return null;\n      return this.dataAfter.x_axis[0].split(\"-\")[0];\n    }\n  },\n  watch: {\n    device() {\n      if (!this.device.isFolder) this.getData();\n    },\n    loading(arg) {\n      if (arg) this.fail = null;\n    }\n  },\n  data() {\n    return {\n      widgetParams: {\n        name: this.params.settings.name ? this.params.settings.name : null,\n        width: this.params.settings.width\n          ? this.params.settings.width\n          : this.params.minWidth,\n        height: this.params.settings.height\n          ? this.params.settings.height\n          : this.params.minHeight,\n        energyType: null,\n        date: {\n          date: [new Date().toISOString(), new Date().toISOString()],\n          slice: \"\",\n          range: false\n        },\n        isTestimony: false,\n        type: \"bar\"\n      },\n      origWidgetParams: {},\n      viewModes: VIEWMODES,\n      energyTypes: [],\n      dataBefore: null,\n      dataAfter: null,\n      tariffs: [],\n      EnergyGuide: null,\n      loading: false,\n      fail: null,\n      showEditOverlay: false\n    };\n  },\n  methods: {\n    xFormatter(arg) {\n      arg = new Date(arg).toLocaleString(this.$store.state.lang, {\n        month: \"long\"\n      });\n      return arg.charAt(0).toUpperCase() + arg.slice(1);\n    },\n\n    handleSettingsChanged(arg = true) {\n      if (arg) this.getData();\n      this.$emit(\"change\", {\n        widgetParams: this.widgetParams,\n        updateGrid: false\n      });\n    },\n\n    async getData() {\n      this.loading = true;\n      try {\n        let [dataBefore, dataAfter] = await Promise.all([\n          axios.get(\n            `Chart/ConsumptionByYear?DeviceID=${this.device.id}&DateFrom=${this.widgetParams.date.date[0]}&EnergyGuideCode=${this.widgetParams.energyType}&testimony=${this.widgetParams.isTestimony}`\n          ),\n          axios.get(\n            `Chart/ConsumptionByYear?DeviceID=${this.device.id}&DateFrom=${this.widgetParams.date.date[1]}&EnergyGuideCode=${this.widgetParams.energyType}&testimony=${this.widgetParams.isTestimony}`\n          )\n        ]);\n        dataBefore = dataBefore.data;\n        dataAfter = dataAfter.data;\n        if (\n          !dataBefore.options ||\n          !dataBefore.options.length ||\n          !dataAfter.options ||\n          !dataAfter.options.length\n        ) {\n          this.fail = this.$chkNoDatas(dataBefore, dataAfter, \"year\");\n          this.dataBefore = null;\n          this.dataAfter = null;\n          this.EnergyGuide = null;\n          this.tariffs = [];\n          this.disableExport = true;\n        } else if (\n          !dataBefore.options[0] ||\n          !dataBefore.options[0].units ||\n          !dataAfter.options[0] ||\n          !dataAfter.options[0].units\n        ) {\n          this.dataBefore = null;\n          this.dataAfter = null;\n          this.EnergyGuide = null;\n          this.tariffs = [];\n          this.disableExport = true;\n          this.fail = \"err_no_data\";\n        } else {\n          dataBefore.x_axis = this.$fixChartDates(dataBefore);\n          dataAfter.x_axis = this.$fixChartDates(dataAfter);\n          dataBefore.options.map(x => {\n            x.data = x.data.map(y => {\n              if (!y.val && y.val != 0) y.val = \"-\";\n              return y;\n            });\n          });\n          dataAfter.options.map(x => {\n            x.data = x.data.map(y => {\n              if (!y.val && y.val != 0) y.val = \"-\";\n              return y;\n            });\n          });\n          this.EnergyGuide = this.$t(dataBefore.options[0].units);\n          this.dataBefore = dataBefore;\n          this.dataAfter = dataAfter;\n          this.disableExport = false;\n          this.tariffs = this.dataBefore.options.map(x => x.name);\n        }\n      } catch (e) {\n        this.fail = \"err_bad_request_api\";\n      } finally {\n        this.loading = false;\n      }\n    }\n  },\n  created() {\n    this.widgetParams = this.$getWidgetParams(this);\n    this.origWidgetParams = JSON.parse(JSON.stringify(this.widgetParams));\n  },\n  async mounted() {\n    if (!this.auth) return;\n    this.loading = true;\n    try {\n      const { data } = await axios.get(\n        `Device/UnitsDevice?DeviceID=${this.device.id}&DeviceType=${this.device.deviceType}`\n      );\n      this.energyTypes = data;\n      if (!this.widgetParams.energyType && this.widgetParams.energyType != 0)\n        this.widgetParams.energyType = data[0].unitsGuideEnergyCode;\n      this.getData();\n    } catch (e) {\n      this.loading = false;\n      this.fail = \"err_bad_request_api\";\n      return;\n    } finally {\n      await this.$nextTick();\n      this.$setSettingsScroll(this.$refs.settings);\n    }\n  }\n};\n</script>\n\n<style module>\n.modes {\n  width: 50px;\n  max-width: 50px;\n}\n\n.energies {\n  margin-left: 15px;\n  width: 80px;\n  max-width: 80px;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DiffCurrentReadingsMonth.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DiffCurrentReadingsMonth.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DiffCurrentReadingsMonth.vue?vue&type=template&id=6cd4b989&\"\nimport script from \"./DiffCurrentReadingsMonth.vue?vue&type=script&lang=js&\"\nexport * from \"./DiffCurrentReadingsMonth.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DiffCurrentReadingsMonth.vue?vue&type=style&index=0&module=true&lang=css&\"\n\n\n\n\nfunction injectStyles (context) {\n  \n  this[\"$style\"] = (style0.locals || style0)\n\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  injectStyles,\n  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VSelect } from 'vuetify/lib/components/VSelect';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VIcon,VSelect,VTextField})\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"modes\":\"DiffCurrentReadingsMonth_modes_3YoB9\",\"energies\":\"DiffCurrentReadingsMonth_energies_3E3DX\"};","export { default } from  \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-0-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-0-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-0-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DiffCurrentReadingsMonth.vue?vue&type=style&index=0&module=true&lang=css&\"; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-0-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-0-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-0-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DiffCurrentReadingsMonth.vue?vue&type=style&index=0&module=true&lang=css&\""],"sourceRoot":""}