{"version":3,"sources":["webpack:///./src/views/ActiveSensors.vue?c01f","webpack:///src/views/ActiveSensors.vue","webpack:///./src/views/ActiveSensors.vue?339e","webpack:///./src/views/ActiveSensors.vue?4a74","webpack:///./src/views/ActiveSensors.vue?1f7d","webpack:///./src/views/ActiveSensors.vue?2f6c"],"names":[],"mappings":"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","file":"js/views-ActiveSensors.77f32b04.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-app',{attrs:{\"id\":\"app\"}},[_c('v-container',{attrs:{\"id\":\"dashboard-view\",\"fluid\":\"\",\"tag\":\"section\"}},[_c('v-card',[_c('v-card-title',[_c('h1',[_vm._v(\"Active Sensors\")]),_c('v-spacer'),_c('v-text-field',{attrs:{\"append-icon\":\"mdi-magnify\",\"label\":\"Search\",\"single-line\":\"\",\"hide-details\":\"\"},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1),_c('v-data-table',{attrs:{\"headers\":_vm.headers,\"items\":_vm.activeSensorList,\"search\":_vm.search},scopedSlots:_vm._u([{key:\"item.RentalId\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('v-btn',{attrs:{\"text\":\"\"},on:{\"click\":function($event){_vm.openModal(item);_vm.VoltChipClick(item.RentalId,item.ClienTimeZone,item.RentalDuration,item.SalesLead,item.EndDate)}}},[_vm._v(\" \"+_vm._s(item.RentalId)+\" \")])]}}])})],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(\"Patient Name : \"+_vm._s(_vm.vHeaderTextPatientName))])])],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('div',[_c('div',{attrs:{\"id\":\"BatteryGraph\"}})])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-app id=\"app\">\n    <v-container id=\"dashboard-view\" fluid tag=\"section\">\n      <v-card>\n        <v-card-title>\n          <h1>Active Sensors</h1>\n          <v-spacer></v-spacer>\n          <v-text-field\n            v-model=\"search\"\n            append-icon=\"mdi-magnify\"\n            label=\"Search\"\n            single-line\n            hide-details\n          ></v-text-field>\n        </v-card-title>\n        <v-data-table\n          :headers=\"headers\"\n          :items=\"activeSensorList\"\n          :search=\"search\"\n        >\n          <template v-slot:item.RentalId=\"{ item }\">\n            <v-btn text @click = 'openModal(item);VoltChipClick(item.RentalId,item.ClienTimeZone,item.RentalDuration,item.SalesLead,item.EndDate)'>\n                  \n              {{ item.RentalId }}\n            </v-btn>\n          </template>\n          <!-- other scoped slots if needed -->\n        </v-data-table>\n      </v-card>\n    </v-container>\n\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 color=\"red darken-2\" @click=\"CloseDialogBattery()\">mdi-close</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>Patient Name : {{ vHeaderTextPatientName }}</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        <div>\n          <div id=\"BatteryGraph\"></div>\n        </div>\n      </v-card>\n      <!-- <template v-slot:[`item.RentalId`]=\"{ item }\">\n                <v-chip\n                  :color=\"getColor(item.SensorBatteryVoltsAvg)\"\n                  @click = 'VoltChipClick(item.RentalID,item.ClienTimeZone,item.RentalDurationDays,item.SalesLead,item.RentalEndDateHumanReadable)'\n                  \n                >\n                  {{ item.RentalId }}\n                </v-chip>\n              </template> -->\n    </v-dialog>\n  </v-app>\n</template>\n\n<script>\nimport moment from 'moment'\nimport axios from 'axios';\nimport pako from 'pako';\nimport * as d3v7 from 'd3';\n\nexport default {\n  name: \"ActiveSensors\",\n  data() {\n    return {\n      search: '',\n      headers: [\n        {\n          text: 'Sensor MacAddress',\n          align: 'start',\n          sortable: false,\n          value: 'SensorMacAddress',\n        },\n        { text: 'Session Id', value: 'RentalId' },\n        { text: 'Patient Name', value: 'PatientName' },\n        { text: 'Rental Status', value: 'RentalStatus' },\n        { text: 'Rental Duration ', value: 'RentalDuration' },\n        { text: 'Hospital ', value: 'Hospital' },\n        { text: 'Doctor Name ', value: 'DoctorName' },\n        { text: 'End Date', value: 'EndDate' },\n        { text: 'Mobile IPaddress', value: 'MobileIPaddress' },\n        { text: 'Phone Manufacturer', value: 'PhoneManufacturer' },\n        { text: 'Phone Model', value: 'PhoneModel' },\n      ],\n      activeSensorList: [],\n      batteryGraphDialog: false,\n      cardHeight: 1800,\n      vHeaderTextRentalID: '',\n      vHeaderTextPatientName: '',\n      vHeaderTextEndDate: '',\n      vHeaderTextDuration: '',\n      chunkSize : 72 * 60 * 60 * 1000, // 72 hours in milliseconds\n    }\n  },\n  methods: {\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   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},\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      console.log(\"iDays ==\",iDays)\n\nconsole.log(\"chunkIndex===\",chunkIndex)\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\nconsole.log(\"xScale==\", this.chunkSize)\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      \nconsole.log(\"data==\",data)\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).format(\"DD-MMM-YYYY\") + \"<br>\" +\n                  \"<b>Time:</b> \" + moment.unix(d.PosixMs/1000).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},\nGetBatteryValues(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    getActiveSensors() {\n      var url = \"https://\" + this.ApiUrl + \"/api/form/Lead/ActiveSensors\";\n      axios.get(url, {})\n        .then(response => {\n          var responseDataMap = response.data.Items\n          var vSensorList = responseDataMap.map((jsonData) => {\n            return {\n              SensorMacAddress: jsonData.SensorMacAddress,\n              RentalId: jsonData.RentalId,\n              PatientName: jsonData.PatientName,\n              RentalStatus: jsonData.RentalStatus,\n              RentalDuration: jsonData.RentalDuration,\n              Hospital: jsonData.Hospital,\n              DoctorName: jsonData.DoctorName,\n              MobileIPaddress: jsonData.MobileIPaddress,\n              PhoneModel: jsonData.PhoneModel,\n              PhoneManufacturer: jsonData.PhoneManufacturer,\n              EndDate: jsonData.EndDate,\n            }\n          })\n          this.activeSensorList = vSensorList;\n        })\n    },\n    openModal(item) {\n      this.vHeaderTextRentalID = item.RentalId;\n      this.vHeaderTextPatientName = item.PatientName; \n      this.vHeaderTextEndDate = item.EndDate;\n      this.vHeaderTextDuration = item.RentalDuration;\n      this.batteryGraphDialog = true;\n    },\n    \n    \n    CloseDialogBattery() {\n      this.batteryGraphDialog = false;\n    }\n  },\n  computed: {\n    ApiUrl() {\n      return this.$store.getters.ApiUrlSubdomain;\n    }\n  },\n  mounted() {\n    this.getActiveSensors();\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\n</style>\n\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!./ActiveSensors.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!./ActiveSensors.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ActiveSensors.vue?vue&type=template&id=25e68b20&\"\nimport script from \"./ActiveSensors.vue?vue&type=script&lang=js&\"\nexport * from \"./ActiveSensors.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ActiveSensors.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 { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VApp,VBtn,VCard,VCardTitle,VCol,VContainer,VDataTable,VDialog,VIcon,VRow,VSpacer,VTextField})\n","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!./ActiveSensors.vue?vue&type=style&index=0&lang=css&\"","// extracted by mini-css-extract-plugin"],"sourceRoot":""}