{"version":3,"sources":["webpack:///./src/views/v-electricity-meter/reading-list.vue","webpack:///./src/views/v-electricity-meter/reading-list.vue?9d01","webpack:///./src/views/v-electricity-meter/reading-list.vue?6042"],"names":["class","hideNavigation","responsiveLayout","value","readings","dataKey","field","header","__","body","data","IsFirstReading","PathImg","href","showBigImg","style","IsLastReading","icon","editReading","confirmDelete","$event","ID","label","back","showImg","imgPath","openModal","allImages","text","components","PImg","meterID","this","$route","params","meterid","BID","bid","dateFormat","mounted","getData","methods","$store","dispatch","procParams","Int","then","result","JSON","parse","Table","catch","push","imgSubject","$router","go","getTotalConsumption","currentRow","currentReadCount","ReadCount","closestPreviousObj","find","obj","Date","ReadDate","previousReadCount","name","event","id","$confirm","require","target","currentTarget","message","accept","deleteMeter","reject","procReturnValue","msg","err","computed","state","api","render","__scopeId"],"mappings":"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","file":"js/chunk-7880c30a.4375d4ef.js","sourcesContent":["<template>\r\n  <div :class=\"{ isHideNavigation: hideNavigation }\">\r\n    <p-vue-table responsiveLayout=\"scroll\" :value=\"readings\" dataKey=\"ID\">\r\n      <p-vue-column field=\"ReadDate\" :header=\"__('on the date')\">\r\n        <template #body=\"{ data }\">\r\n          {{\r\n            data.IsFirstReading\r\n              ? __('Initial reading')\r\n              : dateFormat(new Date(data.ReadDate))\r\n          }}\r\n        </template>\r\n      </p-vue-column>\r\n      <p-vue-column field=\"ReadCount\" :header=\"__('Meter reading')\">\r\n      </p-vue-column>\r\n      <p-vue-column field=\"ReadDate\" :header=\"__('Total consumption')\">\r\n        <template #body=\"{ data }\">\r\n          {{\r\n            data.IsFirstReading\r\n              ? ''\r\n              : __u_value__({\r\n                  value: getTotalConsumption(data),\r\n                  unit: 'number-f',\r\n                })\r\n          }}\r\n        </template>\r\n      </p-vue-column>\r\n      <p-vue-column field=\"ReadDate\">\r\n        <template #body=\"{ data }\">\r\n          <a\r\n            v-if=\"data.PathImg\"\r\n            href=\"#\"\r\n            @click.prevent=\"showBigImg(data.PathImg)\"\r\n            ><i class=\"pi pi-eye \"></i>\r\n          </a>\r\n        </template>\r\n      </p-vue-column>\r\n      <p-vue-column field=\"IsFirstReading\" style=\"padding: 12px 0;\">\r\n        <template #body=\"{ data }\">\r\n          <div class=\"p-d-flex\">\r\n            <p-vue-button\r\n              v-if=\"data.IsLastReading\"\r\n              icon=\"pi pi-pencil\"\r\n              class=\"p-button-rounded p-button-success p-button-outlined\"\r\n              @click=\"editReading\"\r\n            />\r\n            <p-vue-button\r\n              v-if=\"data.IsLastReading\"\r\n              icon=\"pi pi-trash\"\r\n              class=\"p-button-rounded p-button-danger p-button-outlined p-mx-1\"\r\n              @click=\"confirmDelete($event, data.ID)\"\r\n            />\r\n          </div>\r\n        </template>\r\n      </p-vue-column>\r\n    </p-vue-table>\r\n  </div>\r\n  <div v-if=\"hideNavigation\" class=\"p-d-flex p-jc-end\">\r\n    <p-vue-button\r\n      :label=\"__('Return')\"\r\n      class=\"p-button-rounded p-button-success p-ml-3 p-mt-2\"\r\n      @click=\"back()\"\r\n    />\r\n  </div>\r\n\r\n  <p-img\r\n    v-if=\"showImg\"\r\n    :imgPath=\"showImg\"\r\n    :openModal=\"true\"\r\n    @return=\"showImg = null\"\r\n    :allImages=\"allImages\"\r\n  />\r\n  <i-plus-button\r\n    @click=\"\r\n      $router.push({\r\n        name: 'ConsumptionReport',\r\n        params: {\r\n          meterid: meterID,\r\n          bid: BID,\r\n        },\r\n      })\r\n    \"\r\n    :text=\"__('Enter meter reading')\"\r\n  />\r\n  <p-vue-confirm-popup></p-vue-confirm-popup>\r\n</template>\r\n\r\n<script>\r\nimport { callProc, apiParam, apiPType } from '@/services/APointAPI'\r\nimport {\r\n  errorReceived,\r\n  dateFormat,\r\n  showSuccessOrFailedModal,\r\n} from '@/services/apointUtil'\r\nimport PImg from '@/components/partials/p-img'\r\nimport { mapState } from 'vuex'\r\nimport { __ } from '@/plugins/i18n/'\r\n\r\nexport default {\r\n  components: {\r\n    PImg,\r\n  },\r\n  data() {\r\n    return {\r\n      meterID: this.$route.params.meterid,\r\n      BID: this.$route.params.bid,\r\n      readings: [],\r\n      dateFormat,\r\n      showImg: null,\r\n      allImages: [],\r\n    }\r\n  },\r\n  mounted() {\r\n    this.getData()\r\n  },\r\n  methods: {\r\n    getData() {\r\n      this.$store.dispatch('doLoading', true)\r\n      let procParams = [apiParam('MeterID', this.meterID, apiPType.Int)]\r\n      callProc('App_GetReadingsToMeter', procParams)\r\n        .then((result) => {\r\n          this.$store.dispatch('doLoading', false)\r\n          result = JSON.parse(result)\r\n          this.readings = result.Table\r\n          // console.log(this.readings);\r\n        })\r\n        .catch(() => {\r\n          errorReceived('App_GetReadingsToMeter')\r\n        })\r\n    },\r\n    showBigImg(imgPath) {\r\n      this.showImg = imgPath\r\n      this.allImages = []\r\n      this.allImages.push({ imgPath: imgPath, imgSubject: '' })\r\n    },\r\n    back() {\r\n      this.$router.go(-1)\r\n    },\r\n    getTotalConsumption(currentRow) {\r\n      const currentReadCount = currentRow.ReadCount\r\n      const closestPreviousObj = this.readings.find(\r\n        (obj) => new Date(obj.ReadDate) < new Date(currentRow.ReadDate)\r\n      )\r\n\r\n      if (closestPreviousObj) {\r\n        const previousReadCount = closestPreviousObj.ReadCount\r\n        return currentReadCount - previousReadCount\r\n      } else {\r\n        return currentReadCount\r\n      }\r\n    },\r\n    editReading() {\r\n      this.$router.push({ name: 'EditReport' })\r\n    },\r\n    confirmDelete(event, id) {\r\n      this.$confirm.require({\r\n        target: event.currentTarget,\r\n        message: __('Are you sure you want to delete this reading?'),\r\n        icon: 'pi pi-exclamation-triangle',\r\n        accept: () => {\r\n          this.deleteMeter(id)\r\n        },\r\n        reject: () => {},\r\n      })\r\n    },\r\n    deleteMeter(id) {\r\n      this.$store.dispatch('doLoading', true)\r\n      let procParams = [apiParam('MeterReadingId', id, apiPType.Int)]\r\n      callProc('WorkerApp_DeleteMeterReading', procParams)\r\n        .then((result) => {\r\n          result = JSON.parse(result)\r\n          if (result.procReturnValue == 0) {\r\n            showSuccessOrFailedModal(__('The reading was deleted successfully'))\r\n            this.getData()\r\n          } else {\r\n            let msg = 'An error occurred while deleting the reading'\r\n            switch (result.procReturnValue) {\r\n              case 2:\r\n                msg =\r\n                  'Payment has been made for a current meter reading, cannot be updated, in order to update the meter reading, the payment must be associated with another charge or a credit must be made'\r\n                break\r\n              case 3:\r\n                msg = 'Only the last meter reading can be deleted'\r\n                break\r\n              default:\r\n                msg = 'An error occurred while deleting the reading'\r\n                break\r\n            }\r\n            showSuccessOrFailedModal(__(msg), false)\r\n          }\r\n          this.$store.dispatch('doLoading', false)\r\n        })\r\n        .catch((err) => {\r\n          errorReceived('WorkerApp_DeleteMeterReading', err)\r\n        })\r\n    },\r\n  },\r\n  computed: {\r\n    ...mapState({\r\n      hideNavigation: (state) => state.api.hideNavigation,\r\n    }),\r\n  },\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.isHideNavigation {\r\n  height: 83vh;\r\n}\r\n</style>\r\n","import { render } from \"./reading-list.vue?vue&type=template&id=405144ca&scoped=true\"\nimport script from \"./reading-list.vue?vue&type=script&lang=js\"\nexport * from \"./reading-list.vue?vue&type=script&lang=js\"\n\nimport \"./reading-list.vue?vue&type=style&index=0&id=405144ca&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-405144ca\"\n\nexport default script","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./reading-list.vue?vue&type=style&index=0&id=405144ca&scoped=true&lang=css\""],"sourceRoot":""}