{"version":3,"sources":["webpack:///./src/views/ActiveMonitorings.vue?a435","webpack:///./src/views/ActiveMonitorings.vue?3998","webpack:///./src/views/ActiveMonitorings.vue?30d1","webpack:///src/views/ActiveMonitorings.vue","webpack:///./src/views/ActiveMonitorings.vue?796e","webpack:///./src/views/ActiveMonitorings.vue?ae0d"],"names":[],"mappings":"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","file":"js/views-ActiveMonitorings.1bbe05f3.js","sourcesContent":["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/lib/loaders/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/lib/index.js??vue-loader-options!./ActiveMonitorings.vue?vue&type=style&index=0&lang=css&\"","// extracted by mini-css-extract-plugin","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-app',{attrs:{\"id\":\"app\"}},[(_vm.skeletonLoader && _vm.rentals.length === 0)?_c('v-sheet',{staticClass:\"pa-3\",attrs:{\"color\":(\"grey \" + (_vm.theme.isDark ? 'darken-2' : 'lighten-4'))}},[_c('v-skeleton-loader',{staticClass:\"mx-auto\",attrs:{\"max-width\":\"300\",\"type\":\"card\"}})],1):_vm._e(),_c('v-container',[_c('v-tabs',{attrs:{\"right\":\"\"},model:{value:(_vm.activeTab),callback:function ($$v) {_vm.activeTab=$$v},expression:\"activeTab\"}},[_c('v-tab',[_vm._v(\"New Study\")]),_c('v-tab',[_vm._v(\"Ongoing Study\")]),_c('v-tab',[_vm._v(\"Completed Study\")])],1),_c('v-tabs-items',{model:{value:(_vm.activeTab),callback:function ($$v) {_vm.activeTab=$$v},expression:\"activeTab\"}},[_c('v-tab-item',[_c('v-row',_vm._l((_vm.newStudyRentals),function(rental){return _c('v-col',{key:rental.RentalID,attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('v-card',{staticClass:\"mx-auto\",attrs:{\"max-width\":\"600\"}},[_c('v-card-title',[_vm._v(_vm._s(rental.RentalID)+\" - \"+_vm._s(rental.PatientName))]),_c('v-card-text',[_c('v-row',{attrs:{\"align\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"auto\"}},[_c('strong',[_vm._v(\" Start Date: \")]),_vm._v(_vm._s(rental.RentalStartDateHumanReadable))])],1),_c('v-row',{attrs:{\"align\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"auto\"}},[_c('v-btn',{staticClass:\"mx-3\",attrs:{\"fab\":\"\",\"dark\":\"\",\"small\":\"\",\"disabled\":false,\"text\":\"\",\"color\":\"red\"},on:{\"click\":function($event){return _vm.ShowECGDialog(rental.RentalID);}}},[(rental.ServerSyncTimeAgoSec < 1800 && rental.ServerSyncTimeAgoSec !== -1)?_c('v-img',{attrs:{\"aspect-ratio\":1.8,\"width\":50,\"src\":require(\"../assets/Live-Streaming-low.gif\")}}):_vm._e(),(rental.ServerSyncTimeAgoSec >= 1800 || rental.ServerSyncTimeAgoSec === -1)?_c('v-img',{attrs:{\"aspect-ratio\":1.8,\"width\":50,\"src\":require(\"../assets/Live-Grey.png\")}}):_vm._e()],1)],1)],1)],1)],1)],1)}),1)],1),_c('v-tab-item',[_c('v-row',_vm._l((_vm.ongoingStudyRentals),function(rental){return _c('v-col',{key:rental.RentalID,attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('v-card',{staticClass:\"mx-auto\",attrs:{\"max-width\":\"600\"}},[_c('v-card-title',[_vm._v(_vm._s(rental.RentalID)+\" - \"+_vm._s(rental.PatientName))]),_c('v-card-text',[_c('v-row',{attrs:{\"align\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"auto\"}},[_c('strong',[_vm._v(\" Start Date: \")]),_vm._v(\" \"+_vm._s(rental.RentalStartDateHumanReadable))])],1),_c('v-row',{attrs:{\"align\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"auto\"}},[_c('strong',[_vm._v(\"End Date: \")]),_vm._v(\" \"+_vm._s(rental.RentalEndDateHumanReadable)+\" \")]),_c('v-col',{attrs:{\"cols\":\"auto\"}},[_c('strong',[_vm._v(\"Duration(Days): \")]),_vm._v(\" \"+_vm._s(rental.RentalDurationDays)+\" \")])],1),_c('v-row',{attrs:{\"align\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"auto\"}},[_c('v-card',{staticStyle:{\"background\":\"none\",\"box-shadow\":\"none\"},on:{\"click\":function($event){return _vm.ShowECGDialog(rental.RentalID)}}},[_c('div',{attrs:{\"id\":(\"DIV-SPARK-\" + (rental.RentalID))}})])],1)],1),_c('v-row',{staticClass:\"mt-3\",attrs:{\"align\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"auto\"}},[_c('strong',[_vm._v(\" Battery Volts (avg):\")])]),_c('v-col',{attrs:{\"cols\":\"auto\"}},[_c('v-chip',{attrs:{\"color\":_vm.getColor(rental.SensorBatteryVoltsAvg)},on:{\"click\":function($event){return _vm.VoltChipClick(rental.RentalID, rental.ClientTimeZone, rental.RentalDurationDays, rental.SalesLead, rental.RentalEndDateHumanReadable)}}},[_vm._v(\" \"+_vm._s(rental.SensorBatteryVoltsAvg)+\" \")])],1)],1),_c('v-row',{attrs:{\"align\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"auto\"}},[_c('strong',[_vm._v(\" Data Received: \")])]),_c('v-col',{attrs:{\"cols\":\"auto\"}},[_c('v-chip',{attrs:{\"color\":_vm.getColorDataReceived(rental.DataReceivedPercentage)}},[_vm._v(\" \"+_vm._s(rental.DataReceivedPercentage)+\"% \")])],1)],1)],1)],1)],1)}),1)],1),_c('v-tab-item',[_c('v-row',_vm._l((_vm.completedStudyRentals),function(rental){return _c('v-col',{key:rental.RentalID,attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('v-card',{staticClass:\"mx-auto\",attrs:{\"max-width\":\"600\"}},[_c('v-card-title',[_vm._v(_vm._s(rental.RentalID)+\" - \"+_vm._s(rental.PatientName))]),_c('v-card-text',[_c('v-row',{attrs:{\"align\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"auto\"}},[_c('strong',[_vm._v(\" Start Date: \")]),_vm._v(_vm._s(rental.RentalStartDateHumanReadable))])],1),_c('v-row',{attrs:{\"align\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"auto\"}},[_c('strong',[_vm._v(\"End Date: \")]),_vm._v(\" \"+_vm._s(rental.RentalEndDateHumanReadable)+\" \")]),_c('v-col',{attrs:{\"cols\":\"auto\"}},[_c('strong',[_vm._v(\"Duration(Days): \")]),_vm._v(\" \"+_vm._s(rental.RentalDurationDays)+\" \")])],1),_c('v-row',{attrs:{\"align\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"auto\"}},[_c('v-card',{staticStyle:{\"background\":\"none\",\"box-shadow\":\"none\"},on:{\"click\":function($event){return _vm.ShowECGDialog(rental.RentalID)}}},[_c('div',{attrs:{\"id\":(\"DIV-SPARK3-\" + (rental.RentalID))}})])],1)],1),_c('v-row',{staticClass:\"mt-3\",attrs:{\"align\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"auto\"}},[_c('strong',[_vm._v(\" Battery Volts (avg):\")])]),_c('v-col',{attrs:{\"cols\":\"auto\"}},[_c('v-chip',{attrs:{\"color\":_vm.getColor(rental.SensorBatteryVoltsAvg)},on:{\"click\":function($event){return _vm.VoltChipClick(rental.RentalID, rental.ClientTimeZone, rental.RentalDurationDays, rental.SalesLead, rental.RentalEndDateHumanReadable)}}},[_vm._v(\" \"+_vm._s(rental.SensorBatteryVoltsAvg)+\" \")])],1)],1),_c('v-row',{attrs:{\"align\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"auto\"}},[_c('strong',[_vm._v(\" Data Received:\")])]),_c('v-col',{attrs:{\"cols\":\"auto\"}},[_c('v-chip',{attrs:{\"color\":_vm.getColorDataReceived(rental.DataReceivedPercentage)}},[_vm._v(\" \"+_vm._s(rental.DataReceivedPercentage)+\"% \")])],1)],1)],1)],1)],1)}),1)],1)],1)],1),_c('v-dialog',{attrs:{\"fullscreen\":_vm.$vuetify.breakpoint.xsOnly,\"eager\":\"\",\"height\":\"1800\",\"width\":\"1050\",\"persistent\":\"\"},model:{value:(_vm.batteryGraphDialog),callback:function ($$v) {_vm.batteryGraphDialog=$$v},expression:\"batteryGraphDialog\"}},[_c('v-card',{attrs:{\"height\":_vm.cardHeight,\"width\":\"1050\"}},[_c('v-card-title',[_c('v-icon',{attrs:{\"color\":\"red darken-2\"},on:{\"click\":function($event){return _vm.CloseDialogBattery()}}},[_vm._v(\" mdi-close \")]),_c('v-spacer'),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"6\",\"md\":\"10\"}},[_c('h3',[_vm._v(_vm._s(_vm.vHeaderTextRentalID))])]),_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"6\",\"md\":\"10\"}},[_c('h3',[_vm._v(_vm._s(_vm.vHeaderTextLeadOwner))])])],1),_c('v-row',{staticClass:\"mt-n4\"},[_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"6\",\"md\":\"10\"}},[_c('h3',[_vm._v(_vm._s(_vm.vHeaderTextEndDate))])]),_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"6\",\"md\":\"10\"}},[_c('h3',[_vm._v(_vm._s(_vm.vHeaderTextDuration))])])],1)],1),_c('v-card-text',[_c('div',{attrs:{\"id\":\"BatteryGraph\"}})])],1)],1),_c('v-dialog',{attrs:{\"color\":\"white\",\"fullscreen\":_vm.$vuetify.breakpoint.xsOnly,\"eager\":\"\",\"width\":_vm.$vuetify.breakpoint.xsOnly ? 300 : 1120,\"persistent\":\"\"},model:{value:(_vm.LiveECGDialog),callback:function ($$v) {_vm.LiveECGDialog=$$v},expression:\"LiveECGDialog\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"justify-end\"},[_c('v-icon',{attrs:{\"color\":\"red darken-2\"},on:{\"click\":function($event){_vm.LiveECGDialog = false}}},[_vm._v(\" mdi-close \")])],1),_c('v-card-text',[_c('div',{staticStyle:{\"display\":\"flex\",\"flex-direction\":\"column\",\"align-items\":\"center\"},attrs:{\"id\":\"graphContainer\"}},[_c('canvas',{ref:\"graphCanvas\",attrs:{\"id\":\"graphCanvas\",\"width\":_vm.$vuetify.breakpoint.xsOnly ? 300 : 1120,\"height\":_vm.$vuetify.breakpoint.xsOnly ? 150 : 224}}),_c('div',{staticStyle:{\"margin-top\":\"10px\"},attrs:{\"id\":\"timestampBox\"}})])])],1)],1),_c('v-dialog',{attrs:{\"fullscreen\":_vm.$vuetify.breakpoint.xsOnly,\"eager\":\"\",\"width\":\"2000\",\"persistent\":\"\"},model:{value:(_vm.ECGDialog),callback:function ($$v) {_vm.ECGDialog=$$v},expression:\"ECGDialog\"}},[_c('v-card',[_c('v-card-title',[_c('v-icon',{attrs:{\"color\":\"red darken-2\"},on:{\"click\":function($event){return _vm.CloseDialog()}}},[_vm._v(\" mdi-close \")])],1),_c('svg',{attrs:{\"id\":\"demo_chart\",\"width\":\"100%\",\"height\":\"200px\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('defs',[_c('pattern',{attrs:{\"id\":\"smallGrid\",\"width\":\"8\",\"height\":\"8\",\"patternUnits\":\"userSpaceOnUse\"}},[_c('path',{attrs:{\"d\":\"M 8 0 L 0 0 0 8\",\"fill\":\"none\",\"stroke\":\"gainsboro\",\"stroke-width\":\"0.5\"}})]),_c('pattern',{attrs:{\"id\":\"grid\",\"width\":\"40\",\"height\":\"40\",\"patternUnits\":\"userSpaceOnUse\"}},[_c('rect',{attrs:{\"width\":\"40\",\"height\":\"40\",\"fill\":\"url(#smallGrid)\"}}),_c('path',{attrs:{\"d\":\"M 40 0 L 0 0 0 40\",\"fill\":\"none\",\"stroke\":\"powderblue\",\"stroke-width\":\"1\"}})])]),_c('rect',{attrs:{\"width\":\"100%\",\"height\":\"100%\",\"fill\":\"url(#grid)\"}})])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-app id=\"app\">\n    <!-- Skeleton Loader -->\n    <v-sheet \n      :color=\"`grey ${theme.isDark ? 'darken-2' : 'lighten-4'}`\" \n      class=\"pa-3\" \n      v-if=\"skeletonLoader && rentals.length === 0\"\n    >\n      <v-skeleton-loader class=\"mx-auto\" max-width=\"300\" type=\"card\"></v-skeleton-loader>\n    </v-sheet>\n    <!-- Skeleton Loader - End -->\n\n    <!-- Cards for each rental -->\n    <v-container>\n      \n      <v-tabs v-model=\"activeTab\" right>\n        <v-tab>New Study</v-tab>\n        <v-tab>Ongoing Study</v-tab>\n        <v-tab>Completed Study</v-tab>\n      </v-tabs>\n      <v-tabs-items v-model=\"activeTab\">\n        <v-tab-item>\n      <v-row>\n        <v-col v-for=\"rental in newStudyRentals\" :key=\"rental.RentalID\" cols=\"12\" md=\"4\">\n          <v-card class=\"mx-auto\" max-width=\"600\">\n            <v-card-title>{{ rental.RentalID }} - {{ rental.PatientName }}</v-card-title>\n            <v-card-text>\n              <v-row align=\"center\">\n                <v-col cols=\"auto\">\n                <strong> Start Date: </strong>{{ rental.RentalStartDateHumanReadable }}</v-col></v-row>\n              <v-row align=\"center\" >\n                <v-col cols=\"auto\">\n                <v-btn\n                  class=\"mx-3\"\n                  fab\n                  dark\n                  small\n                  :disabled=\"false\"\n                  text\n                  color=\"red\"\n                  @click=\"ShowECGDialog(rental.RentalID);\"\n                >\n                  <v-img \n                    v-if=\"rental.ServerSyncTimeAgoSec < 1800 && rental.ServerSyncTimeAgoSec !== -1\"\n                    :aspect-ratio=\"1.8\"\n                    :width=\"50\"\n                    src=\"../assets/Live-Streaming-low.gif\"\n                  ></v-img>\n                  <v-img \n                    v-if=\"rental.ServerSyncTimeAgoSec >= 1800 || rental.ServerSyncTimeAgoSec === -1\"\n                    :aspect-ratio=\"1.8\"\n                    :width=\"50\"\n                    src=\"../assets/Live-Grey.png\"\n                  ></v-img>\n                </v-btn>\n              </v-col>\n              </v-row>\n          </v-card-text>\n\n          </v-card>\n        </v-col>\n      </v-row>\n    </v-tab-item>\n\n    <v-tab-item>\n      <v-row>\n        <v-col v-for=\"rental in ongoingStudyRentals\" :key=\"rental.RentalID\" cols=\"12\" md=\"4\">\n          <v-card class=\"mx-auto\" max-width=\"600\">\n            <v-card-title>{{ rental.RentalID }} - {{ rental.PatientName }}</v-card-title>\n            <v-card-text>\n              <v-row align=\"center\">\n                <v-col cols=\"auto\">\n                  <strong> Start Date: </strong> {{ rental.RentalStartDateHumanReadable }}</v-col></v-row>\n            <v-row align=\"center\">\n              <v-col cols=\"auto\">\n                <strong>End Date: </strong> {{rental.RentalEndDateHumanReadable}}\n              </v-col>\n              <v-col cols=\"auto\">\n                <strong>Duration(Days): </strong> {{rental.RentalDurationDays}}\n              </v-col>\n            </v-row>\n              <v-row align=\"center\">\n              \n                <v-col cols=\"auto\">\n                  <v-card style=\"background: none; box-shadow: none;\"\n                    @click=\"ShowECGDialog(rental.RentalID)\"\n                   >\n                  <!-- <td class=\"font-weight-bold\" >ECG - Last 10 seconds received :</td> -->\n                  <!--  <div  :id=\"`DIV-SPARK-${item.RentalID}`\" v-on:load=\"DrawECGSparklineGraph(item.RentalID)\">  -->\n                  <div  :id=\"`DIV-SPARK-${rental.RentalID}`\" >\n                  \n                    <!-- {{ DrawECGSparklineGraph(item.RentalID) }} -->\n                  </div> \n\n                  \n                </v-card>\n                </v-col>\n              <!-- <v-col cols=\"auto\">\n                <v-btn\n                  class=\"mx-3\"\n                  fab\n                  dark\n                  small\n                  :disabled=\"false\"\n                  text\n                  color=\"red\"\n                  @click=\"ShowECGDialog(rental.RentalID);\"\n                >\n                  <v-img \n                    v-if=\"rental.ServerSyncTimeAgoSec < 1800 && rental.ServerSyncTimeAgoSec !== -1\"\n                    :aspect-ratio=\"1.8\"\n                    :width=\"50\"\n                    src=\"../assets/Live-Streaming-low.gif\"\n                  ></v-img>\n                  <v-img \n                    v-if=\"rental.ServerSyncTimeAgoSec >= 1800 || rental.ServerSyncTimeAgoSec === -1\"\n                    :aspect-ratio=\"1.8\"\n                    :width=\"50\"\n                    src=\"../assets/Live-Grey.png\"\n                  ></v-img>\n                </v-btn>\n              </v-col> -->\n            </v-row>\n            <v-row align=\"center\" class=\"mt-3\">\n              <v-col cols=\"auto\">\n              <strong> Battery Volts (avg):</strong>\n              </v-col>\n              <v-col cols=\"auto\">\n                <v-chip\n                  :color=\"getColor(rental.SensorBatteryVoltsAvg)\"\n                  @click=\"VoltChipClick(rental.RentalID, rental.ClientTimeZone, rental.RentalDurationDays, rental.SalesLead, rental.RentalEndDateHumanReadable)\"\n                >\n                  {{ rental.SensorBatteryVoltsAvg }}\n                </v-chip>\n              </v-col>\n            </v-row>\n            <v-row align=\"center\">\n              <v-col cols=\"auto\">\n              <strong>  Data Received: </strong>\n              </v-col>\n              <v-col cols=\"auto\">\n                <v-chip :color=\"getColorDataReceived(rental.DataReceivedPercentage)\">\n                  {{ rental.DataReceivedPercentage }}%\n                </v-chip>\n              </v-col></v-row>\n          </v-card-text>\n\n          </v-card>\n        </v-col>\n      </v-row>\n    </v-tab-item>\n\n    <v-tab-item>\n      <v-row>\n        <v-col v-for=\"rental in completedStudyRentals\" :key=\"rental.RentalID\" cols=\"12\" md=\"4\">\n          <v-card class=\"mx-auto\" max-width=\"600\">\n            <v-card-title>{{ rental.RentalID }} - {{ rental.PatientName }}</v-card-title>\n            <v-card-text>\n              <v-row align=\"center\">\n                <v-col cols=\"auto\">\n                <strong> Start Date: </strong>{{ rental.RentalStartDateHumanReadable }}</v-col></v-row>\n            <v-row align=\"center\">\n              <v-col cols=\"auto\">\n                <strong>End Date: </strong> {{rental.RentalEndDateHumanReadable}}\n              </v-col>\n              <v-col cols=\"auto\">\n                <strong>Duration(Days): </strong> {{rental.RentalDurationDays}}\n              </v-col>\n            </v-row>\n              <v-row align=\"center\">\n              \n                <v-col cols=\"auto\">\n                  <v-card style=\"background: none; box-shadow: none;\"\n                    @click=\"ShowECGDialog(rental.RentalID)\"\n                   >\n                  <!-- <td class=\"font-weight-bold\" >ECG - Last 10 seconds received :</td> -->\n                  <!--  <div  :id=\"`DIV-SPARK-${item.RentalID}`\" v-on:load=\"DrawECGSparklineGraph(item.RentalID)\">  -->\n                  <div  :id=\"`DIV-SPARK3-${rental.RentalID}`\" >\n                  \n                    <!-- {{ DrawECGSparklineGraph(item.RentalID) }} -->\n                  </div> \n\n                  \n                </v-card>\n                </v-col>\n              <!-- <v-col cols=\"auto\">\n                <v-btn\n                  class=\"mx-3\"\n                  fab\n                  dark\n                  small\n                  :disabled=\"false\"\n                  text\n                  color=\"red\"\n                  @click=\"ShowECGDialog(rental.RentalID);\"\n                >\n                  <v-img \n                    v-if=\"rental.ServerSyncTimeAgoSec < 1800 && rental.ServerSyncTimeAgoSec !== -1\"\n                    :aspect-ratio=\"1.8\"\n                    :width=\"50\"\n                    src=\"../assets/Live-Streaming-low.gif\"\n                  ></v-img>\n                  <v-img \n                    v-if=\"rental.ServerSyncTimeAgoSec >= 1800 || rental.ServerSyncTimeAgoSec === -1\"\n                    :aspect-ratio=\"1.8\"\n                    :width=\"50\"\n                    src=\"../assets/Live-Grey.png\"\n                  ></v-img>\n                </v-btn>\n              </v-col> -->\n            </v-row>\n            <v-row align=\"center\" class=\"mt-3\">\n              <v-col cols=\"auto\">\n              <strong> Battery Volts (avg):</strong>\n              </v-col>\n              <v-col cols=\"auto\">\n                <v-chip\n                  :color=\"getColor(rental.SensorBatteryVoltsAvg)\"\n                  @click=\"VoltChipClick(rental.RentalID, rental.ClientTimeZone, rental.RentalDurationDays, rental.SalesLead, rental.RentalEndDateHumanReadable)\"\n                >\n                  {{ rental.SensorBatteryVoltsAvg }}\n                </v-chip>\n              </v-col>\n            </v-row>\n            <v-row align=\"center\">\n              <v-col cols=\"auto\">\n              <strong> Data Received:</strong>\n              </v-col>\n              <v-col cols=\"auto\">\n                <v-chip :color=\"getColorDataReceived(rental.DataReceivedPercentage)\">\n                  {{ rental.DataReceivedPercentage }}%\n                </v-chip>\n              </v-col></v-row>\n          </v-card-text>\n\n          </v-card>\n        </v-col>\n      </v-row>\n    </v-tab-item>\n    </v-tabs-items>\n    </v-container>\n\n    <!-- Dialog for Battery Graph -->\n    <v-dialog\n      v-model=\"batteryGraphDialog\"\n      :fullscreen=\"$vuetify.breakpoint.xsOnly\"\n      eager\n      height=\"1800\"\n      width=\"1050\"\n      persistent\n    >\n      <v-card :height=\"cardHeight\" width=\"1050\">\n        <v-card-title>\n          <v-icon\n            color=\"red darken-2\"\n            @click=\"CloseDialogBattery()\"\n          >\n            mdi-close\n          </v-icon>\n          <v-spacer></v-spacer>\n          <v-row>\n            <v-col cols=\"12\" sm=\"6\" md=\"10\">\n              <h3>{{ vHeaderTextRentalID }}</h3>\n            </v-col>\n            <v-col cols=\"12\" sm=\"6\" md=\"10\">\n              <h3>{{ vHeaderTextLeadOwner }}</h3>\n            </v-col>\n          </v-row>\n          <v-row class=\"mt-n4\">\n            <v-col cols=\"12\" sm=\"6\" md=\"10\">\n              <h3>{{ vHeaderTextEndDate }}</h3>\n            </v-col>\n            <v-col cols=\"12\" sm=\"6\" md=\"10\">\n              <h3>{{ vHeaderTextDuration }}</h3>\n            </v-col>\n          </v-row>\n        </v-card-title>\n        <v-card-text>\n          <div id=\"BatteryGraph\">\n            <!-- Battery graph content goes here -->\n          </div>\n        </v-card-text>\n      </v-card>\n    </v-dialog>\n    <v-dialog\n  color=\"white\"\n  v-model=\"LiveECGDialog\"\n  :fullscreen=\"$vuetify.breakpoint.xsOnly\"\n  eager\n  :width=\"$vuetify.breakpoint.xsOnly ? 300 : 1120\"\n  persistent\n>\n  <v-card>\n    <v-card-title class=\"justify-end\">\n      <v-icon\n        color=\"red darken-2\"\n        @click=\"LiveECGDialog = false\"\n      >\n        mdi-close\n      </v-icon>\n    </v-card-title>\n    <v-card-text>\n      <div id=\"graphContainer\" style=\"display: flex; flex-direction: column; align-items: center;\">\n        <!-- Canvas for Graph -->\n        <canvas\n          id=\"graphCanvas\"\n          ref=\"graphCanvas\"\n          :width=\"$vuetify.breakpoint.xsOnly ? 300 : 1120\"\n          :height=\"$vuetify.breakpoint.xsOnly ? 150 : 224\"\n        ></canvas>\n\n        <!-- Timestamp Box aligned below the graph -->\n        <div id=\"timestampBox\" style=\"margin-top: 10px;\">\n          <!-- Timestamp content goes here -->\n        </div>\n      </div>\n    </v-card-text>\n  </v-card>\n</v-dialog>\n\n\n                <v-dialog\n     \n             v-model=\"ECGDialog\"\n             :fullscreen=\"$vuetify.breakpoint.xsOnly\"\n            eager\n            width=\"2000\"\n            persistent\n          >\n          <v-card>\n            <v-card-title >\n              <v-icon\n        \n            color=\"red darken-2\"\n            @click=\"CloseDialog()\"\n            >\n             mdi-close\n    </v-icon>\n        </v-card-title>\n\n          <svg  id=\"demo_chart\"  width=\"100%\" height=\"200px\" xmlns=\"http://www.w3.org/2000/svg\" >\n            \n  <defs>\n    <pattern id=\"smallGrid\" width=\"8\" height=\"8\" patternUnits=\"userSpaceOnUse\">\n      <path d=\"M 8 0 L 0 0 0 8\" fill=\"none\" stroke=\"gainsboro\" stroke-width=\"0.5\"/>\n    </pattern>\n    <pattern id=\"grid\" width=\"40\" height=\"40\" patternUnits=\"userSpaceOnUse\">\n      <rect width=\"40\" height=\"40\" fill=\"url(#smallGrid)\"/>\n      <path d=\"M 40 0 L 0 0 0 40\" fill=\"none\" stroke=\"powderblue\" stroke-width=\"1\"/>\n    </pattern>\n  </defs>\n    \n  <rect width=\"100%\" height=\"100%\" fill=\"url(#grid)\" >\n    \n  </rect>\n</svg>\n</v-card>\n\n                  </v-dialog>\n\n  </v-app>\n</template>\n\n\n\n<script>\nimport pako from 'pako';\nimport axios from \"axios\";\n import moment from \"moment\";\n import 'moment-timezone';\n import * as d3v7 from 'd3';\n import d3 from '../../node_modules/rickshaw/node_modules/d3/d3';\nimport DrawGraph from '../DoctorLiveECG/drawGraph'\n\nexport default {\n  name: \"ActiveMonitorings\",\n  data() {\n    return {\n      rentals: [], // Store rental data\n      skeletonLoader: true, // For loader control\n      FormNumber: 1, // Adjust based on your logic\n      chunkSize : 72 * 60 * 60 * 1000, // 72 hours in milliseconds\n      batteryGraphDialog:false,\n      cardHeight:0,\n      vHeaderTextRentalID : \"\",\n      vHeaderTextLeadOwner : \"\",\n      vHeaderTextEndDate : \"\",\n      vHeaderTextDuration : \"\",\n      LiveECGDialog:false,\n      ECGDialog:false,\n      activeTab: 0,\n      ECGData:[],\n    };\n  },\n  inject: {\n    theme: {\n      default: { isDark: false },\n    },\n  },\n\n  watch: {\n    activeTab(newValue) {\n      // If tab 2 (index 1) is active, load the graph\n      if (newValue === 1) {\n        this.loadGraph(newValue);\n      }\n    },\n  },\n\n  updated(){\n\n//this.countDown()\n\nconsole.log(\"this.patientInfo in updated\",this.rentals)\nthis.RemoveBlankSVG()\n \n\nfor(var i=0 ; i< this.rentals.length;i++){\n\n  //console.log(\"Rid-lastsync\",this.patientInfo[i].RentalID,\"-\",this.patientInfo[i].ServerSyncTimeAgoSec)\n\n if(this.rentals[i].EcgDataStartedStreaming == true){\n    \n     this.DrawECGSparklineGraph(this.rentals[i].RentalID);\n     \n  }\n     \n}\n\n\n\n\n},\n\ncomputed: {\n    // Rentals for New Study (no ECG streaming or less than half an hour)\n    newStudyRentals() {\n  const thirtyMinutesInMs = 30 * 60 * 1000; // 30 minutes in milliseconds\n  const currentTime = Date.now(); // Get the current time in milliseconds\n\n  return this.rentals.filter(rental => {\n    return rental.EcgFirstSyncPosixMs === 0 || currentTime < (rental.EcgFirstSyncPosixMs + thirtyMinutesInMs);\n  });\n},\n\nongoingStudyRentals() {\n  return this.rentals.filter(rental => {\n    const thirtyMinutesInMs = 30 * 60 * 1000; // 30 minutes in milliseconds\n    const currentTime = Date.now(); // Get the current time in milliseconds\n\n    return rental.EcgFirstSyncPosixMs !== 0 && currentTime >= (rental.EcgFirstSyncPosixMs + thirtyMinutesInMs) && rental.DataReceivedPercentage <= 95;\n  });\n},\n\n    \n    // Rentals for Completed Study (DataReceivedPercentage > 95)\n    completedStudyRentals() {\n      return this.rentals.filter(rental => \n        rental.DataReceivedPercentage > 95\n      );\n    }\n  },\n\n  \n  methods: {\n\n    loadGraph(newValue) {\n      // Ensure the SVG is available before loading the graph\n      this.$nextTick(() => {\n        const svg = document.getElementById('graphSvg');\n        if (svg) {\n          for(var i=0 ; i< this.rentals.length;i++){\n\n//console.log(\"Rid-lastsync\",this.patientInfo[i].RentalID,\"-\",this.patientInfo[i].ServerSyncTimeAgoSec)\n\nif(this.rentals[i].EcgDataStartedStreaming == true){\n\n \n\n   this.DrawECGSparklineGraph(this.rentals[i].RentalID);\n   \n\n}\n   \n}\n        }\n      });\n    },\n\n    GetLiveEcgData(iRentalID) {\n\nconsole.log(\"Getting Data\")\n\n  var http = new XMLHttpRequest();\n      var url = \"https://operations-beta.monitrahealth.info/apiMumbai/activerentals/sparklines/ecg?RentalID=\"+iRentalID+\"&DurationSec=120\";\n      var method = \"GET\";\n      let myJSON;\n      //console.log(url);\n      http.open(method,url,false);\n      //http.setRequestHeader(\"Content-Type\", 'application/json');\n      \n     http.onreadystatechange = ()=> {\n      if(http.readyState === XMLHttpRequest.DONE && http.status === 200) {\n        myJSON = JSON.parse(http.responseText)\n      \n          //var sparklineDataMap = myJSON\n          \n      ////console.log(\"sparklineDataMap =\",sparklineDataMap)\n      ////console.log(this.output[i].output2)\n      \n      \n     // //console.log(\"myJSON = \",myJSON);\n   } else if (http.readyState === XMLHttpRequest.DONE && http.status !== 200) {\n      //console.log(http);\n      //console.log(\"Error!\");\n   }\n  };\n    \n      http.send();\n      \n      \n  \n  //\n\n  //console.log(\"myJson\",myJSON['Items']);\n\n  var vData = myJSON['Items']\n\n // console.log(vData)\n //TimeSeries\n  // if(flag!=\"false\"){\n  //   this.ShowLiveECG(iRentalID);\n  // }\n\n\nreturn vData;\n \n\n      \n      \n},\n\n\n    \n    GetEcgData(iRentalID) {\n\nconsole.log(\"Getting Data\")\n\n  var http = new XMLHttpRequest();\n      var url = \"https://operations-beta.monitrahealth.info/apiMumbai/activerentals/sparklines/ecg?RentalID=\"+iRentalID+\"&DurationSec=120\";\n      var method = \"GET\";\n      let myJSON;\n      //console.log(url);\n      http.open(method,url,false);\n      //http.setRequestHeader(\"Content-Type\", 'application/json');\n      \n     http.onreadystatechange = ()=> {\n      if(http.readyState === XMLHttpRequest.DONE && http.status === 200) {\n        myJSON = JSON.parse(http.responseText)\n      \n          //var sparklineDataMap = myJSON\n          \n      ////console.log(\"sparklineDataMap =\",sparklineDataMap)\n      ////console.log(this.output[i].output2)\n      \n      \n     // //console.log(\"myJSON = \",myJSON);\n   } else if (http.readyState === XMLHttpRequest.DONE && http.status !== 200) {\n      //console.log(http);\n      //console.log(\"Error!\");\n   }\n  };\n    \n      http.send();\n\n  //console.log(\"myJson\",myJSON['Items']);\n\n  var vData = myJSON['Items']\n  var resdata=[];\n  //console.log(vData)\nreturn vData;\n     \n},\n    StopECGLive(){\n        clearInterval(this.Interval);\n        this.ECGDialog = false;\n        this.smoothie.stop();\n        \n      },\n    ShowLiveECG(iRentalID){\n          this.ECGDialog = true;\n          console.log(\"\\n\\n\\nLive ECG\")\n\n          var vData = this.GetLiveEcgData(iRentalID);\n          //console.log(\"vData = \",vData);\n\n      var i =0;\n\n   this.smoothie = new SmoothieChart(\n          {tooltip:true,\n          interpolation:'bezier',\n          //minValue: -4.5,\n          //maxValue:1.0,\n           millisPerPixel:4,\n           enableDpiScaling: true,\n          // maxDataSetLength: 5,\n           scrollBackwards:false,\n           grid:{verticalSections:1,\n                 strokeStyle:'transparent',\n                 fillStyle:'#ffffff',\n                 \n                 },\n           scaleSmoothing:0.9,\n           nonRealtimeData: true,\n          \n           //responsive:true,\n           timestampFormatter:SmoothieChart.timeFormatter,\n          // resetBounds: true,\n           \n           labels:{disabled:true,fillStyle:'#000000'}});\n                                                         \n       var canvas = document.getElementById('smoothie-chart')\n\n       this.smoothie.streamTo(document.getElementById(\"mycanvas\"));\n       \n\n\n        var line1 = new TimeSeries();\n        console.log(\"Line1...\",line1)\n\n        //console.log(\"line1\",line1)\n\n\n// Add a random value to line every second\n\nthis.Interval = setInterval(() =>{\n  var status = \"\";\n // line1.append(new Date().getTime(), Math.random());\n  if(i%10==0){\n      //console.log(\"clearing\")\n      line1 = new TimeSeries()\n      \n      \n      \n    }\n //for(var j=0 ; j<200;j++){\n\n     if(i<vData.length){\n      i = i+1\n     }\n\n     if(i==vData.length){\n     \n      i = 0\n      vData = [];\n      console.log(\"vData empty===\",vData)\n      //line1 = new TimeSeries();\n      //this.smoothie.stop();\n      line1.clear();\n      vData = this.GetLiveEcgData(iRentalID);\n      //status = \"wait\";\n      console.log(\"Got the data again vData===\",vData)\n      //line1.clear()\n\n      \n      \n     }\n\n  \n     //console.log(vData[i].PosixMs)\n     console.log(i,vData[i].PosixMs,vData[i].ECGValue)\n      \n     //if(status != \"wait\"){\n    line1.append(vData[i].PosixMs, vData[i].ECGValue);\n    this.smoothie.addTimeSeries(line1,{lineWidth:3,strokeStyle:'#ff0000'});//#e84545 //17ed07\n    \n  \n    \n    // }\n\n\n  //}\n   // }\n  \n   \n  \n}, 1);\n\n// Add to SmoothieChart\n\n    \nthis.smoothie.streamTo(document.getElementById(\"mycanvas\") /*delay*/);\n     \n},\n    CloseDialog(){\n        this.ECGData = [];\n        this.ECGDialog = false;\n        d3.selectAll(\"#\"+\"demo_chart > *\").remove();\n\n         //begin\n         var demoChart = d3.select('#demo_chart');\n     var defs =   demoChart.append('defs');\n   defs.append('pattern')\n   .attr('id','smallGrid')\n   .attr('width','8')\n   .attr('height','8')\n   .attr('patternUnits','userSpaceOnUse')\n   .append('path')\n   .attr('d','M 8 0 L 0 0 0 8')\n   .attr('fill','none')\n   .attr('stroke','gainsboro')\n   .attr('stroke-width','0.5');\n   \n   \n   var pattern1 = defs.append('pattern');\n   pattern1.attr('id','grid')\n   .attr('width','40')\n   .attr('height','40')\n   .attr('patternUnits','userSpaceOnUse');\n   \n   pattern1.append('rect')\n   .attr('width','40')\n   .attr('height','40')\n   .attr('fill','url(#smallGrid)');\n   pattern1.append('path')\n   .attr('d','M 40 0 L 0 0 0 40')\n   .attr('fill','none')\n   .attr('stroke','powderblue')\n   .attr('stroke-width','1');\n   \n   demoChart.append('rect')\n   .attr('width','100%')\n   .attr('height','100%')\n   .attr('fill','url(#grid)')\n        //end\n\n\n      },\n    DrawECGSparklineGraph(iRentalID ){\n    console.log(\"im inside\")\n        \n\nlet RentalID = iRentalID;\nlet ecgData = this.sparkLines(RentalID);\n// console.log(\"ecgData = \",ecgData);\n\nlet width = 300 \nlet height = 50 \n\nsetTimeout(() => {\n       \nd3v7.selectAll(\"#\"+\"SPARK\"+\"-\"+RentalID).remove();\nif(this.activeTab == 1){\nvar svg = d3v7.select(\"#\"+\"DIV-SPARK\"+\"-\"+RentalID).append(\"svg\")\n.attr(\"id\",\"\"+\"SPARK\"+\"-\"+RentalID)\n.attr(\"width\", width )\n.attr(\"height\", height )\n.style(\"background-color\",\"white\")\n.style(\"margin-top\",\"2rem\")\n.append(\"g\")\n.attr(\"transform\",\n      \"translate(\" + 0 + \",\" + 0 + \")\");\n}\nif(this.activeTab == 2){\nvar svg = d3v7.select(\"#\"+\"DIV-SPARK3\"+\"-\"+RentalID).append(\"svg\")\n.attr(\"id\",\"\"+\"SPARK\"+\"-\"+RentalID)\n.attr(\"width\", width )\n.attr(\"height\", height )\n.style(\"background-color\",\"white\")\n.style(\"margin-top\",\"2rem\")\n.append(\"g\")\n.attr(\"transform\",\n      \"translate(\" + 0 + \",\" + 0 + \")\");\n}\n\n      //const svg2 = document.getElementById('graphSvg');\n      if (svg) {     \n\n//console.log(\"svg == \",svg)\nvar x = d3v7.scaleLinear().range([0, width]);\nvar y = d3v7.scaleLinear().range([height, 0]);\n\nvar graphData = ecgData.Items;\n//console.log(\"graphData = \",graphData);\n     // Scale the range of the data\nx.domain(d3v7.extent(graphData, function(d) { return parseInt(d.PosixMs); }));\ny.domain([d3v7.min(graphData, function(d) { return parseFloat(d.ECGValue); }), d3v7.max(graphData, function(d) { return parseFloat(d.ECGValue); })]);\n\n// define the line\nvar valueline = d3v7.line()\n.x(function(d) { return x(parseInt(d.PosixMs)); })\n.y(function(d) {  return y(parseFloat(d.ECGValue)); });\n\n\n\n      // Add the valueline path.\n      svg.append(\"path\")\n  .data([graphData])\n  .attr(\"class\", \"ECGSparkline\")\n  .attr(\"d\", valueline)\n  .attr(\"stroke\",\"red\")\n  .attr(\"stroke-width\",\"1px\")\n  .attr(\"fill\",\"none\");\n}\n}, 1000)\n this.RemoveBlankSVG()\n\n},\n\n\n\n RemoveBlankSVG(){\n        //console.log(\"Checking for blanks\")\n        var  svgs = document.querySelectorAll('svg');\n        //console.log(\"svgs~!\",svgs)\n         for (var i=0;i<svgs.length;i++){\n            if (svgs[i].innerHTML === '') {\n              svgs[i].remove();\n            }\n          }\n        },\n\nsparkLines(iRentalID){\n\n\nvar ECGData;\nfor (var i=0; i<this.rentals.length; i++){\nif (this.rentals[i].RentalID == iRentalID) {\nECGData = this.rentals[i].ECG\n}\n}\n\nvar myJSON = {\nCount: ECGData.length,\nItems: ECGData\n}\nreturn myJSON;\n\n  \n  },\n    drawECGSparkLine(iRentalID){\n          console.log(\"\\n\\n\\ninsode draw ecg sparkline\",iRentalID)\n                    console.log(\"iRentalID\",iRentalID)\n                   console.log(\"before print elem: \"+\"DIV-\"+\"SPARK\"+\"-\"+iRentalID,document.getElementById(\"DIV-\"+\"SPARK\"+\"-\"+iRentalID));\n         setTimeout(function(){ \n\n           console.log(\"this.sparkLineElemObj = \");\n           console.log(this.sparkLineElemObj);\n           console.log(\"before print elem: \"+\"SPARK\"+\"-\"+iRentalID,document.getElementById(\"SPARK\"+\"-\"+iRentalID));\n           //console.log(\"before print elem from Obj: \",this.sparkLineElemObj[iRentalID]);\n           //console.log(\"before this.sparkLineInfo[0][\"+iRentalID+\"] = \",this.sparkLineInfo[0][iRentalID]);\n           //vData = this.sparkLineInfo[0][iRentalID];\n           if (document.getElementById(\"SPARK\"+\"-\"+iRentalID) == null){\n             console.log(\"inside if\") \n           } else {\n             console.log(\"inside else\")\n             document.querySelector(\"#DIV-SPARK-\"+iRentalID).appendChild(document.getElementById(\"SPARK\"+\"-\"+iRentalID));\n             \n           }\n           \n           console.log(\"after print elem: \"+\"DIV-\"+\"SPARK\"+\"-\"+iRentalID,document.getElementById(\"DIV-\"+\"SPARK\"+\"-\"+iRentalID));\n           //console.log(\"after print elem: \"+\"SPARK\"+\"-\"+iRentalID,document.getElementById(\"SPARK\"+\"-\"+iRentalID));\n           //console.log(\"after print elem from Obj: \",this.sparkLineElemObj[iRentalID]);\n           }, 1000);   \n           /*\n           \n           setTimeout(function(){ \n             \n             \n           AddECGSparkLine(iRentalID, vData);\n           }, 3000);   \n           \n           */\n           \n           //var myObj = {iRentalID: this.sparkLineInfo[0][iRentalID]};\n           \n        },\n    DrawSineWave(iRentalID){\n       console.log(\"im inside\")\n        this.ECGDialog = true;\n        console.log(\"this.ECGData-->\",this.ECGData)\n    \n    /* Rickshaw real-time data visualization (UNOPTIMIZED)*/\n    var vData = this.GetEcgData(iRentalID);\n    \n    //var RentalIDs = GetRentals();\n    var updateInterval = 5;\n    var i = 0;\n    var frequency = 5;\n    \n    console.log(vData,\"=vdata\")\n\n    var vMax = d3.max(vData, function(d) { return +d.ECGValue;} );\n    var vMin = d3.min(vData, function(d) { return +d.ECGValue;} );\n    console.log(\"vMax = \",vMax);\n    console.log(\"vMin = \",vMin);\n   \n    \n    /* Rickshaw.js initialization */\n    \n     var chart1 = new Rickshaw.Graph({\n      element: document.querySelector(\"#demo_chart\"),\n      \n      width: \"1300\",\n      height: \"150\",\n      renderer: \"line\",\n      min: vMin ,\n      max: vMax,\n      \n      \n      series: new Rickshaw.Series.FixedDuration(\n        [\n          {\n            name: \"one\",\n            color: \"#EC644B\",\n            \n          }\n        ],\n        undefined,\n        {\n          timeInterval: updateInterval,\n          maxDataPoints: 1000\n        }\n      )\n    \n    });\n\n    //var chart1 = this.GraphChart;\n\n    console.log(\"chart1\",chart1)\n    \n    var y_axis = new Rickshaw.Graph.Axis.Y({\n      graph: chart1,\n      \n      \n      tickFormat: function(y) {\n        return y.toFixed(2);\n      },\n      \n      ticks: [],\n      element: document.getElementById(\"y_axis\")\n    });\n    var time = new Rickshaw.Fixtures.Time();\n    var x_axis = new Rickshaw.Graph.Axis.X({\n      graph: chart1,\n      timeUnit: time.unit('second'),\n      \n      ticks: [],\n      \n      \n      tickFormat: (x)=>{\n        \n                    return new Date(x * 1000).toLocaleTimeString();\n                    \n                  },\n      element: document.getElementById(\"x_axis\"),\n      \n     \n    });\n    \n    /* Timer function that is called every @updateInterval milliseconds*/\n    setInterval(() =>{\n      //this.insertRandomDatapoints(vData,i);\n      let tmpData = {\n    one: vData[i].ECGValue//Math.sin(2*Math.PI*frequency*i/200)*10 + 30\n  };\n  i = i + 1;\n\n  if(i== 23999){\n    console.log(\"Getting ecg data\")\n    GetEcgData(iRentalID);\n  }\n  //  if (i%1000 == 0) {\n  //   //console.log(\"i = \",i);\n  //  }\n\n  chart1.series.addData(tmpData);\n  //x_axis.render();\n  chart1.render();\n    }, updateInterval);\n \n},\n    drawLiveGraph(iRentalIDStr) {\n    \n    let iRentalID = parseInt(iRentalIDStr);\n    \n    // Remove previous graph canvas\n    d3.select(\"#\"+\"graphCanvas\").remove();\n\n     // Create a new graph canvas with responsive width and height\n  const isPhoneView = this.$vuetify.breakpoint.xsOnly;\n  const canvasWidth = isPhoneView ? 300 : 1120;\n  const canvasHeight = isPhoneView ? 150 : 224;\n\n    // Create a new graph canvas\n    d3.select(\"#graphContainer\")\n      .append(\"canvas\")\n      .attr(\"id\", \"graphCanvas\")\n      .attr(\"width\",canvasWidth)\n      .attr(\"height\", canvasHeight);\n\n    // Check if ECG data is already fetched\n    /*\n    if (this.ecgData === null || this.ecgData.RentalID !== iRentalID) {\n      // Fetch ECG data for the selected Rental ID\n      this.ecgData = this.LiveECGData(iRentalID);\n    }\n*/\n    // Draw the new graph using the fetched ECG data\n    DrawGraph.drawGraph(iRentalID);\n\n    // Return the selected Rental ID\n    return iRentalIDStr;\n  },\n\n\n    ShowECGDialog(iRentalID){\n\nthis.LiveECGDialog = true;\nconsole.log(\"this.ECGDialog\",this.LiveECGDialog)\n\n\nvar vGraphContainer = document.querySelector(\"#graphContainer\")\nconsole.log(\"vGraphContainer\",vGraphContainer)\nthis.drawLiveGraph(iRentalID)\n//this.drawLiveGraph('503319')\n},\n\nCloseDialogBattery(){\n        this.batteryGraphDialog = false;\n},\n    GetBatteryValues(iRentalID){\n  var vData;\n  var http = new XMLHttpRequest();\n  //var iRentalID = 503421\n      var url = \"https://operations-mumbai.monitrahealth.info/dataxchanges/activerentals/sparklines/battery?RentalID=\"+iRentalID;\n      var method = \"GET\";\n      let myJSON;\n      //console.log(url);\n      http.open(method,url,false);\n      http.setRequestHeader(\"Content-Type\", 'application/json');\n      http.setRequestHeader(\"x-api-key\", 'uuwPSuQOl38uWJxRtW8hs5o8AQycSZxM2rkMnHoE');\n      \n     http.onreadystatechange = ()=> {\n      if(http.readyState === XMLHttpRequest.DONE && http.status === 200) {\n        myJSON = JSON.parse(http.responseText)\n        console.log(\"myJSON.Response==\",myJSON.Response)\n        // begin\n  \n  // pako begin\n  \n  \n    // Decode the base64 string to binary\n    const binaryString = atob(myJSON.Response);\n  \n  // Create a Uint8Array from the binary string\n  const uint8Array = new Uint8Array(binaryString.length);\n  for (let i = 0; i < binaryString.length; i++) {\n  uint8Array[i] = binaryString.charCodeAt(i);\n  }\n  \n  // Decompress the Uint8Array using pako\n  const inflatedArray = pako.inflate(uint8Array, { to: 'string' });\n  \n  let constArrayObj = JSON.parse(inflatedArray)\n  \n  // The inflatedArray variable now contains the uncompressed string\n  //console.log(constArrayObj);\n  \n  let iData = constArrayObj.Items;\n  \n  //console.log(\"iData = \",iData);\n  \n  vData = iData.map(function(d){\n      return {\n        \"PosixMs\":parseInt(d.PosixMs),\n        \"Volts\": (parseFloat(d.Volts) > 3.5) ? 0 : parseFloat(d.Volts),\n        \"SensorMacAddress\": d.SensorMacAddress,\n        \"MobileIpAddress\":d.MobileIpAddress,\n        \"MobileBatteryPct\":d.MobileBatteryPct,\n        \"MobileBleRssi\":d.MobileBleRssi,\n        \"MobileOsPlatform\":d.MobileOsPlatform,\n        \"PhoneManufacturer\":d.PhoneManufacturer,\n        \"PhoneModel\":d.PhoneModel,\n        \"EcgLastSyncFramesCount\":d.EcgLastSyncFramesCount,\n        \"SensorEcgChannelCount\":d.SensorEcgChannelCount\n      }\n  });\n\n  console.log(\"get vData = \",vData);\n  \n  \n  \n  \n  // pako end\n    \n  \n        \n        // end\n        \n        \n        //console.log(\"myJSON = \",myJSON.Response);\n      \n          //var sparklineDataMap = myJSON\n          \n      ////console.log(\"sparklineDataMap =\",sparklineDataMap)\n      ////console.log(this.output[i].output2)\n      \n      \n     // //console.log(\"myJSON = \",myJSON);\n   } else if (http.readyState === XMLHttpRequest.DONE && http.status !== 200) {\n      //console.log(http);\n      //console.log(\"Error!\");\n   }\n  };\n  \n        http.send();\n  \n  \n  \n  return vData;\n        \n  }  ,\n    getColor (batteryvolts) {\n          if(batteryvolts == 0) return 'orange lighten-1'\n        else if (batteryvolts < 2.60) return 'red white--text'\n        \n        else if(batteryvolts > 2.60 && (batteryvolts < 2.7)) return 'orange'\n        \n        else return 'transparent'\n      },\n    VoltChipClick(iRentalID,ClientTimeZone,iDays,iSalesLead,iRentalEndDateHumanReadable){\n      console.log(\"volt chip clicked for \",iRentalID);\n      if(this.batteryGraphDialog == false){\n        this.batteryGraphDialog = true;\n      }\n       if(iDays <= 7){\n        this.cardHeight = 1600\n       }else if(iDays > 7 && iDays <= 14){\n        this.cardHeight = 3000\n       }else{\n        this.cardHeight = 5000\n       }\n      var vData = this.GetBatteryValues(iRentalID)\n      console.log(\"VoltChipClick vData = \",vData);\n\n      //DrawDygraphChart.DrawDygraph(vData)\n      this.DrawBatteryGraphD3(vData,iRentalID,ClientTimeZone,iSalesLead,iRentalEndDateHumanReadable,iDays)\n\n   },\n\n   DrawBatteryGraphD3(vData,iRentalID,ClientTimeZone,iSalesLead,iRentalEndDateHumanReadable,iDays){\n\n\n//var iRentalID = 503418;\n\n//console.log(\"iRentalID = \",iRentalID);\n\n//var vData = this.GetBatteryValues(iRentalID)\n\n//console.log(\"vData = \", vData);\nlet data = vData;\n// Parse the PosixMs values as dates\ndata.forEach(function(d) {\n  d.PosixMs = new Date(d.PosixMs);\n});\n\n\n\n\n    // Split the data into chunks of 72-hour intervals\n    //var chunkSize = 72 * 60 * 60 * 1000; // 72 hours in milliseconds\n    var dataChunks = [];\n    var currentChunk = [];\n    var currentChunkStartTime = data[0].PosixMs.getTime();\n    let chunkSizeMs = this.chunkSize\n\n    data.forEach(function(d) {\n      var currentTime = d.PosixMs.getTime();\n      if (currentTime - currentChunkStartTime > chunkSizeMs) {\n        // The data exceeds 72 hours; start a new chunk\n        dataChunks.push(currentChunk);\n        currentChunk = [];\n        currentChunkStartTime = currentTime;\n      }\n      currentChunk.push(d);\n    });\n\n    // Add the last chunk to the dataChunks array\n    if (currentChunk.length > 0) {\n      dataChunks.push(currentChunk);\n    }\n\n    d3v7.selectAll(\"#\"+\"BatteryGraph > *\").remove();\n    // Create a chart for each data chunk\n    var container = d3v7.select(\"#BatteryGraph\");\n\n    for (let i=0; i<dataChunks.length; i++){\n      var chunkContainer = container\n        .append(\"div\")\n        .attr(\"id\", \"chart-container-\"+iRentalID.toString()+\"-\"+i.toString());\n        \n      this.DrawBatteryGraphD3Chunks(chunkContainer, dataChunks[i], i,iRentalID,ClientTimeZone,iSalesLead,iRentalEndDateHumanReadable,iDays);\n    }\n\n\n\n\n\n},\n\nDrawBatteryGraphD3Chunks(container, data, chunkIndex, iRentalID,ClientTimeZone,iSalesLead,iRentalEndDateHumanReadable,iDays){\n       // Set up chart dimensions\n       var margin = { top: 20, right: 0, bottom: 70, left: 50 };\n      var width = 1000 - margin.left - margin.right;\n      var height = 400 - margin.top - margin.bottom;\n\n      //var rentalDiv = container.append(\"div\").attr(\"class\",\"rental-id-container\");\n      //rentalDiv.append(\"div\").attr(\"class\",\"rental-id-text\");\n\n     // Append rental ID text at the top of the chart container\n\n     //var vHeaderText = \"Rental ID: \"+iRentalID.toString()+\"    LeadOwner: \"+iSalesLead+\"     End Date: \"+iRentalEndDateHumanReadable+\"     Duration: \"+iDays.toString()\n      this.vHeaderTextRentalID = \"Session ID: \" + iRentalID.toString();\n      this.vHeaderTextLeadOwner = \"LeadOwner: \" + iSalesLead;\n      this.vHeaderTextEndDate = \"End Date: \" + iRentalEndDateHumanReadable;\n      this.vHeaderTextDuration = \"Duration: \" + iDays.toString();\n\n\n      // Create SVG element\n      var svg = container\n        .append(\"svg\")\n        .attr(\"id\", \"svg-\"+iRentalID.toString()+\"-\"+chunkIndex.toString())\n        .attr(\"width\", width + margin.left + margin.right)\n        .attr(\"height\", height + margin.top + margin.bottom)\n        .append(\"g\")\n        .attr(\"transform\", \"translate(\" + margin.left + \",\" + margin.top + \")\");\n\n        //Define scales\n      var xScale = d3v7.scaleTime()\n        .domain([data[0].PosixMs, new Date(data[0].PosixMs.getTime() + this.chunkSize)])\n        .range([0, width]);\n\n      var yScale = d3v7.scaleLinear()\n        .domain([1.5, 3.5])\n        .range([height, 0]);\n\n\n      // Append y-axis label\n      svg.append(\"text\")\n        .attr(\"class\", \"y label\")\n        .attr(\"text-anchor\", \"middle\")\n        .attr(\"y\", -margin.left + 20)\n        .attr(\"x\", -height/2)\n        .attr(\"fill\", \"black\")\n        .attr(\"transform\", \"rotate(-90)\")\n        .text(\"Volts\");\n\n      // Append x-axis label\n      svg.append(\"text\")\n        .attr(\"class\", \"x label\")\n        .attr(\"text-anchor\", \"middle\")\n        .attr(\"x\", width / 2)\n        .attr(\"y\", height + margin.bottom - 30)\n        .text(\"Days of Monitoring\")\n        .attr(\"fill\", \"black\");\n\n       // Append the tooltip element\n       var BatteryTooltip = d3v7.select(\"#BatteryGraph\")\n        .append(\"div\")\n        .attr(\"class\", \"Battery-Tooltip\");\n      \n\n      // Append data points as circles\n      svg.append(\"g\")\n         .selectAll(\"circle\")\n         .data(data)\n         .enter()\n         .append(\"circle\")\n         .attr(\"cx\", function (d) { return xScale(d.PosixMs); })\n         .attr(\"cy\", function (d) { return yScale(d.Volts); })\n         .attr(\"r\", 1.5)\n         .style(\"fill\", function(d) { \n          if (d.Volts > 2.65) {\n            d.VoltsColor = \"#000000\";\n            return \"#000000\"; // Black for voltage above 2.65V\n          } else if (d.Volts >= 2.55 && d.Volts <= 2.65) {\n            d.VoltsColor = \"#FFA500\";\n            return \"#FFA500\"; // Orange for voltage between 2.55V and 2.65V\n          } else {\n            d.VoltsColor = \"#FF0000\";\n            return \"#FF0000\"; // Red for voltage below 2.55V\n          }\n        })\n        .on(\"mouseover\", function(event, d) {\n          BatteryTooltip.style(\"display\", \"inline\")\n          .html(\"<b>Date:</b> \" +  moment.unix(d.PosixMs/1000).tz('Asia/Kolkata').format(\"DD-MMM-YYYY\") + \"<br>\" +\n                  \"<b>Time:</b> \" + moment.unix(d.PosixMs/1000).tz('Asia/Kolkata').format(\"h:mm:ss A z\") + \"<br>\" +\n                  \"<b>Voltage:</b> <span style='color:\" + d.VoltsColor + \"'><strong>\" + d.Volts.toFixed(2) + \"</strong></span>\"+\"<br>\" +\n                  \"<b>MacAddress:</b> \" + d.SensorMacAddress+\"<br>\" +\n                  \"<b>MobileIpAddress:</b> \" + d.MobileIpAddress+\"<br>\" +\n                  \"<b>MobileBatteryPct:</b> \" + d.MobileBatteryPct +\"<br>\" +\n                  \"<b>MobileBleRssi:</b> \" + d.MobileBleRssi +\"<br>\" +\n                  \"<b>MobileOsPlatform:</b> \" + d.MobileOsPlatform+\"<br>\" +\n                  \"<b>PhoneManufacturer:</b> \" + d.PhoneManufacturer+\"<br>\" +\n                  \"<b>PhoneModel:</b> \" + d.PhoneModel+\"<br>\" +\n                  \"<b>EcgLastSyncFramesCount:</b> \" + d.EcgLastSyncFramesCount+\"<br>\" +\n                  \"<b>SensorEcgChannelCount:</b> \" + d.SensorEcgChannelCount)\n        .style(\"left\", (event.clientX + 10) + \"px\")\n        .style(\"top\", (event.clientY - 10) + \"px\");\n        })\n        .on(\"mousemove\", function(event, d) {\n          //console.log(\"ClientTimeZone = \"+ClientTimeZone+\" event = \",event);\n\n          BatteryTooltip.style(\"left\", (event.clientX + 10) + \"px\")\n        .style(\"top\", (event.clientY - 10) + \"px\");\n        })\n        .on(\"mouseout\", function() {\n          BatteryTooltip.style(\"display\", \"none\");\n        });\n\n       // Function to format time in 12-hour format\n       function format12HourTime(date) {\n        var hours = date.getHours();\n        var minutes = date.getMinutes();\n        var ampm = hours >= 12 ? 'pm' : 'am';\n        hours = hours % 12;\n        hours = hours ? hours : 12; // The hour '0' should be '12'\n        minutes = minutes < 10 ? '0'+minutes : minutes;\n        var strTime = hours + ':' + minutes + ' ' + ampm;\n        return strTime;\n       };\n\n        \n\n\n      \n      // Append x-axis\n      svg.append(\"g\")\n        .attr(\"transform\", \"translate(0,\" + height + \")\")\n        .call(d3v7.axisBottom(xScale)\n        .ticks(data.length) // Set the number of ticks based on the data points\n        .tickValues(data.map(function(d, i) {\n          return new Date(xScale.domain()[0].getTime() + i * (12 * 60 * 60 * 1000));\n        }))\n        .tickFormat(function (d, i) {\n            return ((i  + chunkIndex * 6) * 0.5  ).toFixed(1); // Increment x-axis values based on chunkIndex\n          })\n        )\n        .selectAll(\"text\")\n        .style(\"text-anchor\", \"middle\")\n        .attr(\"dy\", \"0.5em\")\n        .attr(\"transform\", \"rotate(-1)\")\n        .filter((d, i) => i === 0)\n        .remove();// Remove the first tick label (0 at the origin);\n\n      // Append y-axis\n      const yAxis = svg.append(\"g\")\n                        .attr(\"class\", \"y-axis\") // Add the \"y-axis\" class to the y-axis <g> element\n                        .call(d3v7.axisLeft(yScale).ticks(5));\n\n      // Remove the default axis line\n      yAxis.select(\".domain\").remove();\n\n      // Append a custom y-axis line\n      yAxis.append(\"line\")\n            .attr(\"class\", \"y-axis-line\")\n            .attr(\"x1\", 0)\n            .attr(\"x2\", 0)\n            .attr(\"y1\", 0)\n            .attr(\"y2\", height)\n            .attr(\"stroke\", \"black\")\n            .attr(\"stroke-width\", 2);\n\n      // Append horizontal grid lines\n      svg.append(\"g\")\n        .attr(\"class\", \"grid\")\n        .call(d3v7.axisLeft(yScale).ticks(5)\n          .tickSize(-width)\n          .tickFormat(\"\"))\n        .select(\".domain\")\n        .remove(); // Remove the horizontal line at the top\n\n      // Append vertical grid lines\n      svg.append(\"g\")\n        .attr(\"class\", \"grid\")\n        .attr(\"transform\", \"translate(0,\" + height + \")\")\n        .call(d3v7.axisBottom(xScale)\n          .tickValues(data.map(function(d, i) { // Map custom tick values based on data points\n            return new Date(xScale.domain()[0].getTime() + i * (12 * 60 * 60 * 1000)); // 12 hours in milliseconds\n          }))\n          .tickSize(-height)\n          .tickFormat(\"\")\n        );\n      // Define color categories and their corresponding labels\n      var colorCategories = [\n        { label: \"> 2.65 Volts\", color: \"#000000\" },\n        { label: \"≥ 2.55 Volts & ≤ 2.65 Volts\", color: \"#FFA500\" },\n        { label: \"< 2.55 Volts\", color: \"#FF0000\" },\n      ];\n\n      // Create a legend group\n      var legend = svg.append(\"g\")\n        .attr(\"class\", \"legend\")\n        .attr(\"transform\", \"translate(\" + (width - 160) + \",\" + 10 + \")\"); // Adjust position as needed\n\n      // Append rectangles with the specified colors in the legend\n      legend.selectAll(\"rect\")\n        .data(colorCategories)\n        .enter()\n        .append(\"rect\")\n        .attr(\"x\", 0)\n        .attr(\"y\", (d, i) => i * 20)\n        .attr(\"width\", 15)\n        .attr(\"height\", 15)\n        .style(\"fill\", (d) => d.color);\n\n      // Append labels for each color in the legend\n      legend.selectAll(\"text\")\n        .data(colorCategories)\n        .enter()\n        .append(\"text\")\n        .attr(\"x\", 20)\n        .attr(\"y\", (d, i) => i * 20 + 12) // Adjust vertical position for centering\n        .text((d) => d.label)\n        .style(\"font-size\", \"12px\") // Adjust font size as desired\n        .attr(\"fill\", \"black\");\n},\n    getColorDataReceived(percentage) {\n      if (percentage >= 80) return 'green darken-3 white--text';\n      else return 'transparent';\n    },\n    decompress(responseStr) {\n      const binaryString = atob(responseStr.data.Response);\n      const uint8Array = new Uint8Array(binaryString.length);\n      for (let i = 0; i < binaryString.length; i++) {\n        uint8Array[i] = binaryString.charCodeAt(i);\n      }\n      const inflatedArray = pako.inflate(uint8Array, { to: 'string' });\n      let constArrayObj = JSON.parse(inflatedArray);\n      return constArrayObj;\n    },\n    fetchRentals() {\n      var DeployerProfileID = localStorage.getItem(\"UserProfileID\");\n      var orgID = localStorage.getItem(\"ProfileOrgID\");\n      var status = \"active\";\n      var url = \"https://operations-mumbai.monitrahealth.info/dataxchanges/activerentals/org\";\n      url += \"?DeployerProfileID=\"+DeployerProfileID.toString() ;\n      url += \"&OrgID=\" + orgID;\n      url += \"&ActiveStatus=\" + status;\n      console.log(url)\n      const headers = {\n        'Content-Type': 'application/json',\n        'x-api-key': 'uuwPSuQOl38uWJxRtW8hs5o8AQycSZxM2rkMnHoE'\n      };\n\n      axios\n        .get(url, { headers })\n        .then((response) => {\n          console.log(\"\\n\\n##response mounted##\", response);\n          var responseDataMap = this.decompress(response).Items;\n          console.log(\"lasya ==\",responseDataMap)\n\n          this.rentals = responseDataMap.map(function (jsonData, index) {\n            const packetsPerDay = 2880000;\n            // Calculate Data Received (%)\n            const dataReceivedPercentage = (jsonData.MobilePacketsTxFramesCount / (packetsPerDay * jsonData.RentalDurationDays)) * 100;\n            var modifiedResponse = {\n              Sno: index + 1,\n              RentalID: jsonData.RentalID,\n              PatientName: jsonData.PatientName,\n              MobilePacketsTxFramesCount : jsonData.MobilePacketsTxFramesCount,\n              RentalDurationDays: jsonData.RentalDurationDays,\n              DataReceivedPercentage: Math.round(dataReceivedPercentage * 100) / 100,\n              SensorBatteryVoltsAvg: Math.round(jsonData.SensorBatteryVoltsAvg * 100) / 100,\n              ClienTimeZone: jsonData.ClienTimeZone,\n              SalesLead: jsonData.SalesLead,\n              ServerSyncTimeAgoSec:jsonData.ServerSyncTimeAgoSec,\n              EcgDataStartedStreaming: jsonData.EcgDataStartedStreaming,\n              ECG:jsonData.ECG,\n              EcgFirstSyncPosixMsHuman: (function (dateData,timezone) {\n              let outputDate = \"N/A\";\n              if (dateData !== 0) {\n                outputDate = moment\n                  .unix(parseInt(dateData/1000))\n                  .tz(timezone)\n                .format(\"DD-MMM-YYYY    h:mm:ss A z\");\n              }\n              return outputDate;\n            })(jsonData.EcgFirstSyncPosixMs,jsonData.ClienTimeZone),\n              RentalEndDateHumanReadable: (function (dateData,timezone) {\n              //console.log(\"dateData==\",dateData)\n              //console.log(\"duration==\",duration)\n              \n                var outputDate = \"N/A\";                     \n              if (dateData !== 0) {\n               // dateData = dateData + duration\n               // console.log(\"dateDataEnd==\",dateData)\n                outputDate = moment\n                  .unix(parseInt(dateData))\n                  .tz(timezone)\n                  .format(\"DD-MMM-YYYY\" + \"\\t\\t\" +  \"h:mm:ss A z\");\n              }\n            \n              return outputDate;\n            })((jsonData.EcgFirstSyncPosixMs === 0 || jsonData.EcgFirstSyncPosixMs === 'N/A') \n              ? jsonData.EndDatePosixSec \n              : (jsonData.EcgFirstSyncPosixMs+jsonData.RentalDurationDays*24*3600*1000)/1000,jsonData.ClienTimeZone),\n            EcgFirstSyncPosixMs: jsonData.EcgFirstSyncPosixMs,\n            RentalStartDateHumanReadable: (function (dateData,timezone) {\n              let outputDate = \"N/A\";\n              //console.log(\"dateDataStart==\",dateData)\n              if (dateData !== 0) {\n                outputDate = moment\n                  .unix(parseInt(dateData))\n                  .tz(timezone)\n                  .format(\"DD-MMM-YYYY  h:mm:ss A z\");\n              }\n              return outputDate;\n            })( (jsonData.EcgFirstSyncPosixMs === 0 || jsonData.EcgFirstSyncPosixMs === 'N/A') \n                ? jsonData.StartDatePosixSec \n                : jsonData.EcgFirstSyncPosixMs/1000,jsonData.ClienTimeZone),\n\n            };\n\n            \n            return modifiedResponse;\n          });\n          \n\n        })\n        .catch((error) => {\n          console.log(error);\n        });\n    },\n  },\n  \n  mounted() {\n    this.fetchRentals(); // Fetch rental data when component is mounted\n    \n  },\n};\n</script>\n\n<style>\n #BatteryGraph {\n      width: 800px;\n      height: 400px;\n    }\n\n    /* Add custom CSS styles */\n#BatteryGraph canvas {\n  background-color: white; /* Replace with your desired background color */\n}\n\n    .grid line {\n      stroke: lightgray;\n    }\n    .dygraph-legend {\n      background-color: rgba(251, 255, 200, 0.75) !important;\n      padding: 4px;\n      border: 1px solid #000;\n      border-radius: 10px;\n      box-shadow: 4px 4px 4px #888;\n      width: 200px;\n    }\n\n    .domain{\n      stroke: black;\n    stroke-width: 0.5;\n    }\n\n    line{\n      stroke: black;\n    stroke-width: 0.5;\n    }\n\n    .Battery-Tooltip {\n      position: fixed;\n      background-color: rgba(251, 255, 200, 0.75) !important;\n      box-shadow: 4px 4px 4px #888;\n      border: 1px solid #000;\n      padding: 5px;\n      border-radius: 10px;\n      display: none;\n      float:none;\n      z-index: 10;\n      top: 0;\n      left: 0;\n    }\n</style>\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!./ActiveMonitorings.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!./ActiveMonitorings.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ActiveMonitorings.vue?vue&type=template&id=00f93c32&\"\nimport script from \"./ActiveMonitorings.vue?vue&type=script&lang=js&\"\nexport * from \"./ActiveMonitorings.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ActiveMonitorings.vue?vue&type=style&index=0&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  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 { VApp } from 'vuetify/lib/components/VApp';\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSheet } from 'vuetify/lib/components/VSheet';\nimport { VSkeletonLoader } from 'vuetify/lib/components/VSkeletonLoader';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTab } from 'vuetify/lib/components/VTabs';\nimport { VTabItem } from 'vuetify/lib/components/VTabs';\nimport { VTabs } from 'vuetify/lib/components/VTabs';\nimport { VTabsItems } from 'vuetify/lib/components/VTabs';\ninstallComponents(component, {VApp,VBtn,VCard,VCardText,VCardTitle,VChip,VCol,VContainer,VDialog,VIcon,VImg,VRow,VSheet,VSkeletonLoader,VSpacer,VTab,VTabItem,VTabs,VTabsItems})\n"],"sourceRoot":""}