{"version":3,"sources":["webpack:///./src/views/DataStreamingRentals.vue?021b","webpack:///./src/views/DataStreamingRentals.vue?24be","webpack:///src/views/DataStreamingRentals.vue","webpack:///./src/views/DataStreamingRentals.vue?8ff5","webpack:///./src/views/DataStreamingRentals.vue?5138","webpack:///./src/views/DataStreamingRentals.vue?ce4d"],"names":[],"mappings":"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A0E,eAAe,+BAA+B,QAAQ,6DAA6D,KAAK,mBAAmB;AACrgJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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AFA;AAOA;AAAA;AAAA,SACA,IADA,CACA;AACA;AACA;AACA;AACA;AAEA;AACA,6DADA;AAEA,6CAFA;AAGA,qDAHA;AAIA;AACA,mDALA;AAOA;AACA;AACA;;AACA;AACA,8CACA,IADA,CACA,yBADA,EAEA,MAFA,CAEA,mBAFA;AAGA;;AACA;AACA,aARA,CAQA,2BARA,CARA;AAiBA;AAEA,qDAnBA;AAoBA,+CApBA;AAqBA,yCArBA;AAsBA;AAtBA;AAwBA;AACA,SA3BA;AA4BA;AACA;AACA;AACA,OApCA,EAqCA,KArCA,CAqCA;AACA;AACA,OAvCA;AAwCA,KA3dA;AA8dA;AACA,qBA/dA,6BA+dA,KA/dA,EA+dA;AAAA;;AACA;;AACA;AACA;AACA,uCAFA,CAEA;AAEA;;AACA;AACA;;AACA;AACA;AACA;AACA;AACA;AACA,mGADA,EAEA,4BAFA;AAGA;AACA,kEARA,CAUA;AACA;;AACA,qDAZA,CAcA;AACA;AACA,WAhBA;;AAkBA;AACA,SArBA,MAqBA;AACA;AACA;AACA;AACA,OA9BA,MA8BA;AACA;AACA;AAEA,KAngBA;AAogBA;AAGA;AAEA,oBAzgBA,4BAygBA,KAzgBA,EAygBA;AAAA;;AACA;;AACA;AACA;AACA,uCAFA,CAEA;AAEA;;AACA;AACA;;AACA;AACA;AACA;AACA;AACA;AACA,sFADA,EAEA,4BAFA;AAGA,kDAPA,CASA;AACA;;AACA;AACA,WAZA;;AAcA;AACA,SAjBA,MAiBA;AACA;AACA;AACA;AACA;AACA,OA3BA,MA2BA;AACA;AACA;AACA,KAziBA;AA0iBA;AAIA;AAEA,qBAhjBA,6BAgjBA,KAhjBA,EAgjBA;AAAA;;AACA;;AACA;AACA;AACA,uCAFA,CAEA;AAEA;;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,mGADA,EAEA,gCAFA;AAGA,yDAPA,CASA;AACA;;AACA;AACA,WAZA;;AAaA;AACA,SAjBA,MAiBA;AACA;AACA;AACA;AACA,OA1BA,MA0BA;AACA;AACA;AACA,KA/kBA;AAglBA;AAKA;AAEA,qBAvlBA,6BAulBA,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ACA,IADA,CACA,yBADA,EAEA,EAFA,CAEA,QAFA,EAGA,MAHA,CAGA,4BAHA;AAIA;;AACA;AACA,aATA,CASA,qCATA,EASA,sBATA,CApFA;AAgGA;AACA;;AACA;AACA,8CACA,IADA,CACA,yBADA,EAEA,EAFA,CAEA,QAFA,EAGA,MAHA,CAGA,4BAHA;AAIA;;AACA;AACA,aATA,CASA,4BATA,EASA,sBATA,CAhGA;AAyGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qCADA,CAEA;;AACA;AACA,8CACA,IADA,CACA,kBADA,EAEA,EAFA,CAEA,QAFA,EAGA,MAHA,CAGA,0BAHA;AAIA;;AACA;AACA,aAVA,CAUA,+EACA,0BADA,GAEA,mCAZA,EAYA,sBAZA,CApHA;AAkIA;AACA;AACA;AAEA;;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,aAZA,CAYA,+EACA,wBADA,GAEA,sFAdA,CAlIA;AAkJA;AACA;AACA;AAEA;;AACA;AACA;AACA;AACA,8CACA,IADA,CACA,kBADA,EAEA,EAFA,CAEA,QAFA,EAGA,MAHA,CAGA,sCAHA;AAIA;;AAEA;AACA,aAfA,CAeA,+EACA,wBADA,GAEA,sFAjBA,EAiBA,sBAjBA;AAlJA,YAPA,CA6KA;;AACA;AACA,SA/KA;;AAiLA;AACA;AACA;AACA;AACA;AAEA;AACA;;AAEA;;AAEA;AACA;;AAEA;;AAEA;AAEA;AACA;;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;;AAMA,OApOA,EAqOA,KArOA,CAqOA;AAEA;AACA,OAxOA;AA0OA,KAnxDA;AAsxDA,cAtxDA,sBAsxDA,SAtxDA,EAsxDA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;;AAEA;;;AAGA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,6BADA;AAEA;AAFA;AAIA;AAGA,KA30DA;AA40DA,iBA50DA,yBA40DA,SA50DA,EA40DA,cA50DA,EA40DA,KA50DA,EA40DA,UA50DA,EA40DA,2BA50DA,EA40DA;AACA;;AACA;AACA;AACA;;AACA;AACA;AACA,OAFA,MAEA;AACA;AACA,OAFA,MAEA;AACA;AACA;;AACA;AACA,mDAbA,CAeA;;AACA;AAEA,KA91DA;AA+1DA,sBA/1DA,8BA+1DA,KA/1DA,EA+1DA,SA/1DA,EA+1DA,cA/1DA,EA+1DA,UA/1DA,EA+1DA,2BA/1DA,EA+1DA,KA/1DA,EA+1DA;AAGA;AAEA;AAEA;AAEA;AACA,uBAVA,CAWA;;AACA;AACA;AACA,OAFA,EAZA,CAmBA;AACA;;AACA;AACA;AACA;AACA;AAEA;AACA;;AACA;AACA;AACA;AACA;AACA;AACA;;AACA;AACA,OATA,EA1BA,CAqCA;;AACA;AACA;AACA;;AAEA,0DA1CA,CA2CA;;AACA;;AAEA;AACA,uCACA,MADA,CACA,KADA,EAEA,IAFA,CAEA,IAFA,EAEA,8DAFA;AAIA;AACA;AAMA,KAz5DA;AA05DA,4BA15DA,oCA05DA,SA15DA,EA05DA,IA15DA,EA05DA,UA15DA,EA05DA,SA15DA,EA05DA,cA15DA,EA05DA,UA15DA,EA05DA,2BA15DA,EA05DA,KA15DA,EA05DA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA,oDAJA,CAMA;AACA;AAEA;AAEA;;AACA;AACA;AACA;AACA,iEAfA,CAkBA;;AACA,0BACA,MADA,CACA,KADA,EAEA,IAFA,CAEA,IAFA,EAEA,2DAFA,EAGA,IAHA,CAGA,OAHA,EAGA,kCAHA,EAIA,IAJA,CAIA,QAJA,EAIA,mCAJA,EAKA,MALA,CAKA,GALA,EAMA,IANA,CAMA,WANA,EAMA,mDANA,EAnBA,CA2BA;;AACA,sCACA,MADA,CACA,uEADA,EAEA,KAFA,CAEA,UAFA;AAIA,wCACA,MADA,CACA,UADA,EAEA,KAFA,CAEA,WAFA,EAhCA,CAqCA;;AACA,yBACA,IADA,CACA,OADA,EACA,SADA,EAEA,IAFA,CAEA,aAFA,EAEA,QAFA,EA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","file":"js/views-DataStreamingRentals.1fbaab34.js","sourcesContent":["// 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',[[_c('v-card',[_c('v-card-title',[_vm._v(\" Data Meter Of Active Rentals \"),_c('v-spacer'),_c('v-text-field',{attrs:{\"append-icon\":\"mdi-magnify\",\"label\":\"Search\",\"single-line\":\"\",\"hide-details\":\"\"},on:{\"keyup\":function($event){return _vm.RemoveBlankSVG()}},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1),_c('v-data-table',{attrs:{\"headers\":_vm.headers,\"items\":_vm.patientInfo,\"search\":_vm.search,\"items-per-page\":-1,\"single-expand\":_vm.singleExpand,\"expanded\":_vm.expanded,\"item-key\":\"Sno\",\"show-expand\":\"\",\"show-select\":\"\",\"fixed-header\":\"\",\"height\":\"700\",\"sort-by\":_vm.defaultSortColumn,\"sort-desc\":_vm.defaultSortDescending,\"item-class\":_vm.row_classes},on:{\"update:expanded\":function($event){_vm.expanded=$event}},scopedSlots:_vm._u([{key:\"top\",fn:function(){return [_c('v-dialog',{attrs:{\"fullscreen\":\"\",\"hide-overlay\":\"\",\"eager\":\"\",\"transition\":\"dialog-bottom-transition\"},model:{value:(_vm.NotificationDialog),callback:function ($$v) {_vm.NotificationDialog=$$v},expression:\"NotificationDialog\"}},[_c('v-card',[_c('v-toolbar',{staticClass:\"Vtoolbar\",attrs:{\"dark\":\"\",\"color\":\"#22ace2\",\"app\":\"\"}},[_c('v-btn',{attrs:{\"icon\":\"\",\"dark\":\"\"},on:{\"click\":function($event){_vm.NotificationDialog = false}}},[_c('v-icon',[_vm._v(\"mdi-close\")])],1),_c('p',{staticClass:\"mt-4 ml-4 mr-8\"},[_vm._v(\"RentalID: \"),_c('strong',[_vm._v(_vm._s(_vm.vRentalID)+\" \")])]),_c('p',{staticClass:\"mt-4 ml-4 mr-8\"},[_vm._v(\"Patient Name: \"),_c('strong',[_vm._v(_vm._s(_vm.vPatientName))])]),_c('v-spacer'),_c('v-toolbar-items',[_c('v-btn',{attrs:{\"dark\":\"\",\"text\":\"\"},on:{\"click\":function($event){_vm.NotificationDialog = false}}},[_c('strong',[_vm._v(\"Close\")])])],1)],1),_c('v-divider'),_c('v-container',{staticClass:\"align-center justify-center col-md-4 fixed mt-12\"},[_c('v-card',{staticClass:\"mb-15\"},_vm._l((_vm.VideoLinks),function(notificationItem,index){return _c('div',{key:index,staticClass:\"d-flex align-center justify-center\"},[(notificationItem.NoteContentType === 'TXT')?_c('div',{staticClass:\"textContent\"},[_c('p',{staticClass:\"mt-4 ml-8 mr-8\"},[_vm._v(_vm._s(notificationItem.NoteDescription)+\" \")]),_c('p',{staticClass:\"ml-8 mt-12\",staticStyle:{\"font-size\":\"15px\",\"color\":\"#c5c4c4\",\"font-weight\":\"500\",\"position\":\"relative\",\"top\":\"1rem\"}},[_vm._v(\" \"+_vm._s(notificationItem.NoteAddedBy)+\" \"),_c('br'),_vm._v(\" TXT - \"+_vm._s(notificationItem.NoteCreatedPosixMs))])]):(notificationItem.NoteContentType === 'URL')?_c('div',{staticClass:\"urlContent mt-4\"},[_c('a',{staticClass:\"grey--text mr-3 text-decoration-none\",class:{ 'urlContentNoTextDescription': !notificationItem.NoteTitle && !notificationItem.NoteDescription },attrs:{\"href\":notificationItem.NoteContentURL,\"target\":\"_blank\"}},[_c('div',{staticClass:\"cropped-image-container\",staticStyle:{\"border-radius\":\"15px\",\"overflow\":\"hidden\",\"height\":\"300px\"}},[_c('div',{staticClass:\"cropped-image\",style:({ backgroundImage: 'url(' + notificationItem.ThumbnailURL + ')' })})]),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(notificationItem.NoteTitle != ''),expression:\"notificationItem.NoteTitle != ''\"}],staticClass:\"font-weight-bold black--text ml-4 mb-8\"},[_vm._v(_vm._s(notificationItem.NoteTitle)+\" \")]),_c('p',{staticClass:\"ml-4\",staticStyle:{\"position\":\"relative\",\"top\":\"1rem\"}},[_vm._v(_vm._s(notificationItem.NoteContentURL))])]),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(notificationItem.NoteDescription != ''),expression:\"notificationItem.NoteDescription != ''\"}],staticClass:\"black--text mb-0 mt-1 text-xs font-weight-light\",staticStyle:{\"font-size\":\"15px\"}},[_c('strong',{staticClass:\"ml-4\",staticStyle:{\"position\":\"relative\",\"bottom\":\"5rem\"}},[_vm._v(\" \"+_vm._s(notificationItem.NoteDescription)+\" \")])]),_c('p',{staticClass:\"ml-4\",class:{ 'urlContentNoText': !notificationItem.NoteTitle && !notificationItem.NoteDescription },staticStyle:{\"font-size\":\"15px\",\"color\":\"#c5c4c4\",\"font-weight\":\"500\"}},[_vm._v(\" \"+_vm._s(notificationItem.NoteAddedBy)+\" \"),_c('br'),_vm._v(\" URL - \"+_vm._s(notificationItem.NoteCreatedPosixMs)+\" \")])]):_vm._e(),(notificationItem.NoteContentType === 'IMG')?_c('div',{staticClass:\"imgPreview\"},[_c('v-img',{staticClass:\"ml-8\",staticStyle:{\"border-radius\":\"15px\",\"overflow\":\"hidden\",\"height\":\"200px\"},attrs:{\"src\":notificationItem.ThumbnailURL,\"width\":\"400px\"},on:{\"click\":function($event){return _vm.downloadImage(notificationItem)}}}),_c('div',[_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(notificationItem.NoteTitle !== ''),expression:\"notificationItem.NoteTitle !== ''\"}],staticClass:\"font-weight-bold purple--text\",class:[notificationItem.NoteTitle !== '' ? 'ml-7' : '', 'mt-4']},[_vm._v(\" \"+_vm._s(notificationItem.NoteTitle)+\" \")]),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(notificationItem.NoteDescription !== ''),expression:\"notificationItem.NoteDescription !== ''\"}],staticClass:\"black--text mb-0 text-xs font-weight-light\",class:[notificationItem.NoteDescription !== '' ? 'ml-6' : '', 'mt-2'],staticStyle:{\"font-size\":\"15px\"}},[_vm._v(\" \"+_vm._s(notificationItem.NoteDescription)+\" \")])]),_c('div',{staticStyle:{\"display\":\"flex\"}},[_c('p',{staticClass:\"mt-12 ml-7\",staticStyle:{\"color\":\"#c5c4c4\",\"font-weight\":\"450\",\"font-size\":\"15px\"}},[_vm._v(\" \"+_vm._s(notificationItem.NoteAddedBy)+\" \"),_c('br'),_vm._v(\" IMG - \"+_vm._s(notificationItem.NoteCreatedPosixMs)+\" \")]),_c('v-spacer'),_c('a',{attrs:{\"href\":notificationItem.ThumbnailURL},on:{\"click\":function($event){return _vm.downloadImage(notificationItem)}}},[_c('v-icon',{staticClass:\"mr-5\",staticStyle:{\"position\":\"relative\",\"bottom\":\"3rem\",\"top\":\"3rem\"},attrs:{\"size\":\"40\",\"color\":\"#dc3545\"}},[_vm._v(\"mdi-tray-arrow-down\")])],1)],1)],1):(notificationItem.NoteContentType === 'PDF')?_c('div',{staticClass:\"pdfPreview\"},[_c('v-img',{staticClass:\"ml-8\",staticStyle:{\"border-radius\":\"15px\",\"overflow\":\"hidden\",\"height\":\"200px\"},attrs:{\"src\":notificationItem.ThumbnailURL,\"width\":\"400px\"},on:{\"click\":function($event){return _vm.downloadPdf(notificationItem)}}}),_c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\",\"justify-content\":\"space-between\"}},[_c('div',[_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(notificationItem.NoteTitle !== ''),expression:\"notificationItem.NoteTitle !== ''\"}],staticClass:\"font-weight-bold purple--text ml-8\"},[_vm._v(_vm._s(notificationItem.NoteTitle))]),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(notificationItem.NoteDescription !== ''),expression:\"notificationItem.NoteDescription !== ''\"}],staticClass:\"black--text ml-8\",staticStyle:{\"font-size\":\"15px\",\"width\":\"350px\"}},[_vm._v(_vm._s(notificationItem.NoteDescription))]),_c('p',{staticClass:\"mt-1 mb-2 ml-7\",staticStyle:{\"color\":\"#c5c4c4\",\"font-weight\":\"450\",\"font-size\":\"15px\"}},[_vm._v(\" \"+_vm._s(notificationItem.NoteAddedBy)+\" \"),_c('br'),_vm._v(\" PDF - \"+_vm._s(notificationItem.NoteCreatedPosixMs)+\" \")])]),_c('v-spacer'),_c('div',[_c('a',{attrs:{\"href\":notificationItem.NoteContentURL},on:{\"click\":function($event){return _vm.downloadPdf(notificationItem)}}},[_c('v-icon',{staticClass:\"mr-4 mt-12\",attrs:{\"size\":\"40\",\"color\":\"#dc3545\"}},[_vm._v(\"mdi-tray-arrow-down\")])],1)])],1)],1):(notificationItem.NoteContentType === 'MP4')?_c('div',{staticClass:\"mp4Preview\"},[_c('v-img',{staticClass:\"ml-8\",staticStyle:{\"border-radius\":\"15px\",\"overflow\":\"hidden\",\"height\":\"200px\"},attrs:{\"src\":notificationItem.ThumbnailURL,\"width\":\"400px\"},on:{\"click\":function($event){return _vm.downloadVideo(notificationItem)}}}),_c('div',{staticStyle:{\"display\":\"flex\"}},[_c('div',[_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(notificationItem.NoteTitle !== ''),expression:\"notificationItem.NoteTitle !== ''\"}],staticClass:\"font-weight-bold purple--text ml-8 mt-2 \"},[_vm._v(_vm._s(notificationItem.NoteTitle)+\" \")]),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(notificationItem.NoteDescription !== ''),expression:\"notificationItem.NoteDescription !== ''\"}],staticClass:\"black--text mb-0 text-xs font-weight-light ml-8\",staticStyle:{\"font-size\":\"15px\"}},[_vm._v(_vm._s(notificationItem.NoteDescription)+\" \")]),_c('p',{staticClass:\"mt-4 mb-2 ml-7\",class:{ 'mt-8': !notificationItem.NoteTitle && !notificationItem.NoteDescription },staticStyle:{\"color\":\"#c5c4c4\",\"font-weight\":\"450\",\"font-size\":\"15px\"}},[_vm._v(\" \"+_vm._s(notificationItem.NoteAddedBy)+\" \"),_c('br'),_vm._v(\" MP4 - \"+_vm._s(notificationItem.NoteCreatedPosixMs)+\" \")])]),_c('v-spacer'),_c('div',[_c('a',{attrs:{\"href\":notificationItem.NoteContentURL},on:{\"click\":function($event){return _vm.downloadVideo(notificationItem)}}},[_c('v-icon',{staticClass:\"mr-4 mt-10\",attrs:{\"size\":\"40\",\"color\":\"#dc3545\"}},[_vm._v(\"mdi-tray-arrow-down\")])],1)])],1)],1):_vm._e()])}),0)],1),[_c('v-card',[_c('v-footer',{staticClass:\"fixed-footer\"},[_c('v-card',{staticClass:\"blue lighten-1 text-center\",attrs:{\"flat\":\"\",\"tile\":\"\",\"width\":\"100%\"}},[_c('div',{staticClass:\"uploadfiles\"},[_c('div',[_c('v-menu',{attrs:{\"top\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-icon',_vm._g(_vm._b({class:{ 'rotate-icon': _vm.isOpen },attrs:{\"color\":\"#fff\",\"dark\":\"\"},on:{\"click\":_vm.toggleFileInputs}},'v-icon',attrs,false),on),[_vm._v(\"mdi-plus\")])]}}])},[_c('v-list',[_c('v-list-item',[_c('div',{staticStyle:{\"display\":\"flex\",\"flex-direction\":\"column\",\"padding\":\"1.5rem\",\"position\":\"relative\",\"right\":\"2rem\"}},[[_c('v-row',{attrs:{\"justify\":\"center\"}},[_c('v-dialog',{attrs:{\"persistent\":\"\",\"max-width\":\"500\",\"height\":\"800\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('div',{staticStyle:{\"display\":\"flex\"}},[_c('v-icon',_vm._g(_vm._b({attrs:{\"color\":\"primary\",\"dark\":\"\"}},'v-icon',attrs,false),on),[_vm._v(\" mdi-image \")]),_c('p',{staticClass:\"mt-4 grey--text font-weight-medium\"},[_vm._v(\"IMG File\")])],1)]}}]),model:{value:(_vm.pngDialog),callback:function ($$v) {_vm.pngDialog=$$v},expression:\"pngDialog\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"text-h5 align-center justify-center\"},[_vm._v(\"Add Image and Title\")]),_c('form',[_c('v-text-field',{staticClass:\"ml-4 mr-2\",attrs:{\"label\":\"Add Note Title\",\"required\":\"\"},model:{value:(_vm.noteTitleInput),callback:function ($$v) {_vm.noteTitleInput=$$v},expression:\"noteTitleInput\"}}),_c('div',{staticClass:\"images\"},[_c('div',{staticClass:\"ml-2\",staticStyle:{\"display\":\"flex\"}},[_c('p',{staticClass:\"mt-4 ml-2 grey--text font-weight-medium\"},[_vm._v(\"Select only IMG files\")]),_c('v-icon',{staticClass:\"ml-2\",attrs:{\"color\":\"#007bfc\"},on:{\"click\":_vm.openImgFileInput}},[_vm._v(\"mdi-image\")])],1),_c('input',{ref:\"imgFileInput\",staticStyle:{\"display\":\"none\"},attrs:{\"type\":\"file\",\"accept\":\"image/*\"},on:{\"change\":_vm.handleImageUpload}}),(_vm.imagePreview)?_c('div',{staticClass:\"mx-auto mt-4 mb-4 ml-4 mr-4 pa-2\",staticStyle:{\"display\":\"flex\"},attrs:{\"max-width\":\"300\"}},[_c('img',{staticClass:\"ml-4 align-center justify-center\",staticStyle:{\"max-width\":\"100%\",\"max-height\":\"200px\"},attrs:{\"src\":_vm.imagePreview,\"alt\":\"Image Preview\"}})]):_vm._e()]),_c('v-text-field',{staticClass:\"ml-4 mr-2\",attrs:{\"label\":\"Add Note Description\",\"required\":\"\"},model:{value:(_vm.textInput),callback:function ($$v) {_vm.textInput=$$v},expression:\"textInput\"}})],1),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"primary\",\"text\":\"\"},on:{\"click\":_vm.cancelImageUpload}},[_vm._v(\" Cancel \")]),_c('v-btn',{attrs:{\"color\":\"primary\",\"text\":\"\"},on:{\"click\":_vm.sendImage}},[_vm._v(\" Send\")])],1)],1)],1)],1)],[_c('v-row',{attrs:{\"justify\":\"center\"}},[_c('v-dialog',{attrs:{\"persistent\":\"\",\"max-width\":\"500\",\"height\":\"800\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('div',{staticStyle:{\"display\":\"flex\"}},[_c('v-icon',_vm._g(_vm._b({staticClass:\"ml-2\",attrs:{\"color\":\"#ff2e74\",\"dark\":\"\"}},'v-icon',attrs,false),on),[_vm._v(\" mdi-video \")]),_c('p',{staticClass:\"mt-4 ml-2 grey--text font-weight-medium\"},[_vm._v(\"MP4 File\")])],1)]}}]),model:{value:(_vm.mp4Dialog),callback:function ($$v) {_vm.mp4Dialog=$$v},expression:\"mp4Dialog\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"text-h5 align-center justify-center\"},[_vm._v(\"Add Title,Mp4 & Description\")]),_c('v-form',[_c('v-text-field',{staticClass:\"ml-4 mr-2\",attrs:{\"label\":\"Add Note Title\",\"required\":\"\"},model:{value:(_vm.noteTitleInput),callback:function ($$v) {_vm.noteTitleInput=$$v},expression:\"noteTitleInput\"}}),_c('div',{staticClass:\"files\"},[_c('div',{staticClass:\"ml-2\",staticStyle:{\"display\":\"flex\"}},[_c('p',{staticClass:\"mt-4 ml-2 grey--text font-weight-medium\"},[_vm._v(\"Select only MP4 files\")]),_c('v-icon',{staticClass:\"mp4-logo\",attrs:{\"color\":\"#ff2e74\"},on:{\"click\":_vm.openVideoFileInput}},[_vm._v(\"mdi-video\")])],1),_c('input',{ref:\"videoFileInput\",staticStyle:{\"display\":\"none\"},attrs:{\"type\":\"file\",\"accept\":\"video/mp4\"},on:{\"change\":_vm.handleVideoUpload}})]),(_vm.videoPreviewUrl)?_c('div',[_c('v-col',[_c('video',{staticClass:\"ml-12\",attrs:{\"src\":_vm.videoPreviewUrl,\"controls\":\"\",\"width\":\"50%\",\"height\":\"50%\"}})])],1):_vm._e(),_c('v-text-field',{staticClass:\"ml-4 mr-2\",attrs:{\"label\":\"Add Note Description\",\"required\":\"\"},model:{value:(_vm.textInput),callback:function ($$v) {_vm.textInput=$$v},expression:\"textInput\"}})],1),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"primary\",\"text\":\"\"},on:{\"click\":_vm.cancelVideoUpload}},[_vm._v(\" Cancel \")]),_c('v-btn',{attrs:{\"color\":\"primary\",\"text\":\"\"},on:{\"click\":_vm.sendVideo}},[_vm._v(\" Send \")])],1)],1)],1)],1)],_c('div',[[_c('v-row',[_c('div',{staticStyle:{\"display\":\"flex\"}},[_c('v-icon',{staticClass:\"ml-2 mt-6\",attrs:{\"color\":\"#009de2\",\"dark\":\"\"},on:{\"click\":function($event){$event.stopPropagation();_vm.dialog = true}}},[_vm._v(\"mdi-link-variant\")]),_c('p',{staticClass:\"mt-10 ml-2 grey--text font-weight-medium\"},[_vm._v(\"PDF-URL\")])],1),_c('v-dialog',{attrs:{\"persistent\":\"\",\"max-width\":\"500\"},model:{value:(_vm.dialog),callback:function ($$v) {_vm.dialog=$$v},expression:\"dialog\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"text-h5 align-center justify-center\"},[_vm._v(\" Add Title & Description \")]),_c('form',[_c('v-text-field',{staticClass:\"ml-4 mr-2\",attrs:{\"label\":\"Add Note Title\",\"required\":\"\"},model:{value:(_vm.noteTitleInput),callback:function ($$v) {_vm.noteTitleInput=$$v},expression:\"noteTitleInput\"}}),_c('v-text-field',{staticClass:\"ml-4 mr-2\",attrs:{\"label\":\"Add PDF-URL\",\"required\":\"\"},model:{value:(_vm.textInput),callback:function ($$v) {_vm.textInput=$$v},expression:\"textInput\"}})],1),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"primary\",\"text\":\"\"},on:{\"click\":_vm.cancelFormUpload}},[_vm._v(\" Cancel \")]),_c('v-btn',{attrs:{\"color\":\"primary\",\"text\":\"\"},on:{\"click\":_vm.SendForm}},[_vm._v(\" Send \")])],1)],1)],1)],1)]],2),_c('div')],2)])],1)],1)],1),_c('div',{staticClass:\"inputText\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.textInput),expression:\"textInput\"}],ref:\"inputText\",attrs:{\"type\":\"text\",\"placeholder\":\"Type Description....\",\"required\":\"\"},domProps:{\"value\":(_vm.textInput)},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.sendPreviewContent($event)},\"input\":function($event){if($event.target.composing){ return; }_vm.textInput=$event.target.value}}})]),_c('div',{staticClass:\"send\"},[_c('v-icon',{attrs:{\"color\":\"#fff\"},on:{\"click\":_vm.sendPreviewContent}},[_vm._v(\"mdi-send\")])],1)])])],1)],1)]],2)],1),_c('v-dialog',{attrs:{\"color\":\"white\",\"fullscreen\":_vm.$vuetify.breakpoint.xsOnly,\"eager\":\"\",\"width\":\"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)],1),_c('div',{attrs:{\"id\":\"graphContainer\"}},[_c('canvas',{ref:\"graphCanvas\",attrs:{\"id\":\"graphCanvas\",\"width\":\"1120\",\"height\":\"224\"}}),_c('div',{attrs:{\"id\":\"timestampBox\"}})])],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),_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('div',[_c('div',{attrs:{\"id\":\"BatteryGraph\"}})])],1)],1),_c('v-dialog',{attrs:{\"fullscreen\":_vm.$vuetify.breakpoint.xsOnly,\"fullscreen\":\"\",\"hide-overlay\":\"\",\"transition\":\"dialog-bottom-transition\"},model:{value:(_vm.timelineDialog),callback:function ($$v) {_vm.timelineDialog=$$v},expression:\"timelineDialog\"}},[_c('v-card',[_c('v-toolbar',{attrs:{\"dark\":\"\",\"color\":\"primary\"}},[_c('v-btn',{attrs:{\"icon\":\"\",\"dark\":\"\"},on:{\"click\":function($event){_vm.timelineDialog = false}}},[_c('v-icon',[_vm._v(\"mdi-close\")])],1),_c('v-spacer'),_c('v-toolbar-items',[_c('v-btn',{attrs:{\"dark\":\"\",\"text\":\"\"},on:{\"click\":function($event){_vm.timelineDialog = false}}},[_vm._v(\" Close \")])],1)],1),_c('v-spacer'),_c('v-timeline',{attrs:{\"dense\":\"\",\"clipped\":\"\"}},[_c('v-timeline-item',{staticClass:\"white--text mb-12 \",attrs:{\"fill-dot\":\"\",\"color\":\"orange\",\"large\":\"\"},scopedSlots:_vm._u([{key:\"icon\",fn:function(){return [_c('v-icon',[_vm._v(\"mdi-account\")])]},proxy:true}])},[_c('v-form',{ref:\"form\",staticClass:\"mx-2\",attrs:{\"lazy-validation\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"11\"}},[_c('v-textarea',{attrs:{\"rows\":\"1\",\"auto-grow\":\"\",\"rules\":_vm.emptyFieldRules,\"hide-details\":\"\",\"flat\":\"\",\"label\":\"Leave a comment...\",\"solo\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }_vm.validateForm();_vm.PutTimelineNotes()}},scopedSlots:_vm._u([{key:\"append\",fn:function(){return [_c('v-btn',{staticClass:\"mx-0\",attrs:{\"depressed\":\"\"},on:{\"click\":function($event){_vm.validateForm();_vm.PutTimelineNotes()}}},[_vm._v(\" Post \")])]},proxy:true}]),model:{value:(_vm.timelineNotes),callback:function ($$v) {_vm.timelineNotes=$$v},expression:\"timelineNotes\"}},[_c('span',{staticClass:\"red--text\"},[_vm._v(\"This Field is Required\")])])],1)],1)],1),_vm._l((_vm.responseValues),function(responseValue,i){return _c('v-timeline-item',{key:i,attrs:{\"onchange\":\"timelineFunc()\",\"small\":\"\"}},[[_c('v-row',{attrs:{\"justify-content\":\"space-between\"}},[_c('v-col',{attrs:{\"cols\":\"7\"}},[_c('div',[_c('v-chip',{staticClass:\"black--text ml-0\",attrs:{\"color\":_vm.getColorTimeline(responseValue.Type),\"label\":\"\",\"small\":\"\"}},[_vm._v(\" \"+_vm._s(responseValue.Type)+\" \")]),_c('v-col',{attrs:{\"cols\":\"8\",\"md\":\"9\",\"sm\":\"8\"}},[_c('span',{staticClass:\"` black--text`\"},[_vm._v(_vm._s(responseValue.Text))]),_vm._v(\" - \"),_c('i',{staticClass:\"grey--text\"},[_vm._v(_vm._s(responseValue.Name)+\" \")])])],1)]),_c('v-col',{staticClass:\"text-right\",attrs:{\"cols\":\"4\"},domProps:{\"textContent\":_vm._s(responseValue.HumanReadableTime)}})],1)]],2)})],2)],1)],1)]},proxy:true},{key:\"item.RentalID\",fn:function(ref){\nvar item = ref.item;\nreturn [_vm._v(\" \"+_vm._s(item.RentalID)+\" - \"+_vm._s(item.PatientName)+\" \")]}},{key:\"item.Timeline\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('v-icon',{attrs:{\"large\":\"\"},on:{\"click\":function($event){return _vm.Timeline(item.RentalID)}}},[_vm._v(\" mdi-chart-timeline \")])]}},{key:\"item.NotificationDialog\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('v-icon',{attrs:{\"medium\":\"\",\"color\":\"c5292d\"},on:{\"click\":function($event){return _vm.checkAndShowNotification(item)}}},[_vm._v(\"mdi-message-text-outline\")])]}},{key:\"item.EcgSparkLine\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('v-card',{staticStyle:{\"background\":\"none\",\"box-shadow\":\"none\"},nativeOn:{\"click\":function($event){return _vm.DrawSineWave(item.RentalID)}}},[_c('div',{attrs:{\"id\":(\"DIV-SPARK-\" + (item.RentalID))}}),_c('div',{attrs:{\"id\":(\"DIV-CONTINUITY-\" + (item.RentalID))}})]),_c('tr',[_c('td',{staticClass:\"font-weight-bold\"},[_vm._v(\"Data Duration Recorded\")]),_c('td',[_vm._v(\": \"+_vm._s(item.MobileRxDataDuration)+\" of \"+_vm._s(item.RentalDurationDays)+\" days\")])])]}},{key:\"item.PhoneManufacturer\",fn:function(ref){\nvar item = ref.item;\nreturn [(item.PhoneManufacturer == 'Apple')?_c('v-icon',{attrs:{\"color\":\"silver\",\"large\":\"\"},on:{\"click\":function($event){return _vm.handleClick(item)}}},[_vm._v(\" mdi-apple \")]):_vm._e(),(item.PhoneManufacturer != 'Apple')?_c('v-icon',{attrs:{\"color\":\"grey\",\"large\":\"\"},on:{\"click\":function($event){return _vm.handleClick(item)}}},[_vm._v(\" mdi-android \")]):_vm._e(),_c('div',[_c('v-chip',{staticClass:\"black--text\",attrs:{\"label\":\"\",\"small\":\"\",\"color\":\"transparent\"},on:{\"click\":function($event){return _vm.handleClick(item)}}},[_vm._v(\" \"+_vm._s(item.AppBuildVersion)+\" \")])],1),_c('div',[_c('v-chip',{staticClass:\"black--text\",attrs:{\"label\":\"\",\"small\":\"\",\"color\":\"transparent\"},on:{\"click\":function($event){return _vm.handleClick(item)}}},[_vm._v(\" \"+_vm._s(item.PhoneManufacturer)+\" \")])],1)]}},{key:\"item.RentalStatus\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('v-btn',{attrs:{\"icon\":\"\",\"color\":\"gainsboro\"},on:{\"click\":function($event){return _vm.hideRow(item.RentalID)}}},[_c('v-icon',[_vm._v(\"mdi-eye-off\")])],1)]}},{key:\"item.FirmwareVersion\",fn:function(ref){\nvar item = ref.item;\nreturn [_vm._v(\" \"+_vm._s(item.FirmwareVersion)+\" \")]}},{key:\"item.IsQrScan\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('span',{class:item.IsQrScan ? 'mdi mdi-qrcode-scan' : '',attrs:{\"title\":(\"Hospital: \" + (item.HospitalName) + \" \\n Doctor: \" + (item.DoctorName))}})]}},{key:\"item.MrdNumber\",fn:function(ref){\nvar item = ref.item;\nreturn [_vm._v(\" \"+_vm._s(item.MrdNumber)+\" \")]}},{key:\"item.SalesLead\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('span',{staticClass:\"bold-text\"},[_vm._v(\"Sales Lead:\")]),_vm._v(\" \"+_vm._s(item.SalesLead)),_c('br'),_c('span',{staticClass:\"bold-text\"},[_vm._v(\"Center:\")]),_vm._v(\" \"+_vm._s(item.HospitalName)+\" \")]}},{key:\"item.SensorBatteryVolts\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('v-chip',{attrs:{\"color\":_vm.getColor(item.SensorBatteryVolts)}},[_vm._v(\" \"+_vm._s(item.SensorBatteryVolts)+\" \")])]}},{key:\"item.SensorBatteryVoltsAvg\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('v-chip',{attrs:{\"color\":_vm.getColor(item.SensorBatteryVoltsAvg)},on:{\"click\":function($event){return _vm.VoltChipClick(item.RentalID,item.ClienTimeZone,item.RentalDurationDays,item.SalesLead,item.RentalEndDateHumanReadable)}}},[_vm._v(\" \"+_vm._s(item.SensorBatteryVoltsAvg)+\" \")])]}},{key:\"item.ServerSyncTimeAgoSec\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('v-chip',{attrs:{\"color\":_vm.getColorFileReceived(item.ServerSyncTimeAgoSec)}},[_vm._v(\" \"+_vm._s(item.FileReceivedAgoSec)+\" \")])]}},{key:\"item.LastDataTimeAgoSec\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('v-chip',{attrs:{\"color\":_vm.getColorFileReceived(item.LastDataTimeAgoSec)}},[_vm._v(\" \"+_vm._s(item.DataCreatedAgoSec)+\" \")])]}},{key:\"item.DataReceivedPercentage\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('v-chip',{attrs:{\"color\":_vm.getColorDataReceived(item.DataReceivedPercentage)}},[_vm._v(\" \"+_vm._s(item.DataReceivedPercentage)+\"% \")])]}},{key:\"item.EcgDataStartedStreaming\",fn:function(ref){\nvar item = ref.item;\nreturn [(item.EcgDataStartedStreaming == true)?_c('v-icon',{attrs:{\"color\":\"green darken-2\",\"large\":\"\"}},[_vm._v(\" mdi-checkbox-marked-circle \")]):_vm._e(),(item.EcgDataStartedStreaming == false)?_c('v-icon',{attrs:{\"color\":\"red darken-2\"}},[_vm._v(\" mdi-close-circle \")]):_vm._e()]}},{key:\"item.LiveGraph\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('v-btn',{staticClass:\"mx-3\",attrs:{\"fab\":\"\",\"dark\":\"\",\"small\":\"\",\"disabled\":false,\"text\":\"\",\"color\":\"red\"},on:{\"click\":function($event){return _vm.ShowECGDialog(item.RentalID);}}},[(item.ServerSyncTimeAgoSec < 1800 && item.ServerSyncTimeAgoSec != -1)?_c('v-img',{attrs:{\"aspect-ratio\":1.8,\"width\":50,\"src\":require(\"../assets/Live-Streaming-low.gif\")}}):_vm._e(),(item.ServerSyncTimeAgoSec >= 1800 || item.ServerSyncTimeAgoSec == -1)?_c('v-img',{attrs:{\"aspect-ratio\":1.8,\"width\":50,\"src\":require(\"../assets/Live-Grey.png\")}}):_vm._e()],1)]}},{key:\"item.RentalEndDatePosixMs\",fn:function(ref){\nvar item = ref.item;\nreturn [_vm._v(\" \"+_vm._s(item.RentalEndDateHumanReadable)+\" \")]}},{key:\"item.EcgFirstSyncPosixMs\",fn:function(ref){\nvar item = ref.item;\nreturn [_vm._v(\" \"+_vm._s(item.RentalStartDateHumanReadable)+\" \")]}},{key:\"item.PwdReset\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('div',{staticClass:\"centered-icon\"},[_c('v-icon',{attrs:{\"large\":\"\"},on:{\"click\":function($event){return _vm.PwdResetRental(item.RentalID)}}},[_vm._v(\"mdi-lock-reset\")])],1)]}},(_vm.ShowDeactivate)?{key:\"item.Deactivate\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('v-icon',{attrs:{\"large\":\"\"},on:{\"click\":function($event){return _vm.DeactivateRental(item)}}},[_vm._v(\" mdi-delete \")])]}}:null,{key:\"item.CheckFlag\",fn:function(ref){\nvar item = ref.item;\nreturn [_c('div',{staticClass:\"d-flex align-items-center\"},[(item.IpPatientFlag)?_c('p',{staticClass:\"black--text font-weight-bold mt-3\"},[_vm._v(\"* IP\")]):(item.VipPatientFlag)?_c('p',{staticClass:\"black--text font-weight-bold mt-3\"},[_vm._v(\"* VIP \")]):_vm._e()])]}},{key:\"expanded-item\",fn:function(ref){\nvar headers = ref.headers;\nvar item = ref.item;\nreturn [_c('td',{attrs:{\"colspan\":headers.length}},[_c('br'),_c('h2',[_vm._v(\"Data Meter\")]),_c('br'),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"8\",\"md\":\"3\"}},[_c('table',[_c('tr',[_c('td',{staticClass:\"font-weight-bold\"},[_vm._v(\"Duration (Days)\")]),_c('td',[_vm._v(\": \"+_vm._s(item.RentalDurationDays))])]),_c('tr',[_c('td',{staticClass:\"font-weight-bold\"},[_vm._v(\"Mac Address\")]),_c('td',[_vm._v(\": \"+_vm._s(item.SensorMacAddress))])]),_c('tr',[_c('td',{staticClass:\"font-weight-bold\"},[_vm._v(\"IP Address\")]),_c('td',[_vm._v(\": \"+_vm._s(item.SensorIPAddress))])]),_c('tr',[_c('td',{staticClass:\"font-weight-bold\"},[_vm._v(\"Phone Battery % \")]),_c('td',[_vm._v(\": \"+_vm._s(item.MobileBatteryPct)+\"%\")])]),_c('tr',[_c('td',{staticClass:\"font-weight-bold\"},[_vm._v(\"BLE RSSI (dB)\")]),_c('td',[_vm._v(\": \"+_vm._s(item.MobileBleRssi))])]),_c('tr',[_c('td',{staticClass:\"font-weight-bold\"},[_vm._v(\"Phone OS \")]),_c('td',[_vm._v(\": \"+_vm._s(item.MobileOs))])]),_c('tr',[_c('td',{staticClass:\"font-weight-bold\"},[_vm._v(\"Phone Manufacturer \")]),_c('td',[_vm._v(\": \"+_vm._s(item.PhoneManufacturer))])]),_c('tr',[_c('td',{staticClass:\"font-weight-bold\"},[_vm._v(\"Phone Model \")]),_c('td',[_vm._v(\": \"+_vm._s(item.PhoneModel))])])])]),_c('v-divider',{attrs:{\"inset\":\"\",\"vertical\":\"\"}}),_c('v-col',{attrs:{\"cols\":\"8\",\"md\":\"3\"}},[_c('table',[_c('tr',[_c('td',{staticClass:\"font-weight-bold\"},[_vm._v(\"User Language\")]),(item.LanguageCode == 'en')?_c('td',[_vm._v(\": English\")]):_vm._e(),(item.LanguageCode == 'te')?_c('td',[_vm._v(\": Telugu\")]):_vm._e(),(item.LanguageCode == 'hi')?_c('td',[_vm._v(\": Hindi\")]):_vm._e()]),_c('tr',[_c('td',{staticClass:\"font-weight-bold\"},[_vm._v(\"User TimeZone\")]),_c('td',[_vm._v(\": \"+_vm._s(item.ClienTimeZone))])]),_c('tr',[_c('td',{staticClass:\"font-weight-bold\"},[_vm._v(\"ECG Stream Begin Sync Time\")]),_c('td',[_vm._v(\": \"+_vm._s(item.EcgFirstSyncPosixMsHuman))])]),_c('tr',[_c('td',{staticClass:\"font-weight-bold\"},[_vm._v(\"ECG Stream Last Sync Time\")]),_c('td',[_vm._v(\": \"+_vm._s(item.EcgLastSyncPosixMsHuman))])]),_c('tr',[_c('td',{staticClass:\"font-weight-bold\"},[_vm._v(\"ECG Start Data Time\")]),_c('td',[_vm._v(\": \"+_vm._s(item.EcgLastSyncFirstFramePosixMsHuman))])]),_c('tr',[_c('td',{staticClass:\"font-weight-bold\"},[_vm._v(\"ECG Last Data Time\")]),_c('td',[_vm._v(\": \"+_vm._s(item.EcgLastSyncLastFramePosixMsHuman))])])])]),_c('v-divider',{attrs:{\"inset\":\"\",\"vertical\":\"\"}}),_c('v-col',{attrs:{\"cols\":\"8\",\"md\":\"3\"}},[_c('tr',[_c('td',{staticClass:\"font-weight-bold\"},[_vm._v(\"Total packets\")]),_c('td',[_vm._v(\": \"+_vm._s(item.MobilePacketsTxCount))])]),_c('tr',[_c('td',{staticClass:\"font-weight-bold\"},[_vm._v(\"Bluetooth ECG Frames\")]),_c('td',[_vm._v(\": \"+_vm._s(item.EcgPacketsTxFramesCount))])]),_c('tr',[_c('td',{staticClass:\"font-weight-bold\"},[_vm._v(\"Bluetooth Error Frames\")]),_c('td',[_vm._v(\": \"+_vm._s(item.ErrorPacketsTxFramesCount))])]),_c('tr',[_c('td',{staticClass:\"font-weight-bold\"},[_vm._v(\"Total Frames Transmitted\")]),_c('td',[_vm._v(\": \"+_vm._s(item.MobilePacketsTxFramesCount))])]),_c('tr',[_c('td',{staticClass:\"font-weight-bold\"},[_vm._v(\"Total Data Transmitted\")]),_c('td',[_vm._v(\": \"+_vm._s(Math.round((item.MobilePacketsTxFramesBytes/1024/1024) * 100) / 100)+\" MB\")])]),_c('tr',[_c('td',{staticClass:\"font-weight-bold\"},[_vm._v(\"Data Duration Recorded\")]),_c('td',[_vm._v(\": \"+_vm._s(item.MobileRxDataDuration))])])])],1),_c('br')],1)]}},{key:\"footer.page-text\",fn:function(){return [_c('v-btn',{attrs:{\"elevation\":\"2\",\"color\":\"blue-grey white--text\"},on:{\"click\":function($event){return _vm.CopySelected()}}},[_vm._v(\"Copy Notes \")])]},proxy:true}],null,true),model:{value:(_vm.selectedRows),callback:function ($$v) {_vm.selectedRows=$$v},expression:\"selectedRows\"}}),_c('v-snackbar',{attrs:{\"timeout\":_vm.snackbarTimeout,\"color\":_vm.snackbarColor},model:{value:(_vm.snackbarIsActive),callback:function ($$v) {_vm.snackbarIsActive=$$v},expression:\"snackbarIsActive\"}},[_vm._v(\" \"+_vm._s(_vm.snackbarMessage)+\" \")]),_c('v-snackbar',{staticClass:\"mt-50\",attrs:{\"timeout\":_vm.snackbarTimeout,\"color\":_vm.snackbarColor},model:{value:(_vm.snackbarPwdIsActive),callback:function ($$v) {_vm.snackbarPwdIsActive=$$v},expression:\"snackbarPwdIsActive\"}},[_vm._v(\" \"+_vm._s(_vm.snackbarResetMessage)+\" \")])],1)],_c('v-container',[_c('div',[_c('v-btn',{directives:[{name:\"scroll\",rawName:\"v-scroll\",value:(_vm.onScroll),expression:\"onScroll\"},{name:\"show\",rawName:\"v-show\",value:(_vm.isVisible),expression:\"isVisible\"}],staticStyle:{\"margin\":\"0rem 2rem 1rem 0rem\"},attrs:{\"fab\":\"\",\"fixed\":\"\",\"bottom\":\"\",\"right\":\"\",\"color\":\"primary\"},on:{\"click\":_vm.toTop}},[_c('v-icon',[_vm._v(\"mdi-arrow-up\")])],1)],1)])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <!-- <v-container id=\"user-profile-view\" \n   tag=\"section\"\n  > -->\n\n  <v-app>\n    \n          <template>\n            \n            <v-card >\n        \n             \n              <v-card-title>\n                Data Meter Of Active Rentals\n               <v-spacer></v-spacer>\n                <v-text-field\n                  v-model=\"search\"\n                  @keyup=\"RemoveBlankSVG()\"\n                  append-icon=\"mdi-magnify\"\n                  label=\"Search\"\n                  single-line\n                  hide-details\n                  \n                  \n                ></v-text-field>\n              </v-card-title>\n             \n       \n              <v-data-table \n             \n                v-bind:headers=\"headers\"\n                v-bind:items=\"patientInfo\"\n                v-bind:search=\"search\"\n                v-bind:items-per-page=\"-1\"\n                v-model=\"selectedRows\"\n                :single-expand=\"singleExpand\"\n                :expanded.sync=\"expanded\"\n                item-key=\"Sno\"\n                show-expand\n                show-select\n                fixed-header\n                height=\"700\"\n                :sort-by=\"defaultSortColumn\"\n                :sort-desc=\"defaultSortDescending\"\n                :item-class= \"row_classes\"\n                 >  \n\n\n\n               <template v-slot:top>\n                                    <!-- ####### open-notification-dialog ####### -->\n\n\n    \n        <v-dialog\n      v-model=\"NotificationDialog\"\n      fullscreen\n      hide-overlay\n      eager\n      transition=\"dialog-bottom-transition\"\n    >\n       <v-card>\n       \n        <v-toolbar \n          dark\n          color=\"#22ace2\"\n          app\n          class=\"Vtoolbar\"\n        >\n          <v-btn\n            icon\n            dark\n            @click=\"NotificationDialog = false\" >\n            <v-icon>mdi-close</v-icon>\n          </v-btn>\n\n\n          <p class=\"mt-4 ml-4 mr-8\">RentalID: <strong>{{vRentalID }} </strong></p> \n          <p class=\"mt-4 ml-4 mr-8\">Patient Name: <strong>{{vPatientName  }}</strong></p>\n          <v-spacer></v-spacer>\n          <v-toolbar-items>\n\n           \n            <!-- <v-icon class=\"mr-4\">mdi-phone-forward</v-icon> -->\n\n                \n            <v-btn\n              dark\n              text\n\n              @click=\"NotificationDialog = false\"\n            >\n              <strong>Close</strong>\n            </v-btn>\n          </v-toolbar-items>\n        </v-toolbar>\n        <v-divider></v-divider>\n        \n\n\n                                          <!-- ####### chat-container-start ####### -->\n   <v-container class=\"align-center justify-center col-md-4 fixed mt-12\">\n       <v-card  class=\"mb-15\"  >\n        <div v-for=\"(notificationItem, index) in VideoLinks\"\n              :key=\"index\" class=\"d-flex align-center justify-center\">\n  \n\n                                     <!-- ####### Display text messages- Begin ####### -->                                                     \n      <div v-if=\"notificationItem.NoteContentType === 'TXT'\"  class=\"textContent\">\n          <!-- <p  class=\"font-weight-bold purple--text ml-8 \">{{ notificationItem.NoteTitle }}</p>   -->\n          <p class=\"mt-4 ml-8 mr-8\" >{{ notificationItem.NoteDescription }} </p>\n          <p  class=\"ml-8 mt-12\" style=\"font-size: 15px;color: #c5c4c4; font-weight: 500; position: relative;top: 1rem;\">  {{ notificationItem.NoteAddedBy }} <br> TXT - {{ notificationItem.NoteCreatedPosixMs }}</p>\n      </div>\n                                      <!-- ####### Display text messages-end ####### -->\n\n\n\n <!-- ####### Display URLs - Begin ####### -->\n        <div v-else-if=\"notificationItem.NoteContentType === 'URL'\" class=\"urlContent mt-4\"> \n          <a :href=\"notificationItem.NoteContentURL\" target=\"_blank\" class=\"grey--text mr-3 text-decoration-none\"\n             :class=\"{ 'urlContentNoTextDescription': !notificationItem.NoteTitle && !notificationItem.NoteDescription }\"\n             >\n              \n      <div class=\"cropped-image-container\" style=\"border-radius: 15px; overflow: hidden; height: 300px;\">\n      <div class=\"cropped-image\" :style=\"{ backgroundImage: 'url(' + notificationItem.ThumbnailURL + ')' }\"></div>\n      </div>\n\n          <p v-show=\"notificationItem.NoteTitle != ''\" class=\"font-weight-bold black--text ml-4 mb-8\">{{ notificationItem.NoteTitle }} </p>\n          <p class=\"ml-4\" style=\"position:relative;top:1rem\">{{ notificationItem.NoteContentURL }}</p>\n        </a> \n        \n         <p class=\"black--text mb-0 mt-1 text-xs font-weight-light\" style=\"font-size: 15px; \"\n            v-show=\"notificationItem.NoteDescription != ''\" >\n             <strong style=\"position:relative;bottom: 5rem;\" class=\"ml-4\">  {{ notificationItem.NoteDescription }} </strong>\n        </p>\n        <p class=\"ml-4\" style=\"font-size: 15px;color: #c5c4c4; font-weight: 500;\" \n           :class=\"{ 'urlContentNoText': !notificationItem.NoteTitle && !notificationItem.NoteDescription }\">\n           {{ notificationItem.NoteAddedBy }} <br> URL - {{ notificationItem.NoteCreatedPosixMs }}\n        </p>\n      </div>  \n                                     <!-- ####### Display URLs - end ####### -->\n\n\n                                       <!-- ####### Display images- Begin ####### -->\n<div v-if=\"notificationItem.NoteContentType === 'IMG'\" class=\"imgPreview\">\n  <v-img @click=\"downloadImage(notificationItem)\" class=\"ml-8\"\n     style=\"border-radius: 15px; overflow: hidden; height: 200px;\"\n     :src=\"notificationItem.ThumbnailURL\"\n     width=\"400px\" \n  ></v-img>\n\n  <div>\n    <!-- <img v-if=\"imagePreview\" max-width=\"300\" class=\"mx-auto mt-4 mb-4 ml-4 mr-4 pa-2 ml-4 align-center justify-center\" :src=\"imagePreview\" alt=\"Image Preview\" style=\"max-width: 100%; max-height: 200px;\" /> -->\n    <!-- Adjusted alignment based on the existence of NoteTitle and NoteDescription -->\n<p v-show=\"notificationItem.NoteTitle !== ''\" class=\"font-weight-bold purple--text\" :class=\"[notificationItem.NoteTitle !== '' ? 'ml-7' : '', 'mt-4']\">\n  {{ notificationItem.NoteTitle }} \n</p>\n<p class=\"black--text mb-0 text-xs font-weight-light\" :class=\"[notificationItem.NoteDescription !== '' ? 'ml-6' : '', 'mt-2']\" style=\"font-size: 15px;\" v-show=\"notificationItem.NoteDescription !== ''\">\n  {{ notificationItem.NoteDescription }} \n</p>\n\n  </div>\n\n  <div style=\"display:flex\">\n    \n    <p class=\"mt-12 ml-7\" style=\"color: #c5c4c4; font-weight: 450; font-size: 15px;\">\n      {{ notificationItem.NoteAddedBy }} <br> IMG - {{ notificationItem.NoteCreatedPosixMs }}\n    </p>\n  \n\n  <v-spacer></v-spacer>\n\n\n    <a :href=\"notificationItem.ThumbnailURL\" @click=\"downloadImage(notificationItem)\">\n      <v-icon style=\"position: relative; bottom: 3rem;top:3rem\" class=\"mr-5\" size=\"40\" color=\"#dc3545\">mdi-tray-arrow-down</v-icon>\n    </a>\n\n  \n</div>\n</div>\n                                        <!-- ####### Display images- End ####### -->\n\n                                      \n\n                                       \n                                        <!-- ####### Display PDF files - Begin ####### -->                  \n    <div class=\"pdfPreview\" v-else-if=\"notificationItem.NoteContentType === 'PDF'\"> \n      <v-img @click=\"downloadPdf(notificationItem)\" class=\"ml-8\"\n           style=\" border-radius: 15px; overflow: hidden; height: 200px;\"\n           :src=\"notificationItem.ThumbnailURL\"\n           width=\"400px\" >\n        </v-img>\n     \n    <div style=\"display: flex;align-items: center; justify-content: space-between;\">\n      <div>\n        <p v-show=\"notificationItem.NoteTitle !== ''\" class=\"font-weight-bold purple--text ml-8\">{{ notificationItem.NoteTitle }}</p>\n        <p class=\"black--text ml-8\" style=\"font-size: 15px; width: 350px;;\" v-show=\"notificationItem.NoteDescription !== ''\">{{ notificationItem.NoteDescription }}</p>\n        <p class=\"mt-1 mb-2 ml-7\" style=\"color: #c5c4c4; font-weight: 450; font-size: 15px;\">\n          {{ notificationItem.NoteAddedBy }} <br>  PDF - {{ notificationItem.NoteCreatedPosixMs }}\n       </p>\n     </div>\n      \n       <v-spacer></v-spacer>\n\n       <div>\n        <a :href=\"notificationItem.NoteContentURL\" @click=\"downloadPdf(notificationItem)\">\n          <v-icon class=\"mr-4 mt-12\" size=\"40\" color=\"#dc3545\">mdi-tray-arrow-down</v-icon>\n        </a>\n       </div>\n    </div>\n    </div>        \n                                        <!-- ####### Display PDF files - End  #######--> \n                                             \n                                             \n\n\n                                         <!-- ####### Display Mp4 files - Begin ####### -->\n<div class=\"mp4Preview\" v-else-if=\"notificationItem.NoteContentType === 'MP4'\">    \n  <v-img @click=\"downloadVideo(notificationItem)\" class=\"ml-8\"\n    style=\"border-radius: 15px; overflow: hidden; height: 200px;\"\n    :src=\"notificationItem.ThumbnailURL\"\n    width=\"400px\">\n  </v-img>\n\n  <div style=\"display:flex\">\n    <div>\n      <p v-show=\"notificationItem.NoteTitle !== ''\" class=\"font-weight-bold purple--text ml-8 mt-2 \">{{ notificationItem.NoteTitle }} </p>\n      <p class=\"black--text mb-0 text-xs font-weight-light ml-8\" style=\"font-size: 15px;\" v-show=\"notificationItem.NoteDescription !== ''\">{{ notificationItem.NoteDescription }} </p>\n\n      <p class=\"mt-4 mb-2 ml-7\" style=\"color: #c5c4c4; font-weight: 450; font-size: 15px;\" :class=\"{ 'mt-8': !notificationItem.NoteTitle && !notificationItem.NoteDescription }\">\n        {{ notificationItem.NoteAddedBy }} <br> MP4 - {{ notificationItem.NoteCreatedPosixMs }}\n      </p>\n    </div>\n  \n    <v-spacer></v-spacer>\n  \n    <div>\n      <a :href=\"notificationItem.NoteContentURL\" @click=\"downloadVideo(notificationItem)\">\n        <v-icon class=\"mr-4 mt-10\" size=\"40\" color=\"#dc3545\" >mdi-tray-arrow-down</v-icon>\n      </a>  \n    </div>  \n  </div>\n</div>\n                                        <!-- ####### Display MP4 files - End  #######-->\n \n                                        \n                                             \n                                            \n                                        \n\n                                       <!-- ####### Display Mp3 files - Begin ####### -->\n<!--     \n    <div class=\"mp3Preview\" v-else-if=\"notificationItem.NoteContentType === 'MP3'\"   style=\"display: flex;\">   \n          \n          <div>\n           <p  v-show=\"notificationItem.NoteTitle != ''\" class=\"font-weight-bold purple--text ml-8 \">{{ notificationItem.NoteTitle }} </p>\n          <p class=\"black--text mb-0 text-xs font-weight-light ml-8\" style=\"font-size: 15px;\" v-show=\"notificationItem.NoteDescription != ''\" >{{ notificationItem.NoteDescription }} </p>\n   \n           <p>{{ notificationItem.AttachmentName }}</p>\n           <p class=\"ml-7\" style=\"color: #c5c4c4; font-weight: 450; font-size: 15px; position: relative;top: 1rem;\"> MP3 - {{ notificationItem.NoteCreatedPosixMs }}</p>   \n          </div>\n         \n          <v-spacer></v-spacer>\n  \n          <div>\n            <a :href=\"notificationItem.NoteContentURL\" @click=\"downloadAudio(notificationItem)\">\n                  <v-icon class=\"mt-15 mr-5\" size=\"40\" color=\"#dc3545\">mdi-tray-arrow-down</v-icon>\n            </a>  \n          </div>  \n    </div>     -->\n                                         <!-- ####### Display MP3 files - End  #######-->  \n\n        </div>\n\n\n      \n                                                 <!-- ####### Scroll to bottom ####### -->\n<!-- <v-btn type=\"button\" class=\"btn-sm btn-primary mb-10\"  \n    v-show=\"isVisible\" fab fixed bottom right color=\"primary\" @click=\"toBottom\">\n    <v-icon class=\"mdi-arrow-down\">mdi-arrow-down</v-icon>\n</v-btn> -->\n\n                                                  <!-- ####### Scroll to bottom -END -->\n       </v-card>  \n   </v-container>\n                                           <!-- ####### chat-container-end ####### -->\n\n\n                                           <!-- ####### Footer-Begin ####### -->\n <template>\n  <v-card >\n    <v-footer class=\"fixed-footer\">\n      <v-card\n        flat\n        tile\n        width=\"100%\"\n        class=\"blue lighten-1 text-center\"\n      >\n\n      <div class=\"uploadfiles\" >\n        <div>\n      <v-menu top>\n       <template v-slot:activator=\"{ on, attrs }\" style=\"display: flex;\">  \n        <v-icon\n          color=\"#fff\"\n          dark\n\n          v-bind=\"attrs\"\n          v-on=\"on\"\n          @click=\"toggleFileInputs\"\n       :class=\"{ 'rotate-icon': isOpen }\">mdi-plus</v-icon>\n      </template>\n\n\n\n      <v-list>\n        <v-list-item>\n         <div style=\"display: flex;\n              flex-direction: column;\n              padding: 1.5rem; \n              position: relative; right: 2rem;\">\n\n\n                                            <!-- ####### Selcting & sending-IMG-Begin ####### -->\n      <template>\n        <v-row justify=\"center\">\n          <v-dialog v-model=\"pngDialog\" persistent max-width=\"500\" height=\"800\">\n             <template v-slot:activator=\"{ on, attrs }\">\n               <div style=\"display: flex;\">\n                 <v-icon\n                   color=\"primary\"\n                   dark\n                   v-bind=\"attrs\"\n                   v-on=\"on\">\n                   mdi-image\n                 </v-icon>\n                  <p class=\"mt-4 grey--text font-weight-medium\">IMG File</p>\n               </div>\n      </template>\n\n      <v-card>\n        <v-card-title class=\"text-h5 align-center justify-center\">Add Image and Title</v-card-title>\n          <form>\n            <v-text-field\n               label=\"Add Note Title\"\n               class=\"ml-4 mr-2\"\n               required\n               v-model=\"noteTitleInput\"\n            ></v-text-field>\n\n        <div class=\"images\">\n           <div style=\"display:flex\" class=\"ml-2\">\n            <p class=\"mt-4 ml-2 grey--text font-weight-medium\">Select only IMG files</p>\n              <v-icon color=\"#007bfc\" class=\"ml-2\" @click=\"openImgFileInput\">mdi-image</v-icon> \n              <!-- <v-spacer></v-spacer>\n             <v-chip  color=\"red\" text-color=\"white\" class=\"mr-4\" @click=\"changeImagePreview\" v-if=\"showCloseIcon\">change</v-chip> -->\n           </div>\n                <input \n                   ref=\"imgFileInput\"\n                   type=\"file\"\n                   accept=\"image/*\"\n                   style=\"display: none\" \n                   @change=\"handleImageUpload\" />\n\n                        <!-- ### Display IMG preview ### -->\n\n         <div v-if=\"imagePreview\" max-width=\"300\" class=\"mx-auto mt-4 mb-4 ml-4 mr-4 pa-2\" style=\"display: flex;\">\n               <img class=\"ml-4 align-center justify-center\" :src=\"imagePreview\" alt=\"Image Preview\" style=\"max-width: 100%; max-height: 200px;\" />   \n         </div>\n        </div>\n           \n\n           <v-text-field\n              label=\"Add Note Description\"\n              class=\"ml-4 mr-2\"\n              v-model=\"textInput\"\n              required>\n           </v-text-field>\n          </form>\n        <v-card-actions>\n\n          <v-spacer></v-spacer>\n\n          <v-btn  color=\"primary\" text @click=\"cancelImageUpload\"> Cancel </v-btn>\n          <v-btn  color=\"primary\" text @click=\"sendImage\"> Send</v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n  </v-row>\n      </template>         \n                                           <!-- ####### Selcting & sending-PNG-End ####### -->\n\n\n                                            <!-- ####### Selcting & sending-PDF-Files -Begin ####### -->\n <!-- <template>\n  <v-row justify=\"center\">\n    <v-dialog v-model=\"pdfDialog\" persistent max-width=\"500\" height=\"800\">\n      <template v-slot:activator=\"{ on, attrs }\">\n        <v-icon\n          class=\"ml-2\"\n          color=\"#7f66ff\"\n          dark\n          v-bind=\"attrs\"\n          v-on=\"on\"\n        >\n          mdi-file\n        </v-icon>\n        <p class=\"mt-4 grey--text font-weight-medium\">PDF files</p>\n      </template>\n      <v-card>\n        <v-card-title class=\"align-center justify-center text-h5\">\n         Add PDF , Title & Description\n        </v-card-title>\n        \n        <form>\n            <v-text-field\n               label=\"Add Note Title\"\n               class=\"ml-4 mr-2\"\n               required\n               v-model=\"noteTitleInput\"\n            ></v-text-field>\n\n            <div class=\"files\">\n               <div style=\"display: flex;\">\n                <p class=\"mt-4 ml-2 grey--text font-weight-medium\">Select only PDF files</p>\n                <v-icon color=\"#7f66ff\" class=\"pdf-logo\" @click=\"openPdfFileInput\">mdi-file</v-icon >\n                 \n               </div>\n                   <input\n                       ref=\"pdfFileInput\"\n                       type=\"file\"\n                       accept=\".pdf\" multiple\n                       style=\"display: none\"\n                       @change=\"handleFileUpload\" />\n           </div>\n\n\n   \n     <div v-if=\"pdfPreviewUrl\" >\n            <embed class=\"align-center justify-center ml-15\" :src=\"pdfPreviewUrl\" type=\"application/pdf\" width=\"50%\" height=\"300px\" />\n          </div>\n\n\n           <v-text-field\n              label=\"Add Note Description\"\n              class=\"ml-4 mr-2\"\n              v-model=\"textInput\"\n              required>\n           </v-text-field>\n\n            </form>\n\n\n\n        <v-card-actions>\n          <v-spacer></v-spacer>\n          <v-btn\n            color=\"green darken-1\"\n            text\n            @click=\"cancelPdfUpload\"\n          >\n            Cancel\n          </v-btn>\n          <v-btn\n            color=\"green darken-1\"\n            text\n            @click=\"sendPDF\"\n          >\n            Send\n          </v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n  </v-row>\n</template> -->\n                                            <!-- ####### Selcting & sending-PDF-Files-End ####### -->\n\n\n\n \n                                            <!-- ####### Selcting & sending-MP4-Files-Begin ####### -->\n <template>\n  <v-row justify=\"center\">\n    <v-dialog v-model=\"mp4Dialog\" persistent max-width=\"500\" height=\"800\">\n      <template v-slot:activator=\"{ on, attrs }\">\n       <div style=\"display: flex;\">\n        <v-icon\n        class=\"ml-2\"\n          color=\"#ff2e74\"\n          dark\n          v-bind=\"attrs\"\n          v-on=\"on\"\n        >\n          mdi-video\n        </v-icon>\n        <p class=\"mt-4 ml-2 grey--text font-weight-medium\">MP4 File</p>\n       </div>\n      </template>\n      <v-card>\n        <v-card-title class=\"text-h5 align-center justify-center\">Add Title,Mp4 & Description</v-card-title>\n\n       <v-form>\n        <v-text-field\n               label=\"Add Note Title\"\n               class=\"ml-4 mr-2\"\n               required\n               v-model=\"noteTitleInput\"\n            ></v-text-field>\n\n\n\n            <div class=\"files\">\n             <div style=\"display: flex;\" class=\"ml-2\">\n              <p class=\"mt-4 ml-2 grey--text font-weight-medium\">Select only MP4 files</p>\n              <v-icon color=\"#ff2e74\" class=\"mp4-logo\" @click=\"openVideoFileInput\">mdi-video</v-icon > \n              \n             </div>\n             <input\n                 ref=\"videoFileInput\"\n                 type=\"file\" accept=\"video/mp4\"\n                 style=\"display: none\"\n                 @change=\"handleVideoUpload\" />\n           </div>\n\n             <!-- MP4 Preview -->\n           <div v-if=\"videoPreviewUrl\" >\n            <v-col>\n              <video class=\"ml-12\" :src=\"videoPreviewUrl\" controls width=\"50%\" height=\"50%\"></video>\n            </v-col>\n          </div>\n            \n\n           <v-text-field\n              label=\"Add Note Description\"\n              class=\"ml-4 mr-2\"\n              v-model=\"textInput\"\n              required>\n           </v-text-field>\n\n       </v-form>\n\n        <v-card-actions>\n          <v-spacer></v-spacer>\n          <v-btn\n            color=\"primary\"\n            text\n            @click=\"cancelVideoUpload\"\n          >\n            Cancel\n          </v-btn>\n          <v-btn\n            color=\"primary\"\n            text\n            @click=\"sendVideo\"\n          >\n            Send\n          </v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n  </v-row>\n</template>\n                                            <!-- ####### Selcting & sending-MP4-Files-End ####### -->\n              \n              \n                                           <!-- ####### Selcting & sending-MP3-Files-Begin ####### -->\n<!-- <template>\n  <v-row justify=\"center\">\n    <v-dialog v-model=\"mp3Dialog\" persistent max-width=\"500\" height=\"800\">\n      <template v-slot:activator=\"{ on, attrs }\">\n       <div style=\"display: flex;\">\n        <v-icon\n        class=\"ml-2\"\n          color=\"#ff2e74\"\n          dark\n          v-bind=\"attrs\"\n          v-on=\"on\"\n        >\n          mdi-music\n        </v-icon>\n        <p class=\"mt-4 ml-2 grey--text font-weight-medium\">MP3 File</p>\n       </div>\n      </template>\n      <v-card>\n        <v-card-title class=\"text-h5 align-center justify-center\">Add Title,Mp3 & Description</v-card-title>\n\n       <v-form>\n        <v-text-field\n               label=\"Add Note Title\"\n               class=\"ml-4 mr-2\"\n               required\n               v-model=\"noteTitleInput\"\n            ></v-text-field>\n\n            <div class=\"files\">\n             <div style=\"display: flex;\">\n              <p class=\"mt-4 ml-2 grey--text font-weight-medium\">Select only MP3 files</p>\n              <v-icon color=\"#ff2e74\" class=\"mp4-logo\" @click=\"openAudioFileInput\">mdi-music</v-icon > \n            \n             </div>\n             <input\n                 ref=\"audioFileInput\"\n                 type=\"file\" accept=\"audio/mpeg\"\n                 style=\"display: none\"\n                 @change=\"handleAudioUpload\" />\n           </div>\n\n            \n           <div v-if=\"audioPreviewUrl\" >\n            <v-col>\n              <audio class=\"ml-12\" :src=\"audioPreviewUrl\" controls width=\"50%\" height=\"50%\"></audio>\n            </v-col>\n          </div>\n            \n\n           <v-text-field\n              label=\"Add Note Description\"\n              class=\"ml-4 mr-2\"\n              v-model=\"textInput\"\n              required>\n           </v-text-field>\n\n       </v-form>\n\n        <v-card-actions>\n          <v-spacer></v-spacer>\n          <v-btn\n            color=\"green darken-1\"\n            text\n            @click=\"cancelAudioUpload\"\n          >\n            Cancel\n          </v-btn>\n          <v-btn\n            color=\"green darken-1\"\n            text\n            @click=\"sendAudio\"\n          >\n            Send\n          </v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n  </v-row>\n</template> -->\n                                           <!-- ####### Selcting & sending-MP3-Files-End ####### -->\n\n\n\n                                            <!-- ####### Form for NoteTitle & NoteContentURL ####### -->\n     <div>\n        <template>\n            <v-row>\n           <div style=\"display: flex;\">\n            <v-icon\n            class=\"ml-2 mt-6\"\n             color=\"#009de2\"\n              dark\n              @click.stop=\"dialog = true\">mdi-link-variant</v-icon>\n             <p class=\"mt-10 ml-2 grey--text font-weight-medium\">PDF-URL</p>\n      </div>\n\n    <v-dialog v-model=\"dialog\" persistent max-width=\"500\">\n      <v-card>\n        <v-card-title class=\"text-h5 align-center justify-center\">\n         Add Title & Description\n        </v-card-title> \n  <form>\n    <v-text-field\n      label=\"Add Note Title\"\n      class=\"ml-4 mr-2\"\n      required\n      v-model=\"noteTitleInput\"\n    ></v-text-field>\n\n  \n\n    <v-text-field\n      label=\"Add PDF-URL\"\n      class=\"ml-4 mr-2\"\n      required\n      v-model=\"textInput\"\n    ></v-text-field>\n  </form>\n        <v-card-actions>\n          <v-spacer></v-spacer>\n\n          <v-btn\n            color=\"primary\"\n            text\n            @click=\"cancelFormUpload\"\n          >\n            Cancel\n          </v-btn>\n\n          <v-btn\n            color=\"primary\"\n            text\n            @click=\"SendForm\"\n          >\n            Send\n          </v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n  </v-row>\n</template>\n    </div>\n\n                                              <!-- ####### Form for NoteTitle & NoteContentURL ####### -->       \n            <div>\n          </div>                              \n   \n       </div>\n        </v-list-item>\n      </v-list>\n    </v-menu>\n  </div>\n\n\n\n\n\n                                            <!-- ####### Typing and send content-Begin ####### --> \n        <div class=\"inputText\">\n             <input type=\"text\"\n                 placeholder=\"Type Description....\" \n                 v-model=\"textInput\"\n                 ref=\"inputText\"  required\n                 @keyup.enter=\"sendPreviewContent\" >\n           </div>\n\n           <div class=\"send\">\n               <v-icon @click=\"sendPreviewContent\" color=\"#fff\">mdi-send</v-icon>\n           </div>                    \n        </div>\n                                           <!-- ####### Typing and send content-End ####### -->\n      </v-card>\n    </v-footer>\n  </v-card>\n</template>   \n                                            <!-- ####### Footer-End ####### -->\n\n\n\n       </v-card>\n        </v-dialog>\n    \n  \n                                     <!-- ####### Close-notification-dialog ####### -->\n\n\n\n\n                <v-dialog\n      \n      color=\"white\"\n           v-model=\"LiveECGDialog\"\n           :fullscreen=\"$vuetify.breakpoint.xsOnly\"\n           eager\n          width=\"1120\"\n          persistent\n          \n        >\n\n        <v-card>\n        <v-card-title class=\"justify-end\">\n          <v-icon\n    \n    color=\"red darken-2\"\n    @click=\"LiveECGDialog=false\"\n    >\n     mdi-close\n</v-icon>\n          </v-card-title>\n          </v-card>\n       \n        <div id=\"graphContainer\">\n              <canvas id=\"graphCanvas\" ref=\"graphCanvas\" width=\"1120\" height=\"224\"></canvas>\n              <div id=\"timestampBox\"></div>\n              \n            </div> \n            \n            \n         \n                </v-dialog>\n\n    <!--###########Timeline-Start####################-->\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\n                  <v-dialog\n     \n     v-model=\"batteryGraphDialog\"\n     :fullscreen=\"$vuetify.breakpoint.xsOnly\"\n    eager\n    height=\"1800\"\n    width=\"1050\"\n    persistent\n  >\n  <v-card \n    :height=\"cardHeight\"\n    width=\"1050\"\n    >\n    <v-card-title >\n      <v-icon\n\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    \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    \n <v-col cols=\"12\" sm=\"6\" md=\"10\">\n  <h3>{{ vHeaderTextDuration }}</h3>\n</v-col> \n</v-row>\n</v-card-title>\n\n<div>\n  <div id=\"BatteryGraph\">\n\n  </div>\n</div>\n</v-card>\n\n          </v-dialog>\n\n\n\n    <v-dialog\n    \n      v-model=\"timelineDialog\"\n      :fullscreen=\"$vuetify.breakpoint.xsOnly\"\n      fullscreen\n      hide-overlay\n      transition=\"dialog-bottom-transition\"\n    >\n      <v-card>\n        <v-toolbar\n          dark\n          color=\"primary\"\n        >\n          <v-btn\n            icon\n            dark\n            @click=\"timelineDialog = false\"\n          >\n            <v-icon>mdi-close</v-icon>\n          </v-btn>\n          <!-- <v-toolbar-title>Settings</v-toolbar-title> -->\n          <v-spacer></v-spacer>\n          <v-toolbar-items>\n            <v-btn\n              dark\n              text\n              @click=\"timelineDialog = false\"\n            >\n              Close\n            </v-btn>\n          </v-toolbar-items>\n        </v-toolbar>\n        \n          <v-spacer></v-spacer>\n          \n          <v-timeline  dense clipped>\n            <v-timeline-item \n        fill-dot\n        class=\"white--text mb-12 \"\n        color=\"orange\"\n        large\n      >\n      \n        <template v-slot:icon>\n          <v-icon>mdi-account</v-icon>\n        </template>\n        <v-form ref=\"form\" class=\"mx-2\" lazy-validation>\n          <v-col cols=\"12\" md=\"11\">\n        <v-textarea\n        rows=\"1\"\n        auto-grow\n        :rules=\"emptyFieldRules\" \n          v-model=\"timelineNotes\"\n          hide-details\n          flat\n          label=\"Leave a comment...\"\n          solo\n          @keydown.enter=\"validateForm();PutTimelineNotes()\"\n        >\n        <span class=\"red--text\" >This Field is Required</span>\n          <template v-slot:append>\n            <v-btn\n              class=\"mx-0\"\n              depressed\n              @click=\"validateForm();PutTimelineNotes()\"\n            >\n              Post\n            </v-btn>\n          </template>\n        </v-textarea>\n      </v-col>\n      </v-form>\n      </v-timeline-item>\n    <v-timeline-item\n   \n      v-for=\"(responseValue, i) in responseValues\"\n      :key=\"i\"\n      onchange=\"timelineFunc()\"\n      \n      small\n    >\n      <template >\n        <v-row justify-content= 'space-between'>\n            <v-col\n              cols=\"7\"\n              \n            >\n            <div>\n            <v-chip\n              class=\"black--text ml-0\"\n              :color=\"getColorTimeline(responseValue.Type)\"\n              label\n              small\n            >\n              {{responseValue.Type}}\n            </v-chip>          \n              <v-col \n              cols=\"8\"\n              md=\"9\"\n              sm=\"8\" >\n              <!-- <v-textarea dense rows=\"1\" auto-grow readonly v-if=\"responseValue.Type =='NOTE'\" class=\"black--text\"  v-model=\"responseValue.Text\"></v-textarea>  -->\n              <span class=\"` black--text`\">{{responseValue.Text}}</span> - <i class=\"grey--text\">{{responseValue.Name}} </i>\n            </v-col>\n      \n        \n          \n        \n        <!-- <div>\n          <b>Form moved to : </b>{{responseValue.Name}}\n        </div> -->\n      </div>\n          </v-col>\n          \n            <v-col\n              class=\"text-right\"\n              cols=\"4\"\n              v-text=\"responseValue.HumanReadableTime\"\n            ></v-col>\n          </v-row>\n        \n        <!-- <span\n          :class=\"`headline font-weight-bold black--text`\"\n          v-text=\"responseValue.HumanReadableTime\"\n        ></span> -->\n        <!-- <span>{{ i }}</span> -->\n      \n     \n      </template>\n    </v-timeline-item>\n  </v-timeline>\n\n      </v-card>\n    </v-dialog>\n  \n    <!--###########Timeline-End######################-->\n\n               </template>\n\n\n               <template v-slot:[`item.RentalID`]=\"{ item }\">\n                \n                 {{ item.RentalID }} - {{ item.PatientName }}\n                <!-- {{ item.RentalID }}  -->\n\n        \n            </template>\n\n               <template v-slot:[`item.Timeline`]=\"{ item }\">\n            <v-icon large @click=\"Timeline(item.RentalID)\"> mdi-chart-timeline </v-icon>\n          </template>\n\n\n\n\n <!-- Notification-dialog -->\n\n <template v-slot:[`item.NotificationDialog`]=\"{ item }\">\n         <v-icon medium color=\"c5292d\" @click=\"checkAndShowNotification(item)\" >mdi-message-text-outline</v-icon> \n       </template>\n\n             <!-- Notification-dialog--End -->\n\n\n\n\n\n\n           <template v-slot:[`item.EcgSparkLine`]=\"{ item }\">\n                \n            <v-card style=\"background: none; box-shadow: none;\"\n                    @click.native=\"DrawSineWave(item.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-${item.RentalID}`\" >\n                  \n                    <!-- {{ DrawECGSparklineGraph(item.RentalID) }} -->\n                  </div> \n\n                  <div  :id=\"`DIV-CONTINUITY-${item.RentalID}`\" >\n                    \n                    <!-- {{ DrawECGSparklineGraph(item.RentalID) }} -->\n                  \n                  </div> \n\n                </v-card>\n                <tr>\n        <td class=\"font-weight-bold\">Data Duration Recorded</td>\n        <td>: {{ item.MobileRxDataDuration }} of {{ item.RentalDurationDays }} days</td>\n    </tr>\n\n              </template>\n              <!--\n           <template v-slot:[`item.DataContinuity`]=\"{ item }\">\n                \n                  <div  :id=\"`DIV-CONTINUITY-${item.RentalID}`\" >\n                    \n                     {{ DrawECGSparklineGraph(item.RentalID) }} \n                  \n                  </div> \n\n              </template>\n            -->\n\n\n          <!-- Operating System --begin -->\n   <template v-slot:[`item.PhoneManufacturer`]=\"{ item }\">\n    <v-icon v-if=\"item.PhoneManufacturer == 'Apple'\" @click=\"handleClick(item)\" color=\"silver\" large>\n      mdi-apple\n    </v-icon>\n   <v-icon v-if=\"item.PhoneManufacturer != 'Apple'\" @click=\"handleClick(item)\" color=\"grey\" large>\n      mdi-android\n   </v-icon>\n\n\n     <div>\n      <v-chip @click=\"handleClick(item)\" class=\"black--text\" label small color=\"transparent\">\n      {{ item.AppBuildVersion }}\n    </v-chip>\n     </div>\n\n   <div>\n    <v-chip @click=\"handleClick(item)\" class=\"black--text\" label small color=\"transparent\">\n      {{ item.PhoneManufacturer }}\n    </v-chip>\n   </div>\n\n</template>\n        <!-- Operating System --end -->\n\n        \n        <!-- Hide Button --begin -->\n        <template v-slot:[`item.RentalStatus`]=\"{ item }\">\n          <v-btn icon color=\"gainsboro\" @click=\"hideRow(item.RentalID)\" >\n            <v-icon>mdi-eye-off</v-icon>\n          </v-btn>\n          </template>\n        <!-- Hide Button --end -->\n\n\n\n           <template v-slot:[`item.FirmwareVersion`]=\"{ item }\">\n                  {{ item.FirmwareVersion }}\n              </template>\n\n              <template v-slot:[`item.IsQrScan`]=\"{ item }\">\n\t\t  <span \n\t\t    :class=\"item.IsQrScan ? 'mdi mdi-qrcode-scan' : ''\"\n\t\t    :title=\"`Hospital: ${item.HospitalName} \\n Doctor: ${item.DoctorName}`\">\n\t\t  </span>\n\t\t</template>\n\n\n              <template v-slot:[`item.MrdNumber`]=\"{ item }\">\n                 {{ item.MrdNumber }}\n              </template>\n\n              <template v-slot:[`item.SalesLead`]=\"{ item }\">\n                  <span class=\"bold-text\">Sales Lead:</span> {{ item.SalesLead }}<br />\n                  <span class=\"bold-text\">Center:</span> {{ item.HospitalName }}\n              </template>\n\n\n            \n\n\n\n              <!-- <template v-slot:[`item.AppBuildVersion`]=\"{ item }\"> -->\n \n  <!-- {{ item.AppBuildVersion }} -->\n<!-- </template> -->\n\n\n               <template v-slot:[`item.SensorBatteryVolts`]=\"{ item }\">\n                <v-chip\n                  :color=\"getColor(item.SensorBatteryVolts)\"\n                  \n                >\n                  {{ item.SensorBatteryVolts }}\n                </v-chip>\n              </template>\n\n               <template v-slot:[`item.SensorBatteryVoltsAvg`]=\"{ 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.SensorBatteryVoltsAvg }}\n                </v-chip>\n              </template>\n\n\n                <template v-slot:[`item.ServerSyncTimeAgoSec`]=\"{ item }\">\n                <v-chip\n                  :color=\"getColorFileReceived(item.ServerSyncTimeAgoSec)\"\n                  \n                >\n                  {{ item.FileReceivedAgoSec }}\n                </v-chip>\n              </template>\n              \n\n              <template v-slot:[`item.LastDataTimeAgoSec`]=\"{ item }\">\n                <v-chip\n                  :color=\"getColorFileReceived(item.LastDataTimeAgoSec)\"\n                  \n                >\n                  {{ item.DataCreatedAgoSec }}\n                </v-chip>\n              </template>\n              <template v-slot:[`item.DataReceivedPercentage`]=\"{ item }\">\n                <v-chip\n                  :color=\"getColorDataReceived(item.DataReceivedPercentage)\"\n                >\n                  {{ item.DataReceivedPercentage }}%\n                </v-chip>\n              </template>\n\n                <template v-slot:[`item.EcgDataStartedStreaming`]=\"{ item }\">\n                \n                  <v-icon  v-if=\"item.EcgDataStartedStreaming == true\" color=\"green darken-2\" large>\n                              mdi-checkbox-marked-circle\n                            </v-icon>\n\n                             <v-icon v-if=\"item.EcgDataStartedStreaming == false\" color=\"red darken-2\">\n                              mdi-close-circle\n                            </v-icon>\n\n\n              </template>\n\n  \n              <template v-slot:[`item.LiveGraph`]=\"{ item }\">\n  \n  <v-btn\n        class=\"mx-3\"\n        fab\n        dark\n        small\n        :disabled=\"false\"\n        text\n        color=\"red\"\n        @click=\"ShowECGDialog(item.RentalID);\"\n        \n      >\n      <v-img v-if=\"item.ServerSyncTimeAgoSec < 1800 && item.ServerSyncTimeAgoSec != -1\"\n    :aspect-ratio=\"1.8\"\n    :width=\"50\"\n    src=\"../assets/Live-Streaming-low.gif\"\n    ></v-img>\n    <v-img v-if=\"item.ServerSyncTimeAgoSec >= 1800 || item.ServerSyncTimeAgoSec == -1\"\n    :aspect-ratio=\"1.8\"\n    :width=\"50\"\n    src=\"../assets/Live-Grey.png\"\n    ></v-img>\n    </v-btn>\n\n\n</template>\n\n<template v-slot:item.RentalEndDatePosixMs=\"{ item }\">\n           {{ item.RentalEndDateHumanReadable}}\n </template>\n<template v-slot:item.EcgFirstSyncPosixMs=\"{ item }\">\n           {{ item.RentalStartDateHumanReadable}}\n  </template>\n\n                  <!-- <template v-slot:[`item.Notes`]=\"{ item }\">\n                        <v-text-field\n                          label=\"Notes\"\n                          v-model=\"item.NotesData\"\n                          \n                       ></v-text-field>\n                  </template> -->\n  <template v-slot:[`item.PwdReset`]=\"{ item }\">\n  <div class=\"centered-icon\">\n    <v-icon large @click=\"PwdResetRental(item.RentalID)\">mdi-lock-reset</v-icon>\n  </div>\n</template>\n\n\n                  <template v-slot:[`item.Deactivate`]=\"{ item }\" v-if=\"ShowDeactivate\">\n                   <v-icon large @click=\"DeactivateRental(item)\"> mdi-delete </v-icon>\n                 </template>\n                 \n                 <template v-slot:[`item.CheckFlag`]=\"{ item }\">\n  <div class=\"d-flex align-items-center\">\n    <p v-if=\"item.IpPatientFlag\" class=\"black--text font-weight-bold mt-3\">* IP</p>\n    <p v-else-if=\"item.VipPatientFlag\" class=\"black--text font-weight-bold mt-3\">* VIP </p>\n  </div>\n</template>\n\n                   <template v-slot:expanded-item=\"{ headers, item }\">\n                           \n                    <td :colspan=\"headers.length\">\n                    <br>\n                    \n                    <h2>Data Meter</h2>\n                     <br>\n                       <v-row>\n                        <v-col cols=\"8\" md=\"3\">\n                          <table>\n                      \n\n                        <tr>\n                          <td class=\"font-weight-bold\">Duration (Days)</td>\n                           \n                          <td>: {{ item.RentalDurationDays }}</td>\n                       </tr>\n\n                        <tr>\n                          <td class=\"font-weight-bold\">Mac Address</td>\n                           \n                          <td>: {{ item.SensorMacAddress }}</td>\n                       </tr>\n\n                        <tr>\n                          <td class=\"font-weight-bold\">IP Address</td>\n                         \n                          <td>: {{ item.SensorIPAddress }}</td>\n                       </tr>\n\n\n                        \n\n                        <tr>\n                          <td class=\"font-weight-bold\">Phone Battery % </td>\n                          <td>: {{ item.MobileBatteryPct }}%</td>\n                       </tr>\n\n                        <tr>\n                          <td class=\"font-weight-bold\">BLE RSSI (dB)</td>\n                          <td>: {{ item.MobileBleRssi }}</td>\n                       </tr>\n\n                        <tr>\n                          <td class=\"font-weight-bold\">Phone OS </td>\n                          <td>: {{ item.MobileOs }}</td>\n                       </tr>\n\n                          <tr>\n                          <td class=\"font-weight-bold\">Phone Manufacturer </td>\n                          <td>: {{ item.PhoneManufacturer }}</td>\n                       </tr>\n\n                      <tr>\n                          <td class=\"font-weight-bold\">Phone Model </td>\n                          <td>: {{ item.PhoneModel }}</td>\n                       </tr>\n\n                    \n\n                        \n                       </table>\n                       </v-col>\n                       <v-divider inset vertical ></v-divider>\n                       <v-col cols=\"8\" md=\"3\">\n                       <table>\n                       \n\n                        <tr>\n                          <td class=\"font-weight-bold\">User Language</td>\n                          <td v-if=\"item.LanguageCode == 'en'\">: English</td>\n                          <td v-if=\"item.LanguageCode == 'te'\">: Telugu</td>\n                          <td v-if=\"item.LanguageCode == 'hi'\">: Hindi</td>\n                       </tr>\n                            <tr>\n                          <td class=\"font-weight-bold\">User TimeZone</td>\n                          <td>: {{ item.ClienTimeZone }}</td>\n                       </tr>\n                       <tr>\n                          <td class=\"font-weight-bold\">ECG Stream Begin Sync Time</td>\n                          <td>: {{ item.EcgFirstSyncPosixMsHuman }}</td>\n                       </tr>\n\n                         <tr>\n                          <td class=\"font-weight-bold\">ECG Stream Last Sync Time</td>\n                          <td>: {{ item.EcgLastSyncPosixMsHuman }}</td>\n                       </tr>\n\n                        <tr>\n                          <td class=\"font-weight-bold\">ECG Start Data Time</td>\n                          <td>: {{ item.EcgLastSyncFirstFramePosixMsHuman }}</td>\n                       </tr>\n\n                            <tr>\n                          <td class=\"font-weight-bold\">ECG Last Data Time</td>\n                          <td>: {{ item.EcgLastSyncLastFramePosixMsHuman }}</td>\n                       </tr>\n\n                       \n                       </table>\n                       </v-col>\n                       <v-divider inset vertical></v-divider>\n\n                       <v-col cols=\"8\" md=\"3\">\n                       \n                        <tr>\n                          <td class=\"font-weight-bold\">Total packets</td>\n                          <td>: {{ item.MobilePacketsTxCount }}</td>\n                       </tr>\n\n                         <tr>\n                          <td class=\"font-weight-bold\">Bluetooth ECG Frames</td>\n                          <td>: {{ item.EcgPacketsTxFramesCount }}</td>\n                       </tr>\n\n                         <tr>\n                          <td class=\"font-weight-bold\">Bluetooth Error Frames</td>\n                          <td>: {{ item.ErrorPacketsTxFramesCount }}</td>\n                       </tr>\n\n                         <tr>\n                          <td class=\"font-weight-bold\">Total Frames Transmitted</td>\n                          <td>: {{ item.MobilePacketsTxFramesCount }}</td>\n                       </tr>\n\n                         <tr>\n                          <td class=\"font-weight-bold\">Total Data Transmitted</td>\n                          <td>: {{Math.round((item.MobilePacketsTxFramesBytes/1024/1024) * 100) / 100  }} MB</td>\n                       </tr>\n\n                         <tr>\n                          <td class=\"font-weight-bold\">Data Duration Recorded</td>\n                          <td>: {{ item.MobileRxDataDuration }}</td>\n                       </tr>\n\n                       </v-col>\n                       </v-row>\n                       <br>\n                   </td>\n\n                     \n                  </template>\n      <template v-slot:footer.page-text>\n                <v-btn\n                \n                  elevation=\"2\"\n                  @click = 'CopySelected()'\n                  color=\"blue-grey white--text\">Copy Notes\n                </v-btn>\n              </template>\n\n              </v-data-table>\n\n        <v-snackbar\n      v-model=\"snackbarIsActive\"\n      v-bind:timeout=\"snackbarTimeout\"\n       v-bind:color=\"snackbarColor\"\n       \n    >\n    {{ snackbarMessage }}\n\n    </v-snackbar>\n\n    <v-snackbar\n      v-model=\"snackbarPwdIsActive\"\n      v-bind:timeout=\"snackbarTimeout\"\n       v-bind:color=\"snackbarColor\"\n       class=\"mt-50\"\n    >\n    {{ snackbarResetMessage }}\n\n    </v-snackbar>\n                \n            \n            </v-card>\n          </template>\n         \n         \n<!-- Scroll to top -->\n          <v-container>\n            <div>\n              <v-btn style=\"margin: 0rem 2rem 1rem 0rem ;\"\n                v-scroll=\"onScroll\" v-show=\"isVisible\"  fab fixed bottom right color=\"primary\" @click=\"toTop\">\n                 <v-icon>mdi-arrow-up</v-icon>\n              </v-btn>\n            </div>\n          </v-container>\n           <!-- Scroll to top -END -->\n     \n        </v-app>\n\n</template>\n<script>\n\n \n import axios from 'axios';\n import pako from 'pako';\n import moment from \"moment\";\n import 'moment-timezone';\n //import {SmoothieChart,TimeSeries} from  '../../node_modules/smoothie/smoothie.js'\n import getBacklog from \"../iteratorFiles/scripts/getBacklogSeconds\"; //\n import DrawDygraphChart from \"../iteratorFiles/scripts/DrawDygraphChart.js\"\n //import * as d3 from 'd3v3';\n import d3 from '../../node_modules/rickshaw/node_modules/d3/d3';\nimport * as d3v7 from 'd3';\n import Rickshaw from 'rickshaw';\nimport { HTML5_FMT } from 'moment';\nimport Dygraph from 'dygraphs';\nimport 'dygraphs/dist/dygraph.min.css';\nimport DrawGraph from '../DoctorLiveECG/drawGraph'\n\n export default {\n  name: \"activerentals\",\n\ndata(){\n\n        return{\n          cardHeight:0,\n          selectedItem: {},\n          vPatientName:'',\n          vRentalID: '',\n          snackbar: false,\n          showCloseIcon:false,\n          downloaded: false,\n          mp3Dialog:false,\n          mp4Dialog:false,\n          pdfFile: null,\n          audioPreviewUrl:null,\n          videoPreviewUrl:null,\n          pdfPreviewUrl: null,\n          pdfDialog:false,\n          notificationItem: {\n          NoteTitle: '',\n         },\n          notificationItems: [],\n          sendImageDialog:false,\n          showCloseIcon: false,\n          imagePreview: null,\n          pngDialog:false,\n            dialog: false,\n            formVisible: false,\n            isOpen:false,\n            isVisible: false,\n            attachmentSize: \"\",\n            fileSizeMessage: \"\",\n           // vRentalID: null,\n            AttachmentName: \"\",\n            base64Img: \"\",\n            base64Pdf: \"\",\n            base64Video: \"\",\n            base64Audio:\"\",\n            fileSizeInBytes: \"\",\n            pdfName:\"\",\n            pngName:\"\",\n            mp4Name: \"\",\n            mp3Name:\"\",\n            value: 0,\n            query: false,\n            textInput: '', \n            noteTitleInput: '',\n          //  urltextInput:'',\n            DescriptiontextInput:'',\n            message: '', \n            index:0,\n            isImageSelected:false,\n            NoteContentType: null,\n            selectedPdf:null,\n            textTimes:[],\n            previewContent: '',\n            previewContentList: [],   \n            isCardVisible: false,\n            isVisible: false,\n            VideoLinks: [],\n            responseValues:[],\n            timelineNotes: null,\n            DateTime:[],\n            value: 0,\n            query: false,\n            show: true,\n            interval: 0,\n            value: 0,\n            query: false,\n            show: false,\n            textInput: '', \n            message: '', \n            index:0,\n            isImageSelected:false,\n            NoteContentType: null,\n            selectedPdf:null,\n         textTimes:[],\n          //preview-content\n          previewContent: '',\n          previewContentList: [],   \n          isCardVisible: false,\n          isVisible: false,\n          NotificationDialog:false,\n          Dialog: false,\n          input: null,\n          nonce: 0,\n          notifications: false,\n          sound: true,\n          widgets: false,\n          responseData: null, \n          isVisible: false,\n          notificationData: [],\n          responseValues:[],\n          timelineNotes: null,\n          isVisible: false,\n          responseValues:[],\n      timelineNotes: null,\n        DateTime:[],\n        selectedLeadId:'',\n        selectedRentalId:'',\n      timelineDialog:false,\n      batteryGraphDialog:false,\n      vHeaderTextRentalID : \"\",\n      vHeaderTextLeadOwner : \"\",\n      vHeaderTextEndDate : \"\",\n      vHeaderTextDuration : \"\",\n        headers: [\n        { text: 'Session ID',  align: 'start',  sortable: true,  value: 'RentalID'},\n        { text: \"Type\", value:\"CheckFlag\"},\n      //  { text: \"Info\", value:\"NotificationDialog\"},\n        //{ text: 'Name', value: ['PatientName'] },\n        //{ text: 'Data Streaming Started ?', value: 'EcgDataStartedStreaming'},\n          { text: \"Stream\", value: \"LiveGraph\"},\n        { text: 'ECG (10 secs) & Data Continuity (12 Hours)', value: 'EcgSparkLine' },\n        { text: 'Data Received (%)', value: 'DataReceivedPercentage' },\n        // { text: '', value: 'RentalStatus' },\n        //{ text: 'Data Continuity - Last 12 Hours', value: 'DataContinuity' },\n        { text: 'Start', value: 'EcgFirstSyncPosixMs' },\n        { text: 'End', value: 'RentalEndDatePosixMs' },\n        { text: 'QR', value: 'IsQrScan' },\n        { text: \"Sales Lead/Center\", value: \"SalesLead\" },\n        //{ text: 'MRD Number', value: 'MrdNumber' },\n        { text: 'Server Sync Time', value: 'ServerSyncTimeAgoSec' },\n        { text: 'Last Data Time', value: 'LastDataTimeAgoSec' },\n        { text: 'Volts(Avg)', value: 'SensorBatteryVoltsAvg' },\n        // { text: 'Notes', value: 'Notes' },\n        { text: 'Fw Version', value: 'FirmwareVersion' },\n        // { text: 'OS', value: 'PhoneManufacturer' },\n        { text: 'App', value: 'PhoneManufacturer' },\n      //  { text: 'App', value: 'AppBuildVersion' },\n        // { text: 'Entity', value: 'DistributorName' },\n        { text: \"PWD Reset\", value: \"PwdReset\" },\n        //{ text: \"Sales Lead\", value: \"SalesLead\" },\n        { text: \"Timeline\", value: \"Timeline\" },\n        { text: \"\", value: \"Deactivate\" },\n        \n        //{ text: 'Battery Volts', value: 'SensorBatteryVolts' },      \n\n        ], \n         \n          // Default descending order based on RentalID\n      defaultSortColumn: 'RentalID',\n      defaultSortDescending: true,\n      \n        emptyFieldRules:[\n        v => !!v || 'This field is required'\n      ],       \n        // output:[],\n        patientInfo:[],\n        sparkLineInfo:[],\n        sparkLineElemObj:{},\n        runningProcesses:[],\n        activeTab:'',\n        RentalStartDate:'',\n        RentalEndDate:'',\n        selectedRentalID:'',\n        search:'',\n        NotesData:\"\",\n        expanded: [],\n        singleExpand: false,\n        selectedRows:[],\n        timer: null,\n\n        ECGDialog:false,\n        LiveECGDialog:false,\n        Interval:0,\n        smoothie:'',\n        ShowDeactivate:false,\n        snackbarIsActive:false,\n        snackbarPwdIsActive:false,\n        snackbarMessage: \"\",\n        snackbarResetMessage:\"\",\n        snackbarTimeout: 5000, // Milliseconds\n        snackbarColor: \"error\", // default snackbar color\n        ECGData:[],\n        chunkSize : 72 * 60 * 60 * 1000, // 72 hours in milliseconds\n        \n        }\n    },\n\n    inject: {\n      theme: {\n        default: { isDark: false },\n      },\n    },\n    methods: {\n      \n       row_classes (item) {\n        \n        if (item.VipPatientFlag == true) return 'gold-background'\n        else if (item.IpPatientFlag == true) return 'blue lighten-4'\n        else if (item.IpPatientFlag == true && item.VipPatientFlag == true) return 'gold-background'\n        \n        else return 'white'\n      },\n\n      // MobileUserGuide -- Start\n\n      handleClick(item) {\n      var RequestedBy  = localStorage.getItem('emailID');\n      var apiUrl = `https://operations-mumbai.monitrahealth.info/dataxchanges/documents/guidebook?PhoneManufacturer=`+item.PhoneManufacturer+`&PhoneModel=`+item.PhoneModel+`&lang=en&RequestedBy=`+RequestedBy;\n      \n      console.log(\"##apiUrl##\", apiUrl);\n      window.open(apiUrl, '_blank');\n  \n    },\n\n      // MobileUserGuide -- End\n\n\n      PwdResetRental(RentalID) {\n  if (confirm(\"Are you sure you want to reset the password?\")) {\n    var url = \"https://\"+this.ApiUrl+\"/apiMumbai/mobile/resetpassword\";\n    console.log(url);\n    var updateObj = {\n      RentalID: RentalID,\n    };\n    console.log(\"Form values updating are-->\", updateObj);\n    \n    axios.patch(url, updateObj)\n      .then((response) => {\n        console.log(response);\n        this.snackbarPwdIsActive = true; \n        this.snackbarColor=\"success\";\n        this.snackbarResetMessage = \" Password Reset Successfully for \" +RentalID;\n        if (response.data) {\n          // Password reset was successful\n          console.log(\"Password reset successful\");\n        } else {\n          // Password reset failed\n          console.log(\"Password reset failed\");\n          //console.log(\"Response data:\", response.data);\n        }\n      })\n      .catch((error) => {\n        console.log(error);\n        // Handle any error that occurs during the request\n      });\n  }\n},\n\n\n\n\n\n\ncancelFormUpload(){\n      this.noteTitleInput = '';\n      this.textInput = '';\n      this.dialog=false;\n    },\n\n  cancelImageUpload() {\n    // Clear form data\n    this.noteTitleInput = '';\n    this.imagePreview = null;\n    this.textInput = '';\n    this.showCloseIcon=false;\n    // Close the dialog\n    this.pngDialog = false;\n  },\n\n\n  cancelPdfUpload(){\n     // Clear form data\n     this.noteTitleInput = '';\n     this.pdfPreviewUrl = null;\n     this.textInput = '';\n    // Close the dialog\n    this.pdfDialog = false;\n  },\n\n  cancelVideoUpload(){\n     // Clear form data\n     this.noteTitleInput = '';\n     this.videoPreviewUrl = null;\n     this.textInput = '';\n    // Close the dialog\n    this.mp4Dialog = false;\n  },\n\n\n   cancelAudioUpload(){\n     // Clear form data\n     this.noteTitleInput = '';\n     this.audioPreviewUrl = null;\n     this.textInput = '';\n    // Close the dialog\n    this.mp3Dialog = false;\n  },\n\n  SendForm() {\n    // Check if the textInput is supposed to be a URL and starts with \"https://\"\n    const isUrl = this.textInput.startsWith(\"https://\");\n   console.log(\"isUrl -->\", isUrl)\n\n    if (this.textInputNotEmpty && isUrl) {\n      // Process the form data\n      this.notificationItem.NoteTitle = this.noteTitleInput;\n      this.notificationItem.NoteDescription = this.textInput;\n      this.dialog = false;\n      this.mobileNotification('TEXT');\n      this.noteTitleInput = '';\n      // Clear the input field\n    } else {\n      // Show a warning if the URL condition is not met\n      alert(\"Please enter only URL\");\n      this.textInput = ''; \n    }\n  },\n\n\n    sendAudio(){\n      this.mobileNotification('MP3', this.fileSizeInBytes);\n      this.mp3Dialog=false;\n      this.$refs.audioFileInput.value = ''; // Clear the file input\n      this.notificationItem.NoteTitle = this.noteTitleInput;\n      this.notificationItem.NoteDescription = this.textInput;\n      this.audioPreview = '';\n    },\n\n\n    sendVideo(){\n      this.mobileNotification('MP4', this.fileSizeInBytes);\n      this.mp4Dialog=false;\n      this.$refs.videoFileInput.value = ''; // Clear the file input\n      this.notificationItem.NoteTitle = this.noteTitleInput;\n      this.notificationItem.NoteDescription = this.textInput;\n      this.videoPreview = '';\n    },\n\n\n    sendPDF(){\n      this.mobileNotification('PDF', this.fileSizeInBytes);\n      this.pdfDialog=false;\n      this.$refs.pdfFileInput.value = ''; // Clear the file input\n      this.notificationItem.NoteTitle = this.noteTitleInput;\n      this.notificationItem.NoteDescription = this.textInput;\n      this.pdfPreview = '';\n},\n\n\n    sendImage() {\n    this.mobileNotification('IMG', this.fileSizeInBytes);\n    this.pngDialog = false;\n    this.$refs.imgFileInput.value = ''; // Clear the file input\n    this.notificationItem.NoteTitle = this.noteTitleInput;\n    this.notificationItem.NoteDescription = this.textInput;\n   \n  },\n\n    validate () {\n        this.$refs.form.validate()\n      },\n      reset () {\n        this.$refs.form.reset()\n      },\n      resetValidation () {\n        this.$refs.form.resetValidation()\n      },\n    \n\n\n  toggleForm() {\n      // Toggle the visibility of the form\n      this.formVisible = !this.formVisible;\n    },\n\n  toggleFileInputs() {\n      this.isOpen = !this.isOpen; // Toggle the isOpen property\n    },\n\n\n                         // ### downloadImage ###\n  downloadImage(notificationItem) {\n    const link = document.createElement('a');\n    link.href = notificationItem.ThumbnailURL;\n    // link.download = 'image.png';\n    // link.target = '_blank';\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n  },\n\n\n  downloadPdf(notificationItem) {\n    const link = document.createElement('a');\n    link.href = notificationItem.NoteContentURL;\n    // link.download = 'image.png';\n    // link.target = '_blank';\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n  },\n\n\n  downloadVideo(notificationItem) {\n    const link = document.createElement('a');\n    link.href = notificationItem.NoteContentURL;\n    // link.download = 'image.png';\n    // link.target = '_blank';\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n  },\n\n  downloadAudio(notificationItem) {\n    const link = document.createElement('a');\n    link.href = notificationItem.NoteContentURL;\n    // link.download = 'image.png';\n    // link.target = '_blank';\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n  },\n \n                   \n                                 // ####### Text - Preview - content - Begin ####### \n   sendPreviewContent() {\n    if (this.textInputNotEmpty) {\n      // Check if the text contains \"https://\"\n      if (this.textInput.includes(\"https://\")) {\n        // Show an alert indicating that only the description should be typed\n        alert(\"Only type description\");\n        this.textInput = '';\n        \n      }else {\n      // Continue with sending the content without showing the alert\n        this.mobileNotification('TEXT');\n      this.notificationItem.NoteDescription = this.textInput;\n      this.notificationItem.NoteTitle = this.noteTitleInput;\n     \n      this.textInput = ''; // Clear the input field\n    }\n    }\n  },\n                             // ####### Text - Preview - content - Begin ####### \n\n\n                            //######### MOBILE - NOTIFICATION - PUT - API -START ############\n     mobileNotification(flag,fileSizeInBytes,item){\n         var myPOSTobj ;\n           if (flag === 'TEXT'){\n            \n            // /^(http|https):\\/\\/[^\\s/$.?#;,:][^\\s;,:]*$/.\n            \n            if(this.textInput.includes(\"https://\")){\n\n              console.log(\"sendng PDF-URL\")\n              myPOSTobj = {\n                   \"RentalID\"               : this.vRentalID,\n                   \"NoteTitle\"              : this.noteTitleInput,\n                   \"NoteDescription\"        : this.textInput,\n                   \"NoteContentURL\"         : \"\",\n                   \"NoteContentType\"        : \"PDF-URL\",\n                   \"NoteAddedBy\"            : 'rajesh.mamidi@monitrahealth.com',\n                   \"AttachmentName\"         : '',\n                   \"AttachmentBase64String\" : '',\n                   \"AttachmentSizeBytes\"    : 0,\n                 }\n\n            }else{\n              myPOSTobj = {\n                   \"RentalID\"               : this.vRentalID,\n                   \"NoteTitle\"              : this.noteTitleInput,\n                   \"NoteDescription\"        : this.textInput,\n                   \"NoteContentURL\"         : \"\",\n                   \"NoteContentType\"        : \"TXT\",\n                   \"NoteAddedBy\"            : 'rajesh.mamidi@monitrahealth.com',\n                   \"AttachmentName\"         : '',\n                   \"AttachmentBase64String\" : '',\n                   \"AttachmentSizeBytes\"    : 0\n                 }\n            }\n             }else if(flag === 'IMG'){\n                  myPOSTobj = {\n                   \"RentalID\"               : this.vRentalID,\n                   \"NoteTitle\"              : this.noteTitleInput,\n                   \"NoteDescription\"        : this.textInput,\n                   \"NoteContentURL\"         : \"\",\n                   \"NoteContentType\"        : \"IMG\",\n                   \"NoteAddedBy\"            : 'rajesh.mamidi@monitrahealth.com',\n                   \"AttachmentName\"         : this.pngName,\n                   \"AttachmentBase64String\" : this.base64Img,\n                   \"AttachmentSizeBytes\"    : fileSizeInBytes,\n                   \n                }\n             }else if(flag === 'PDF') {\n                 myPOSTobj = {\n                  \"RentalID\"                : this.vRentalID,\n                  \"NoteTitle\"               : this.noteTitleInput,\n                  \"NoteDescription\"         : this.textInput,\n                  \"NoteContentURL\"          : \"\",\n                  \"NoteContentType\"         : \"PDF\",\n                  \"NoteAddedBy\"             : 'rajesh.mamidi@monitrahealth.com',\n                  \"AttachmentName\"          : this.pdfName,\n                  \"AttachmentBase64String\"  : this.base64Pdf,\n                  \"AttachmentSizeBytes\"     : fileSizeInBytes\n                  \n               }\n             }else if(flag === 'MP4') {\n                 myPOSTobj = {\n                  \"RentalID\"                : this.vRentalID,\n                  \"NoteTitle\"               : this.noteTitleInput,\n                  \"NoteDescription\"         : this.textInput,\n                  \"NoteContentURL\"          : \"\",\n                  \"NoteContentType\"         : \"MP4\",\n                  \"NoteAddedBy\"             : 'rajesh.mamidi@monitrahealth.com',\n                  \"AttachmentName\"          : this.videoName,\n                  \"AttachmentBase64String\"  : this.base64Video,\n                  \"AttachmentSizeBytes\"     : fileSizeInBytes\n               }\n             }\n             else if(flag === 'MP3') {\n                 myPOSTobj = {\n                  \"RentalID\"                : this.vRentalID,\n                  \"NoteTitle\"               : this.noteTitleInput,\n                  \"NoteDescription\"         : this.textInput,\n                  \"NoteContentURL\"          : \"\",\n                  \"NoteContentType\"         : \"MP3\",\n                  \"NoteAddedBy\"             : 'rajesh.mamidi@monitrahealth.com',\n                  \"AttachmentName\"          : this.audioName,\n                  \"AttachmentBase64String\"  : this.base64Audio,\n                  \"AttachmentSizeBytes\"     : fileSizeInBytes\n               }\n             }\n\n          const apiKey = \"uuwPSuQOl38uWJxRtW8hs5o8AQycSZxM2rkMnHoE\";\n          const url = \"https://operations-mumbai.monitrahealth.info/dataxchanges/dataxchanges/patients/notifications\";\n\n       // const RentalID = \"504693\";\n      //  const params = {\n      //        RentalID: vRentalID,\n      //  };\n\n          axios.put(url, myPOSTobj, {\n              headers: {\n                    'X-Api-Key': apiKey,\n                    'Content-Type': 'application/json'\n                   }\n               })\n                .then(response => {\n                   console.log(response.data);\n                       // call get API\n                   this.GetNotificationTimeline(this.selectedItem);\n                   this.noteTitleInput = '';\n                   this.textInput='';\n                   this.DescriptiontextInput='';\n                   this.imagePreview = '';\n               })\n                .catch(error => {\n                 console.error(\"Error:\", error);\n                });\n                   console.log(\"myPOSTobj put\",myPOSTobj)\n            },\n                            //######### MOBILE - NOTIFICATION - PUT - API -END ############\n\n\n\n\n      //Scroll to top \n      onScroll () {\n       this.isVisible = window.scrollY > 50\n    },\n    toTop () {\n      window.scrollTo({\n        top: 0,\n        left: 0,\n        behavior: 'smooth'\n      })\n    },\n    // toBottom(){\n    //   window.scrollTo({\n    //     top: document.body.scrollHeight,\n    //     behavior: 'smooth'\n    //   })\n    // },\n      //Scroll to top- END\n\n\n\n          // Check if vRentalID is greater than 0Zero\n  checkAndShowNotification(item) {\n      const vRentalID = item.RentalID;\n\n       if (vRentalID > 0 ) {\n          // Enable the clickable icon\n          this.NotificationDialog = true;\n          this.GetNotificationTimeline(item);\n      } else {\n          // Show an alert if vRentalID is not greater than Zero\n           alert('vRentalID should be greater than Zero');\n      }\n       // console.log(\"checkAndShowNotification\",checkAndShowNotification)\n    },\n\n\n        GetNotificationTimeline(item) {\n          //this.vRentalID=item.RentalID\n        // console.log(\"Item#####\",item)\n        this.selectedItem=item;\n        console.log(\"Item#####\",this.selectedItem)\n         this.NotificationDialog=true;\n\n\n     const url = \"https://operations-beta.monitrahealth.info/apiMumbai/mobile/notifications\";\n     const vRentalID = item.RentalID;\n     console.log(\"##RentalID##\",vRentalID)\n\n     const vPatientName = item.PatientName;\n     console.log(\"###PatientName###\",vPatientName)\n     \n     \n        const params = {\n             RentalID: vRentalID,\n             PatientName: vPatientName,\n        };\n\n\n\n        axios.get(url, { params })\n             .then((response) => {\n              //console.log(\"\\n\\n##response API##\", response);\n        var responseDataMap = response.data.Items;\n       console.log(\"##responseDataMap##\",response)\n       this.VideoLinks= responseDataMap.map( (jsonData)=> {\n\n     var modifiedResponse = {\n      AttachmentSizeBytes:jsonData.AttachmentSizeBytes,\n       NoteAddedBy : jsonData.NoteAddedBy,\n       NoteContentType : jsonData.NoteContentType,\n       //NoteContentURL : jsonData.NoteContentURL.replace(\"watch?v=\", \"embed/\"),\n       NoteContentURL : jsonData.NoteContentURL,\n\n            //Human  readable time\n      NoteCreatedPosixMs : ( (timeData) =>{\n        let outputTime = \"N/A\";\n        if (timeData !== 0) {\n          outputTime = moment\n          .unix(parseInt(timeData/1000))  \n          .format(\"DD-MM-YYYY h:mm A\");\n        }\n         return outputTime;\n     })(jsonData.NoteCreatedPosixMs),\n           // NoteCreatedPosixMs:jsonData.NoteCreatedPosixMs,\n\n        NoteDescription : jsonData.NoteDescription,\n        NoteSerialNo:jsonData.NoteSerialNo,\n        NoteTitle:jsonData.NoteTitle,   \n        ThumbnailURL:jsonData.ThumbnailURL\n        };\n         return modifiedResponse;\n     }) \n        console.log(this.VideoLinks)\n        this.vRentalID = vRentalID;\n        this.vPatientName= vPatientName;\n     })\n       .catch((error) => {\n          console.log(error)\n      });\n    },\n\n\n                                    // ####### handleImageUpload - End ####### \n    handleImageUpload(event) {\n  const file = event.target.files[0];\n  if (file.type.startsWith('image/')) {\n    const fileSize = file.size;\n    const fileSizeInBytes = fileSize; // Get the size in bytes\n\n    // Check if the size is less than or equal to 5MB (5 * 1024 * 1024 bytes)\n    if (fileSizeInBytes <= 5 * 1024 * 1024) {\n      const reader = new FileReader();\n      reader.onload = (e) => {\n        this.imagePreview = e.target.result;\n        const base64Img = e.target.result;\n        this.pngName = file.name;\n        this.type= file.type, // Set the type to the actual image type\n        this.fileSizeMessage= `${(fileSizeInBytes / (1024 * 1024)).toFixed(2)} MB`,\n        this.base64Img = base64Img;\n        console.log('Base64 IMG:', base64Img);\n        console.log(\"###fileSizeInBytes###\", fileSizeInBytes);\n\n        // Update the AttachmentSizeBytes with the PNG size in bytes\n        //this.mobileNotification('IMG', fileSizeInBytes);\n        this.fileSizeInBytes = fileSizeInBytes;\n\n        // Call the sendImage method\n          // this.sendImage();\n  };\n\n      reader.readAsDataURL(file);\n    } else {\n      this.imagePreview = null;\n      window.alert('Image size should be less than or equal to 5MB.');\n    }\n  } else {\n    window.alert('Please select a valid image file (PNG, JPG, or JPEG).');\n  }\n  \n},\n                                  // ####### handleImageUpload - End #######\n\n\n                             // ####### handleFileUpload - Begin #######\n  \n   handleFileUpload(event) {\n    const file = event.target.files[0];\n        if (file.type === 'application/pdf') {\n           const fileSize = file.size;\n            const fileSizeInBytes = fileSize; // Get the size in bytes\n\n    // Check if the size is less than or equal to 5MB (5 * 1024 * 1024 bytes)\n    if (fileSizeInBytes <= 5 * 1024 * 1024) {\n      const reader = new FileReader();\n      reader.onload = (e) => {\n        this.pdfPreviewUrl = reader.result;\n        const base64Pdf = e.target.result;\n        this.pdfName = file.name;\n        this.type= file.type, // Set the type to the actual PDF type\n        this.fileSizeMessage= `${(fileSizeInBytes / (1024 * 1024))} MB`,\n        this.base64Pdf = base64Pdf;\n        console.log('Base64 PDF:', base64Pdf);\n\n        // Update the AttachmentSizeBytes with the PDF size in bytes\n        //this.mobileNotification('PDF', fileSizeInBytes);\n        this.fileSizeInBytes = fileSizeInBytes;\n            };\n\n      reader.readAsDataURL(file);\n    } else {\n     // this.pdfFile = null;\n        this.pdfPreviewUrl = null;\n      window.alert('PDF size should be less than or equal to 5MB.');\n    }\n  } else {\n    window.alert('Please select a PDF file.');\n  }\n},\n                                // ####### handleFileUpload - End #######\n\n                 \n\n                            // ####### handleVideoUpload - Begin #######\n  \n  handleVideoUpload(event) {\n       const file = event.target.files[0];\n       if (file.type === 'video/mp4') {\n       const fileSize = file.size;\n       const fileSizeInBytes = fileSize; // Get the size in bytes\n\n                // Check if the size is less than or equal to 5MB (5 * 1024 * 1024 bytes)\n       if (fileSizeInBytes <= 5 * 1024 * 1024) {\n           const reader = new FileReader();\n           \n               reader.onload = (e) => {\n                this.videoPreviewUrl = reader.result;\n           const base64Video = e.target.result;\n              this.videoName = file.name\n              this.type= file.type, // Set the type to the actual image type\n              this.fileSizeMessage= `${(fileSizeInBytes / (1024 * 1024)).toFixed(2)} MB`,\n              this.base64Video = base64Video;\n              console.log('base64Video MP4:', base64Video);\n\n               // Update the AttachmentSizeBytes with the PNG size in bytes\n                // this.mobileNotification('MP4', fileSizeInBytes);\n                this.fileSizeInBytes = fileSizeInBytes;\n            };\n              reader.readAsDataURL(file);\n      } else {\n        this.videoPreviewUrl = null;\n         window.alert('MP4 size should be less than or equal to 5MB.');\n        }\n      } else {\n      window.alert('Please select a MP4 file.');\n    }\n  },\n                                // ####### handleVideoUpload - End #######\n\n\n\n\n                        // ####### handleAudioUpload - Begin #######\n  \n    handleAudioUpload(event) {\n       const file = event.target.files[0];\n       console.log(\"##audio##\",event.target.files);\n       if (file.type === 'audio/mpeg') {\n       const fileSize = file.size;\n       const fileSizeInBytes = fileSize; // Get the size in bytes\n\n                // Check if the size is less than or equal to 5MB (5 * 1024 * 1024 bytes)\n       if (fileSizeInBytes <= 5 * 1024 * 1024) {\n           const reader = new FileReader();\n           \n               reader.onload = (e) => {\n                this.audioPreviewUrl = reader.result;\n           const base64Audio = e.target.result;\n              this.audioName = file.name\n              this.type= file.type, // Set the type to the actual image type\n              this.fileSizeMessage= `${(fileSizeInBytes / (1024 * 1024)).toFixed(2)} MB`,\n             this.base64Audio = base64Audio;\n              console.log('base64Audio MP3:', base64Audio);\n\n               // Update the AttachmentSizeBytes with the PNG size in bytes\n                // this.mobileNotification('MP3', fileSizeInBytes);\n                this.fileSizeInBytes = fileSizeInBytes;\n            };\n              reader.readAsDataURL(file);\n      } else {\n        this.audioPreviewUrl = null;\n         window.alert('MP3 size should be less than or equal to 5MB.');\n        }\n      } \n  },\n                                // ####### handleAudioUpload - End #######\n                                \n\n\n                              // ####### selecting-image-files - Begin #######\n      openImgFileInput() {\n             // Trigger a click on the hidden file input element\n           this.$refs.imgFileInput.click();\n            this.showCloseIcon = true;\n        },\n                            // ####### selecting-image-files - End #######\n\n\n                           // ####### selecting-pdf-files-start #######\n      openPdfFileInput(){\n               this.$refs.pdfFileInput.click();\n               this.showCloseIcon = true;\n          },\n                          // ####### selecting-pdf-files-start #######\n\n\n      openAudioFileInput(){\n            this.$refs.audioFileInput.click();\n            this.showCloseIcon = true;\n         },\n\n\n\n      openVideoFileInput(){\n            this.$refs.videoFileInput.click();\n            this.showCloseIcon = true;\n         },\n\n\n\n\n\n\n\nCloseDialogBattery(){\n        this.batteryGraphDialog = false;\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      hideRow(iRentalID) {\n      var idx = undefined;\n      for (let i=0; i<this.patientInfo.length; i++){\n          if(this.patientInfo[i].RentalID == iRentalID){\n            idx = i;\n          }\n      }\n\n      if (idx != undefined){\n        this.patientInfo.splice(idx,1)\n      }\n\n    },\n      DrawSineWave(iRentalID){\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  \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\n        d3.select(\"#graphContainer\")\n          .append(\"canvas\")\n          .attr(\"id\", \"graphCanvas\")\n          .attr(\"width\", \"1120\")\n          .attr(\"height\", \"224\");\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\n\n LiveECGData(iRentalID, callback) {\n\n  console.log(\"Getting Data\")\n\n  var vRentalID = iRentalID.toString();\n    var http = new XMLHttpRequest();\n        var url = \"https://operations-beta.monitrahealth.info/apiMumbai/activerentals/sparklines/ecg?RentalID=\"+vRentalID+\"&DurationSec=120\";\n        var method = \"GET\";\n        let myJSON;\n        console.log(url);\n        http.open(method,url,false);\n        \n       http.onreadystatechange = ()=> {\n        if(http.readyState === XMLHttpRequest.DONE && http.status === 200) {\n          myJSON = JSON.parse(http.responseText)\n       \n     } else if (http.readyState === XMLHttpRequest.DONE && http.status !== 200) {\n        //console.log(\"Error!\");\n     }\n    };\n    \n        http.send();\n        return myJSON;\n        callback();\n},\n\n\nGetEcgData(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    \n    DeactivateRental(item){\n\n        if (confirm(\"Are you sure you want to deactivate the user \\nSession ID: \"+item.RentalID+\"\\nUser Name: \"+item.PatientName)) {\n          var url = \"https://operations-beta.monitrahealth.info/api/form/Lead/DeactivateRental\";\n          var vEmailID = localStorage.getItem('emailID')\n\n      var responseObject = {\n                 \n                RentalID:parseInt(item.RentalID),\n                DeactivatorEmailID:vEmailID,\n                 \n           };\n           console.log(\"\\nupdating values from form are..====\", responseObject)\n             axios.post(url, responseObject)\n             .then( response => {\n                   console.log(response);\n                   this.snackbarIsActive = true; \n                   this.snackbarColor=\"success\";\n                   this.snackbarMessage = item.RentalID+\" has been deactivated by \"+vEmailID;\n                   this.hideRow(item.RentalID)\n \n             })\n     \n           \n         .catch(error => {\n         console.log(error)\n     });\n          }else{\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},\nShowLiveECG(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  \n  ShowECGDialog(iRentalID){\n\n    this.LiveECGDialog = true;\n    console.log(\"this.ECGDialog\",this.LiveECGDialog)\n\n var vGraphContainer = document.querySelector(\"#graphContainer\")\n console.log(\"vGraphContainer\",vGraphContainer)\n this.drawLiveGraph(iRentalID)\n //this.drawLiveGraph('503319')\n  },\n\n\n      StopECGLive(){\n        clearInterval(this.Interval);\n        this.ECGDialog = false;\n        this.smoothie.stop();\n        \n      },\n\n      getColorTimeline (type) {\n      //console.log(\"inside getcolor\",type)\n        if (type == \"NOTE\") return 'pink lighten-4'\n        else if (type == \"PAYMENT\") return 'blue lighten-4'\n        else if (type == \"REQUEST\") return 'amber lighten-4'\n        else if (type == \"COMPLAINT\") return 'Red'\n        else if (type == \"LEAD\") return 'blue-grey lighten-5'\n        else if (type == \"REQUEST-FULFILLED\") return 'green lighten-3'\n      },\n\n    validateForm(){\n     this.validForm = this.$refs.form.validate()\n      console.log(this.validForm);\n  },\n\n    PutTimelineNotes(){\n      console.log(\"this.selectedLeadId=\",this.selectedLeadId) \n     var iRentalId = this.selectedRentalId\n     var vName = localStorage.getItem('UserProfileID')\n      \n      if(this.validForm){ \n        //console.log(\"this.selectedLeadId=\",this.selectedLeadId)       \n        var vProfileID = localStorage.getItem('UserProfileID')\n      var url = \"https://\"+this.ApiUrl+\"/api/form/Lead/SetTimelineNotes\";\n      \n var responseObject = {\n            \n           LeadFormId\t\t  : parseInt(this.selectedLeadId),\n           TimelineProfileId     : parseInt(vProfileID),         \n           TimelineNotes         :this.timelineNotes,\n            \n      };\n      console.log(\"\\nupdating values from form are..====\", responseObject)\n        axios.put(url, responseObject)\n        .then( response => {\n              console.log(response.data);\n              this.Timeline(iRentalId) \n              this.snackbar = true;\n              console.log(\"\\n\\n\\nflag....\",flag)//          \n           \n            \n            // var newObject = {\n            //   HumanReadableTime: moment().format(\"DD-MMM-YYYY  h:mm:ss A\"),\n            //   Name: vName,\n            //   OrderId: 0,\n            //   Text: this.timelineNotes,    \n            //   Type: \"NOTE\",\n            // }\n          \n            // this.responseValues.push(newObject)\n          \n        })\n\n      \n    .catch(error => {\n    this.snackbar = false;\n});\nthis.timelineNotes  = null;\n\n\n\n}\n    },\n\n    Timeline(RentalID){\n      console.log(\"RentalID\",RentalID)\n      if(this.timelineDialog == false){\n        this.timelineDialog = true;\n      }\n    \n     var url = \"https://\"+this.ApiUrl+\"/api/form/Lead/DatameterTimeline\";\n         //var FormID = localStorage.getItem('selectedLeadID');\n        // console.log(\"FormId=\",LeadID)\n         this.selectedRentalId = RentalID\n         url += \"?RentalID=\"+RentalID;\n      axios.get(url, {\n      \n      })\n  .then( response => {\n    console.log(\"############sssss##############\",response);\n    //responseValues.AssignProfilePosixSec\n    let jsonOutput = response.data.Items;\n    this.selectedLeadId = response.data.LeadID;\n    this.responseValues = jsonOutput.map(function(data){\n    \n            return {\n            \tType: data.Type,\n              Text:\tdata.Text,\n        //ProfileFullName : data.ProfileFullName,\n        //ProfileEmailID : data.ProfileEmailID,\n        Timeposixsec  : data.Timeposixsec,\n        Name : data.Name,        \n        HumanReadableTime  : moment.unix(parseInt(data.Timeposixsec)).format(\"DD-MMM  h:mm A\"),\n        OrderId    : data.OrderId,\n            }\n    \n    });\n    console.log(\"############sssss##############\",this.responseValues);\n    \n\n    })\n    .catch(error => {\n    this.responseValues = [];\n});\n\n    },\n      DrawContinuityGraphs(){\n\n\n          for (var i=0; i<this.patientInfo.length; i++){\n          \n            console.log(this.patientInfo[i].RentalID,this.patientInfo[i].Continuity);\n          \n            var data = this.patientInfo[i].Continuity;\n            \n            var divSelector = \"#DIV-CONTINUITY-\"+this.patientInfo[i].RentalID;\n            //console.log(\"divSelector = \",divSelector);\n            var cDiv = d3v7.select(divSelector);\n            //console.log(\"cDiv = \",cDiv);\n            var graphElem = document.getElementById(\"svg-\"+this.patientInfo[i].RentalID);\n\n            if (graphElem != null) {\n                graphElem.remove();\n            }\n            \n            var svg = cDiv.append(\"svg\").attr(\"id\",\"svg-\"+this.patientInfo[i].RentalID).attr(\"width\",350).attr(\"height\",50);\n            \n            //document.getElementById(\"span-\"+this.patientInfo[i].RentalID).innerHTML = this.patientInfo[i].RentalID;\n          \n            /*begin - yashaswinis code*/\n            //const container = d3v7.select(\"#graph\");\n            const tooltip = d3v7.select(divSelector).append(\"span\").attr(\"class\", \"continuity-tooltip\");\n            //const tooltip = d3v7.select(divSelector).attr(\"class\", \"continuity-tooltip\");\n          \n          \n            function getBeginMs(d) {\n            return d3v7.min(d, function(v) {\n              return v.BeginMs;\n            });\n          }\n          \n          function getEndMs(d) {\n            return d3v7.max(d, function(v) {\n              return v.EndMs;\n            });\n          }\n          \n          const beginMs = d3v7.min(data, function(d) {\n            return d.BeginMs;\n          });\n          \n          const endMs = d3v7.max(data, function(d) {\n            return d.EndMs;\n          });\n          \n          const xScale = d3v7.scaleLinear()\n            .domain([beginMs, endMs])\n            .range([0, 350]);\n          /*\n          const svg = container\n            .append(\"svg\")\n            .attr(\"width\", 500)\n            .attr(\"height\", 500);\n          */\n          /*\n          const graphGroups = svg\n            .selectAll(\"g\")\n            .data(Object.values(data))\n            .enter()\n            .append(\"g\")\n            .attr(\"transform\", (d, i) => \"translate(0, \" + (i * 80 + 10) + \")\");\n          */\n\n            svg\n              .selectAll(\"rect\")\n              .data(data)\n              .enter()\n              .append(\"rect\")\n              .attr(\"x\", (d) => xScale(d.BeginMs))\n              .attr(\"y\", 0)\n              .attr(\"width\", (d) => xScale(d.EndMs) - xScale(d.BeginMs))\n              .attr(\"height\", 20)\n              .style(\"fill\", (d) => (d.Continuity ? \"black\" : \"white\"))\n               \n  .on(\"mouseover\", function (event, d) {\n                  const beginMoment = moment(d.BeginMs);\n                  const endMoment = moment(d.EndMs);\n                  const duration = moment.duration(endMoment.diff(beginMoment));\n          \n                  const tooltipContent = \n                      \"BeginMs: \" + moment(d.BeginMs).format('MMMM Do YYYY, h:mm:ss a') + \"<br/>\" +\n                      \"EndMs: \" + moment(d.EndMs).format('MMMM Do YYYY, h:mm:ss a') + \"<br/>\" +\n                      \"Duration: \" + duration.humanize();\n          \n                  tooltip\n                   .style(\"display\",\"block\")\n                   .style(\"opacity\",\"1\")\n                   .html(tooltipContent);\n                   \n              })\n              .on(\"mouseout\", function () {\n                  tooltip.style(\"display\", \"none\", );\n                  \n              });\n              \n            /*end - yashaswinis code*/\n          \n            \n          }\n\n      },\n\n\n\n      DrawECGSparklineGraph(iRentalID){\n\n        \n\n            let RentalID = iRentalID;\n    let ecgData = this.sparkLines(RentalID);\n   // console.log(\"ecgData = \",ecgData);\n\n    let width = 350 \n            let height = 50 \n\n    d3v7.selectAll(\"#\"+\"SPARK\"+\"-\"+RentalID+\" > *\").remove();\n        var 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\n\n        var x = d3v7.scaleLinear().range([0, width]);\n        var y = d3v7.scaleLinear().range([height, 0]);\n\n        var graphData = ecgData.Items;\n        //console.log(\"graphData = \",graphData);\n                 // Scale the range of the data\n  x.domain(d3v7.extent(graphData, function(d) { return parseInt(d.PosixMs); }));\n  y.domain([d3v7.min(graphData, function(d) { return parseFloat(d.ECGValue); }), d3v7.max(graphData, function(d) { return parseFloat(d.ECGValue); })]);\n        \n        // define the line\n        var 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              this.RemoveBlankSVG()\n\n      },\n\n\n       CopySelected(){\n\n        var CompleteNotesArray = [\"Sno.,Mac ID,RentalID,Patient Name,Start time,End time,Channel Partner\\n\"];\n          //console.log(\"\\n\\n\\n\\n selected values are\",this.selectedRows[0],\"\\n\\n\\n\\n\\n\")\n          //console.log(\"patinet Name = \",this.selectedRows[0].PatientName)\n          //console.log(\"noets\",this.NotesData)\n          console.log(\"this.selectedRows[0]\",this.selectedRows[0])\n\n          // for(var i=0;i<this.selectedRows.length;i++){\n          //   CompleteNotesArray[i] = (i+1).toString()+\". Patient: \"+this.selectedRows[i].PatientName+\"\\nRental ID:\"+this.selectedRows[i].RentalID+\"\\nNotes: \"+this.selectedRows[i].NotesData+\"\\n\\n\\n\"\n          // }\n\n          // for(var i=0;i<this.selectedRows.length;i++){\n          //   CompleteNotesArray[i] = (i+1).toString()+\".RentalID \"+ \"\\t\\t\" + \"End time\"+\"\\t\\t\\t\" + \"Patient Name\" +  \"\\n\" + \n          //   \"  \"+this.selectedRows[i].RentalID +\n          //   \"\\t\"+ this.selectedRows[i].RentalEndDateHumanReadable.slice(12) + \"\\t\\t\\t\"+ this.selectedRows[i].PatientName+ \"\\n\\n\\n\"\n          // }\n\n\n          for (var i = 0; i < this.selectedRows.length; i++) {\n  // Append the rental information to the CompleteNotesArray\n    // CompleteNotesArray.push((i + 1).toString() + \".\" + this.selectedRows[i].RentalID + \"\\t\" +\n    //  this.selectedRows[i].RentalEndDateHumanReadable.slice(12) + \"\\t\\t\\t\" + this.selectedRows[i].PatientName + \"\\n\\n\\n\"\n    // );\n\n    CompleteNotesArray.push((i + 1).toString() + \n    \".,\"+this.selectedRows[i].SensorMacAddress +\n    \",\" +this.selectedRows[i].RentalID +\n    \",\" + this.selectedRows[i].PatientName +\n    \",\"+this.selectedRows[i].RentalStartDateHumanReadable + \n    \",\"+this.selectedRows[i].RentalEndDateHumanReadable + \n    \",\"+this.selectedRows[i].SalesLead +  \"\\n\"\n    );\n}\n\n      var vCompleteNotes = CompleteNotesArray.join(\"\"); // Combine the array elements into a string\n          console.log(vCompleteNotes);\n          navigator.clipboard.writeText(vCompleteNotes);\n        },\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\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\n      getColorFileReceived(filereceived){\n\n        if (filereceived >= 3600) return 'red white--text'\n         else if(filereceived == -1) return 'orange lighten-1'\n        else return 'transparent'\n      },\n      getColorDataReceived(percentage) {\n    if (percentage >= 80) return 'green darken-3 white--text';\n    else return 'transparent';\n  },\n      draw(){\n       var svgLinedata = getBacklog.getECGData();\n       console.log(\"svgLinedata ==\",svgLinedata)\n       getBacklog.drawLines(svgLinedata, this.SelectedItem);\n       console.log(\"getElementByID = \",document.getElementById(\"svg-backlog-seconds\"))\n       console.log(\"this.SelectedItem =\",this.SelectedItem)\n       this.RemoveBlankSVG()\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\n             drawSparklines(){\n      \n          getBacklog.AddSparkLines(this.sparkLineInfo)\n          this.RemoveBlankSVG()\n          //console.log(this.sparkLineInfo);\n      },\ndecompress(responseStr){\n   // console.log(\"responseStr = \",responseStr.data.Response);\n    \n    // Decode the base64 string to binary\n    const binaryString = atob(responseStr.data.Response);\n\n// Create a Uint8Array from the binary string\nconst uint8Array = new Uint8Array(binaryString.length);\nfor (let i = 0; i < binaryString.length; i++) {\n  uint8Array[i] = binaryString.charCodeAt(i);\n}\n\n// Decompress the Uint8Array using pako\nconst inflatedArray = pako.inflate(uint8Array, { to: 'string' });\n\nlet constArrayObj = JSON.parse(inflatedArray)\n\n// The inflatedArray variable now contains the uncompressed string\n//console.log(constArrayObj);\n\nreturn constArrayObj;\n\n},\n\t datatable(){\n\n    var orgID = localStorage.getItem(\"ProfileOrgID\");\n    var status = \"active\";\n\n    //var url = \"https://operations-beta.monitrahealth.info/apiMumbai/mobile/activerentals\";\n    var url = \"https://operations-mumbai.monitrahealth.info/dataxchanges/activerentals/org\";\n    url += \"?OrgID=\" + orgID;\n    url += \"&ActiveStatus=\" + status;\n  \n    \n    const headers = {\n                      'Content-Type': 'application/json',\n                      'x-api-key': 'uuwPSuQOl38uWJxRtW8hs5o8AQycSZxM2rkMnHoE'\n                    }\n\n\n    axios\n      .get(url, {\n                  headers: headers\n                })\n      .then((response) => {\n        \n        console.log(\"\\n\\n##response mounted##\", response);\n        //var responseDataMap = response.data.Items;\n        var responseDataMap = this.decompress(response).Items;\n        /*\n        console.log(\"responseDataMap==\",responseDataMap)\n        var leadDetails = [];\n\n        var streaming = []\n*/\n        this.patientInfo= responseDataMap.map(function (jsonData,index) {\n          const packetsPerDay = 2880000;\n\n  // Calculate Data Received (%)\n  const dataReceivedPercentage = (jsonData.EcgPacketsTxFramesCount / (packetsPerDay * jsonData.RentalDurationDays)) * 100;\n\n          //var vpendingAmount = this.leadFormInfo.PendingAmount\n          var modifiedResponse = {\n            Sno: index + 1,\n            RentalID    : jsonData.RentalID,\n\n            PatientName: jsonData.PatientName,\n            SalesLead: jsonData.SalesLead,\n            EcgSparkLineID:'',\n            RentalStatus: jsonData.RentalStatus,\n            RentalDurationDays: jsonData.RentalDurationDays,\n            SensorBatteryVolts: Math.round(jsonData.SensorBatteryVolts * 100) / 100,\n            SensorBatteryVoltsAvg: Math.round(jsonData.SensorBatteryVoltsAvg * 100) / 100,\n            SensorMacAddress: jsonData.SensorMacAddress,\n            SensorIPAddress: jsonData.SensorIPAddress,\n            EcgDataStartedStreaming: jsonData.EcgDataStartedStreaming,\n            MobileBatteryPct: jsonData.MobileBatteryPct,\n            MobileBleRssi: jsonData.MobileBleRssi,\n            MobileOs: jsonData.OSPlatform+\"-\"+jsonData.OSVersion,\n            ClienTimeZone: jsonData.ClienTimeZone,\n            LanguageCode: jsonData.LanguageCode,\n            FileReceivedAgoSec:jsonData.ServerSyncTimeAgo,\n            DataCreatedAgoSec:jsonData.LastDataTimeAgo,\n            \n            \n            ServerSyncTimeAgoSec:jsonData.ServerSyncTimeAgoSec,\n            LastDataTimeAgoSec:jsonData.LastDataTimeAgoSec,\n            DataReceivedPercentage: Math.round(dataReceivedPercentage * 100) / 100,\n            \n            PhoneManufacturer:jsonData.PhoneManufacturer,\n            PhoneModel:jsonData.PhoneModel,\n            MobilePacketsTxCount:jsonData.MobilePacketsTxCount,\n\n            EcgPacketsTxFramesCount : jsonData.EcgPacketsTxFramesCount,\n            ErrorPacketsTxFramesCount : jsonData.ErrorPacketsTxFramesCount,\n            MobilePacketsTxFramesCount : jsonData.MobilePacketsTxFramesCount,\n            MobilePacketsTxFramesBytes: jsonData.MobilePacketsTxFramesBytes,\n            MobileRxDataDuration : jsonData.MobileRxDataDuration,\n\n            EcgLastSyncLastFramePosixMs:jsonData.EcgLastSyncLastFramePosixMs,\n            EcgLastSyncPosixMs:jsonData.EcgLastSyncPosixMs,\n            EcgLastSyncFirstFramePosixMs:jsonData.EcgLastSyncFirstFramePosixMs,\n            EcgFirstSyncPosixMs: \n            (jsonData.EcgFirstSyncPosixMs === 0 || jsonData.EcgFirstSyncPosixMs === 'N/A') \n            ? jsonData.StartDatePosixSec \n            : jsonData.EcgFirstSyncPosixMs,\n\n            \n            // DistributorName:jsonData.DistributorName,\n            ECG:jsonData.ECG,\n            Continuity:jsonData.Continuity,\n            FirmwareVersion:jsonData.FirmwareVersion,\n            AppBuildVersion:jsonData.AppBuildVersion,\n            IsQrScan:jsonData.IsQrScan,\n            MrdNumber:jsonData.MrdNumber,\n            HospitalName:jsonData.HospitalName,\n            DoctorName:jsonData.DoctorName,\n\t    EarlyReportFlag:jsonData.EarlyReportFlag,\n            EpReviewFlag:jsonData.EpReviewFlag,\n            InterimReportFlag:jsonData.InterimReportFlag,\n            IpPatientFlag:jsonData.IpPatientFlag,\n            VipPatientFlag:jsonData.VipPatientFlag,\n\n              EcgLastSyncLastFramePosixMsHuman: (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.EcgLastSyncLastFramePosixMs,jsonData.ClienTimeZone),\n\n\n              EcgLastSyncPosixMsHuman: (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.EcgLastSyncPosixMs,jsonData.ClienTimeZone),\n           \n              EcgLastSyncFirstFramePosixMsHuman: (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.EcgLastSyncFirstFramePosixMs,jsonData.ClienTimeZone),\n\n\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            \n            // RentalStartDateHumanReadable: (function (dateData) {\n            //   let outputDate = \"N/A\";\n            //   if (dateData !== 0) {\n            //     outputDate = moment\n            //       .unix(parseInt(dateData/1000))\n            //       .format(\"DD-MMM-YYYY  h:mm:ss A\");\n            //   }\n            //   return outputDate;\n            // })(jsonData.EcgLastSyncFirstFramePosixMs),\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            RentalEndDatePosixMs:(function (dateData) {\n              //console.log(\"dateData==\",dateData)\n              //console.log(\"duration==\",duration)\n              \n                var outputDate = 0;                     \n              if (dateData !== 0) {\n                //dateData = dateData + duration\n                //console.log(\"dateDataEnd==\",dateData)\n                outputDate = dateData;\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),\n             \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};\n      \n   // console.log(\"modifiedResponse = \",modifiedResponse);\nreturn modifiedResponse;\n        });\n\n        for(var i=0;i<responseDataMap.length;i++){\n          if(responseDataMap[i].RentalID == 515067){\n            console.log(\"lalalalalal\",responseDataMap[i])\n          }\n        }\n\n/*\n        for(var i=0 ; i< this.patientInfo.length;i++){\n\nif(this.patientInfo[i].EcgDataStartedStreaming == true){\n\n    this.DrawECGSparklineGraph(this.patientInfo[i].RentalID);\n }\n    \n}\n\n*/\n\n        //this.setLeadDetails(leadDetails);\n        //this.patientInfo = leadDetails\n       /*\n        console.log(\"leadDetails==##\",leadDetails)\n \n        for(var i=0;i<leadDetails.length;i++){\n\n        if(leadDetails[i].DataCreatedAgoSec != 'Not Started')\n          //console.log(\"Streamong aree/....\",leadDetails[i].PatientName)\n          streaming.push(leadDetails[i])\n         }\n\n         console.log(\"streaming = \",streaming);\n        \n\n         this.patientInfo = leadDetails\n          */\n\n      })\n      .catch((error) => {\n\n         console.log(error)\n      });\n\n    },\n\n\n     sparkLines(iRentalID){\n\n      /*\n //\n        var http = new XMLHttpRequest();\n        var url = \"https://operations-beta.monitrahealth.info/apiMumbai/activerentals/sparklines/ecg?RentalID=\"+iRentalID+\"&DurationSec=10\";\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!\",myJSON);\n     }\n    };\n      \n        http.send();\n        \n        \n        //this.sparkLineInfo.push(myJSON);\n        //this.sparkLineElemObj = AddSparkLines(this.sparkLineInfo);\n        \n        //console.log(\"this.sparkLineInfo\",this.sparkLineInfo);\n        //console.log(\"this.sparkLineElemObj = \",this.sparkLineElemObj);\n    //\n*/\nvar ECGData;\nfor (var i=0; i<this.patientInfo.length; i++){\n  if (this.patientInfo[i].RentalID == iRentalID) {\n    ECGData = this.patientInfo[i].ECG\n  }\n}\n\n    var myJSON = {\n      Count: ECGData.length,\n      Items: ECGData\n    }\n    return myJSON;\n\n        \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\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   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\n     \n    },\n    computed: {\n\n\n      textInputNotEmpty() {\n        return this.textInput.trim() !== '';\n    },\n\n\n      \n      ApiUrl() {\n      // console.log(\n      //   \"this.$store.getters.API URL\",\n      //   this.$store.getters.ApiUrlSubdomain\n      // );\n      return this.$store.getters.ApiUrlSubdomain;\n    }\n    },\nmounted (){\n\n//var Token = localStorage.getItem('token')\n\nvar role = localStorage.getItem('Role')\n\nif(role == 'COORDINATOR' || role == 'ADMIN' || role == 'ECG_QUALITY_REVIEWER,ADMIN,FIELD_CHAMPION' || role=='DevOps' || role=='FIELD_CHAMPION,ADMIN,ECG_QUALITY_REVIEWER'){\n  this.ShowDeactivate = true;\n}\n\nif(localStorage.getItem('token') === null){\n\n  \n  if (confirm(\"You are not authorized to view this page \\n Please login to view\")) {\n    window.location.href=\"/\"\n  }\n\n}else{\n\n      this.datatable();\n}\n\n\n\n  \n  },\n  updated(){\n\n    //this.countDown()\n\n    console.log(\"this.patientInfo in updated\",this.patientInfo)\n\n     \n\n    for(var i=0 ; i< this.patientInfo.length;i++){\n\n      //console.log(\"Rid-lastsync\",this.patientInfo[i].RentalID,\"-\",this.patientInfo[i].ServerSyncTimeAgoSec)\n\n     if(this.patientInfo[i].EcgDataStartedStreaming == true){\n\n         this.DrawECGSparklineGraph(this.patientInfo[i].RentalID);\n      }\n         \n    }\n\n    this.DrawContinuityGraphs();\n\n\n  },\n \n\n\n  //   created(){\n  // this.sparkLines();\n  // console.log(\"getElementByID = \",document.getElementById(\"svg-backlog-seconds\"))\n  //     this.draw();\n  //     // this.sparkLines();\n  //  },\n  //  updated(){\n  //    this.drawSparklines();\n  //  }\n \n \n }\n </script>\n<style>\n\n.bold-text {\n    font-weight: bold;\n}\n\n.centered-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n\n#date {\n  position: relative;\n  left: 55%;\n}\n#radiobtn{\n   margin-left: 80px;\n}\n\n#progress{\n  margin-top: 30px;\n  \n}\n\n.v-progress-circular {\n  margin: 1rem;\n}\n\n.axis line{\n  stroke: navy\n}\n\n.axis path{\n  stroke:navy\n}\n\ndiv.tooltip {\n  position: absolute;\n  text-align: center;\n  justify-content: center;\n  width: 150px;\n  height: 30px;\n  padding: 8px;\n  font: 12px sans-serif;\n  background: lightsteelblue;\n  border: 1px solid black;\n  border-radius: 8px;\n  pointer-events: none;\n  z-index: 10;\n}\n\ndiv.tooltipBacklog {\n  position: absolute;\n  text-align: center;\n  width: 300px;\n  height: 130px;\n  padding: 2px;\n  font: 12px sans-serif;\n  background: lightsteelblue;\n  border: 1px solid black;\n  border-radius: 8px;\n  pointer-events: none;\n}\n\ndiv.tooltip {\n        position: relative;\n        text-align: center;\n        width: 150px;\n        height: 30px;\n        padding: 2px;\n        font: 12px sans-serif;\n        background: lightsteelblue;\n        border: 1px solid black;\n        border-radius: 8px;\n        pointer-events: none;\n      }\n\n/* graph */\n\n.rickshaw_graph {\n\tposition: relative;\n}\n.rickshaw_graph svg {\n\tdisplay: block;\t\n\toverflow: hidden;\n}\n\n/* ticks */\n\n.rickshaw_graph .x_tick {\n\tposition: absolute;\n\ttop: 0;\n\tbottom: 0;\n\twidth: 0px;\n\tborder-left: 1px dotted rgba(0, 0, 0, 0.2);\n\tpointer-events: none;\n}\n.rickshaw_graph .x_tick .title {\n\tposition: absolute;\n\tfont-size: 12px;\n\tfont-family: Arial, sans-serif;\n\topacity: 0.5;\n\twhite-space: nowrap;\n\tmargin-left: 3px;\n\tbottom: 1px;\n}\n\n/* annotations */\n\n.rickshaw_annotation_timeline {\n\theight: 1px;\n\tborder-top: 1px solid #e0e0e0;\n\tmargin-top: 10px;\n\tposition: relative;\n}\n.rickshaw_annotation_timeline .annotation {\n\tposition: absolute;\n\theight: 6px;\n\twidth: 6px;\n\tmargin-left: -2px;\n\ttop: -3px;\n\tborder-radius: 5px;\n\tbackground-color: rgba(0, 0, 0, 0.25);\n}\n.rickshaw_graph .annotation_line {\n\tposition: absolute;\n\ttop: 0;\n\tbottom: -6px;\n\twidth: 0px;\n\tborder-left: 2px solid rgba(0, 0, 0, 0.3);\n\tdisplay: none;\n}\n.rickshaw_graph .annotation_line.active {\n\tdisplay: block;\n}\n\n.rickshaw_graph .annotation_range {\n        background: rgba(0, 0, 0, 0.1);\n        display: none;\n        position: absolute;\n        top: 0;\n        bottom: -6px;\n}\n.rickshaw_graph .annotation_range.active {\n        display: block;\n}\n.rickshaw_graph .annotation_range.active.offscreen {\n        display: none;\n}\n\n.rickshaw_annotation_timeline .annotation .content {\n\tbackground: white;\n\tcolor: black;\n\topacity: 0.9;\n\tpadding: 5px 5px;\n\tbox-shadow: 0 0 2px rgba(0, 0, 0, 0.8);\n\tborder-radius: 3px;\n\tposition: relative;\n\tz-index: 20;\n\tfont-size: 12px;\n\tpadding: 6px 8px 8px;\n\ttop: 18px;\n\tleft: -11px;\n\twidth: 160px;\n\tdisplay: none;\n\tcursor: pointer;\n}\n.rickshaw_annotation_timeline .annotation .content:before {\n\tcontent: \"\\25b2\";\n\tposition: absolute;\n\ttop: -11px;\n\tcolor: white;\n\ttext-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8);\n}\n.rickshaw_annotation_timeline .annotation.active,\n.rickshaw_annotation_timeline .annotation:hover {\n\tbackground-color: rgba(0, 0, 0, 0.8);\n\tcursor: none;\n}\n.rickshaw_annotation_timeline .annotation .content:hover {\n\tz-index: 50;\n}\n.rickshaw_annotation_timeline .annotation.active .content {\n\tdisplay: block;\n}\n.rickshaw_annotation_timeline .annotation:hover .content {\n\tdisplay: block;\n\tz-index: 50;\n}\n.rickshaw_graph .y_axis,\n.rickshaw_graph  .x_axis_d3 {\n\tfill: none;\n}\n.rickshaw_graph .y_ticks .tick line,\n.rickshaw_graph .x_ticks_d3 .tick {\n\tstroke: rgba(0, 0, 0, 0.16);\n\tstroke-width: 2px;\n\tshape-rendering: crisp-edges;\n\tpointer-events: none;\n}\n.rickshaw_graph .y_grid .tick,\n.rickshaw_graph .x_grid_d3 .tick {\n\tz-index: -1;\n\tstroke: rgba(0, 0, 0, 0.20);\n\tstroke-width: 1px;\n\tstroke-dasharray: 1 1;\n}\n.rickshaw_graph .y_grid .tick[data-y-value=\"0\"] {\n\tstroke-dasharray: 1 0;\n}\n.rickshaw_graph .y_grid path,\n.rickshaw_graph .x_grid_d3 path  {\n\tfill: none;\n\tstroke: none;\n}\n.rickshaw_graph .y_ticks path,\n.rickshaw_graph .x_ticks_d3 path {\n\tfill: none;\n\tstroke: #808080;\n}\n.rickshaw_graph .y_ticks text,\n.rickshaw_graph .x_ticks_d3 text {\n\topacity: 0.5;\n\tfont-size: 12px;\n\tpointer-events: none;\n}\n.rickshaw_graph .x_tick.glow .title,\n.rickshaw_graph .y_ticks.glow text {\n\tfill: black;\n\tcolor: black;\n\ttext-shadow: \n\t\t-1px 1px 0 rgba(255, 255, 255, 0.1),\n\t\t1px -1px 0 rgba(255, 255, 255, 0.1),\n\t\t1px 1px 0 rgba(255, 255, 255, 0.1),\n\t\t0px 1px 0 rgba(255, 255, 255, 0.1),\n\t\t0px -1px 0 rgba(255, 255, 255, 0.1),\n\t\t1px 0px 0 rgba(255, 255, 255, 0.1),\n\t\t-1px 0px 0 rgba(255, 255, 255, 0.1),\n\t\t-1px -1px 0 rgba(255, 255, 255, 0.1);\n}\n.rickshaw_graph .x_tick.inverse .title,\n.rickshaw_graph .y_ticks.inverse text {\n\tfill: white;\n\tcolor: white;\n\ttext-shadow: \n\t\t-1px 1px 0 rgba(0, 0, 0, 0.8),\n\t\t1px -1px 0 rgba(0, 0, 0, 0.8),\n\t\t1px 1px 0 rgba(0, 0, 0, 0.8),\n\t\t0px 1px 0 rgba(0, 0, 0, 0.8),\n\t\t0px -1px 0 rgba(0, 0, 0, 0.8),\n\t\t1px 0px 0 rgba(0, 0, 0, 0.8),\n\t\t-1px 0px 0 rgba(0, 0, 0, 0.8),\n\t\t-1px -1px 0 rgba(0, 0, 0, 0.8);\n}\nbody {\n    padding: 20px;\n   \n  }\n  /* body {\n    background:\n        linear-gradient(-90deg, rgba(0,0,0,.05) 1px, transparent 1px),\n        linear-gradient(rgba(0,0,0,.05) 1px, transparent 1px), \n        linear-gradient(-90deg, rgba(0, 0, 0, .04) 1px, transparent 1px),\n        linear-gradient(rgba(0,0,0,.04) 1px, transparent 1px),\n        linear-gradient(transparent 3px, #f2f2f2 3px, #f2f2f2 78px, transparent 78px),\n        linear-gradient(-90deg, #aaa 1px, transparent 1px),\n        linear-gradient(-90deg, transparent 3px, #f2f2f2 3px, #f2f2f2 78px, transparent 78px),\n        linear-gradient(#aaa 1px, transparent 1px),\n        #f2f2f2;\n    background-size:\n        4px 4px,\n        4px 4px,\n        80px 80px,\n        80px 80px,\n        80px 80px,\n        80px 80px,\n        80px 80px,\n        80px 80px;\n} */\n  \n  #chart_container {\n    position: relative;\n    font-family: Arial, Helvetica, sans-serif;\n    \n  }\n  \n  #demo_chart {\n    \n    \n  }\n  \n  #y_axis {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    width: 40px;\n    \n  }\n  #x_axis{\n    bottom: -4px;\n    left: -18px;\n}\nsvg {\n  stroke: transparent;\n  stroke-width: 0px;\n\n}\n\n.continuity-tooltip {\n      position: absolute;\n      text-align: center;\n      justify-content: center;\n      background-color: black;\n      width: 230px;\n      height: 50px;\n      color: white;\n      font-size: 12px;\n      pointer-events: none;\n      display: none;\n      float:none;\n      z-index: 10;\n  top: 0;\n  left: 0;\n    }\n\n\n\n\n    /**\n * Default styles for the dygraphs charting library.\n */\n\n \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    \n               /* ############# OneWayNotification-styling-start ############# */\n\n               .input-box {\n  font-size: 16px;\n  padding: 8px 0;\n  border: none;\n  border-bottom: 2px solid #ccc;\n  color: #08AEEA;\n  width: 100%;\n  color: #fff;\n  background-color: transparent;\n  transition: border-color 0.3s ease-in-out;\n}\n\n.input-box::placeholder{\n  color: #ece8e8;\n}\n\n.underline {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 2px;\n  background-color: #fff;\n  transform: scaleX(0);\n  transition: transform 0.3s ease-in-out;\n}\n\n.input-box:focus {\n  border-color: #ebebeb;\n  outline: none;\n}\n\n.input-box:focus + .underline {\n  transform: scaleX(1);\n}\n\n\n  .inputTxt{\n  padding: 0rem 3rem 0rem 0rem;\n  font-size: 18px;\n  border-radius: 0.5em;\n  margin: 0rem 2rem 0rem 2rem;\n  background: #e8e8e8;\n  border: 1px solid #e8e8e8;\n  transition: all .3s;\n  box-shadow: 6px 6px 12px #c5c5c5,\n             -6px -6px 12px #ffffff;\n  }\n  .inputTxt input:focus{\n    border: none;\n    color: rgb(2, 126, 181);\n    outline: none;\n  }\n\n\n  .uploads p{\n    font-weight: 400;\n    margin-top: 1rem;\n  }\n\n  .uploadfiles{\n    display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;left: 5rem;\n    font-size: 1.3rem;\n  }\n\n  .uploadfiles div .v-icon{\n     margin: 0rem 1rem;\n     color: #fff;\n     font-size: 2rem;\n     position: relative; right: 6rem;\n  }\n\n\n.inputText input {\n  max-width: 800px;\n  height: 2.5rem;\n  background-color: #fff;\n  padding: 12px;\n  position: relative;right: 6rem;\n  border: none;\n  border-radius: 25px;\n  box-shadow: 2px 2px 7px 0 rgb(0, 0, 0, 0.2);\n  outline: none;\n  color: dimgray;\n  }\n\n\n.dynamic-height {\n  height: auto;\n  overflow: hidden;\n}\n\n.textURL p{\n  text-align: end;\n  margin-right: 1rem;\n}\n\n.fixed-footer {\n  background-color: #22ace2 !important;\n  position: fixed;\n  bottom: 0;\n  width: 100%;\n}\n\n\n.chat-container{\n  padding:1rem 1rem 1rem 5rem;\n  justify-content: center;\n  margin-top: 2rem;\n  overflow: hidden;\n}\n\n\n.textContent{\n      background-color: #fff;\n      box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;\n      display: inline-block;\n      color: rgb(48, 47, 47);\n      font-size: 17px;\n      font-weight: 400;\n      border-radius: 15px;\n      padding: 0.5rem 1rem 1rem 0.5rem; \n      width: 30rem;\n      height: auto;\n      margin: 1rem 1rem 1rem 1rem;\n      line-height: 1.5em;\n      align-items: start;\n      text-align: start;       \n}\n\n.urlContent{\n      color: rgb(48, 47, 47);\n      background-color: #fff;\n      box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;\n      font-size: 17px;\n      font-weight: 400;\n      border-radius: 15px;\n      padding: 0.5rem 1rem 1rem 0.5rem; \n      margin: 1rem 1rem 1rem 1rem;\n      width: 30rem;\n      height: auto;\n      line-height: 1.5em;\n      align-items: start;\n      text-align: start;\n}\n\n\n.imgPreview{\n      color: rgb(48, 47, 47);\n      background-color: #fff;\n      box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;\n      font-size: 17px;\n      font-weight: 400;\n      border-radius: 15px;\n      padding: 0.5rem 1rem 1rem 0.5rem; \n      margin: 1rem 1rem 1rem 1rem;\n      width: 30rem;\n      line-height: 1.5em;\n      align-items: start;\n      text-align: start;\n}\n\n\n.pdfPreview, .mp4Preview , .mp3Preview{\n     \n      background-color: #fff;\n      box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;\n      color: black;\n      text-align: center;\n      font-size: 17px;\n      font-weight: 400;\n      border-radius: 15px;\n      padding: 0.5rem 1rem 1rem 0.5rem; \n      margin: 1rem 1rem 1rem 1rem;\n      width: 30rem;\n      height: auto;\n\t    text-align: right;\n      line-height: 1.5em;\n      align-items: start;\n      text-align: start;\n}\n\n\n/* .urlContentNoText {\n    position: relative;\n    top: 1rem;\n}\n\n.urlContentNoTextDescription{\n  position: relative;\n    top: 1rem;\n} */\n\n\n.rotate-icon {\n  transform: rotate(180deg); /* Rotate the icon by 180 degrees */\n  transition: transform 0.5s ease; /* Add a smooth transition effect */\n}\n\n\n.cropped-image-container {\n    width: 100%;\n    position: relative;\n  }\n\n  .cropped-image {\n    width: 100%;\n    height: 76%;\n    border-radius: 20px;\n    background-size: cover;\n    background-position: center center; /* Adjust as needed */\n  } \n\n\n  .chevron-icon {\n  z-index: 1;\n}\n\n.chevron-icon-overlay {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.bounce-enter-active, .bounce-leave-active {\n    transition: transform 0.5s;\n  }\n\n  .bounce-enter-to, .bounce-leave-to {\n    transform: translateY(0);\n  }\n\n  .bounce-enter, .bounce-leave-to /* .bounce-leave-active in <2.1.8 */ {\n    transform: translateY(-30px);\n  }\n\n\n  .Vtoolbar{\n  background-color: #22ace2 !important;\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: 1;\n  }\n\n  .gold-background {\n  background-color: #FFD700 !important; /* Gold hex color */\n}\n\n             /* ############# OneWayNotification-styling-end #############*/\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!./DataStreamingRentals.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!./DataStreamingRentals.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DataStreamingRentals.vue?vue&type=template&id=1c1952fa&\"\nimport script from \"./DataStreamingRentals.vue?vue&type=script&lang=js&\"\nexport * from \"./DataStreamingRentals.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DataStreamingRentals.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 { VCardActions } 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 { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VFooter } from 'vuetify/lib/components/VFooter';\nimport { VForm } from 'vuetify/lib/components/VForm';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSnackbar } from 'vuetify/lib/components/VSnackbar';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\nimport { VTextarea } from 'vuetify/lib/components/VTextarea';\nimport { VTimeline } from 'vuetify/lib/components/VTimeline';\nimport { VTimelineItem } from 'vuetify/lib/components/VTimeline';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\nimport { VToolbarItems } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VApp,VBtn,VCard,VCardActions,VCardTitle,VChip,VCol,VContainer,VDataTable,VDialog,VDivider,VFooter,VForm,VIcon,VImg,VList,VListItem,VMenu,VRow,VSnackbar,VSpacer,VTextField,VTextarea,VTimeline,VTimelineItem,VToolbar,VToolbarItems})\n\n\n/* vuetify-loader */\nimport installDirectives from \"!../../node_modules/vuetify-loader/lib/runtime/installDirectives.js\"\nimport Scroll from 'vuetify/lib/directives/scroll'\ninstallDirectives(component, {Scroll})\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!./DataStreamingRentals.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}