{"__symbolic":"module","version":4,"exports":[{"from":"angular-google-charts"}],"metadata":{"PrincipalDasboardLibService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"genarateResourseReqiuredData":[{"__symbolic":"method"}],"genarateUserReqiuredData":[{"__symbolic":"method"}],"userWiseChartData":[{"__symbolic":"method"}],"classRoomWiseChartData":[{"__symbolic":"method"}],"allUserChartData":[{"__symbolic":"method"}],"allRoomsData":[{"__symbolic":"method"}],"dataForTableView":[{"__symbolic":"method"}],"dataForDetailedView":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"PrincipalDasboardLibComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-principal-dasboard-lib","template":"<div id=\"reprtModule\">\r\n  <div id=\"pd-mainDiv\" class=\"pd-mainContainer\">\r\n    <lib-header (userSelectedDate)=\"onUserSelectDate($event)\">\r\n    </lib-header>\r\n    <lib-chartheader></lib-chartheader>\r\n    \r\n    <div id=\"pd-preloader\" class=\"pd-preloaderDiv\" *ngIf=\"!data\">\r\n    Loading....\r\n    </div>\r\n    <lib-chartview *ngIf=\"data\" [data]=\"data\"></lib-chartview>\r\n    <lib-tableview *ngIf=\"data\" [data]=\"data\"></lib-tableview>\r\n    <lib-detailedview *ngIf=\"data\" [data]=\"data\"></lib-detailedview>\r\n    \r\n  </div>\r\n</div>\r\n","styles":[".pd-mainContainer{width:100%;height:100%}.pd-mainContainer .pd-preloaderDiv{text-align:center;line-height:27;position:absolute;width:100%;height:87%;top:39px;z-index:2}.bs-datepicker-head{background-color:#000!important}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"userSelectedDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onUserSelectDate":[{"__symbolic":"method"}]}},"PrincipalDasboardLibModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"PrincipalDasboardLibComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":22,"character":4},{"__symbolic":"reference","module":"angular-google-charts","name":"GoogleChartsModule","line":23,"character":4}],"exports":[{"__symbolic":"reference","name":"PrincipalDasboardLibComponent"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"lib-chartheader","template":"\r\n<div id=\"pd-chartheader\">\r\n    <div id=\"pd-chatTypeBtnDiv\">\r\n    <a id=\"pd-tabIconBtn\" data-table=\"userTable\" time-line=\"usertimeline\">\r\n        <img id=\"myIconImg\" src=\"assets/btn_table.png\"  (click)=\"changeChatType()\">\r\n    </a>\r\n    </div>\r\n   \r\n    <div id=\"pd-userWisechatTypeBtn\" class=\"userWiseBtn\"  [ngStyle]=\"{ color: isUserWise ? '#ffffff' : '#000000' , backgroundColor: isUserWise ? '#000000' : '#c4c4c4'}\"\r\n    (click)=\"changeDataTypeUser()\">User wise</div>\r\n    <div id=\"pd-classRoomWiseBtn\"  class=\"classWiseBtn\" [ngStyle]=\"{ color: isUserWise ? '#000000' : '#ffffff' , backgroundColor: isUserWise ? '#c4c4c4' : '#000000'}\"\r\n    (click)=\"changeDataTypeClassRoom()\">Classroom wise</div>\r\n\r\n    \r\n    <div class=\"libVersionDiv\">v{{libVersion}}</div>\r\n</div>","styles":["#pd-chartheader{font-size:12pt;font-weight:400;color:#5c5c5c;z-index:1;width:100%;height:40px;position:relative;margin:10 auto;text-align:center;background-color:#e0e0e0}#pd-chartheader #pd-classRoomWiseBtn,#pd-chartheader #pd-userWisechatTypeBtn{background:-moz-linear-gradient(center top,#45a1da 5%,#1172ae 100%);display:inline-block;padding:0 20px;cursor:pointer;margin:5px 0 0;width:160px;height:30px;line-height:30px}#pd-chartheader #pd-tabIconBtn{cursor:pointer;position:absolute;left:10px;top:-17px}#pd-chartheader .libVersionDiv{position:absolute;font-size:12px;color:#343a40;margin-top:-21px;font-weight:700;margin-left:71px}.userWiseBtn{border-radius:6px 0 0 6px}.classWiseBtn{border-radius:0 6px 6px 0}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"PrincipalDasboardLibService"}]}],"ngOnInit":[{"__symbolic":"method"}],"changeChatType":[{"__symbolic":"method"}],"changeDataTypeClassRoom":[{"__symbolic":"method"}],"changeDataTypeUser":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"lib-chartview","template":"<div id=\"pd-chartview-main-container\" class=\"pd-chartview-main-container\">\r\n  <div id=\"userSummary\">\r\n    <table class=\"summaryTable\">\r\n      <tbody>\r\n        <tr>\r\n          <td id=\"totalUsers\" class=\"chartview-navigationbar\">\r\n            Total users: {{totalUsers}}\r\n          </td>\r\n          <td id=\"eligibleUsers\" class=\"chartview-navigationbar\">\r\n            Eligible users: {{eligibleUsers}}\r\n          </td>\r\n          <td id=\"currentUsers\" class=\"chartview-navigationbar\">\r\n            Current users: {{currentUsers}}\r\n          </td>\r\n          <td id=\"totalRooms\" class=\"chartview-navigationbar\">\r\n            Installed Classrooms: {{installedClassrooms}}\r\n          </td>\r\n          <td id=\"currentRooms\" class=\"chartview-navigationbar\">\r\n            Current Classrooms: {{currentRooms}}\r\n          </td>\r\n          <!-- <td\r\n            id=\"currentRooms\"\r\n            \r\n          >\r\n            <span id=\"totalUsers_list\" class=\"activeAll\">User List</span>\r\n          </td> -->\r\n        </tr>\r\n      </tbody>\r\n    </table>\r\n  </div>\r\n  <div id=\"pd-messageDivContainer\" class='pd-messageDivContainer'>\r\n    <div id=\"pd-messageDiv\" class='pd-messageDiv'>Click the bars to view details of content accessed by a teacher.</div>\r\n    <div id=\"pd-toggleContainer\" class=\"pd-toggleContainer\">\r\n     \r\n      <div id=\"pd-currentUserBtn\"  class=\"pd-currentUserBtn-div pd-commonStyleBtn\" (click)=\"showCurrentUser()\" [ngStyle]=\"{ color: isAllUsers ? '#000000' : '#ffffff' , backgroundColor: isAllUsers ? '#c4c4c4' : '#000000'}\">\r\n        {{currentList}}</div>\r\n      <div id=\"pd-allUserBtn\" class=\"pd-allUserBtn-div pd-commonStyleBtn\" (click)=\"showAllUser()\" [ngStyle]=\"{ color: isAllUsers ? '#ffffff' : '#000000' , backgroundColor: isAllUsers ? '#000000' : '#c4c4c4'}\">\r\n        {{allList}}</div>\r\n    </div>\r\n  </div>\r\n  <div id=\"pd-chartview\" class=\"pd-chartview\">\r\n  <div id=\"myChartDiv\">\r\n    <div id=\"myTimeLine\">\r\n      <google-chart\r\n        [type]=\"myChartType\"\r\n        [data]=\"chartDataTable\"\r\n        [options]=\"myChartOptions\"\r\n        [width]=\"myChartwidth\"\r\n        [height]=\"myChartHeight\"\r\n        (select)=\"onSelectRowData($event)\"\r\n        (ready)=\"myChartReady()\"\r\n      > \r\n      </google-chart>\r\n      \r\n    </div>\r\n    <div class=\"inline\" id=\"labels\"></div> \r\n   \r\n    \r\n  </div>\r\n</div>\r\n","styles":[".pd-chartview-main-container .pd-chartview{display:block;overflow:scroll;width:100%;height:484px;font-family:Tahoma;font-size:12pt;font-weight:400;color:#666;margin:10 auto;text-align:center;padding-top:1px}.pd-chartview-main-container #userSummary{background:#e0e0e0;margin-top:1px}.pd-chartview-main-container #roomSummary,.pd-chartview-main-container #userSummary{position:relative;width:100%;text-align:center;padding-top:6px;padding-bottom:6px;font-size:13px}.pd-chartview-main-container .pd-messageDivContainer{margin-top:1px}.pd-chartview-main-container .pd-messageDivContainer .pd-messageDiv{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:absolute;margin-left:5px;font-size:13px}.pd-chartview-main-container .pd-messageDivContainer .pd-toggleContainer{line-height:30px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;float:right;margin:5px 0}.pd-chartview-main-container .pd-messageDivContainer .pd-allUserBtn-div{border-radius:0 5px 5px 0}.pd-chartview-main-container .pd-messageDivContainer .pd-currentUserBtn-div{border-radius:5px 0 0 5px}.pd-chartview-main-container .pd-messageDivContainer .pd-commonStyleBtn{display:inline-block;cursor:pointer;font-size:12px;width:92px;text-align:center}.pd-chartview-main-container .summaryTable{width:100%;border-collapse:collapse;border-spacing:2px;border-color:grey}.pd-chartview-main-container .activeAll{cursor:pointer;background:none!important;border-radius:13px;border:none;width:64px;height:18px!important;line-height:18px!important;color:#45a1da;margin-right:0!important;padding:1px 5px;vertical-align:sub}.pd-chartview-main-container #myTimeLine{width:89%;height:60%;margin-left:5px;overflow-x:scroll;overflow-y:hidden;float:left}.pd-chartview-main-container #myTimeLine2{width:71px;position:relative;overflow-x:hidden;overflow-y:hidden}.pd-chartview-main-container #myChartDiv{width:100%}.pd-chartview-main-container .chartview-navigationbar{border-collapse:collapse;border-right:1px solid #999;text-align:center}.pd-chartview-main-container #labels{border-right:1px solid #b7b7b7;border-top:1px solid #b7b7b7;width:10%;float:left;font-size:1.2vw;overflow-x:hidden;overflow-y:hidden}.inline{vertical-align:top;position:relative}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"PrincipalDasboardLibService"}]}],"ngOnInit":[{"__symbolic":"method"}],"loadChart":[{"__symbolic":"method"}],"onResizeWindow":[{"__symbolic":"method"}],"myChartReady":[{"__symbolic":"method"}],"updateChartType":[{"__symbolic":"method"}],"updateDataType":[{"__symbolic":"method"}],"updateChart":[{"__symbolic":"method"}],"calulateTotalDuration":[{"__symbolic":"method"}],"timeConvert":[{"__symbolic":"method"}],"removeBlankEntryBar":[{"__symbolic":"method"}],"createDivforTotalDurartion":[{"__symbolic":"method"}],"setHeightofDivforTotalDurartion":[{"__symbolic":"method"}],"onSelectRowData":[{"__symbolic":"method"}],"showAllUser":[{"__symbolic":"method"}],"showCurrentUser":[{"__symbolic":"method"}],"userWiseCurrentData":[{"__symbolic":"method"}],"userWiseAllData":[{"__symbolic":"method"}],"classRoomWiseCurrentData":[{"__symbolic":"method"}],"classRoomWiseAllData":[{"__symbolic":"method"}],"findCurrentUserCount":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"lib-detailedview","template":"<div id=\"pd-deatilViewContainer\">\r\n  <div class=\"pd-detailview-header\">\r\n    <div class=\"pd-detailview-title\">Details</div>\r\n    <div id=\"pd-closeButton\" (click)=\"onCloseBtnClick()\">+</div>\r\n  </div>\r\n  <div id=\"pd-deatilViewTable\"></div>\r\n</div>\r\n","styles":["#pd-deatilViewContainer{position:absolute;background:#fff;box-shadow:0 0 17px #818181;font-size:12px;width:50%;max-height:350px;top:140px;left:230px}#pd-deatilViewContainer .pd-detailview-header{position:relative;width:100%;height:35px;background-color:#e6e6e6}#pd-deatilViewContainer .pd-detailview-title{position:absolute;margin-left:5px;font-size:20px;line-height:35px}#pd-deatilViewContainer #pd-closeButton{width:24px;position:absolute;float:right;right:0;cursor:pointer;height:24px;background:#000;border-radius:12px;color:#fff;line-height:22px;text-align:center;font-size:26px;transform:rotate(45deg);margin:5px}#pd-deatilViewContainer #pd-deatilViewTable{overflow:scroll;scroll-behavior:smooth;height:auto;margin:5px;max-height:300px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"PrincipalDasboardLibService"}]}],"ngOnInit":[{"__symbolic":"method"}],"createTable":[{"__symbolic":"method"}],"createResourcesTable":[{"__symbolic":"method"}],"onCloseBtnClick":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-header","template":"<div id=\"pd_header\" class=\"pd_header\">\r\n  <div *ngIf=\"message && (this.todayDate === this.calenderCurrentDate)\" id=\"pd_refeshView\" class=\"pd_refesh_bar\">\r\n   <div class=\"timer_msg\"> This page will be refreshed in</div>\r\n   <div  class=\"timer_value\"> {{timeConvert(message)}} min</div>\r\n   <div id=\"pd_refeshBtn\" (click)=\"refreshChart()\"> Refresh </div>\r\n  </div>\r\n\r\n \r\n  <!-- <div id=\"pd_exportBtn\" class=\"pd_exportButton\" (click)=\"exportReport()\"> Export Report</div> -->\r\n  \r\n  <div class=\"pd_header_calendar\">\r\n    <!-- <input type=\"text\"\r\n    \r\n    placeholder=\"Datepicker\"\r\n    class=\"form-control\"\r\n    bsDatepicker\r\n    (bsValueChange)=\"selectDate($event)\"\r\n    [bsValue]=\"bsValue\"\r\n    [maxDate]=\"maxDate\"\r\n    placement=\"bottom\"\r\n    [bsConfig]=\"{ isAnimated: true, dateInputFormat: 'DD-MM-YYYY', containerClass:'theme-default'}\"  > -->\r\n    <input type=\"Date\" [max]=\"currentDate\" [value]=\"currentDate\" id=\"myCalendar\" (input)=\"selectDate($event)\" />\r\n  </div>\r\n  <div  class=\"pd_header_content\" >Realtime usage data</div>\r\n</div>\r\n","styles":[".pd_header{width:100%;background-color:#e0e0e0;height:50px;border-bottom:2px solid #fff}.pd_header_calendar{position:absolute;width:150px;margin:5px 5px 5px 17px}.pd_header_content{position:relative;width:350px;margin:0 auto;color:#000;text-align:center;font-size:30px;line-height:50px}.pd_exportButton{position:absolute;display:inline-block;right:144px;padding:0 16px;cursor:pointer;margin:9px 0 0;height:30px;line-height:30px;color:#fff;background-color:#000;border-radius:6px 6px 6px 6px;font-size:10pt;font-weight:400}.pd_refesh_bar{position:absolute;color:#000;width:120px;height:78px;right:15px;top:4px;z-index:2;background-color:#fff;float:right;text-align:center;font-size:12px;border-radius:.25rem;border:1px solid #a09898;box-shadow:0 0 5px 0 rgba(0,0,0,.75);-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.75);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,.75);-webkit-animation:refreshViewAnimate .6s;animation:refreshViewAnimate .6s}@-webkit-keyframes refreshViewAnimate{0%{opacity:.5;top:-32px}to{opacity:1;top:4px}}@keyframes refreshViewAnimate{0%{opacity:.5;top:-32px}to{opacity:1;top:4px}}.timer_msg{position:absolute;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:14px;top:2px}.timer_value{font-weight:700;font-size:15px}#pd_refeshBtn,.timer_value{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;top:28px}#pd_refeshBtn{background-color:#2172f6;cursor:pointer;width:60px;margin:0 auto;border-radius:3px;color:#fff;height:22px;line-height:20px}#pd_refeshBtn:hover{opacity:.6}::ng-deep.bs-datepicker{margin-left:200px}.bs-datepicker-body table td span.selected,.theme-default .bs-datepicker-body table td.selected span,.theme-default .bs-datepicker-body table td[class*=select-] span:after,.theme-default .bs-datepicker-body table td span[class*=select-]:after{background-color:#000}.bs-datepicker-head{background-color:#000!important}"]}]}],"members":{"userSelectedDate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":8,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"getDefaultDate":[{"__symbolic":"method"}],"selectDate":[{"__symbolic":"method"}],"refreshChart":[{"__symbolic":"method"}],"startTimer":[{"__symbolic":"method"}],"stopTimer":[{"__symbolic":"method"}],"clearTimer":[{"__symbolic":"method"}],"countDown":[{"__symbolic":"method"}],"timeConvert":[{"__symbolic":"method"}],"exportReport":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"lib-tableview","template":"\r\n  <div id=\"tableViewDiv\" class=\"pd-tableViewDiv\">\r\n   \r\n    <table class=\"table table-bordered\" id=\"tableRow\">\r\n      <thead>\r\n        <tr class=\"table-headerRow\">\r\n          <th scope=\"col\">Teacher Name</th>\r\n          <th scope=\"col\">Subjects</th>\r\n          <th scope=\"col\">Date</th>\r\n          <th scope=\"col\">Start Time</th>\r\n          <th scope=\"col\">End Time</th>\r\n          <th scope=\"col\">Duration (mins)</th>\r\n          <th scope=\"col\">Room</th>\r\n          <th scope=\"col\">Subject</th>\r\n          <th scope=\"col\">Topic of Class</th>\r\n          <th scope=\"col\">Chapter Name</th>\r\n          <th scope=\"col\">Topic Name</th>\r\n          <th scope=\"col\">Assets Details</th>\r\n        </tr>\r\n      </thead>\r\n      <tbody id=\"tblBody\">\r\n       \r\n      </tbody>\r\n    </table>\r\n  </div>\r\n  \r\n","styles":[".pd-tableViewDiv{width:100%;height:484px;overflow:scroll}.pd-tableViewDiv #tableRow{font-size:small;width:100%;margin-left:24px;margin-top:10px}.pd-tableViewDiv .table-headerRow{font-weight:700}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"PrincipalDasboardLibService"}]}],"ngOnInit":[{"__symbolic":"method"}],"loadTable":[{"__symbolic":"method"}],"showCurrentDataUser":[{"__symbolic":"method"}],"showAllUser":[{"__symbolic":"method"}],"updateDataType":[{"__symbolic":"method"}],"updateChartType":[{"__symbolic":"method"}],"ueserWiseTableView":[{"__symbolic":"method"}]}}},"origins":{"PrincipalDasboardLibService":"./lib/principal-dasboard-lib.service","PrincipalDasboardLibComponent":"./lib/principal-dasboard-lib.component","PrincipalDasboardLibModule":"./lib/principal-dasboard-lib.module","ɵa":"./lib/chartheader/chartheader.component","ɵb":"./lib/chartview/chartview.component","ɵc":"./lib/detailedview/detailedview.component","ɵd":"./lib/header/header.component","ɵe":"./lib/tableview/tableview.component"},"importAs":"principal-dasboard-lib"}