{"version":3,"sources":["webpack:///./src/views/TankStatus.vue?9c95","webpack:///src/views/TankStatus.vue","webpack:///./src/views/TankStatus.vue?54c1","webpack:///./src/views/TankStatus.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","siteInfo","systemSettings","options","attrs","_l","tank","key","tankNumber","_v","_s","tankDescription","compositeKey","bageColor","scopedSlots","_u","fn","bageLabel","proxy","on","onAckTankStatus","_e","staticRenderFns","data","mounted","Maglink","GetOptions","GetSettings","tickId","setInterval","refreshTick","beforeDestroy","clearInterval","methods","AckTank","undefined","tanks","newDataAvailable","enabled","color","label","result","alarmCount","snack","message","i18n","$store","dispatch","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAQF,EAAIM,UAAYN,EAAIO,gBAAkBP,EAAIQ,QAASJ,EAAG,SAAS,CAACK,MAAM,CAAC,aAAa,GAAG,MAAQ,aAAa,eAAe,SAAS,KAAO,GAAG,iBAAiB,KAAK,CAACT,EAAIU,GAAIV,EAAS,OAAE,SAASW,GAAM,OAAOP,EAAG,QAAQ,CAACQ,IAAID,EAAKE,WAAWJ,MAAM,CAAC,OAAS,KAAK,CAACT,EAAIc,GAAG,IAAId,EAAIe,GAAGJ,EAAKE,YAAY,MAAMb,EAAIe,GAAGJ,EAAKK,iBAAiB,KAAKZ,EAAG,SAAS,CAACJ,EAAIc,GAAG,kBAAkBV,EAAG,UAAU,CAACQ,IAAK,IAAMD,EAAKE,WAAa,IAAMb,EAAIiB,cAAeR,MAAM,CAAC,MAAQT,EAAIkB,UAAUP,EAAKE,aAAaM,YAAYnB,EAAIoB,GAAG,CAAC,CAACR,IAAI,QAAQS,GAAG,WAAW,MAAO,CAACjB,EAAG,OAAO,CAACJ,EAAIc,GAAGd,EAAIe,GAAGf,EAAIsB,UAAUX,EAAKE,kBAAkBU,OAAM,IAAO,MAAK,MAAS,MAAKvB,EAAIU,GAAIV,EAAS,OAAE,SAASW,GAAM,OAAOP,EAAG,aAAa,CAACQ,IAAID,EAAKE,YAAY,CAACT,EAAG,0BAA0B,CAACK,MAAM,CAAC,KAAOE,EAAK,kBAAkBX,EAAIO,eAAe,QAAUP,EAAIQ,SAASgB,GAAG,CAAC,cAAgBxB,EAAIyB,oBAAoB,OAAM,GAAGzB,EAAI0B,MACh9BC,EAAkB,G,wBCqCtB,GACEC,KAAM,WAAR,OACA,aACA,gBACA,sBACA,eACA,aACA,aACA,iBAEEC,QAVF,WAUA,WACI5B,KAAK6B,QAAQC,aACjB,kBACM,EAAN,gCACM,EAAN,+CAEA,mBAAM,OAAN,8BAEI9B,KAAK6B,QAAQE,YAAY,kBAC7B,kBACM,EAAN,0DAEM,EAAN,mBACA,kBACQ,EAAR,aAEQ,IAAR,6BACU,EAAV,gCAGA,mBAAQ,OAAR,iCAEA,mBAAM,OAAN,8BAEI/B,KAAK6B,QAAQE,YAAY,YAC7B,kBAAM,OAAN,mDACA,mBAAM,OAAN,8BAEI/B,KAAKgC,OAASC,YAAYjC,KAAKkC,YAAa,MAE9CC,cAxCF,WA2CIC,cAAcpC,KAAKgC,SAErBK,QAAS,CACPb,gBADJ,SACA,cACMxB,KAAK6B,QAAQS,QAAQ1B,GAC3B,kBACQ,IAAR,eACQ,EAAR,gCAEQ,EAAR,uBAEA,mBAAQ,OAAR,+BAEIsB,YAXJ,WAWA,WACM,QAAmBK,IAAfvC,KAAKwC,MAET,IAHN,eAGA,GAEQ,IAAK,EAAb,kCAEQ,EAAR,2BACA,kBACU,EAAV,kDACU,EAAV,gCAEA,mBACU,EAAV,6BAVA,0CAcIC,iBA5BJ,SA4BA,GACM,IAAN,UACA,KAEM,GAAK/B,EAAKgC,QAGhB,6BACQC,EAAQ,QACRC,EAAQ,SAChB,CACQ,IAAR,qDACQA,EAAQC,EAAOC,WACfH,EAAR,IAAgB,EAAhB,yCARQA,EAAQ,OACRC,EAAQ,IAUV5C,KAAKiB,UAAUP,EAAKE,YAAc+B,EAClC3C,KAAKqB,UAAUX,EAAKE,YAAcgC,EAClC5C,KAAKgB,aAAqC,IAAtBhB,KAAKgB,aAAqB,EAAI,GAEpD+B,MAhDJ,SAgDA,KACMC,EAAUC,EAAhB,6BACMjD,KAAKkD,OAAOC,SAAS,eAAgB,CAA3C,+BCrIoV,I,YCOhVC,EAAY,eACd,EACAtD,EACA4B,GACA,EACA,KACA,KACA,MAIa,aAAA0B,E","file":"js/chunk-2d22c6a5.8291f2fd.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.siteInfo && _vm.systemSettings && _vm.options)?_c('v-tabs',{attrs:{\"fixed-tabs\":\"\",\"color\":\"dover-blue\",\"slider-color\":\"yellow\",\"dark\":\"\",\"icons-and-text\":\"\"}},[_vm._l((_vm.tanks),function(tank){return _c('v-tab',{key:tank.tankNumber,attrs:{\"ripple\":\"\"}},[_vm._v(\" \"+_vm._s(tank.tankNumber)+\" - \"+_vm._s(tank.tankDescription)+\" \"),_c('v-icon',[_vm._v(\"mdi-database\")]),_c('v-badge',{key:(\"\" + (tank.tankNumber + 100 * _vm.compositeKey)),attrs:{\"color\":_vm.bageColor[tank.tankNumber]},scopedSlots:_vm._u([{key:\"badge\",fn:function(){return [_c('span',[_vm._v(_vm._s(_vm.bageLabel[tank.tankNumber]))])]},proxy:true}],null,true)})],1)}),_vm._l((_vm.tanks),function(tank){return _c('v-tab-item',{key:tank.tankNumber},[_c('MaglinkTankStatusDetail',{attrs:{\"tank\":tank,\"system-settings\":_vm.systemSettings,\"options\":_vm.options},on:{\"ackTankStatus\":_vm.onAckTankStatus}})],1)})],2):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-tabs\n    v-if=\"siteInfo && systemSettings && options\"\n    fixed-tabs\n    color=\"dover-blue\"\n    slider-color=\"yellow\"\n    dark\n    icons-and-text>\n    <v-tab\n      v-for=\"tank in tanks\"\n      :key=\"tank.tankNumber\"\n      ripple>\n      {{ tank.tankNumber }} - {{ tank.tankDescription }}\n      <v-icon>mdi-database</v-icon>\n      <v-badge\n        :color=\"bageColor[tank.tankNumber]\"\n        :key=\"`${ tank.tankNumber + 100 * compositeKey}`\">\n        <template v-slot:badge>\n          <span>{{ bageLabel[tank.tankNumber] }}</span>\n        </template>\n      </v-badge>\n    </v-tab>\n    <v-tab-item\n      v-for=\"tank in tanks\"\n      :key=\"tank.tankNumber\">\n      <MaglinkTankStatusDetail\n        :tank=\"tank\"\n        :system-settings=\"systemSettings\"\n        :options=\"options\"\n        @ackTankStatus=\"onAckTankStatus\"/>\n    </v-tab-item>\n  </v-tabs>\n</template>\n\n<script>\n\nimport { i18n } from '@/i18n'\n\nexport default {\n  data: () => ({\n    tanks: undefined,\n    siteInfo: undefined,\n    systemSettings: undefined,\n    options: undefined,\n    bageColor: [],\n    bageLabel: [],\n    compositeKey: 0\n  }),\n  mounted () {\n    this.Maglink.GetOptions()\n      .then(response => {\n        this.Maglink.TranslateOptionNames(response)\n        this.options = { ...this.options, ...response.data }\n      })\n      .catch(error => (this.snack('error', error.message)))\n\n    this.Maglink.GetSettings('SystemSettings')\n      .then(response => {\n        this.systemSettings = { ...this.systemSettings, ...response.data }\n\n        this.Maglink.GetTanks()\n          .then(response => {\n            this.tanks = response.data\n\n            for (var i = 0; i < this.tanks.length; i++) {\n              this.newDataAvailable(this.tanks[i])\n            }\n          })\n          .catch(error => (this.snack('error', error.message)))\n      })\n      .catch(error => (this.snack('error', error.message)))\n\n    this.Maglink.GetSettings('SiteInfo')\n      .then(response => (this.siteInfo = { ...this.siteInfo, ...response.data }))\n      .catch(error => (this.snack('error', error.message)))\n\n    this.tickId = setInterval(this.refreshTick, 2000)\n  },\n  beforeDestroy () {\n    // Perform the teardown procedure for someLeakyProperty.\n    // (In this case, effectively nothing)\n    clearInterval(this.tickId)\n  },\n  methods: {\n    onAckTankStatus (tankNumber) {\n      this.Maglink.AckTank(tankNumber)\n        .then(response => {\n          let tank = this.tanks[tankNumber - 1]\n          tank = { ...tank || {}, ...response.data }\n\n          this.newDataAvailable(tank)\n        })\n        .catch(error => (this.snack('error', error.message)))\n    },\n    refreshTick () {\n      if (this.tanks === undefined) return\n\n      for (let i = 0; i < this.siteInfo.tanksNumber; i++) {\n        // skip disabled tank\n        if (!this.tanks[i].enabled) continue\n\n        this.Maglink.GetTankStatus(i + 1)\n          .then(response => {\n            this.tanks[i] = { ...this.tanks[i] || {}, ...response.data }\n            this.newDataAvailable(this.tanks[i])\n          })\n          .catch(error => {\n            this.snack('error', error.message)\n          })\n      }\n    },\n    newDataAvailable (tank) {\n      let color = 'black'\n      let label = ''\n\n      if (!tank.enabled) {\n        color = 'grey'\n        label = '-'\n      } else if (tank.lastAlarm.ackStatus === 0) {\n        color = 'green'\n        label = 'ok'\n      } else {\n        let result = this.Maglink.GetStatusInfo(tank.lastAlarm.tankStatus)\n        label = result.alarmCount\n        color = (tank.lastAlarm.ackStatus === 1) ? 'red' : '#ffcc00'\n      }\n\n      this.bageColor[tank.tankNumber] = color\n      this.bageLabel[tank.tankNumber] = label\n      this.compositeKey = this.compositeKey === 0 ? 1 : 0\n    },\n    snack (color, message) {\n      message = i18n.t('Tank status') + ': ' + message\n      this.$store.dispatch('showSnackbar', { color, message, show: true })\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!./TankStatus.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!./TankStatus.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TankStatus.vue?vue&type=template&id=2d294ed6&\"\nimport script from \"./TankStatus.vue?vue&type=script&lang=js&\"\nexport * from \"./TankStatus.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":""}