{"version":3,"sources":["webpack:///./src/assets/img/cpu (2).svg","webpack:///./src/views/Branch/Tanks/index.vue","webpack:///src/views/Branch/Tanks/index.vue","webpack:///./src/views/Branch/Tanks/index.vue?563e","webpack:///./src/views/Branch/Tanks/index.vue?3b08","webpack:///./src/views/Branch/Tanks/index.vue?850d","webpack:///./src/assets/img/drop-of-liquid.png","webpack:///./src/assets/img/passage-of-time (1).png"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","staticStyle","_v","_s","$t","attrs","require","convertThousand","pmsSummary","volume","agoSummary","dpkSummary","lpgSummary","style","backgroundImage","backgroundUrl","backgroundPosition","backgroundRepeat","backgroundSize","consoleStatus","border","boxShadow","on","getConsoleStatus","class","consoleTime","showLoader","_l","c","i","key","_e","hasPms","productCount","countryProducts","products","product1","hasAgo","product2","hasDpk","product3","hasLpg","product4","tanks","tank","index","color","height","name","lastSeen","waveColor","currentVolume","maxCapacity","waterVolume","query","branchId","$route","companyId","dealerId","groupId","regionId","params","tankId","id","length","staticRenderFns","components","MasterLayout","TableLoader","data","branch","productSummary","amount","productSummaryCount","created","document","path","window","computed","beforeDestroy","watch","newBranch","message","type","duration","mounted","methods","displayProductSummary","prod","prodCount","summary","get","configObject","then","response","catch","error","getTanks","a","element","toLowerCase","includes","localStorage","getAssociatedPumps","dataSource","toFixed","toString","replace","component"],"mappings":"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","file":"js/chunk-0e125d90.5e3b5374.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/cpu (2).390a2bef.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('MasterLayout',[_c('div',{staticClass:\"fuelbalance_first_row\"},[_c('div',{staticClass:\"card_container_1 pos-card card-vertical-center\",staticStyle:{\"flex\":\"0 0 23%\"}},[_c('h4',{staticClass:\"stations_card_header_3\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"text.productSummary.total\"))+\"\\n          \")]),_vm._v(\" \"),_c('div',{staticClass:\"oil_drop_div_4\"},[_c('div',{staticClass:\"text-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"50%\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 text-center\"},[_c('h4',{},[_vm._v(\"\\n              \"+_vm._s(_vm.convertThousand(\n                  _vm.pmsSummary.volume +\n                    _vm.agoSummary.volume +\n                    _vm.dpkSummary.volume +\n                    _vm.lpgSummary.volume\n                ))+\"Ltrs\\n            \")]),_vm._v(\" \"),_c('small',{staticClass:\"dashboard__card__header_bottom\"})])]),_vm._v(\" \"),_c('div',{staticClass:\"fuelbalance_first_row_right_section tank__bg\",staticStyle:{\"flex\":\"0 0 68%\",\"border-radius\":\"15px\"},style:([\n            {\n              backgroundImage: `linear-gradient(rgb(12, 4, 31 , 0.7), rgb(12, 4, 31 , 0.7)), url(${_vm.backgroundUrl})`,\n              backgroundPosition: 'center',\n              backgroundRepeat: 'no-repeat',\n              backgroundSize: 'cover',\n            },\n          ])},[_c('div',{staticClass:\"our__branches__banner\",staticStyle:{\"width\":\"100%\",\"height\":\"auto\"}},[_c('div',{staticClass:\"row align-items-center section__row mx-auto\"},[_c('div',{staticClass:\"text-center col-md-8 section___column_1\"},[_c('h4',{staticClass:\"our__branches__banner__title\"},[_c('img',{staticClass:\"mr-3\",attrs:{\"src\":require(\"@/assets/img/tanks_icon.png\")}}),_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.tanks.stock\"))+\"\\n                \")])]),_vm._v(\" \"),_c('div',{staticClass:\"text-center col-md-4 p-2 my-2 section___column_1 flex-column\",staticStyle:{\"border-radius\":\"10px\",\"cursor\":\"pointer\"},style:([\n                  _vm.consoleStatus == 'Online'\n                    ? {\n                        border: '3px solid green',\n                        boxShadow: 'rgba(0, 200, 0, 0.4) 20px 18px 20px -10px',\n                      }\n                    : {\n                        border: '3px solid red',\n                        boxShadow: 'rgba(200, 0, 0, 0.7) 20px 18px 20px -10px',\n                      },\n                ]),on:{\"click\":_vm.getConsoleStatus}},[_c('h4',{staticClass:\"our__branches__banner__title mt-1\",staticStyle:{\"font-size\":\"17px\"}},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.tanks.consoleStatus\"))+\"\\n                \")]),_vm._v(\" \"),_c('img',{attrs:{\"src\":require(\"@/assets/img/cpu (2).svg\")}}),_vm._v(\" \"),_c('p',{staticClass:\"mt-2 mb-0 text-uppercase flicker-text\",class:_vm.consoleStatus == 'Online' ? 'text-success' : 'text-danger'},[_vm._v(\"\\n                  \"+_vm._s(_vm.consoleStatus)+\"\\n                \")]),_vm._v(\" \"),_c('small',{staticClass:\"text-secondary\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/passage-of-time (1).png\"),\"width\":\"12px\"}}),_vm._v(\"\\n                  \"+_vm._s(_vm.consoleTime)+\"\\n                \")])])])])])]),_vm._v(\" \"),(_vm.showLoader)?_c('section',{staticClass:\"mt-3 row w-100\"},_vm._l((4),function(c,i){return _c('div',{key:i,staticClass:\"col-md-3 position-relative\"},[_c('div',{staticClass:\"card-loader\"})])}),0):_vm._e(),_vm._v(\" \"),(!_vm.showLoader)?_c('div',{staticClass:\"mt-3 row pos_trans_card_holder\"},[(_vm.hasPms)?_c('div',{staticClass:\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\",class:_vm.productCount},[_c('div',{staticClass:\"mt-3 card_container_1 pos-card card-vertical-center\"},[_c('h4',{staticClass:\"stations_card_header\"},[_vm._v(\"\\n              \"+_vm._s(_vm.countryProducts.products.product1)+\"\\n            \")]),_vm._v(\" \"),_c('div',{staticClass:\"oil_drop_div_1\"},[_c('div',{staticClass:\"text-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"50%\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 text-center\"},[_c('h4',{},[_vm._v(_vm._s(_vm.convertThousand(_vm.pmsSummary.volume))+\"Ltrs\")])])])]):_vm._e(),_vm._v(\" \"),(!_vm.hasPms)?_c('div',{staticClass:\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\",class:_vm.productCount},[_c('div',{staticClass:\"mt-3 card_container_greyed pos-card card-vertical-center\"},[_c('h5',{staticClass:\"stations_card_header disabled-text\"},[_vm._v(\"PMS\")]),_vm._v(\" \"),_c('div',{staticClass:\"oil_drop_div_1 disabled-label-bg\"},[_c('div',{staticClass:\"text-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"50%\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 text-center\"},[_c('h5',{},[_vm._v(_vm._s(_vm.$t(\"text.general.na\")))])])])]):_vm._e(),_vm._v(\" \"),(_vm.hasAgo)?_c('div',{staticClass:\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\",class:_vm.productCount},[_c('div',{staticClass:\"mt-3 card_container_1 pos-card card-vertical-center\"},[_c('h5',{staticClass:\"stations_card_header_1\"},[_vm._v(\"\\n              \"+_vm._s(_vm.countryProducts.products.product2)+\"\\n            \")]),_vm._v(\" \"),_c('div',{staticClass:\"oil_drop_div_2\"},[_c('div',{staticClass:\"text-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"50%\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 text-center\"},[_c('h4',{},[_vm._v(_vm._s(_vm.convertThousand(_vm.agoSummary.volume))+\"Ltrs\")])])])]):_vm._e(),_vm._v(\" \"),(!_vm.hasAgo)?_c('div',{staticClass:\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\",class:_vm.productCount},[_c('div',{staticClass:\"mt-3 card_container_greyed pos-card card-vertical-center\"},[_c('h5',{staticClass:\"stations_card_header disabled-text\"},[_vm._v(\"AGO\")]),_vm._v(\" \"),_c('div',{staticClass:\"oil_drop_div_1 disabled-label-bg\"},[_c('div',{staticClass:\"text-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"50%\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 text-center\"},[_c('h5',{},[_vm._v(_vm._s(_vm.$t(\"text.general.na\")))])])])]):_vm._e(),_vm._v(\" \"),(_vm.hasDpk)?_c('div',{staticClass:\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\",class:_vm.productCount},[_c('div',{staticClass:\"mt-3 card_container_1 pos-card card-vertical-center\"},[_c('h4',{staticClass:\"stations_card_header_2\"},[_vm._v(\"\\n              \"+_vm._s(_vm.countryProducts.products.product3)+\"\\n            \")]),_vm._v(\" \"),_c('div',{staticClass:\"oil_drop_div_3\"},[_c('div',{staticClass:\"text-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"50%\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 text-center\"},[_c('h4',{},[_vm._v(_vm._s(_vm.convertThousand(_vm.dpkSummary.volume))+\"Ltrs\")])])])]):_vm._e(),_vm._v(\" \"),(!_vm.hasDpk)?_c('div',{staticClass:\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\",class:_vm.productCount},[_c('div',{staticClass:\"mt-3 card_container_greyed pos-card card-vertical-center\"},[_c('h5',{staticClass:\"stations_card_header disabled-text\"},[_vm._v(\"DPK\")]),_vm._v(\" \"),_c('div',{staticClass:\"oil_drop_div_1 disabled-label-bg\"},[_c('div',{staticClass:\"text-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"50%\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 text-center\"},[_c('h5',{},[_vm._v(_vm._s(_vm.$t(\"text.general.na\")))])])])]):_vm._e(),_vm._v(\" \"),(_vm.hasLpg)?_c('div',{staticClass:\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\",class:_vm.productCount},[_c('div',{staticClass:\"mt-3 card_container_1 pos-card card-vertical-center\"},[_c('h4',{staticClass:\"stations_card_header_1\",staticStyle:{\"color\":\"purple\"}},[_vm._v(\"\\n              \"+_vm._s(_vm.countryProducts.products.product4)+\"\\n            \")]),_vm._v(\" \"),_c('div',{staticClass:\"oil_drop_div_4\",staticStyle:{\"background\":\"purple\"}},[_c('div',{staticClass:\"text-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"50%\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 text-center\"},[_c('h4',{},[_vm._v(_vm._s(_vm.convertThousand(_vm.lpgSummary.volume))+\"Ltrs\")]),_vm._v(\" \"),_c('small',{staticClass:\"dashboard__card__header_bottom\"})])])]):_vm._e(),_vm._v(\" \"),(!_vm.hasLpg)?_c('div',{staticClass:\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\",class:_vm.productCount},[_c('div',{staticClass:\"mt-3 card_container_greyed pos-card card-vertical-center\"},[_c('h5',{staticClass:\"stations_card_header disabled-text\"},[_vm._v(\"LPG\")]),_vm._v(\" \"),_c('div',{staticClass:\"oil_drop_div_1 disabled-label-bg\"},[_c('div',{staticClass:\"text-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"50%\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 text-center\"},[_c('h5',{},[_vm._v(_vm._s(_vm.$t(\"text.general.na\")))])])])]):_vm._e()]):_vm._e(),_vm._v(\" \"),_c('section',{staticClass:\"pb-3 mt-3 products_summary__wrapper\"},[_c('div',{staticClass:\"row\",staticStyle:{\"margin-right\":\"0px\"}},_vm._l((_vm.tanks),function(tank,index){return _c('div',{key:index,staticClass:\"text-center col-md-4\",staticStyle:{\"padding-right\":\"0px !important\",\"margin-bottom\":\"20px\"}},[_c('div',{staticClass:\"product_summary__wrapper tank__header__Wrapper\"},[_c('div',{staticClass:\"product_summary_header tank__header\",style:({ '--vh': tank.color, height: '10px' })}),_vm._v(\" \"),_c('h3',{staticClass:\"mt-3 text-center tank__name\"},[_vm._v(_vm._s(tank.name))]),_vm._v(\" \"),_c('div',{staticClass:\"text-center flex___div\"},[_c('small',{staticClass:\"time__stamps\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/passage-of-time (1).png\"),\"width-\":\"18px\"}}),_vm._v(\"\\n                  \"+_vm._s(tank.lastSeen)+\"\\n                \")]),_vm._v(\" \"),_c('div',{staticClass:\"text-center bowl\"},[_c('div',{staticClass:\"inner\"},[_c('div',{staticClass:\"fill\",style:({\n                        '--h': tank.height + 'px',\n                        '--c': tank.waveColor,\n                      })},[_c('svg',{attrs:{\"version\":\"1.1\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\",\"x\":\"0px\",\"y\":\"0px\",\"width\":\"300px\",\"height\":\"300px\",\"viewBox\":\"0 0 300 300\",\"enable-background\":\"new 0 0 300 300\",\"xml:space\":\"preserve\"}},[_c('path',{staticClass:\"waveShape\",attrs:{\"d\":\"M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4\\n\\t\\t\\t\\t\\t\\t\\t  c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9\\n\\t\\t\\t\\t\\t\\t\\t  c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z\"}})])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"clearfix mt-3 volume_info\"},[_c('div',{staticClass:\"left_div\"},[_c('h4',{staticClass:\"vol_sold\"},[_vm._v(_vm._s(_vm.$t(\"text.tanks.productVolume\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h4',{staticClass:\"litres\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.convertThousand(tank.currentVolume))+\"\\n                  \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"clearfix volume_info\"},[_c('div',{staticClass:\"left_div\"},[_c('h4',{staticClass:\"vol_sold\"},[_vm._v(_vm._s(_vm.$t(\"text.tanks.tankCapacity\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h4',{staticClass:\"litres\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.convertThousand(tank.maxCapacity))+\"\\n                  \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"clearfix volume_info\"},[_c('div',{staticClass:\"left_div\"},[_c('h4',{staticClass:\"vol_sold\"},[_vm._v(_vm._s(_vm.$t(\"text.tanks.waterLevel\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h4',{staticClass:\"vol_sold\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.convertThousand(tank.waterVolume))+\"\\n                  \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-4 mb-4 d-flex justify-content-around\"},[_c('router-link',{staticClass:\"btn btn-success btn-sm\",attrs:{\"to\":{\n                    name: 'TankDetails',\n                    query: {\n                      branchId: _vm.$route.query.branchId,\n                      companyId: _vm.$route.query.companyId,\n                      dealerId: _vm.$route.query.dealerId,\n                      groupId: _vm.$route.query.groupId,\n                      regionId: _vm.$route.query.regionId,\n                    },\n                    params: { tankId: tank.id },\n                  }}},[_vm._v(_vm._s(_vm.$t(\"text.tanks.details\")))]),_vm._v(\" \"),_c('router-link',{staticClass:\"btn btn-warning btn-sm\",attrs:{\"to\":{\n                    name: 'tanks_daily_report',\n                    query: {\n                      branchId: _vm.$route.query.branchId,\n                      companyId: _vm.$route.query.companyId,\n                      dealerId: _vm.$route.query.dealerId,\n                      groupId: _vm.$route.query.groupId,\n                      regionId: _vm.$route.query.regionId,\n                    },\n                    params: { tankId: tank.id },\n                  }}},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.iTanks.dailyReport\"))+\"\\n                \")]),_vm._v(\" \"),_c('router-link',{staticClass:\"btn btn-dark btn-sm\",attrs:{\"to\":{\n                    name: 'tanks_probe_transactions',\n                    query: {\n                      branchId: _vm.$route.query.branchId,\n                      companyId: _vm.$route.query.companyId,\n                      dealerId: _vm.$route.query.dealerId,\n                      groupId: _vm.$route.query.groupId,\n                      regionId: _vm.$route.query.regionId,\n                      tankId: tank.id,\n                      id: tank.id,\n                    },\n                    params: { tankId: tank.id },\n                  }}},[_vm._v(_vm._s(_vm.$t(\"text.tanks.probeTransactions\")))])],1),_vm._v(\" \"),_c('div',{staticClass:\"mb-3\"})])])}),0)]),_vm._v(\" \"),(!_vm.tanks || (_vm.tanks.length < 1 && !_vm.showLoader))?_c('section',{staticClass:\"pb-3 products_summary__wrapper\"},[_c('div',{staticClass:\"empty_tank_wrapper\",staticStyle:{\"background\":\"white\",\"display\":\"flex\",\"justify-content\":\"center\",\"align-items\":\"center\",\"flex-flow\":\"column wrap\"}},[_c('div',{staticStyle:{\"margin\":\"0 auto\",\"width\":\"50%\"}},[_c('div',{staticClass:\"legend__div\",staticStyle:{\"padding-top\":\"50px\"}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"row align-items-center\"},[_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticStyle:{\"height\":\"10px\",\"width\":\"30px\",\"background\":\"rgb(216, 153, 28)\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\"}},[_c('div',{staticStyle:{\"color\":\"rgb(216, 153, 28)\"}},[_vm._v(\"\\n                              \"+_vm._s(_vm.countryProducts.products.product1)+\"\\n                            \")])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"row align-items-center\"},[_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticStyle:{\"height\":\"10px\",\"width\":\"30px\",\"background\":\"rgb(155, 242, 36)\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\"}},[_c('div',{staticStyle:{\"color\":\"rgb(155, 242, 36)\"}},[_vm._v(\"\\n                              \"+_vm._s(_vm.countryProducts.products.product2)+\"\\n                            \")])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"row align-items-center\"},[_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticStyle:{\"height\":\"10px\",\"width\":\"30px\",\"background\":\"rgb(0, 172, 237)\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\"}},[_c('div',{staticStyle:{\"color\":\"rgb(0, 172, 237)\"}},[_vm._v(\"\\n                              \"+_vm._s(_vm.countryProducts.products.product3)+\"\\n                            \")])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"row align-items-center\"},[_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticStyle:{\"height\":\"10px\",\"width\":\"30px\",\"background\":\"purple\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\"}},[_c('div',{staticStyle:{\"color\":\"purple\"}},[_vm._v(\"\\n                              \"+_vm._s(_vm.countryProducts.products.product4)+\"\\n                            \")])])])])])])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"text-center\",staticStyle:{\"margin-top\":\"100px\"}},[_c('h6',{staticStyle:{\"color\":\"rgb(161, 146, 146)\"}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.tanks.noTanksAdded\"))+\"\\n            \")])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-5 text-center animated__tanks__div\"},[_c('div',{staticClass:\"bowl\"},[_c('div',{staticClass:\"inner\"},[_c('div',{staticClass:\"fill\",staticStyle:{\"background\":\"grey\",\"height\":\"0px\"}},[_c('svg',{attrs:{\"version\":\"1.1\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\",\"x\":\"0px\",\"y\":\"0px\",\"width\":\"300px\",\"height\":\"\",\"viewBox\":\"0 0 300 300\",\"enable-background\":\"new 0 0 300 300\",\"xml:space\":\"preserve\"}},[_c('path',{staticClass:\"waveShape\",attrs:{\"d\":\"M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4\\n\\t\\t\\t\\t\\t\\t\\t\\tc-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9\\n\\t\\t\\t\\t\\t\\t\\t\\tc-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z\"}})])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"pb-5 text-cente\",staticStyle:{\"margin-top\":\"50px\"}},[_c('h3',{staticStyle:{\"color\":\"rgb(161, 146, 146)\",\"font-size\":\"25px\"}})])])]):_vm._e(),_vm._v(\" \"),_c('TableLoader',{attrs:{\"showLoader\":_vm.showLoader}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <MasterLayout>\r\n      <div class=\"fuelbalance_first_row\">\r\n        <div\r\n          class=\"card_container_1 pos-card card-vertical-center\"\r\n          style=\"flex: 0 0 23%\"\r\n        >\r\n          <h4 class=\"stations_card_header_3\">\r\n            {{ $t(\"text.productSummary.total\") }}\r\n          </h4>\r\n          <div class=\"oil_drop_div_4\">\r\n            <div class=\"text-center\">\r\n              <img src=\"@/assets/img/drop-of-liquid.png\" width=\"50%\" />\r\n            </div>\r\n          </div>\r\n          <div class=\"mt-3 text-center\">\r\n            <h4 class=\"\">\r\n              {{\r\n                convertThousand(\r\n                  pmsSummary.volume +\r\n                    agoSummary.volume +\r\n                    dpkSummary.volume +\r\n                    lpgSummary.volume\r\n                )\r\n              }}Ltrs\r\n            </h4>\r\n            <small class=\"dashboard__card__header_bottom\"> </small>\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"fuelbalance_first_row_right_section tank__bg\"\r\n          style=\"flex: 0 0 68%; border-radius: 15px\"\r\n          :style=\"[\r\n            {\r\n              backgroundImage: `linear-gradient(rgb(12, 4, 31 , 0.7), rgb(12, 4, 31 , 0.7)), url(${backgroundUrl})`,\r\n              backgroundPosition: 'center',\r\n              backgroundRepeat: 'no-repeat',\r\n              backgroundSize: 'cover',\r\n            },\r\n          ]\"\r\n        >\r\n          <div class=\"our__branches__banner\" style=\"width: 100%; height: auto\">\r\n            <div class=\"row align-items-center section__row mx-auto\">\r\n              <div class=\"text-center col-md-8 section___column_1\">\r\n                <h4 class=\"our__branches__banner__title\">\r\n                  <img src=\"@/assets/img/tanks_icon.png\" class=\"mr-3\" />\r\n                  {{ $t(\"text.tanks.stock\") }}\r\n                </h4>\r\n              </div>\r\n              <div\r\n                @click=\"getConsoleStatus\"\r\n                class=\"text-center col-md-4 p-2 my-2 section___column_1 flex-column\"\r\n                style=\"border-radius: 10px; cursor: pointer\"\r\n                :style=\"[\r\n                  consoleStatus == 'Online'\r\n                    ? {\r\n                        border: '3px solid green',\r\n                        boxShadow: 'rgba(0, 200, 0, 0.4) 20px 18px 20px -10px',\r\n                      }\r\n                    : {\r\n                        border: '3px solid red',\r\n                        boxShadow: 'rgba(200, 0, 0, 0.7) 20px 18px 20px -10px',\r\n                      },\r\n                ]\"\r\n              >\r\n                <h4\r\n                  class=\"our__branches__banner__title mt-1\"\r\n                  style=\"font-size: 17px\"\r\n                >\r\n                  {{ $t(\"text.tanks.consoleStatus\") }}\r\n                </h4>\r\n                <img src=\"@/assets/img/cpu (2).svg\" />\r\n                <p\r\n                  class=\"mt-2 mb-0 text-uppercase flicker-text\"\r\n                  :class=\"\r\n                    consoleStatus == 'Online' ? 'text-success' : 'text-danger'\r\n                  \"\r\n                >\r\n                  {{ consoleStatus }}\r\n                </p>\r\n                <small class=\"text-secondary\">\r\n                  <img\r\n                    src=\"@/assets/img/passage-of-time (1).png\"\r\n                    width=\"12px\"\r\n                  />\r\n                  {{ consoleTime }}\r\n                </small>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <section class=\"mt-3 row w-100\" v-if=\"showLoader\">\r\n        <div class=\"col-md-3 position-relative\" v-for=\"(c, i) in 4\" :key=\"i\">\r\n          <div class=\"card-loader\"></div>\r\n        </div>\r\n      </section>\r\n      <div class=\"mt-3 row pos_trans_card_holder\" v-if=\"!showLoader\">\r\n        <div\r\n          class=\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\"\r\n          :class=\"productCount\"\r\n          v-if=\"hasPms\"\r\n        >\r\n          <div class=\"mt-3 card_container_1 pos-card card-vertical-center\">\r\n            <h4 class=\"stations_card_header\">\r\n              {{ countryProducts.products.product1 }}\r\n            </h4>\r\n            <div class=\"oil_drop_div_1\">\r\n              <div class=\"text-center\">\r\n                <img src=\"@/assets/img/drop-of-liquid.png\" width=\"50%\" />\r\n              </div>\r\n            </div>\r\n            <div class=\"mt-3 text-center\">\r\n              <h4 class=\"\">{{ convertThousand(pmsSummary.volume) }}Ltrs</h4>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\"\r\n          :class=\"productCount\"\r\n          v-if=\"!hasPms\"\r\n        >\r\n          <div class=\"mt-3 card_container_greyed pos-card card-vertical-center\">\r\n            <h5 class=\"stations_card_header disabled-text\">PMS</h5>\r\n            <div class=\"oil_drop_div_1 disabled-label-bg\">\r\n              <div class=\"text-center\">\r\n                <img src=\"@/assets/img/drop-of-liquid.png\" width=\"50%\" />\r\n              </div>\r\n            </div>\r\n            <div class=\"mt-3 text-center\">\r\n              <h5 class=\"\">{{ $t(\"text.general.na\") }}</h5>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\"\r\n          :class=\"productCount\"\r\n          v-if=\"hasAgo\"\r\n        >\r\n          <div class=\"mt-3 card_container_1 pos-card card-vertical-center\">\r\n            <h5 class=\"stations_card_header_1\">\r\n              {{ countryProducts.products.product2 }}\r\n            </h5>\r\n            <div class=\"oil_drop_div_2\">\r\n              <div class=\"text-center\">\r\n                <img src=\"@/assets/img/drop-of-liquid.png\" width=\"50%\" />\r\n              </div>\r\n            </div>\r\n            <div class=\"mt-3 text-center\">\r\n              <h4 class=\"\">{{ convertThousand(agoSummary.volume) }}Ltrs</h4>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\"\r\n          :class=\"productCount\"\r\n          v-if=\"!hasAgo\"\r\n        >\r\n          <div class=\"mt-3 card_container_greyed pos-card card-vertical-center\">\r\n            <h5 class=\"stations_card_header disabled-text\">AGO</h5>\r\n            <div class=\"oil_drop_div_1 disabled-label-bg\">\r\n              <div class=\"text-center\">\r\n                <img src=\"@/assets/img/drop-of-liquid.png\" width=\"50%\" />\r\n              </div>\r\n            </div>\r\n            <div class=\"mt-3 text-center\">\r\n              <h5 class=\"\">{{ $t(\"text.general.na\") }}</h5>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\"\r\n          :class=\"productCount\"\r\n          v-if=\"hasDpk\"\r\n        >\r\n          <div class=\"mt-3 card_container_1 pos-card card-vertical-center\">\r\n            <h4 class=\"stations_card_header_2\">\r\n              {{ countryProducts.products.product3 }}\r\n            </h4>\r\n            <div class=\"oil_drop_div_3\">\r\n              <div class=\"text-center\">\r\n                <img src=\"@/assets/img/drop-of-liquid.png\" width=\"50%\" />\r\n              </div>\r\n            </div>\r\n            <div class=\"mt-3 text-center\">\r\n              <h4 class=\"\">{{ convertThousand(dpkSummary.volume) }}Ltrs</h4>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\"\r\n          :class=\"productCount\"\r\n          v-if=\"!hasDpk\"\r\n        >\r\n          <div class=\"mt-3 card_container_greyed pos-card card-vertical-center\">\r\n            <h5 class=\"stations_card_header disabled-text\">DPK</h5>\r\n            <div class=\"oil_drop_div_1 disabled-label-bg\">\r\n              <div class=\"text-center\">\r\n                <img src=\"@/assets/img/drop-of-liquid.png\" width=\"50%\" />\r\n              </div>\r\n            </div>\r\n            <div class=\"mt-3 text-center\">\r\n              <h5 class=\"\">{{ $t(\"text.general.na\") }}</h5>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div\r\n          class=\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\"\r\n          :class=\"productCount\"\r\n          v-if=\"hasLpg\"\r\n        >\r\n          <div class=\"mt-3 card_container_1 pos-card card-vertical-center\">\r\n            <h4 class=\"stations_card_header_1\" style=\"color: purple\">\r\n              {{ countryProducts.products.product4 }}\r\n            </h4>\r\n            <div class=\"oil_drop_div_4\" style=\"background: purple\">\r\n              <div class=\"text-center\">\r\n                <img src=\"@/assets/img/drop-of-liquid.png\" width=\"50%\" />\r\n              </div>\r\n            </div>\r\n            <div class=\"mt-3 text-center\">\r\n              <h4 class=\"\">{{ convertThousand(lpgSummary.volume) }}Ltrs</h4>\r\n              <small class=\"dashboard__card__header_bottom\"> </small>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div\r\n          class=\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\"\r\n          :class=\"productCount\"\r\n          v-if=\"!hasLpg\"\r\n        >\r\n          <div class=\"mt-3 card_container_greyed pos-card card-vertical-center\">\r\n            <h5 class=\"stations_card_header disabled-text\">LPG</h5>\r\n            <div class=\"oil_drop_div_1 disabled-label-bg\">\r\n              <div class=\"text-center\">\r\n                <img src=\"@/assets/img/drop-of-liquid.png\" width=\"50%\" />\r\n              </div>\r\n            </div>\r\n            <div class=\"mt-3 text-center\">\r\n              <h5 class=\"\">{{ $t(\"text.general.na\") }}</h5>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <section class=\"pb-3 mt-3 products_summary__wrapper\">\r\n        <div class=\"row\" style=\"margin-right: 0px\">\r\n          <div\r\n            class=\"text-center col-md-4\"\r\n            v-for=\"(tank, index) in tanks\"\r\n            :key=\"index\"\r\n            style=\"padding-right: 0px !important; margin-bottom: 20px\"\r\n          >\r\n            <div class=\"product_summary__wrapper tank__header__Wrapper\">\r\n              <div\r\n                class=\"product_summary_header tank__header\"\r\n                v-bind:style=\"{ '--vh': tank.color, height: '10px' }\"\r\n              ></div>\r\n              <h3 class=\"mt-3 text-center tank__name\">{{ tank.name }}</h3>\r\n              <div class=\"text-center flex___div\">\r\n                <small class=\"time__stamps\">\r\n                  <img\r\n                    src=\"@/assets/img/passage-of-time (1).png\"\r\n                    width-=\"18px\"\r\n                  />\r\n                  {{ tank.lastSeen }}\r\n                </small>\r\n                <div class=\"text-center bowl\">\r\n                  <div class=\"inner\">\r\n                    <div\r\n                      class=\"fill\"\r\n                      v-bind:style=\"{\r\n                        '--h': tank.height + 'px',\r\n                        '--c': tank.waveColor,\r\n                      }\"\r\n                    >\r\n                      <svg\r\n                        version=\"1.1\"\r\n                        xmlns=\"http://www.w3.org/2000/svg\"\r\n                        xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n                        x=\"0px\"\r\n                        y=\"0px\"\r\n                        width=\"300px\"\r\n                        height=\"300px\"\r\n                        viewBox=\"0 0 300 300\"\r\n                        enable-background=\"new 0 0 300 300\"\r\n                        xml:space=\"preserve\"\r\n                      >\r\n                        <path\r\n                          class=\"waveShape\"\r\n                          d=\"M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4\r\n\t\t\t\t\t\t\t  c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9\r\n\t\t\t\t\t\t\t  c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z\"\r\n                        />\r\n                      </svg>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"clearfix mt-3 volume_info\">\r\n                <div class=\"left_div\">\r\n                  <h4 class=\"vol_sold\">{{ $t(\"text.tanks.productVolume\") }}</h4>\r\n                </div>\r\n                <div class=\"right_div\">\r\n                  <h4 class=\"litres\">\r\n                    {{ convertThousand(tank.currentVolume) }}\r\n                  </h4>\r\n                </div>\r\n              </div>\r\n              <div class=\"clearfix volume_info\">\r\n                <div class=\"left_div\">\r\n                  <h4 class=\"vol_sold\">{{ $t(\"text.tanks.tankCapacity\") }}</h4>\r\n                </div>\r\n                <div class=\"right_div\">\r\n                  <h4 class=\"litres\">\r\n                    {{ convertThousand(tank.maxCapacity) }}\r\n                  </h4>\r\n                </div>\r\n              </div>\r\n              <div class=\"clearfix volume_info\">\r\n                <div class=\"left_div\">\r\n                  <h4 class=\"vol_sold\">{{ $t(\"text.tanks.waterLevel\") }}</h4>\r\n                </div>\r\n                <div class=\"right_div\">\r\n                  <h4 class=\"vol_sold\">\r\n                    {{ convertThousand(tank.waterVolume) }}\r\n                  </h4>\r\n                </div>\r\n              </div>\r\n              <!-- <div class=\"mt-3 tanks_probe\"> -->\r\n              <div class=\"mt-4 mb-4 d-flex justify-content-around\">\r\n                <router-link\r\n                  :to=\"{\r\n                    name: 'TankDetails',\r\n                    query: {\r\n                      branchId: $route.query.branchId,\r\n                      companyId: $route.query.companyId,\r\n                      dealerId: $route.query.dealerId,\r\n                      groupId: $route.query.groupId,\r\n                      regionId: $route.query.regionId,\r\n                    },\r\n                    params: { tankId: tank.id },\r\n                  }\"\r\n                  class=\"btn btn-success btn-sm\"\r\n                  >{{ $t(\"text.tanks.details\") }}</router-link\r\n                >\r\n\r\n                <router-link\r\n                  :to=\"{\r\n                    name: 'tanks_daily_report',\r\n                    query: {\r\n                      branchId: $route.query.branchId,\r\n                      companyId: $route.query.companyId,\r\n                      dealerId: $route.query.dealerId,\r\n                      groupId: $route.query.groupId,\r\n                      regionId: $route.query.regionId,\r\n                    },\r\n                    params: { tankId: tank.id },\r\n                  }\"\r\n                  class=\"btn btn-warning btn-sm\"\r\n                >\r\n                  {{ $t(\"text.iTanks.dailyReport\") }}\r\n                </router-link>\r\n\r\n                <router-link\r\n                  :to=\"{\r\n                    name: 'tanks_probe_transactions',\r\n                    query: {\r\n                      branchId: $route.query.branchId,\r\n                      companyId: $route.query.companyId,\r\n                      dealerId: $route.query.dealerId,\r\n                      groupId: $route.query.groupId,\r\n                      regionId: $route.query.regionId,\r\n                      tankId: tank.id,\r\n                      id: tank.id,\r\n                    },\r\n                    params: { tankId: tank.id },\r\n                  }\"\r\n                  class=\"btn btn-dark btn-sm\"\r\n                  >{{ $t(\"text.tanks.probeTransactions\") }}</router-link\r\n                >\r\n              </div>\r\n              <div class=\"mb-3\"></div>\r\n              <!-- </div> -->\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </section>\r\n      <section\r\n        class=\"pb-3 products_summary__wrapper\"\r\n        v-if=\"!tanks || (tanks.length < 1 && !showLoader)\"\r\n      >\r\n        <div\r\n          class=\"empty_tank_wrapper\"\r\n          style=\"\r\n            background: white;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            flex-flow: column wrap;\r\n          \"\r\n        >\r\n          <div style=\"margin: 0 auto; width: 50%\">\r\n            <div class=\"legend__div\" style=\"padding-top: 50px\">\r\n              <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-md-3\">\r\n                      <div class=\"row align-items-center\">\r\n                        <div class=\"col-md-3\">\r\n                          <div\r\n                            style=\"\r\n                              height: 10px;\r\n                              width: 30px;\r\n                              background: rgb(216, 153, 28);\r\n                            \"\r\n                          ></div>\r\n                        </div>\r\n                        <div class=\"col-md-6\">\r\n                          <div style=\"display: flex; align-items: center\">\r\n                            <div style=\"color: rgb(216, 153, 28)\">\r\n                              {{ countryProducts.products.product1 }}\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"col-md-3\">\r\n                      <div class=\"row align-items-center\">\r\n                        <div class=\"col-md-3\">\r\n                          <div\r\n                            style=\"\r\n                              height: 10px;\r\n                              width: 30px;\r\n                              background: rgb(155, 242, 36);\r\n                            \"\r\n                          ></div>\r\n                        </div>\r\n                        <div class=\"col-md-6\">\r\n                          <div style=\"display: flex; align-items: center\">\r\n                            <div style=\"color: rgb(155, 242, 36)\">\r\n                              {{ countryProducts.products.product2 }}\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"col-md-3\">\r\n                      <div class=\"row align-items-center\">\r\n                        <div class=\"col-md-3\">\r\n                          <div\r\n                            style=\"\r\n                              height: 10px;\r\n                              width: 30px;\r\n                              background: rgb(0, 172, 237);\r\n                            \"\r\n                          ></div>\r\n                        </div>\r\n                        <div class=\"col-md-6\">\r\n                          <div style=\"display: flex; align-items: center\">\r\n                            <div style=\"color: rgb(0, 172, 237)\">\r\n                              {{ countryProducts.products.product3 }}\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"col-md-3\">\r\n                      <div class=\"row align-items-center\">\r\n                        <div class=\"col-md-3\">\r\n                          <div\r\n                            style=\"\r\n                              height: 10px;\r\n                              width: 30px;\r\n                              background: purple;\r\n                            \"\r\n                          ></div>\r\n                        </div>\r\n                        <div class=\"col-md-6\">\r\n                          <div style=\"display: flex; align-items: center\">\r\n                            <div style=\"color: purple\">\r\n                              {{ countryProducts.products.product4 }}\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"text-center\" style=\"margin-top: 100px\">\r\n            <h6 style=\"color: rgb(161, 146, 146)\">\r\n              {{ $t(\"text.tanks.noTanksAdded\") }}\r\n            </h6>\r\n          </div>\r\n\r\n          <div class=\"mt-5 text-center animated__tanks__div\">\r\n            <div class=\"bowl\">\r\n              <div class=\"inner\">\r\n                <div class=\"fill\" style=\"background: grey; height: 0px\">\r\n                  <svg\r\n                    version=\"1.1\"\r\n                    xmlns=\"http://www.w3.org/2000/svg\"\r\n                    xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n                    x=\"0px\"\r\n                    y=\"0px\"\r\n                    width=\"300px\"\r\n                    height\r\n                    viewBox=\"0 0 300 300\"\r\n                    enable-background=\"new 0 0 300 300\"\r\n                    xml:space=\"preserve\"\r\n                  >\r\n                    <path\r\n                      class=\"waveShape\"\r\n                      d=\"M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4\r\n\t\t\t\t\t\t\t\tc-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9\r\n\t\t\t\t\t\t\t\tc-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z\"\r\n                    />\r\n                  </svg>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"pb-5 text-cente\" style=\"margin-top: 50px\">\r\n            <h3 style=\"color: rgb(161, 146, 146); font-size: 25px\"></h3>\r\n          </div>\r\n        </div>\r\n      </section>\r\n      <TableLoader :showLoader=\"showLoader\" />\r\n    </MasterLayout>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport MasterLayout from \"@/views/Branch/MasterLayout.vue\";\r\nimport backgroundUrl from \"@/assets/img/Tankimage.png\";\r\nimport configObject from \"@/config\";\r\nimport countryProducts from \"@/products\";\r\nimport TableLoader from \"@/components/tableLoader/index\";\r\n\r\nexport default {\r\n  name: \"Tanks\",\r\n  components: {\r\n    MasterLayout,\r\n    TableLoader,\r\n  },\r\n  data() {\r\n    return {\r\n      // countryProducts: localStorage.getItem('countryProducts') ? JSON.parse(localStorage.countryProducts) : countryProducts,\r\n      branch: {},\r\n      branchId: null,\r\n      tanks: [],\r\n      backgroundUrl,\r\n      showLoader: true,\r\n      hasLpg: false,\r\n      hasPms: false,\r\n      hasAgo: false,\r\n      hasDpk: false,\r\n\r\n      productSummary: [],\r\n      pmsSummary: { volume: 0, amount: 0 },\r\n      agoSummary: { volume: 0, amount: 0 },\r\n      dpkSummary: { volume: 0, amount: 0 },\r\n      lpgSummary: { volume: 0, amount: 0 },\r\n      productSummaryCount: 0,\r\n      productCount: \"col-lg-3\",\r\n      consoleStatus: this.$t(\"text.omit.checking\"),\r\n      consoleTime: \"-\",\r\n    };\r\n  },\r\n  created() {\r\n    document.title = \"Tanks:: Epump Retail Outlet\";\r\n    if (localStorage.getItem(\"userDetails\") === \"null\") {\r\n      this.$router.push({ path: \"/\" });\r\n    } else if (configObject.authConfig() === null) {\r\n      window.location.reload();\r\n    }\r\n    this.$eventHub.$on(\"branch\", (branch) => {\r\n      this.branch = branch;\r\n      document.title = `Tanks:: ${branch.name} Retail Outlet`;\r\n    });\r\n  },\r\n  computed: {\r\n    countryProducts: function () {\r\n      return this.$store.getters.getCountryProducts;\r\n    },\r\n  },\r\n  beforeDestroy() {},\r\n\r\n  watch: {\r\n    branch: function (newBranch, oldBranch) {\r\n      if (newBranch.id) {\r\n        this.branchId = this.branch.id;\r\n      }\r\n      if (this.branchId !== null) {\r\n        this.getConsoleStatus();\r\n        if (\r\n          newBranch.engagementLevel === \"Full Auto\" ||\r\n          newBranch.engagementLevel === \"Tank Auto\"\r\n        ) {\r\n          this.getTanks();\r\n        } else {\r\n          this.showLoader = false;\r\n          this.$toast.open({\r\n            message: this.$t(\"text.omit.noTanksDisplay\"),\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n        }\r\n      }\r\n    },\r\n  },\r\n  mounted() {\r\n    if (this.$route.query.branchId) {\r\n      this.getConsoleStatus();\r\n    }\r\n  },\r\n  methods: {\r\n    displayProductSummary(productSummary) {\r\n      let prodCount = 0;\r\n      let summary = productSummary.filter(\r\n        (prod) => prod.productName.toLowerCase() == \"pms\"\r\n      );\r\n      if (summary && summary.length > 0) {\r\n        this.pmsSummary = {\r\n          volume: summary.reduce((acc, curr) => {\r\n            return acc + curr.currentVolume;\r\n          }, 0),\r\n        };\r\n        this.hasPms = true;\r\n        prodCount++;\r\n      }\r\n\r\n      summary = productSummary.filter(\r\n        (prod) => prod.productName.toLowerCase() == \"ago\"\r\n      );\r\n      if (summary && summary.length > 0) {\r\n        this.agoSummary = {\r\n          volume: summary.reduce((acc, curr) => {\r\n            return acc + curr.currentVolume;\r\n          }, 0),\r\n        };\r\n        this.hasAgo = true;\r\n        prodCount++;\r\n      }\r\n\r\n      summary = productSummary.filter(\r\n        (prod) => prod.productName.toLowerCase() == \"dpk\"\r\n      );\r\n      if (summary && summary.length > 0) {\r\n        this.dpkSummary = {\r\n          volume: summary.reduce((acc, curr) => {\r\n            return acc + curr.currentVolume;\r\n          }, 0),\r\n        };\r\n        this.hasDpk = true;\r\n        prodCount++;\r\n      }\r\n\r\n      summary = productSummary.filter(\r\n        (prod) => prod.productName.toLowerCase() == \"lpg\"\r\n      );\r\n      if (summary && summary.length > 0) {\r\n        this.lpgSummary = {\r\n          volume: summary.reduce((acc, curr) => {\r\n            return acc + curr.currentVolume;\r\n          }, 0),\r\n        };\r\n        this.hasLpg = true;\r\n        prodCount++;\r\n      }\r\n      prodCount++;\r\n      let columnNumber;\r\n      prodCount !== 5 ? (columnNumber = 12 / prodCount) : (columnNumber = 3);\r\n      this.productCount = `col-lg-${columnNumber}`;\r\n    },\r\n    getConsoleStatus() {\r\n      this.consoleStatus = this.$t(\"text.omit.checking\");\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Tank/TankConsoleStatus/${\r\n            this.$route.query.branchId\r\n              ? this.$route.query.branchId\r\n              : this.branchId\r\n          }`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          // console.log(response);\r\n          this.consoleStatus = response.data.status;\r\n          this.consoleTime = response.data.lastSeen;\r\n        })\r\n        .catch((error) => {\r\n          // this.showLoader = false;\r\n        });\r\n    },\r\n    getTanks() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Branch/Tanks/${this.branchId}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.displayProductSummary(response.data);\r\n          response.data.sort((a, b) => {\r\n            return a.name.toLowerCase() > b.name.toLowerCase()\r\n              ? 1\r\n              : a.name.toLowerCase() < b.name.toLowerCase()\r\n              ? -1\r\n              : 0;\r\n          });\r\n\r\n          response.data.forEach((element) => {\r\n            element.height = parseInt(\r\n              150 - (element.currentVolume / element.maxCapacity) * 140\r\n            );\r\n            if (element.height >= 98) {\r\n              element.waveColor = \"red\";\r\n            } else if (element.height >= 70) {\r\n              element.waveColor = \"#039be4\";\r\n            } else {\r\n              element.waveColor = \"green\";\r\n            }\r\n            element.waterVolume =\r\n              element.waterVolume == null ? 0 : element.waterVolume;\r\n            if (\r\n              element.productName !== undefined &&\r\n              element.productName !== null\r\n            ) {\r\n              if (\r\n                element.productName.toLowerCase() ===\r\n                this.countryProducts.productsLower.product1\r\n              ) {\r\n                element.color = \"#d8991c\";\r\n              } else if (\r\n                element.productName.toLowerCase() ===\r\n                this.countryProducts.productsLower.product2\r\n              ) {\r\n                element.color = \"#0fce29\";\r\n              } else if (\r\n                element.productName.toLowerCase() ===\r\n                this.countryProducts.productsLower.product3\r\n              ) {\r\n                element.color = \"#00aced\";\r\n              } else if (\r\n                element.productName.toLowerCase() ===\r\n                this.countryProducts.productsLower.product4\r\n              ) {\r\n                element.color = \"purple\";\r\n              }\r\n            } else if (element.name !== undefined && element.name !== null) {\r\n              if (\r\n                element.name\r\n                  .toLowerCase()\r\n                  .includes(this.countryProducts.productsLower.product1)\r\n              ) {\r\n                element.color = \"#d8991c\";\r\n              } else if (\r\n                element.name\r\n                  .toLowerCase()\r\n                  .includes(this.countryProducts.productsLower.product2)\r\n              ) {\r\n                element.color = \"#0fce29\";\r\n              } else if (\r\n                element.name\r\n                  .toLowerCase()\r\n                  .includes(this.countryProducts.productsLower.product3)\r\n              ) {\r\n                element.color = \"#00aced\";\r\n              } else if (\r\n                element.name\r\n                  .toLowerCase()\r\n                  .includes(this.countryProducts.productsLower.product4)\r\n              ) {\r\n                element.color = \"purple\";\r\n              }\r\n            }\r\n          });\r\n          // response.data.sort(function(a, b) {\r\n          //   return a.height - b.height;\r\n          // });\r\n          this.tanks = response.data;\r\n          this.showLoader = false;\r\n          localStorage.setItem(\"tanks\", JSON.stringify(this.tanks));\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n        });\r\n    },\r\n    getAssociatedPumps(pumps) {\r\n      this.$refs.dataGrid.ej2Instances.setProperties({\r\n        dataSource: response.data,\r\n      });\r\n      this.refreshGrid();\r\n    },\r\n    convertThousand(request) {\r\n      if (!isFinite(request)) {\r\n        return \"0.00\";\r\n      }\r\n      return request\r\n        .toFixed(2)\r\n        .toString()\r\n        .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n@keyframes flicker {\r\n  0%,\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n  50% {\r\n    opacity: 0;\r\n  }\r\n}\r\n.flicker-text {\r\n  white-space: nowrap;\r\n  animation: flicker 2s infinite;\r\n}\r\n</style>\r\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=5fc54acc&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=5fc54acc&prod&scoped=true&lang=css&\"\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  \"5fc54acc\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=5fc54acc&prod&scoped=true&lang=css&\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAyCAYAAAA5kQlZAAAABHNCSVQICAgIfAhkiAAAA9NJREFUWEe9WItVFEEQ7IpAiECIQIhAiUCJQIlAjUCIQIlAiUCMQIhAjEDIACIoX92bXvv6dndmFs557x6Pvb2Zmu7q6g/sEYvkgZl9L1scAbhduh2W/lC/I/nTzF6VPa4AHC3dbzEQkh/M7HM6+ATAtyVgFgEhuWdmv8xsJx16b2b7APS3ay0FEl1yVgC9LydfAjjuQmFm3UBIvjOzr+Wg3wAOSMoyN2b2vDw/BnDZA6YLSDnwT3CJIuWqEFeklaW0FD2HPS7qBSIivi2HnQMQYYdFUlZ4XR6cAThttUozEJLxxg9mtpdvXCwmazwrAGQVuay6eoAoSiRgWpNhmsK6WVuagKTNrwG4iI3elKSs8KIGOv64CmSEoFVzJzc2EbcFyBczc43YIOiU80lGYleJOwukKKjCVWuUoDNApL5ykRNXijuZFGtAooJ25xGSCt9PBewFAInh6JoEkvx8B0A37F4kZQVX3EEA80ZzQGK4Tm5QQ5ZSwmQ4jwJJP66GawOYGM6jl5oCIoK6KxZbwwEmN49aZQNIssYswWqWiN+TVHJ8WZ5tZOcxINEasyHXCSTmqg2rrAHZljWCi6JV1lyegWzFGi1cGYAkQj06UmYUN1plyFsRSCxqHh0pM0BiqTkEwwpIyimLVbSVvEltd1VgOZCYE7pzSiuAwJV43kcAXxxIJOkKYe/mPe8nD9wAOER6+APAm55Nl76bqrh9AYmt49bdEtyzfm5qAbbulgBEhbgyvNaFLDKkewAxnJUXFEGLRw01t5FkeedaQP79U6rz4K57ALu1DZd+H3hyPwUkhtc2xc1V9k5AvGi5BbBfBO5/AVlzzaD9zpGUd5pbiF4XZY7E/mNIQiQlamoFBkv1HjT3Pknplc/fzuSa+GC4fWqQVjL8xEBi43bkEu++ijxRzerNlawj0jZ19i2ASXpaeQCw40BiCTCoK8mI+snAJDVflQIOJKrcGieS8grMKYDzlluPvTPS1K/q4qikkbTfAJyUUNZ8TN/5JEiPpbayoiJO4DRLa8rYJDV/89Zz4GQEkpvmtQSY+th8WYFQxM2mg7THWlOfi+dY8uuwDEZgJXaKNO/yHdTs3ISkmnGfqQnEq0j+WoOlQ+QWhe+a6YvoCZg+4tXoxLlwQhPqOAnYKDdael/nhEh60UNSkppAKvLihHq05qmNJUTI6AInqUJuVFNIqnyQ6/SJo4wNd8RL1QY1zgmfrY6R1AFJAvJs3t9XuMuik5FVnaGVEBYgmVhkziSd8pYsIIsKQLW4agISTyq5SYB85ipX6FC3jP6qye6axf8FCE0pItBeZ0YAAAAASUVORK5CYII=\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAbCAYAAACAyoQSAAAABHNCSVQICAgIfAhkiAAAA0FJREFUSEudVkFu2kAUfd+YKqxKThBygpAThCwimUAUFgF1VzhB6AlCTxBuULKrIFJcFYKlLkpOUDhByAmarkBg/KsZsDM2NpjMDjPz3//v//dmCFvWJ8PILFi/JA05ZqSJkJNHmMcMGhPxkG2+6/x6HG6L5f5PURslGBI3RFSNFYx5DKDRtnp32/aHglaMYgOEG99hxgiAqX5jcBZAjog+Kt/N2USvmQPzNQrcB1rKldLJvfmtWx0z/yNQczbVm26QslEwQXSSYPv4u2WJ6lA2zqsgahDoQDIPvMJ2TqMo94FWjEILRJ9XB5/mE70UzLiSL7L432Gc3lvdgVqNypAAVhNT93mgPkqZ79pWL7SXm0Ddqom0b8vEedjp946DNEtQMTQO6c9uhZ1+dzmhIWsbqDhylS/UNdDtcsrxtW11G2uVurSKHs6nycymIYgDuqy4YBLRpaB5PtEP1ZikVhmWVbDYuKBqXAf85b7fa3o6VamYTfT9TVWKQ3FBA9U+qS0jlwYwRm2rK3S3ccUBlcZCyQOwU/XkB5JzMp8kRlTOFwcEnMShtnx2niVd+yMlE6DML5036QUrEOfIzTwW6NIY0gw2xXRqbB+6BqEGFybzYc8egHCkfmdA0rwbaL4wZqBpT5KtDyn7rzB9B1QLmoTs59l5FgkaeBbJGM2mek7MDJXzhbG0rxA9BakRducK31cBY5CAXQtWfWUUcxrht5AiFpxzbVHpabQLqQBiSGzoGU3S7DRdv40ygkr+osT2Yqz6sABtEnAtRNzpd/e3Te+abo1ig8F1l8Z2vxt5XXo6VSeS2al1rMfWrsDSCKCLm2bY7v/0XX9hsWRWb33lcdvqHe4KGrbf63+k9+YvSgA/RPVl1yT87PGPjtUrrRn+stqVScjnz/toFnHkQyBlPxOQFlObwCIbnGqv6cvN86F3+78DWEiECA8CUCQQlbxv0oKC5gj9BeleOdA1CN69uYmttfGOsDCTHQyg0TDB85fpdO81mVocETsZXj7MvFeGNAJwfZMKQjW1Aq6r+oszTMJbE2xXw/w4dJDCggpwPTWvEqgkb6KQxeAXgEzYTivug3ure6g4YlDU3zrs8baqwhL9D2De/3MXEiCqAAAAAElFTkSuQmCC\""],"sourceRoot":""}