principal-dashboard-lib-v2 0.0.35 → 0.0.36

package/bundles/principal-dashboard-lib-v2.umd.js

@@ -0,0 +1,3406 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('angular-google-charts'), require('file-saver'), require('xlsx'), require('@angular/common'), require('ng2-datepicker')) :
+    typeof define === 'function' && define.amd ? define('principal-dashboard-lib-v2', ['exports', '@angular/core', 'rxjs', 'angular-google-charts', 'file-saver', 'xlsx', '@angular/common', 'ng2-datepicker'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['principal-dashboard-lib-v2'] = {}, global.ng.core, global.rxjs, global.angularGoogleCharts, global.FileSaver, global.XLSX, global.ng.common, global.ng2Datepicker));
+}(this, (function (exports, i0, rxjs, angularGoogleCharts, FileSaver, XLSX, common, ng2Datepicker) { 'use strict';
+
+    var PrincipalDashboardLibV2Service = /** @class */ (function () {
+        function PrincipalDashboardLibV2Service() {
+            this.isResoureMetaDataReady = new rxjs.ReplaySubject();
+            this.isResoureMetaDataReady$ = this.isResoureMetaDataReady.asObservable();
+            this.isUserReqiuredDataReady = new rxjs.ReplaySubject();
+            this.isUserReqiuredDataReady$ = this.isUserReqiuredDataReady.asObservable();
+            this.mychartType = '';
+            this.dataType = '';
+            this.userAllData = '';
+            this.userMetadata = { userDetails: [], resourceDetails: [] };
+            this.resoureMetadata = new Array();
+            this.userDetailObject = {};
+            this.userlist = false;
+            //for change chart Type
+            this.chartType = new rxjs.BehaviorSubject(this.mychartType);
+            this.chartType$ = this.chartType.asObservable();
+            //for change userWise To classRoom wise or vice versa
+            this.isUserWise_data = new rxjs.BehaviorSubject(true);
+            this.isUserWise_data$ = this.isUserWise_data.asObservable();
+            // for all user and current user information
+            this.isAllUsers = new rxjs.BehaviorSubject(this.userlist);
+            this.isAllUsers$ = this.isAllUsers.asObservable();
+            //for get details of selected user
+            this.detailedviewData = new rxjs.BehaviorSubject(this.userMetadata);
+            this.detailedviewData$ = this.detailedviewData.asObservable();
+            this.openSmallTable = new rxjs.BehaviorSubject(false);
+            this.openSmallTable$ = this.openSmallTable.asObservable();
+        }
+        PrincipalDashboardLibV2Service.prototype.genarateResourseReqiuredData = function (data) {
+            this.isResoureMetaDataReady.next(false);
+            var resourceMetadataMatrix = new Array();
+            if (data && data !== null) {
+                var resouseID = void 0;
+                var title = void 0;
+                var subject = void 0;
+                var grade = void 0;
+                var chapter = void 0;
+                var teachingPoint = void 0;
+                var type = void 0;
+                var resourceMetadata = data.resourcesMetadata.resourceMetadata;
+                if (resourceMetadata != undefined && resourceMetadata.length > 0) {
+                    for (var i = 0; i < resourceMetadata.length; i++) {
+                        //----------//resouseID
+                        resouseID = resourceMetadata[i].resourceId;
+                        //----------//subject
+                        if (resourceMetadata[i].subject != undefined) {
+                            if (resourceMetadata[i].subject.title != undefined) {
+                                subject = resourceMetadata[i].subject.title;
+                            }
+                            else {
+                                subject = '';
+                            }
+                        }
+                        else {
+                            subject = '';
+                        }
+                        //----------//grade
+                        if (resourceMetadata[i].grade != undefined) {
+                            if (resourceMetadata[i].grade.title != undefined) {
+                                grade = resourceMetadata[i].grade.title;
+                            }
+                            else {
+                                grade = '';
+                            }
+                        }
+                        else {
+                            grade = '';
+                        }
+                        //----------//chapter
+                        //console.log('LOOKCHP',resourceMetadata[i].chapter)
+                        if (resourceMetadata[i].chapter != undefined) {
+                            if (resourceMetadata[i].chapter.title != undefined) {
+                                chapter = resourceMetadata[i].chapter.title;
+                            }
+                            else {
+                                chapter = '';
+                            }
+                        }
+                        else {
+                            chapter = '';
+                        }
+                        //----------//teachingPoint
+                        //console.log('LOOKTP',resourceMetadata[i].teachingPoint)
+                        if (resourceMetadata[i].teachingPoint != undefined) {
+                            if (resourceMetadata[i].teachingPoint.title != undefined) {
+                                teachingPoint = resourceMetadata[i].teachingPoint.title;
+                            }
+                            else {
+                                //teachingPoint = '<span style="color:lightgray;">--</span>';
+                                teachingPoint = '';
+                            }
+                        }
+                        else {
+                            //teachingPoint = '<span style="color:lightgray;">--</span>';
+                            teachingPoint = '';
+                        }
+                        //----------//type
+                        if (resourceMetadata[i].type != undefined) {
+                            type = this.getDisplaytypeValue(resourceMetadata[i].type);
+                        }
+                        else {
+                            type = '';
+                        }
+                        //----------//title
+                        if (resourceMetadata[i].title != undefined) {
+                            title = resourceMetadata[i].title;
+                        }
+                        else {
+                            title = '';
+                        }
+                        var resourceMetauserConsoleData = {
+                            resouseID: resouseID,
+                            subject: subject,
+                            grade: grade,
+                            chapter: chapter,
+                            teachingPoint: teachingPoint,
+                            type: type,
+                            title: title
+                        };
+                        resourceMetadataMatrix.push(resourceMetauserConsoleData);
+                        this.resoureMetaData = resourceMetadataMatrix;
+                        this.isResoureMetaDataReady.next(true);
+                    }
+                }
+            }
+            // this.resoureMetaData = resourceMetadataMatrix;
+            return resourceMetadataMatrix;
+        };
+        PrincipalDashboardLibV2Service.prototype.getName = function (user) {
+            if (/School Admin/gm.exec(user.role)) {
+                return "Support Admin";
+            }
+            return user.fullName;
+        };
+        PrincipalDashboardLibV2Service.prototype.genarateUserReqiuredData = function (data) {
+            this.isUserReqiuredDataReady.next(false);
+            var usersMetadataMatrix = new Array();
+            var usermetadataMatrixUpdated = new Array();
+            var schoolTerminalMatrix = new Array();
+            var userConsoleMatrix = new Array();
+            if (data && data !== null) {
+                var userConsole = data.usersConsole.userConsole;
+                var usersMetadata = data.usersMetadata.userMetadata;
+                var schoolTerminal = data.schoolTerminals.schoolTerminal;
+                if (usersMetadata != null && usersMetadata.length > 0) {
+                    for (var i_1 = 0; i_1 < usersMetadata.length; i_1++) {
+                        var userId = void 0;
+                        var userName = void 0;
+                        var userSubjects = void 0;
+                        var listOfUser = {};
+                        if (usersMetadata[i_1].userId != "") {
+                            userId = usersMetadata[i_1].userId;
+                            //console.log("--chartDataUserWise-->>",usersMetadata[i].terminalIP)
+                            if (usersMetadata[i_1].fullName !== undefined) {
+                                userName = this.getName(usersMetadata[i_1]); // get name of user w.r.t. ID
+                            }
+                            else {
+                                userName = '';
+                            }
+                            if (usersMetadata[i_1].userSubjects !== undefined) {
+                                userSubjects = usersMetadata[i_1].userSubjects; // get name of user w.r.t. ID
+                            }
+                            else {
+                                userSubjects = '';
+                            }
+                            listOfUser = {
+                                userId: userId,
+                                userName: userName,
+                                userSubjects: userSubjects
+                            };
+                            usersMetadataMatrix.push(listOfUser); // array of all users
+                        }
+                    }
+                }
+                for (var i = 0; i < usersMetadataMatrix.length; i++) {
+                    //console.log('usersMetadataMatrix-->', usersMetadataMatrix[i].userName)
+                    usersMetadataMatrix.forEach(function (element) {
+                        //console.log('element.userName-->>', element.userName)
+                        if (usersMetadataMatrix[i].userName === element.userName) {
+                            usermetadataMatrixUpdated.push(usersMetadataMatrix[i]); //array of same name users
+                            usersMetadataMatrix.splice(i, 1); //delete the same name users from usermetadataMatrix
+                        }
+                    });
+                }
+                for (var i = 0; i < usermetadataMatrixUpdated.length; i++) {
+                    // const randomNumber = document.createElement('span');
+                    // randomNumber.innerHTML = i.toString();
+                    //usermetadataMatrixUpdated[i].userName = usermetadataMatrixUpdated[i].userName + " --- " + i;
+                    usermetadataMatrixUpdated[i].userName = usermetadataMatrixUpdated[i].userName;
+                    usersMetadataMatrix.push(usermetadataMatrixUpdated[i]); //adding same name users in usermetadataMatrix with some random charators
+                    this.usersMetaData = usersMetadataMatrix;
+                }
+                if (schoolTerminal != null && schoolTerminal.length > 0) {
+                    for (var i = 0; i < schoolTerminal.length; i++) {
+                        var schoolId = void 0;
+                        var terminalKey = void 0;
+                        var terminalType = void 0;
+                        var location = void 0;
+                        var schoolTerminalData = {};
+                        //----------//schoolId
+                        if (schoolTerminal[i].schoolId !== undefined) {
+                            schoolId = schoolTerminal[i].schoolId; // get name of user w.r.t. ID
+                        }
+                        else {
+                            schoolId = '';
+                        }
+                        //----------//terminalKey
+                        if (schoolTerminal[i].terminalKey !== undefined) {
+                            terminalKey = schoolTerminal[i].terminalKey; // get name of user w.r.t. ID
+                        }
+                        else {
+                            terminalKey = '';
+                        }
+                        //----------//terminalType
+                        if (schoolTerminal[i].terminalType !== undefined) {
+                            terminalType = schoolTerminal[i].terminalType; // get name of user w.r.t. ID
+                        }
+                        else {
+                            terminalType = '';
+                        }
+                        //----------//location
+                        if (schoolTerminal[i].metadata !== undefined) {
+                            var metadataJSON = JSON.parse(schoolTerminal[i].metadata);
+                            location = metadataJSON.location; // get name of user w.r.t. ID
+                            //console.log("metadataJSON",location);
+                        }
+                        else {
+                            location = '';
+                        }
+                        schoolTerminalData = {
+                            schoolId: schoolId,
+                            terminalKey: terminalKey,
+                            terminalType: terminalType,
+                            location: location
+                        };
+                        //console.log('ccc--',schoolTerminalData)
+                        schoolTerminalMatrix.push(schoolTerminalData);
+                        this.schoolTerminalData = schoolTerminalMatrix;
+                    }
+                }
+                if (userConsole != null && userConsole.length > 0) {
+                    var _loop_1 = function (index) {
+                        var userId = void 0;
+                        var startTime = void 0;
+                        var endTime = void 0;
+                        var duration = void 0;
+                        var selectedDate = void 0;
+                        var terminalIP = void 0;
+                        var userConsoleResources = void 0;
+                        var resourceMetadataIDS = void 0;
+                        var resourceMetauserConsoleData = [];
+                        var resourceDurationFromConsole = [];
+                        var userName = void 0;
+                        var userSubjects = void 0;
+                        var terminalLocation = void 0;
+                        var launchedFrom = [];
+                        //console.log('myuserConsole', userConsole[index])
+                        //----------//user iD
+                        if (userConsole[index].userId !== undefined) {
+                            userId = userConsole[index].userId; // get name of user w.r.t. ID
+                        }
+                        else {
+                            userId = '';
+                        }
+                        //----------// startTime 
+                        if (userConsole[index].startTime !== undefined) {
+                            startTime = userConsole[index].startTime; // get name of user w.r.t. ID
+                        }
+                        else {
+                            startTime = '';
+                        }
+                        //----------// endTime 
+                        if (userConsole[index].endTime !== undefined) {
+                            endTime = userConsole[index].endTime; // get name of user w.r.t. ID
+                            this_1.myEndTime = endTime;
+                        }
+                        else {
+                            endTime = '';
+                        }
+                        //----------// Date 
+                        if (userConsole[index].selectedDate !== undefined) {
+                            selectedDate = userConsole[index].selectedDate; // get name of user w.r.t. ID
+                        }
+                        else {
+                            selectedDate = '';
+                        }
+                        //----------// Duration
+                        if (userConsole[index].duration !== undefined) {
+                            duration = userConsole[index].duration; // get name of user w.r.t. ID
+                        }
+                        else {
+                            duration = '';
+                        }
+                        //----------// terminalIP
+                        if (userConsole[index].terminalIP !== undefined) {
+                            terminalIP = userConsole[index].terminalIP; // get name of user w.r.t. ID
+                        }
+                        else {
+                            terminalIP = '';
+                        }
+                        //----------// userConsoleResources
+                        if (userConsole[index].userConsoleResources !== undefined) {
+                            userConsoleResources = userConsole[index].userConsoleResources; // get name of user w.r.t. ID
+                        }
+                        else {
+                            userConsoleResources = null;
+                        }
+                        if (userConsoleResources != null) {
+                            if (userConsoleResources.userConsoleResource !== undefined) {
+                                userConsoleResources.userConsoleResource.forEach(function (item) {
+                                    //console.log("lookingFor: ",item)
+                                    resourceMetauserConsoleData.push(item.resourceId); // get name of user w.r.t. ID
+                                    resourceDurationFromConsole.push(item.duration);
+                                    if (item.launchedFrom) {
+                                        launchedFrom.push(item.launchedFrom);
+                                    }
+                                    // 
+                                });
+                                // resourceMetauserConsoleData = userConsoleResources.userConsoleResource[index]resourceId; // get name of user w.r.t. ID
+                            }
+                            else {
+                                //console.log("lookingFor: ELSE ")
+                                resourceMetauserConsoleData = [];
+                                resourceDurationFromConsole = [];
+                                launchedFrom = [];
+                            }
+                        }
+                        //----------// userName and userSubjects
+                        for (var i_2 = 0; i_2 < usersMetadataMatrix.length; i_2++) {
+                            if (userId === usersMetadataMatrix[i_2].userId) {
+                                userName = usersMetadataMatrix[i_2].userName;
+                                userSubjects = usersMetadataMatrix[i_2].userSubjects;
+                            }
+                        }
+                        //----------// terminalIP and terminalLocation
+                        for (var i_3 = 0; i_3 < schoolTerminalMatrix.length; i_3++) {
+                            //console.log("schoolTerminalMatrix[i]",schoolTerminalMatrix[i]);
+                            //console.log("schoolTerminalMatrix[i].terminalKey",terminalIP,schoolTerminalMatrix[i].terminalKey);
+                            if (terminalIP === schoolTerminalMatrix[i_3].terminalKey) {
+                                terminalLocation = schoolTerminalMatrix[i_3].location;
+                                break;
+                            }
+                            else {
+                                terminalLocation = '';
+                            }
+                        }
+                        if (terminalLocation === undefined || terminalLocation === 'undefined') {
+                            terminalLocation = '';
+                        }
+                        //          console.log('userName--',userName)
+                        var userData = {
+                            userId: userId,
+                            userName: userName,
+                            startTime: new Date(startTime),
+                            endTime: new Date(endTime),
+                            terminalIP: terminalIP,
+                            resourceMetauserConsoleData: resourceMetauserConsoleData,
+                            resourceDurationFromConsole: resourceDurationFromConsole,
+                            launchedFrom: launchedFrom,
+                            duration: duration,
+                            terminalLocation: terminalLocation,
+                            userSubjects: userSubjects
+                        };
+                        userConsoleMatrix.push(userData);
+                        this_1.userConsoleData = userConsoleMatrix;
+                        this_1.isUserReqiuredDataReady.next(true);
+                    };
+                    var this_1 = this;
+                    for (var index = 0; index < userConsole.length; index++) {
+                        _loop_1(index);
+                    }
+                }
+            }
+            // console.log(usersMetadataMatrix,schoolTerminalMatrix,userConsoleMatrix);
+            return {
+                usersMetadata: usersMetadataMatrix,
+                schoolTerminalData: schoolTerminalMatrix,
+                userConsoleData: userConsoleMatrix
+            };
+        };
+        PrincipalDashboardLibV2Service.prototype.userWiseChartData = function () {
+            var dataTableforChart = new Array();
+            dataTableforChart = [];
+            if (this.userConsoleData) {
+                if (this.userConsoleData.length > 0) {
+                    for (var i = 0; i < this.userConsoleData.length; i++) {
+                        //console.log("chartDataUserWiseNew-->>",this.userConsoleData)
+                        //console.log("chartDataUserWiseNew-->>",this.userConsoleData.userName)
+                        if (typeof this.userConsoleData[i].userName === undefined) {
+                            this.userConsoleData[i].userName = (Math.floor(Math.random() * 100)).toString();
+                        }
+                        if (this.userConsoleData[i].userName === undefined) {
+                            this.userConsoleData[i].userName = "-";
+                            //console.log('pakad',this.userConsoleData[i].userName = "-", this.userConsoleData[i].userId)
+                            //this.userConsoleData.splice(i, 1);
+                        }
+                        /*
+                        if(this.userConsoleData[i].userName === "-"){
+                          this.userConsoleData.splice(i, 1); // 2nd parameter means remove one item only
+                        }*/
+                        //if(this.userConsoleData[i].userName !== undefined || this.userConsoleData[i].userName !== '-' || this.userConsoleData[i].userName !== '--')
+                        {
+                            var userData = [this.userConsoleData[i].userName, this.userConsoleData[i].startTime, this.userConsoleData[i].endTime];
+                            dataTableforChart.push(userData);
+                        }
+                        //console.log("chartDataUserWiseNewNew-->>",userData)
+                    }
+                }
+            }
+            return dataTableforChart;
+        };
+        PrincipalDashboardLibV2Service.prototype.classRoomWiseChartData = function () {
+            var dataTableforChart = new Array();
+            dataTableforChart = [];
+            if (this.userConsoleData) {
+                for (var i = 0; i < this.userConsoleData.length; i++) {
+                    //console.log('bbb-->',this.userConsoleData[i].terminalLocation)
+                    var roomName = this.userConsoleData[i].terminalLocation;
+                    if (roomName === "") {
+                        //roomName = "No Name"
+                    }
+                    var location = roomName + " - " + this.userConsoleData[i].terminalIP;
+                    //console.log('bbblocation-->',location)
+                    var userData = [location, this.userConsoleData[i].startTime, this.userConsoleData[i].endTime];
+                    dataTableforChart.push(userData);
+                }
+            }
+            //console.log("this.classRoomWiseChartData",dataTableforChart);
+            return dataTableforChart;
+        };
+        PrincipalDashboardLibV2Service.prototype.newGetCurrentClassroomData = function () {
+            var dataTableforChart = new Array();
+            dataTableforChart = [];
+            if (this.userConsoleData) {
+                for (var i = 0; i < this.userConsoleData.length; i++) {
+                    //console.log('bbb-->',this.userConsoleData[i].terminalLocation)
+                    var roomName = this.userConsoleData[i].terminalLocation;
+                    var location = roomName + " - " + this.userConsoleData[i].terminalIP;
+                    //console.log('bbblocation-->',location)
+                    //let userData = [location];
+                    dataTableforChart.push(location);
+                }
+            }
+            //console.log("this.classRoomWiseChartData",dataTableforChart);
+            dataTableforChart = this.uniq(dataTableforChart);
+            return dataTableforChart;
+        };
+        PrincipalDashboardLibV2Service.prototype.uniq = function (a) {
+            return Array.from(new Set(a));
+        };
+        PrincipalDashboardLibV2Service.prototype.allUserChartData = function () {
+            var dataTableforChart = new Array();
+            dataTableforChart = [];
+            var AlluserDetailsForTableChart = new Array();
+            AlluserDetailsForTableChart = [];
+            if (this.userConsoleData && this.usersMetaData) {
+                var inActiveuserName = void 0;
+                var userSubjects = void 0;
+                var myID = void 0;
+                var AlluserDetails_1 = new Array();
+                for (var index = 0; index < this.userConsoleData.length; index++) {
+                    AlluserDetails_1.push(this.userConsoleData[index]);
+                    AlluserDetailsForTableChart.push(this.userConsoleData[index]);
+                }
+                for (var i = 0; i < this.usersMetaData.length; i++) {
+                    myID = this.usersMetaData[i].userId;
+                    inActiveuserName = this.usersMetaData[i].userName;
+                    //if(inActiveuserName === undefined)
+                    {
+                        //console.log("alluser-1->>",inActiveuserName);
+                    }
+                    userSubjects = this.usersMetaData[i].userSubjects;
+                    var myChartRowuserConsoleData = {
+                        userId: myID,
+                        userName: inActiveuserName,
+                        startTime: new Date(this.myEndTime),
+                        endTime: new Date(this.myEndTime),
+                        terminalIP: "",
+                        resourceMetauserConsoleData: [],
+                        duration: "0",
+                        terminalLocation: "",
+                        userSubjects: userSubjects
+                    };
+                    //AlluserDetails.push(myChartRowuserConsoleData);
+                    var myTableRowuserConsoleData = {
+                        userId: myID,
+                        userName: inActiveuserName,
+                        startTime: "",
+                        endTime: "",
+                        terminalIP: "",
+                        resourceMetauserConsoleData: [],
+                        duration: 0,
+                        terminalLocation: "",
+                        userSubjects: userSubjects
+                    };
+                    //console.log("alluser-2->>",inActiveuserName);
+                    AlluserDetailsForTableChart.push(myTableRowuserConsoleData);
+                    AlluserDetails_1.push(myChartRowuserConsoleData);
+                }
+                setTimeout(function () {
+                    var _loop_2 = function (i) {
+                        //console.log("alluser-3->>",AlluserDetails[i]);
+                        if (AlluserDetails_1[i].userName == undefined) {
+                            //AlluserDetails[i].userName = "--"
+                            AlluserDetails_1.splice(i, 1); // 2nd parameter means remove one item only
+                        }
+                        //if(AlluserDetails[i].userName !== undefined || AlluserDetails[i].userName !== '-' || AlluserDetails[i].userName !== '--')
+                        {
+                            if (AlluserDetails_1[i].userName === "--") {
+                                AlluserDetails_1.splice(i, 1); // 2nd parameter means remove one item only
+                            }
+                            setTimeout(function () {
+                                var userData = [AlluserDetails_1[i].userName, AlluserDetails_1[i].startTime, AlluserDetails_1[i].endTime];
+                                dataTableforChart.push(userData);
+                            }, 300);
+                        }
+                    };
+                    for (var i = 0; i < AlluserDetails_1.length; i++) {
+                        _loop_2(i);
+                    }
+                }, 50);
+                /*
+                for(let i = 0; i < AlluserDetails.length; i++){
+                  console.log("alluser-3->>",AlluserDetails[i].userName);
+                  if(AlluserDetails[i].userName === undefined){
+                    AlluserDetails[i].userName = "(-)"
+                  }
+          
+                  let userData = [AlluserDetails[i].userName,AlluserDetails[i].startTime,AlluserDetails[i].endTime];
+                  dataTableforChart.push(userData);
+                }*/
+            }
+            return { forChartData: dataTableforChart, fordurationTable: AlluserDetailsForTableChart };
+        };
+        PrincipalDashboardLibV2Service.prototype.allRoomsData = function () {
+            var dataTableforChart = new Array();
+            dataTableforChart = [];
+            var allRoomsDetails = new Array();
+            allRoomsDetails = [];
+            if (this.userConsoleData && this.schoolTerminalData) {
+                var myChartRowData = {};
+                var inActiveClassRoom = void 0;
+                for (var i = 0; i < this.userConsoleData.length; i++) {
+                    allRoomsDetails.push(this.userConsoleData[i]);
+                    //console.log("bbb allRoom-->",this.userConsoleData[i])
+                    var roomName = this.userConsoleData[i].terminalLocation;
+                    var roomIP = this.userConsoleData[i].terminalIP;
+                    if (roomName === "" || roomName === undefined) {
+                        roomName = "No Name";
+                    }
+                    var location = roomName + " - " + roomIP;
+                    //console.log('bbbbRoom',location)
+                    // let userData = [this.userConsoleData[i].terminalIP,this.userConsoleData[i].startTime,this.userConsoleData[i].endTime];
+                    var userData = [location, this.userConsoleData[i].startTime, this.userConsoleData[i].endTime];
+                    dataTableforChart.push(userData);
+                }
+                var inactiveRoonName = void 0;
+                for (var i = 0; i < this.schoolTerminalData.length; i++) {
+                    //console.log("schoolTerminalData",this.schoolTerminalData);
+                    inActiveClassRoom = this.schoolTerminalData[i].location + ' - ' + this.schoolTerminalData[i].terminalKey;
+                    //inactiveRoonName = this.schoolTerminalData[i].location;
+                    myChartRowData = {
+                        userId: "",
+                        userName: "",
+                        startTime: new Date(this.myEndTime),
+                        endTime: new Date(this.myEndTime),
+                        terminalIP: inActiveClassRoom,
+                        resourceMetauserConsoleData: [],
+                        duration: 0,
+                        terminalLocation: "",
+                        userSubjects: ""
+                    };
+                    allRoomsDetails.push(myChartRowData);
+                    var myChartRowuserConsoleData = [inActiveClassRoom, new Date(this.myEndTime), new Date(this.myEndTime)];
+                    dataTableforChart.push(myChartRowuserConsoleData);
+                }
+            }
+            return { forChartData: dataTableforChart, fordurationTable: allRoomsDetails };
+        };
+        PrincipalDashboardLibV2Service.prototype.dataForTableView = function (userConsoleMatrix, resourceMetadataMatrix) {
+            var currentDate;
+            var resourceMatrixForTableChart = new Array();
+            var resourceMatrixForExcel = new Array();
+            resourceMatrixForTableChart = [];
+            resourceMatrixForExcel = [];
+            for (var i = 0; i < userConsoleMatrix.length; i++) {
+                var startTime = void 0;
+                var endTime = void 0;
+                var duration = void 0;
+                var terminalIP = void 0;
+                var subject = void 0;
+                var grade = void 0;
+                var chapter = void 0;
+                var topicName = void 0;
+                var AssestDetail = void 0;
+                var resourceType = void 0;
+                var resourceTitle = void 0;
+                var teachingPoint = void 0;
+                var location = void 0;
+                var teacherName = void 0;
+                var teacherSubject = void 0;
+                var resourceMetadataIDs = void 0;
+                var resourceMetadataIDsDuration = void 0;
+                var resourceArrayForExcel = new Array();
+                var resourceArrayForTableChart = new Array();
+                var userConsoleDataMatrix = new Array();
+                var launchedFrom = void 0;
+                resourceArrayForTableChart = [];
+                userConsoleDataMatrix = [];
+                //----------------- for subject and Name
+                teacherSubject = userConsoleMatrix[i].userSubjects;
+                teacherName = userConsoleMatrix[i].userName;
+                //----------------- for start Time  and EndTime 
+                if ((userConsoleMatrix[i].startTime != undefined && userConsoleMatrix[i].startTime != "") && (userConsoleMatrix[i].endTime != undefined && userConsoleMatrix[i].endTime != "")) {
+                    startTime = userConsoleMatrix[i].startTime.toLocaleTimeString('en-US', { hour12: true });
+                    endTime = userConsoleMatrix[i].endTime.toLocaleTimeString('en-US', { hour12: true });
+                    currentDate = userConsoleMatrix[i].startTime.getDate() + '/' + (userConsoleMatrix[i].startTime.getMonth() + 1) + '/' + userConsoleMatrix[i].startTime.getFullYear();
+                }
+                //----------------- for duration
+                duration = Math.floor(userConsoleMatrix[i].duration);
+                //----------------- for Terminal loaction and terminal IP
+                location = userConsoleMatrix[i].terminalLocation;
+                terminalIP = userConsoleMatrix[i].terminalIP;
+                var roomDetail = location + ' ' + terminalIP;
+                resourceMetadataIDs = userConsoleMatrix[i].resourceMetauserConsoleData;
+                resourceMetadataIDsDuration = userConsoleMatrix[i].resourceDurationFromConsole;
+                //console.log('mlaunchedFrom-->> ',(typeof userConsoleMatrix[i].launchedFrom));
+                //console.log('mlaunchedFrom-->> ',( userConsoleMatrix[i].launchedFrom));
+                var launchDataArr = Array(userConsoleMatrix[i].launchedFrom);
+                //console.log('mlaunchedFrom len-->> ', launchDataArr);
+                launchedFrom = launchDataArr;
+                if (resourceMetadataIDs.length === 0) {
+                    subject = undefined;
+                    grade = undefined;
+                    chapter = undefined;
+                    topicName = undefined;
+                    teachingPoint = undefined;
+                    AssestDetail = undefined;
+                    resourceTitle = undefined;
+                    resourceType = undefined;
+                    resourceArrayForTableChart = [teacherName, teacherSubject, currentDate, startTime, endTime, duration, roomDetail, subject, grade, chapter, teachingPoint, AssestDetail, launchedFrom];
+                    resourceMatrixForTableChart.push(resourceArrayForTableChart);
+                }
+                else {
+                    //resourceMetadataMatrix = [resouseID,subject,grade,chapter,teachingPoint,type,title]
+                    for (var k = 0; k < resourceMetadataIDs.length; k++) {
+                        for (var i_4 = 0; i_4 < resourceMetadataMatrix.length; i_4++) {
+                            if (resourceMetadataIDs[k] === resourceMetadataMatrix[i_4].resouseID) {
+                                subject = resourceMetadataMatrix[i_4].subject;
+                                grade = resourceMetadataMatrix[i_4].grade;
+                                chapter = resourceMetadataMatrix[i_4].chapter;
+                                topicName = resourceMetadataMatrix[i_4].topicName;
+                                teachingPoint = resourceMetadataMatrix[i_4].teachingPoint;
+                                if (resourceMetadataMatrix[i_4].title.toLowerCase() === 'whiteboard' || resourceMetadataMatrix[i_4].title.toLowerCase() === 'question') {
+                                    AssestDetail = this.getDisplaytypeValue(resourceMetadataMatrix[i_4].type) + ' : ' + this.convertSeconds(resourceMetadataIDsDuration[k]);
+                                }
+                                else {
+                                    AssestDetail = this.getDisplaytypeValue(resourceMetadataMatrix[i_4].type) + " : " + resourceMetadataMatrix[i_4].title + ' : ' + this.convertSeconds(resourceMetadataIDsDuration[k]);
+                                }
+                                //AssestDetail = this.getDisplaytypeValue(resourceMetadataMatrix[i].type) + " : " + resourceMetadataMatrix[i].title + ' : ' + resourceMetadataIDsDuration[k];
+                                resourceArrayForTableChart = [teacherName, teacherSubject, currentDate, startTime, endTime, duration, roomDetail, subject, grade, chapter, teachingPoint, AssestDetail, launchedFrom];
+                                resourceMatrixForTableChart.push(resourceArrayForTableChart);
+                                teacherName = undefined;
+                                teacherSubject = undefined;
+                                currentDate = undefined;
+                                startTime = undefined;
+                                endTime = undefined;
+                                duration = undefined;
+                                roomDetail = undefined;
+                            }
+                        }
+                    }
+                }
+            }
+            return resourceMatrixForTableChart;
+        };
+        PrincipalDashboardLibV2Service.prototype.dataForDetailedView = function (userConsoleMatrix, resourceMetadataMatrix, rowLabel) {
+            var detailedView_UserDataMatrix = new Array();
+            detailedView_UserDataMatrix = [];
+            var detailedView_ResourceDataMatrix = new Array();
+            detailedView_ResourceDataMatrix = [];
+            var startTime;
+            var endTime;
+            var duration;
+            var terminalIP;
+            var subject;
+            var grade;
+            var chapter;
+            var AssestDetail;
+            var teachingPoint;
+            var location;
+            var teacherName;
+            var teacherSubject;
+            var currentDate;
+            var resourceMetadataIDs;
+            var resourceMetadataIDsduration;
+            var resourceArrayForTableChart = new Array();
+            resourceArrayForTableChart = [];
+            //----------------- for subject and Name
+            teacherSubject = userConsoleMatrix[rowLabel].userSubjects;
+            teacherName = userConsoleMatrix[rowLabel].userName;
+            //----------------- for start Time  and EndTime
+            if ((userConsoleMatrix[rowLabel].startTime != undefined && userConsoleMatrix[rowLabel].startTime != "") && (userConsoleMatrix[rowLabel].endTime != undefined && userConsoleMatrix[rowLabel].endTime != "")) {
+                startTime = userConsoleMatrix[rowLabel].startTime.toLocaleTimeString('en-US', { hour12: true });
+                endTime = userConsoleMatrix[rowLabel].endTime.toLocaleTimeString('en-US', { hour12: true });
+                currentDate = userConsoleMatrix[rowLabel].startTime.getDate() + '/' + userConsoleMatrix[rowLabel].startTime.getMonth() + '/' + userConsoleMatrix[rowLabel].startTime.getFullYear();
+            }
+            //----------------- for duration
+            duration = Math.floor(userConsoleMatrix[rowLabel].duration);
+            //----------------- for Terminal loaction and terminal IP
+            location = userConsoleMatrix[rowLabel].terminalLocation;
+            terminalIP = userConsoleMatrix[rowLabel].terminalIP;
+            var roomDetail = location + ' ' + terminalIP;
+            resourceMetadataIDs = userConsoleMatrix[rowLabel].resourceMetauserConsoleData;
+            resourceMetadataIDsduration = userConsoleMatrix[rowLabel].resourceDurationFromConsole;
+            detailedView_UserDataMatrix = [teacherName, startTime, teacherSubject, endTime, roomDetail];
+            if (resourceMetadataIDs.length == 0) {
+                subject = undefined;
+                grade = undefined;
+                chapter = undefined;
+                teachingPoint = undefined;
+                AssestDetail = undefined;
+            }
+            else {
+                for (var k = 0; k < resourceMetadataIDs.length; k++) {
+                    for (var i = 0; i < resourceMetadataMatrix.length; i++) {
+                        if (resourceMetadataIDs[k] === resourceMetadataMatrix[i].resouseID) {
+                            subject = resourceMetadataMatrix[i].subject;
+                            grade = resourceMetadataMatrix[i].grade;
+                            chapter = resourceMetadataMatrix[i].chapter;
+                            teachingPoint = resourceMetadataMatrix[i].teachingPoint;
+                            if (resourceMetadataMatrix[i].title.toLowerCase() === 'whiteboard' || resourceMetadataMatrix[i].title.toLowerCase() === 'question') {
+                                AssestDetail = this.getDisplaytypeValue(resourceMetadataMatrix[i].type) + ": " + this.convertSeconds(resourceMetadataIDsduration[k]);
+                            }
+                            else {
+                                AssestDetail = this.getDisplaytypeValue(resourceMetadataMatrix[i].type) + ": " + resourceMetadataMatrix[i].title + ": " + this.convertSeconds(resourceMetadataIDsduration[k]);
+                            }
+                            //AssestDetail = this.getDisplaytypeValue(resourceMetadataMatrix[i].type) + ": " + resourceMetadataMatrix[i].title + ": " + this.convertSeconds(resourceMetadataIDsduration[k]);
+                            resourceArrayForTableChart = [subject, grade, chapter, teachingPoint, AssestDetail];
+                            detailedView_ResourceDataMatrix.push(resourceArrayForTableChart);
+                        }
+                    }
+                }
+            }
+            return { userDetails: detailedView_UserDataMatrix, resourceDetails: detailedView_ResourceDataMatrix };
+        };
+        // To GET DISPLAY TYPE
+        PrincipalDashboardLibV2Service.prototype.getDisplaytypeValue = function (key) {
+            var assetTypeConfig = [
+                {
+                    type: "asset_media",
+                    display: "Media"
+                },
+                {
+                    type: "asset_print",
+                    display: "Print"
+                },
+                {
+                    type: "quiz",
+                    display: "Quiz"
+                },
+                {
+                    type: "question",
+                    display: "Question"
+                },
+                {
+                    type: "chapter",
+                    display: "Chapter"
+                },
+                {
+                    type: "tp",
+                    display: "Topic"
+                },
+                {
+                    type: "whiteboard",
+                    display: "Whiteboard"
+                },
+                {
+                    type: "widget",
+                    display: "Widget"
+                },
+                {
+                    type: "casset_media",
+                    display: "cMedia"
+                },
+                {
+                    type: "casset_print",
+                    display: "cPrint"
+                },
+                {
+                    type: "cquiz",
+                    display: "cQuiz"
+                },
+                {
+                    type: "cquestion",
+                    display: "cQuestion"
+                },
+                {
+                    type: "image",
+                    display: "Image"
+                },
+                {
+                    type: "video",
+                    display: "Video"
+                },
+                {
+                    type: "tools",
+                    display: "Tools"
+                },
+                {
+                    type: "feature",
+                    display: "Feature"
+                },
+            ];
+            var displayValue = key;
+            assetTypeConfig.forEach(function (value) {
+                if (value.type === key) {
+                    displayValue = value.display;
+                }
+            });
+            return displayValue;
+        };
+        PrincipalDashboardLibV2Service.prototype.convertSeconds = function (seconds) {
+            var minutes = Math.floor(seconds / 60);
+            var remainingSeconds = seconds % 60;
+            return minutes + "m " + remainingSeconds + "s";
+        };
+        return PrincipalDashboardLibV2Service;
+    }());
+    PrincipalDashboardLibV2Service.ɵprov = i0.ɵɵdefineInjectable({ factory: function PrincipalDashboardLibV2Service_Factory() { return new PrincipalDashboardLibV2Service(); }, token: PrincipalDashboardLibV2Service, providedIn: "root" });
+    PrincipalDashboardLibV2Service.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    PrincipalDashboardLibV2Service.ctorParameters = function () { return []; };
+
+    var PrincipalDashboardLibV2Component = /** @class */ (function () {
+        function PrincipalDashboardLibV2Component() {
+            this.userSelectedDate = new i0.EventEmitter();
+            this.messageForUser = "Loding...";
+        }
+        Object.defineProperty(PrincipalDashboardLibV2Component.prototype, "responseStatus", {
+            set: function (res) {
+                this.setMessageForUser(res);
+                //  console.log("  @Input() set responseStatus(res: any) >>>>>>>>>>>>.",res);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        PrincipalDashboardLibV2Component.prototype.ngOnInit = function () {
+            // console.log(" IN --> 7 data",this.data);
+        };
+        PrincipalDashboardLibV2Component.prototype.setMessageForUser = function (res) {
+            this.messageForUser = res;
+        };
+        PrincipalDashboardLibV2Component.prototype.onUserSelectDate = function (e) {
+            // console.log(" IN --> 1");
+            this.data = null;
+            this.userSelectedDate.emit(e);
+        };
+        return PrincipalDashboardLibV2Component;
+    }());
+    PrincipalDashboardLibV2Component.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'lib-principal-dashboard-lib-v2',
+                    template: "<div id=\"reprtModule\">\n    <div id=\"pd-mainDiv\" class=\"pd-mainContainer\">\n      <lib-header [data]=\"data\" (userSelectedDate)=\"onUserSelectDate($event)\">\n      </lib-header>\n      <lib-chartheader></lib-chartheader>\n       \n      <div id=\"pd-preloader\" class=\"pd-preloaderDiv\" *ngIf=\"responseStatus !== 'true' && !data\">\n      {{messageForUser}} \n      </div>\n      <lib-chartview *ngIf=\"data\" [data]=\"data\"></lib-chartview>\n      <!-- <lib-tableview *ngIf=\"data\" [data]=\"data\"></lib-tableview>  -->\n      <lib-full-table-view *ngIf=\"data\"  [data]=\"data\"></lib-full-table-view>\n      <!-- <lib-detailedview *ngIf=\"data\" [data]=\"data\"></lib-detailedview> -->\n      <lib-small-table-view *ngIf=\"data\" [data]=\"data\"></lib-small-table-view>\n      \n    </div>\n</div>\n  ",
+                    styles: [".pd-mainContainer{width:100%;height:100%}.pd-mainContainer .pd-preloaderDiv{text-align:center;line-height:27;position:absolute;width:100%;height:87%;z-index:2}.bs-datepicker-head{background-color:#000!important}"]
+                },] }
+    ];
+    PrincipalDashboardLibV2Component.ctorParameters = function () { return []; };
+    PrincipalDashboardLibV2Component.propDecorators = {
+        data: [{ type: i0.Input }],
+        responseStatus: [{ type: i0.Input }],
+        userSelectedDate: [{ type: i0.Output }]
+    };
+
+    var ChartheaderComponent = /** @class */ (function () {
+        function ChartheaderComponent(pdService) {
+            this.pdService = pdService;
+            //variables
+            this.mytype = angularGoogleCharts.ChartType.Timeline;
+            this.datadisplaytype = 'UserWise';
+            this.isUserWise = true;
+            this.isChartView = true;
+        }
+        ChartheaderComponent.prototype.ngOnInit = function () {
+            this.libVersion = "0.0.36";
+            // this.myIcon = document.getElementById('myIconImg');
+            // this.changeChatType() 
+        };
+        ChartheaderComponent.prototype.changeChatType = function () {
+            if (this.mytype == angularGoogleCharts.ChartType.Timeline) {
+                this.isChartView = false;
+                this.mytype = angularGoogleCharts.ChartType.Table;
+                this.pdService.chartType.next(this.mytype);
+            }
+            else {
+                this.isChartView = true;
+                this.mytype = angularGoogleCharts.ChartType.Timeline;
+                this.pdService.chartType.next(this.mytype);
+            }
+        };
+        ChartheaderComponent.prototype.changeDataTypeClassRoom = function () {
+            this.isUserWise = false;
+            this.pdService.isUserWise_data.next(false);
+        };
+        ChartheaderComponent.prototype.changeDataTypeUser = function () {
+            this.isUserWise = true;
+            this.pdService.isUserWise_data.next(true);
+        };
+        return ChartheaderComponent;
+    }());
+    ChartheaderComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'lib-chartheader',
+                    template: "\n<div id=\"pd-chartheader\">\n    <div id=\"pd-chatTypeBtnDiv\" class=\"pd-tabIconBtn\" [ngClass]=\" isChartView ? 'tableIconImg' : 'chartIconImg'\"  (click)=\"changeChatType()\">\n    </div>\n   \n    <div id=\"pd-userWisechatTypeBtn\" class=\"userWiseBtn\"  [ngStyle]=\"{ color: isUserWise ? '#ffffff' : '#000000' , backgroundColor: isUserWise ? '#000000' : '#c4c4c4'}\"\n    (click)=\"changeDataTypeUser()\">User wise</div>\n    <div id=\"pd-classRoomWiseBtn\"  class=\"classWiseBtn\" [ngStyle]=\"{ color: isUserWise ? '#000000' : '#ffffff' , backgroundColor: isUserWise ? '#c4c4c4' : '#000000'}\"\n    (click)=\"changeDataTypeClassRoom()\">Classroom wise</div>\n\n    \n    <div class=\"libVersionDiv\">v{{libVersion}}</div>\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 .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}.pd-tabIconBtn{cursor:pointer;position:absolute;left:10px;top:-17px;width:62px;height:52px;background-repeat:no-repeat}.tableIconImg{background-image:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAzCAYAAADPX7uaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkZDQzc3REFDMkQ2MTFFMkIzNDhCNTE1RDg3OUE1QTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkZDQzc3REJDMkQ2MTFFMkIzNDhCNTE1RDg3OUE1QTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRkNDNzdEOEMyRDYxMUUyQjM0OEI1MTVEODc5QTVBNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRkNDNzdEOUMyRDYxMUUyQjM0OEI1MTVEODc5QTVBNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnXBGHQAAAblSURBVHja3FrLbxtFGP9mdh0/m0DSPFvnEKAHkBCNShEHWlB5nEigqgRcokogLlwR/AHcEDf4BxBXToEDV0JfqlAgQiJIVVtKuaQmzcOO7fgxw3yzO/Z4vC/DurU70mhm19/Ofr/v981vZndNIFohMFyFhxnYEYGSgACQAQLHo9oGASEefTKAWcCNPtfOmX1fxr2AUuOYhGTAwwDNPSoz7IgO3otBaoDWq35+kFKdGYD1agaC+zGuA7aMlnpkwMNm3Atw02iZybjtkdpEA2u5NrYRhEEEroNtuNVM9daxF+M624mJ/BNHnj679HEimV4ilOYHeg1j7G79sLL6+4+rX2zfvVn0mf9d4maCto/OPzX6zCvLn1944+yFN8+cgumJxwZ68d7a3s1/t/bzR99a1szm2vef3Lv9x66P8HkqdivNT7z42rv2SOr8+2+dG3jQWNBH9FX4/PaTL5x7R5uuXThpkLAls2MXv/z0A2nDOR+KigV9TmZGLxqi3KFJts/6LYGLOT01PpprDTgs5XHhs/B90oNthZHbHozrrHOmRRJLLpcbSLClUqktcm1/fZdfv3W8tUnhBvDkGIXTH87B0QWMKgFKCHDqXkScikfUHYFoozo22qqCfXds7tzMbZ0qG6ZMuGyVK3ieMQa7t+uw8XWhw0cDuOfSa4dsV+XgWPUVMZM8AodQlgpBETxWywGFLbXEpfK808cAoS22FnUAtwLiApSZxWSKOaCaXPYZHjdBtky1eE5c2xA/ZFMTAmihw0et77vFtkPXRoNxda64XwZqg2QcwUngCqxNOgJCXeDSjjoBIkQDzh1ADott4IwpwLx9rPWbzSaM8nGT5UiaFAocPIDLHKIaCOoAaQEkzhRQ51utBOyy7x7LsblLBYdWQIiaPu45OS5XyqNcI95g4wDeleoqZyynUhcwsk9UyrvpbVmKZYNxqqc6cfaTmObUbd2NJ2G8LR7INgag4USIEBUsbqa3p789A+9KdXG3cr0Ehb/uyXnWEjXaFrfOPoFUMgm1eq2lZ0ro9DnOuWKcQMJOQKV66GZbW+DMPsYlnxpzhS/mVDeBN2scXp1/D54/eRpS6ZT36w3NvlYXqvvrBjx38iTYmAIhpVwuw+bmJiwuLors0PJaWw1Ur9Gowy/rG7DBvoofOOOdqW5DEhZyz8Lri+elk0EPaFxcOzZ+BNLFo/Dy6TOwt10U/tPA+2WzWRir/QRnT70Eu//sC/CW74PZ6HgO9m4yMSVIZ6rzWFK9M4JUOM7EBCxW9qB0UArNFjtFoVI/gEqlArul+y6LAddYDag2ylCtVmHvYMfXHsdOZhNQa1Zl7DsZhz6Km0i9dDodegPlOLaZTKZzA+MxpiqWmBa92Mcubl7AMbqpVAqSQrRC30u7zqHtxMREKJBazRHBRCIRyZ4/KFXHmyEb169fB9uOsg3gcHBwAFeuXIm05240GnLfffXq1UgipWziV3UPxvF4ampKpmJYqQtVLxQKMDs7KwMWVlALdnZ2pH2YHmCQbt261cUy7wfjqn/s2DHJTFAqou3MzAzcuHED8vm8DECQPRZM7zt37kj7ra2tQHE7fvy4zIy+MG4uZ3q0sQYBweuQcXQEW6xBLKIdjqnsse9nr8b2FDfej52bNtfDUh2v60XV9RKm6ji2/lv8jMvHwG5Vx6UMlTrsJrqqj4yMhNqaqh5m763qfXhIUaqOKo2qHiW6qOpra2uRmMZHTdSOS5cuhS5LD3Q5UwPPz89L1sNSF+chqvTCwkKoquN9UNWLxaK0DxsbNQCF8L+kOo3KuKpq0MnJydA3nmg/PT0t0xxbZDPsDamyx+UyyB7HnpubawXH9LNvLyJ0p6KoNLZRHMJxFZtB9mrMvr2ICFL1fu7VUT96se+Dqvvv1bEG3UR3rFdVR+BBqq7G7p+4GW83kDkUqWvXrvW0V0eV7kXVL1++HHmvrqu78jn2VEenVlZWBu6DQhyp3vFV0dzArK+vD+SXFJ8NTNfnYS/g5h9lWJC4DXLR/GXg/UcgX8bZIwScRWWcLS0tFeR8BtgZZuACx9/Yrq6ujvoxztvX8P3l5eWK6KfVZqDeaMKQIe94t4GYhPKnday2R4rrpfrZNz8c/l8/xkdzctGt1WvypiMWdY4bTfe9EZPHI0nHt/v7pThSrGrqn8m4zvaOvofP3fttNg4CDreMYz87t83Gw/usjgWxCdZbKW8yrgo+8uC2KRXlQSZCUVu4VESW4mCcueNti3rCHLfjm7iICn4aScKjWQ4F4xmTcRWJP2NmWpVMj/blOPc2GvMtZff6L6vfP5YH5Y+7/o8V3S33Oe/7v3QYErBRgwB+czxMlIa1+IrkvwIMANKaPx47pbRTAAAAAElFTkSuQmCC\")}.chartIconImg{background-image:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAzCAYAAADPX7uaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDk0MUYxOEJDQzFFMTFFMkIxOUNERTUyRTI5MjFDNEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDk0MUYxOENDQzFFMTFFMkIxOUNERTUyRTI5MjFDNEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEOTQxRjE4OUNDMUUxMUUyQjE5Q0RFNTJFMjkyMUM0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEOTQxRjE4QUNDMUUxMUUyQjE5Q0RFNTJFMjkyMUM0RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpdyrHsAAAZISURBVHja3FpLbBtFGP5nd/1I/CCOm0AqUqRCKwQHJB6qgIioVBUnEkCV4MAhUgsHuCU8Du0hCXAAoRwAwYEeQJW4AAcCiuBSiebI4wDiIR4qEKQooYkdx3b83OGftXczO96x1/HGWXeiiXd2Znf/b77/NbNLwF0h0FuFthqguQRKmkwA8RE46nZsMyDE4Zj4UAuocEy5c+KxlHEnoIrQJi004CBAU4eqC+MID96JQUUAzVf+vJ9UXRcA81WcCCpjnAesCr+KgwYcNONOgKvCry4yrjmoNuHAqvUxmjAJfgTOg63Uq6jqVtuJcZ7tQHL01tgd4xMvBEJ9E0RRRn0dw3R9pVzcWfz568U3N1b+3JbYf4NzE0Frh44ci995cvKNM4+Mn3n0oXvhxuSAr4P32kZ69PMr3z7/iare9MuVL15av/prWuL4HD22pebH7z/9lBYMP3H2sVO+B80Kk5HJijI/ftuJU09y5tqAU2nm2EKRG6befvmcMYZS2hOVFSZzqD8+JThlm0/SJPHbAI42PTwYj1o37JWSQJlR9iEHtk2MVHNgnGed6txMshKLxXw5EdlsdtfJ7conDb+yOG4lKVQAHo1GYXZ21leg5+fnbTIKwB1Dr9YiXQVd141qlmq1avxOT0/7AvTCwgJUKhWbjNyxNMXWWsZGgXF+AlZXV10J9/HYFFS38xBAAnAa4cH3zsPhB+7qGPTIyEgNDSEyxttelvLIO7bp0rU0DOd0OEbisAFlqJRK3icvvIxeABdVXSyKorTexVBVI5sk9T92jZvrWsklazeTt2NVZ0VFQEzN3BcEjeOJQjoGLj7Xc1UXgfPHTHhXwAnnYikTunPGRZk8B65Tuaq7ZdxyqZQw1AZo1VB/74DbVJ16our2h/BAeeDr2Txm/7vjIsEgRIMB+64BqU2Cug/A7W3w3rnxKsoLf987lyDDHhgI4V1VePGe2+HC+Am7I6TMxhVPbFy0d8+dmyyBEYEHNLxV/BAukQ4DGRjAmJ3i+ond1hW1Y8ZF9rvu1W2GjA8kODFErwDRGtVZoYrh1U1V38ptwoeX37Jtkpw9PQORcKxj1e8cuN7cuYkOjBoJYi1sWf2kBoyP46wvW8zAp99chEACIDmYgNQ/OXj65HMQV9tf+/My0v1m3NlOCesw7M7st7y64dzY+VqfpgWMHQGtHxc/yTBsrxVwQrQ92X9Xw5ldQM6OERgP3BYhMJCbcVypRwRaZSzVtN3M6kr5ImTW07ZnDR4ZcpWteRTO5IxLY7jJNLFv29P6HztvVuC0gdY1gp3/6avv4KNn34UgihgO90GOFOD1lQ+6yLhOXXlJGwLirKo6YWszKs9yuHkiGBKjpA+SJAY3D90CPxR+d23jTOZ9X6Q4AlBA/kqPSE6Txi6mHVVU2yqtQLMXoPsSx+lelqWkUU4j2uFJJ8YJNMWF86gcgHMTGG+ZeFTxocUyQLCRWubYKDizQZtgJ9YOUhcTmPY3ImgNfJvgZJ2mGXR9I6KtJR+mogTjMGHpqzAOe4ytJ1VEwWxbZZcq0NiFSRBeE1b78T85WFU3c3VR5a9lcwY8SstA0+uQPTps9e2ktzFz1+A3yEBer8JRZgqGVeC98bCUwtVddQuK+RJeX3tWpVCGAi3BJl7zR/oqpLdS0sxxL6rObyWbb0WDWHGJBeGHz53//tVnJhORcMi6YGxszHfby3Nzc7C8vGy1c4UiXHj/s9Tli6/djc0C1iLb+oPdt6h626oeiURgZmbGV8ATiYQnqm57qygmMEtLS+DHIklgqMxtahK/an06QT3YXu524eTVwflDICnj+nUEXHfLuD4xMfEfO5EFSPUycMTxL/tdXFyMyxinu9fQzOTk5A4e95nJQLlShR5Dzrd2GCbM5/t4rJqDivOl8MqlL4udyjEYjxrZR6lcMh4aVJVau1JP8ahutIOhmmybmawXKlYQ/Z/IOM92yloXYImu/zjiBQHFNaEtG2eGTG94H+GxMGzIuqXyIuNm+RtrkiUxAODFPrCZb4ZdsuQF43r9fhtYj4v3tb0Tx1nJ17O267EUkfF+kXFzJv7ymGmz9Lc5Pu9lbsMxb3l2p29ZZV8s++XD3WYLWwDnD3sb+mXfpUOPgHU7CSCz8VZOqVeL1En+L8AAjJTPo0iRABoAAAAASUVORK5CYII=\")}"]
+                },] }
+    ];
+    ChartheaderComponent.ctorParameters = function () { return [
+        { type: PrincipalDashboardLibV2Service }
+    ]; };
+
+    /*! *****************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+    /* global Reflect, Promise */
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b)
+                if (Object.prototype.hasOwnProperty.call(b, p))
+                    d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    function __extends(d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    }
+    var __assign = function () {
+        __assign = Object.assign || function __assign(t) {
+            for (var s, i = 1, n = arguments.length; i < n; i++) {
+                s = arguments[i];
+                for (var p in s)
+                    if (Object.prototype.hasOwnProperty.call(s, p))
+                        t[p] = s[p];
+            }
+            return t;
+        };
+        return __assign.apply(this, arguments);
+    };
+    function __rest(s, e) {
+        var t = {};
+        for (var p in s)
+            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+                t[p] = s[p];
+        if (s != null && typeof Object.getOwnPropertySymbols === "function")
+            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                    t[p[i]] = s[p[i]];
+            }
+        return t;
+    }
+    function __decorate(decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+            r = Reflect.decorate(decorators, target, key, desc);
+        else
+            for (var i = decorators.length - 1; i >= 0; i--)
+                if (d = decorators[i])
+                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    }
+    function __param(paramIndex, decorator) {
+        return function (target, key) { decorator(target, key, paramIndex); };
+    }
+    function __metadata(metadataKey, metadataValue) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+            return Reflect.metadata(metadataKey, metadataValue);
+    }
+    function __awaiter(thisArg, _arguments, P, generator) {
+        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+        return new (P || (P = Promise))(function (resolve, reject) {
+            function fulfilled(value) { try {
+                step(generator.next(value));
+            }
+            catch (e) {
+                reject(e);
+            } }
+            function rejected(value) { try {
+                step(generator["throw"](value));
+            }
+            catch (e) {
+                reject(e);
+            } }
+            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+            step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
+    }
+    function __generator(thisArg, body) {
+        var _ = { label: 0, sent: function () { if (t[0] & 1)
+                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
+        function verb(n) { return function (v) { return step([n, v]); }; }
+        function step(op) {
+            if (f)
+                throw new TypeError("Generator is already executing.");
+            while (_)
+                try {
+                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
+                        return t;
+                    if (y = 0, t)
+                        op = [op[0] & 2, t.value];
+                    switch (op[0]) {
+                        case 0:
+                        case 1:
+                            t = op;
+                            break;
+                        case 4:
+                            _.label++;
+                            return { value: op[1], done: false };
+                        case 5:
+                            _.label++;
+                            y = op[1];
+                            op = [0];
+                            continue;
+                        case 7:
+                            op = _.ops.pop();
+                            _.trys.pop();
+                            continue;
+                        default:
+                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                                _ = 0;
+                                continue;
+                            }
+                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
+                                _.label = op[1];
+                                break;
+                            }
+                            if (op[0] === 6 && _.label < t[1]) {
+                                _.label = t[1];
+                                t = op;
+                                break;
+                            }
+                            if (t && _.label < t[2]) {
+                                _.label = t[2];
+                                _.ops.push(op);
+                                break;
+                            }
+                            if (t[2])
+                                _.ops.pop();
+                            _.trys.pop();
+                            continue;
+                    }
+                    op = body.call(thisArg, _);
+                }
+                catch (e) {
+                    op = [6, e];
+                    y = 0;
+                }
+                finally {
+                    f = t = 0;
+                }
+            if (op[0] & 5)
+                throw op[1];
+            return { value: op[0] ? op[1] : void 0, done: true };
+        }
+    }
+    var __createBinding = Object.create ? (function (o, m, k, k2) {
+        if (k2 === undefined)
+            k2 = k;
+        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
+    }) : (function (o, m, k, k2) {
+        if (k2 === undefined)
+            k2 = k;
+        o[k2] = m[k];
+    });
+    function __exportStar(m, o) {
+        for (var p in m)
+            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
+                __createBinding(o, m, p);
+    }
+    function __values(o) {
+        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+        if (m)
+            return m.call(o);
+        if (o && typeof o.length === "number")
+            return {
+                next: function () {
+                    if (o && i >= o.length)
+                        o = void 0;
+                    return { value: o && o[i++], done: !o };
+                }
+            };
+        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+    }
+    function __read(o, n) {
+        var m = typeof Symbol === "function" && o[Symbol.iterator];
+        if (!m)
+            return o;
+        var i = m.call(o), r, ar = [], e;
+        try {
+            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
+                ar.push(r.value);
+        }
+        catch (error) {
+            e = { error: error };
+        }
+        finally {
+            try {
+                if (r && !r.done && (m = i["return"]))
+                    m.call(i);
+            }
+            finally {
+                if (e)
+                    throw e.error;
+            }
+        }
+        return ar;
+    }
+    /** @deprecated */
+    function __spread() {
+        for (var ar = [], i = 0; i < arguments.length; i++)
+            ar = ar.concat(__read(arguments[i]));
+        return ar;
+    }
+    /** @deprecated */
+    function __spreadArrays() {
+        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
+            s += arguments[i].length;
+        for (var r = Array(s), k = 0, i = 0; i < il; i++)
+            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+                r[k] = a[j];
+        return r;
+    }
+    function __spreadArray(to, from, pack) {
+        if (pack || arguments.length === 2)
+            for (var i = 0, l = from.length, ar; i < l; i++) {
+                if (ar || !(i in from)) {
+                    if (!ar)
+                        ar = Array.prototype.slice.call(from, 0, i);
+                    ar[i] = from[i];
+                }
+            }
+        return to.concat(ar || from);
+    }
+    function __await(v) {
+        return this instanceof __await ? (this.v = v, this) : new __await(v);
+    }
+    function __asyncGenerator(thisArg, _arguments, generator) {
+        if (!Symbol.asyncIterator)
+            throw new TypeError("Symbol.asyncIterator is not defined.");
+        var g = generator.apply(thisArg, _arguments || []), i, q = [];
+        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
+        function verb(n) { if (g[n])
+            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
+        function resume(n, v) { try {
+            step(g[n](v));
+        }
+        catch (e) {
+            settle(q[0][3], e);
+        } }
+        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+        function fulfill(value) { resume("next", value); }
+        function reject(value) { resume("throw", value); }
+        function settle(f, v) { if (f(v), q.shift(), q.length)
+            resume(q[0][0], q[0][1]); }
+    }
+    function __asyncDelegator(o) {
+        var i, p;
+        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
+        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
+    }
+    function __asyncValues(o) {
+        if (!Symbol.asyncIterator)
+            throw new TypeError("Symbol.asyncIterator is not defined.");
+        var m = o[Symbol.asyncIterator], i;
+        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
+    }
+    function __makeTemplateObject(cooked, raw) {
+        if (Object.defineProperty) {
+            Object.defineProperty(cooked, "raw", { value: raw });
+        }
+        else {
+            cooked.raw = raw;
+        }
+        return cooked;
+    }
+    ;
+    var __setModuleDefault = Object.create ? (function (o, v) {
+        Object.defineProperty(o, "default", { enumerable: true, value: v });
+    }) : function (o, v) {
+        o["default"] = v;
+    };
+    function __importStar(mod) {
+        if (mod && mod.__esModule)
+            return mod;
+        var result = {};
+        if (mod != null)
+            for (var k in mod)
+                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
+                    __createBinding(result, mod, k);
+        __setModuleDefault(result, mod);
+        return result;
+    }
+    function __importDefault(mod) {
+        return (mod && mod.__esModule) ? mod : { default: mod };
+    }
+    function __classPrivateFieldGet(receiver, state, kind, f) {
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a getter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot read private member from an object whose class did not declare it");
+        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+    }
+    function __classPrivateFieldSet(receiver, state, value, kind, f) {
+        if (kind === "m")
+            throw new TypeError("Private method is not writable");
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a setter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot write private member to an object whose class did not declare it");
+        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+    }
+
+    var ChartviewComponent = /** @class */ (function () {
+        function ChartviewComponent(pdService) {
+            this.pdService = pdService;
+            this.totalUsers = 0;
+            this.eligibleUsers = 0;
+            this.currentUsers = 0;
+            this.myChartType = angularGoogleCharts.ChartType.Timeline;
+            this.myChartwidth = window.innerWidth * 0.88;
+            this.myChartHeight = window.innerHeight;
+            this.currentList = "Current Users";
+            this.allList = "All Users";
+            this.isAllUsers = false;
+            this.isUserWise = false;
+            this.myChartDataMatrix = new Array();
+            this.totalChartDataMatrix = new Array();
+        }
+        Object.defineProperty(ChartviewComponent.prototype, "data", {
+            set: function (res) {
+                if (res !== null) {
+                    this.loadChart(res);
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        ChartviewComponent.prototype.ngOnInit = function () { };
+        ChartviewComponent.prototype.loadChart = function (response) {
+            var _this = this;
+            //console.log(' INloadChart -->', response);
+            this.totalUsers = 0;
+            this.eligibleUsers = 0;
+            this.currentUsers = 0;
+            this.myChartType = angularGoogleCharts.ChartType.Timeline;
+            this.myChartwidth = window.innerWidth * 0.88;
+            this.myChartHeight = window.innerHeight;
+            this.currentList = "Current Users";
+            this.allList = "All Users";
+            this.isAllUsers = false;
+            this.isUserWise = false;
+            this.myChartDataMatrix = [];
+            this.totalChartDataMatrix = [];
+            this.chartview = document.getElementById('pd-chartview');
+            this.myDataList = document.getElementById('pd-xmlData');
+            // let parse = new DOMParser();
+            if (response) {
+                this.myXmlData = JSON.parse(response);
+            }
+            if (this.myXmlData) {
+                this.currentdataList = this.pdService.genarateUserReqiuredData(this.myXmlData);
+                this.alluserList = this.pdService.allUserChartData();
+                this.resourceDataList = this.pdService.genarateResourseReqiuredData(this.myXmlData);
+                this.totalUsers = this.currentdataList.usersMetadata.length;
+                this.eligibleUsers = this.findEligibleUserCount();
+                this.installedClassrooms = this.findInstalledClassrooms();
+                this.currentRooms = this.findCurrentClassrooms();
+                this.findCurrentUserCount();
+            }
+            this.pdService.chartType.subscribe(function (data) {
+                if (data) {
+                    _this.updateChartType(data);
+                }
+            });
+            this.pdService.isUserWise_data.subscribe(function (data) {
+                _this.updateDataType(data);
+            });
+            window.addEventListener('resize', this.onResizeWindow.bind(this));
+        };
+        ChartviewComponent.prototype.onResizeWindow = function (event) {
+            this.myChartwidth = window.innerWidth * 0.88; //set an appropriate  factor
+        };
+        ChartviewComponent.prototype.myChartReady = function () {
+            this.createDivforTotalDurartion();
+            this.setHeightofDivforTotalDurartion();
+            // this.removeBlankEntryBar();
+        };
+        ChartviewComponent.prototype.updateChartType = function (dataType) {
+            if (this.chartview != null && this.chartview != undefined) {
+                if (dataType == angularGoogleCharts.ChartType.Table) {
+                    this.chartview.style.display = 'none';
+                }
+                else {
+                    this.chartview.style.display = 'block';
+                }
+            }
+        };
+        ChartviewComponent.prototype.updateDataType = function (dataType) {
+            this.isUserWise = dataType;
+            if (this.myXmlData) {
+                if (this.isUserWise) {
+                    this.currentList = "Current Users";
+                    this.allList = "All Users";
+                    if (this.isAllUsers) {
+                        this.userWiseAllData();
+                    }
+                    else {
+                        this.userWiseCurrentData();
+                    }
+                }
+                else {
+                    this.allList = "All Rooms";
+                    this.currentList = "Current Rooms";
+                    if (this.isAllUsers) {
+                        this.classRoomWiseAllData();
+                    }
+                    else {
+                        this.classRoomWiseCurrentData();
+                    }
+                }
+            }
+        };
+        ChartviewComponent.prototype.updateChart = function () {
+            var _this = this;
+            var labels = document.getElementById('labels');
+            while (labels.firstChild) {
+                labels.removeChild(labels.lastChild);
+            }
+            this.chartDataTable = this.myChartDataMatrix;
+            //const filteredData = this.myChartDataMatrix.filter(node => node[0] !== "-");
+            /*
+            if(filteredData.length>0){
+              this.chartDataTable =  filteredData;
+            }else{
+              this.chartDataTable =  this.myChartDataMatrix;
+            }*/
+            //console.log("this.myChartDataMatrix",this.myChartDataMatrix);
+            (this.myChartOptions = {
+                tooltip: {
+                    trigger: 'none',
+                },
+                colors: ['#ff7f0e', '#2ca02c', '#8c564b', '#d62728', '#bcbd22', '#17becf'],
+                timeline: {
+                    colorByRowLabel: true,
+                    barLabelStyle: {
+                        fontSize: 7,
+                    },
+                },
+                hAxis: {
+                    format: 'HH:mm a',
+                },
+            });
+            setTimeout(function () {
+                _this.myChartHeight = _this.AllrowHeight + 100; //to set perfect height of chart 
+            }, 1000);
+        };
+        ChartviewComponent.prototype.filterUserHasDash = function (callee) {
+            var leftData = this.myChartDataMatrix;
+            var rightData = this.currentdataList.userConsoleData;
+            var updatedChartData = leftData.filter(function (row) { return row[0] !== "-"; });
+            // Filter out objects in rightData where the userName is "-"
+            var updatedRightData = rightData.filter(function (item) { return item.userName !== "-"; });
+            return {
+                updatedChartData: updatedChartData,
+                updatedRightData: updatedRightData
+            };
+        };
+        ChartviewComponent.prototype.calulateTotalDuration = function (detailViewMatrix) {
+            //
+            //const filteredData = detailViewMatrix.filter(item => item.userName !== "-" && item.userName !== "--");
+            //detailViewMatrix = filteredData;
+            var id_durationArray;
+            var id_durationMatrix = new Array();
+            id_durationMatrix = [];
+            this.totalChartDataMatrix = [];
+            if (this.isUserWise) {
+                for (var i = 0; i < detailViewMatrix.length; i++) {
+                    id_durationArray = {
+                        name: detailViewMatrix[i].userName,
+                        value: parseInt(detailViewMatrix[i].duration),
+                    };
+                    id_durationMatrix.push(id_durationArray);
+                }
+            }
+            else {
+                for (var i = 0; i < detailViewMatrix.length; i++) {
+                    // console.log("detailViewMatrix[i]",detailViewMatrix[i]);
+                    id_durationArray = {
+                        name: detailViewMatrix[i].terminalIP,
+                        value: parseInt(detailViewMatrix[i].duration),
+                    };
+                    id_durationMatrix.push(id_durationArray);
+                }
+            }
+            var obj = {};
+            id_durationMatrix = __spread(new Set(id_durationMatrix));
+            id_durationMatrix.forEach(function (item) {
+                if (obj[item.name]) {
+                    obj[item.name].value = obj[item.name].value + item.value;
+                }
+                else {
+                    obj[item.name] = item;
+                }
+            });
+            var valuesArr = Object.values(obj);
+            var myArray = new Array();
+            myArray = [];
+            valuesArr.forEach(function (item) {
+                myArray.push(item.value);
+            });
+            for (var i = 0; i < myArray.length; i++) {
+                var totaldurationPerRow = [this.timeConvert(myArray[i]).toString() + ' hrs'];
+                // let totalChartRowDataArray = [totaldurationPerRow];
+                this.totalChartDataMatrix.push(totaldurationPerRow);
+            }
+        };
+        ChartviewComponent.prototype.timeConvert = function (n) {
+            var num = Math.floor(n);
+            var hours = num / 60;
+            var rhours = Math.floor(hours);
+            var minutes = (hours - rhours) * 60;
+            var rminutes = Math.round(minutes);
+            return rhours + ':' + rminutes;
+        };
+        ChartviewComponent.prototype.removeBlankEntryBar = function () {
+            var chartDiv = document.getElementById('myTimeLine');
+            var el = chartDiv.getElementsByTagName("rect"); //get all the descendant rect element inside the container      
+            var width = 100000000; //set a large initial value to width
+            var elToRem = []; //element would be added to this array for removal
+            for (var i = 0; i < el.length; i++) { //looping over all the rect element of container
+                var cwidth = parseInt(el[i].getAttribute("width")); //getting the width of ith element
+                if (cwidth < width) { //if current element width is less than previous width then this is min. width and ith element should be removed
+                    elToRem = [el[i]];
+                    width = cwidth; //setting the width with min width
+                }
+                else if (cwidth == width) { //if current element width is equal to previous width then more that one element would be removed
+                    elToRem.push(el[i]);
+                }
+            }
+            for (var i = 0; i < elToRem.length; i++) {
+                // now iterate JUST the elements to remove
+                elToRem[i].setAttribute("fill", "none");
+            }
+        };
+        ChartviewComponent.prototype.createDivforTotalDurartion = function () {
+            var rowLabels = [];
+            this.rowElements = [];
+            var labels = document.getElementById('labels');
+            while (labels.firstChild) {
+                labels.removeChild(labels.lastChild);
+            }
+            for (var i = 0; i < this.totalChartDataMatrix.length; i++) {
+                var team = this.totalChartDataMatrix[i][0];
+                rowLabels.push(team);
+                var label = labels.appendChild(document.createElement('div'));
+                label.style['border-bottom'] = '1px solid #b7b7b7';
+                label.style['font-family'] = 'Arial';
+                label.style['font-size'] = '13px';
+                label.style['text-align'] = 'left';
+                label.style['padding-left'] = '8px';
+                label.style['padding-right'] = '8px';
+                label.style.position = 'inherit';
+                if (i % 2) {
+                    label.style['background-color'] = '#e6e6e6';
+                }
+                else {
+                    label.style['background-color'] = '#ffffff';
+                }
+                label.innerHTML = team;
+                this.rowElements.push(label);
+            }
+        };
+        ChartviewComponent.prototype.setHeightofDivforTotalDurartion = function () {
+            this.AllrowHeight = 0;
+            var chartDiv = document.getElementById('myTimeLine');
+            var rows = chartDiv.getElementsByTagName('rect');
+            var rowIndex = -1;
+            for (var i = 0; i < rows.length; i++) {
+                rowIndex++;
+                if (rowIndex < this.rowElements.length) {
+                    var rowHeight = parseFloat(rows[i].getAttribute('height')) + 'px';
+                    this.AllrowHeight += parseFloat(rows[i].getAttribute('height'));
+                    var currentCell = this.rowElements[rowIndex];
+                    if (currentCell) {
+                        currentCell.style.height = rowHeight;
+                        currentCell.style.lineHeight = rowHeight;
+                    }
+                }
+            }
+        };
+        ChartviewComponent.prototype.onSelectRowData = function (event) {
+            var _a = event.selection[0], row = _a.row, column = _a.column;
+            if (this.isAllUsers) {
+                this.selectedUserData = this.pdService.dataForDetailedView(this.alluserList.fordurationTable, this.resourceDataList, row);
+            }
+            else {
+                this.selectedUserData = this.pdService.dataForDetailedView(this.currentdataList.userConsoleData, this.resourceDataList, row);
+            }
+            var smallData = [{ 'a': this.currentdataList, 'b': row }];
+            //  console.log("this.selectedUserData",this.selectedUserData);
+            this.pdService.detailedviewData.next(this.selectedUserData);
+            this.updateChart();
+            this.pdService.openSmallTable.next(this.selectedUserData);
+            // alluserList
+        };
+        ChartviewComponent.prototype.showAllUser = function () {
+            this.pdService.isAllUsers.next(true);
+            this.isAllUsers = true;
+            if (this.isUserWise) {
+                this.userWiseAllData();
+            }
+            else {
+                this.classRoomWiseAllData();
+            }
+        };
+        ChartviewComponent.prototype.showCurrentUser = function () {
+            this.isAllUsers = false;
+            this.pdService.isAllUsers.next(false);
+            if (this.isUserWise) {
+                this.userWiseCurrentData();
+            }
+            else {
+                this.classRoomWiseCurrentData();
+            }
+        };
+        ChartviewComponent.prototype.userWiseCurrentData = function () {
+            var chartDataUserWise = this.pdService.userWiseChartData();
+            //    console.log("chartDataUserWise",chartDataUserWise);
+            if (chartDataUserWise.length > 0) {
+                this.myChartDataMatrix = chartDataUserWise;
+                this.updateChart();
+                if (this.currentdataList.userConsoleData.length > 0) {
+                    this.calulateTotalDuration(this.currentdataList.userConsoleData);
+                }
+            }
+        };
+        ChartviewComponent.prototype.userWiseAllData = function () {
+            var chartDataUserWise = this.alluserList.forChartData;
+            if (chartDataUserWise.length > 0) {
+                this.myChartDataMatrix = chartDataUserWise;
+                this.updateChart();
+                this.calulateTotalDuration(this.alluserList.fordurationTable);
+            }
+        };
+        ChartviewComponent.prototype.classRoomWiseCurrentData = function () {
+            var classRoomdata = this.pdService.classRoomWiseChartData();
+            console.log("classRoomdata", classRoomdata);
+            if (classRoomdata && classRoomdata.length > 0) {
+                this.myChartDataMatrix = classRoomdata;
+                console.log("myChartDataMatrix", this.myChartDataMatrix);
+                this.updateChart();
+                if (this.currentdataList.userConsoleData.length > 0) {
+                    this.calulateTotalDuration(this.currentdataList.userConsoleData);
+                }
+            }
+        };
+        ChartviewComponent.prototype.classRoomWiseAllData = function () {
+            var allclassRoomList = this.pdService.allRoomsData();
+            if (allclassRoomList.forChartData && allclassRoomList.forChartData.length > 0) {
+                this.myChartDataMatrix = allclassRoomList.forChartData;
+                this.updateChart();
+            }
+            if (allclassRoomList.fordurationTable && allclassRoomList.fordurationTable.length > 0) {
+                this.calulateTotalDuration(allclassRoomList.fordurationTable);
+            }
+        };
+        ChartviewComponent.prototype.findCurrentUserCount = function () {
+            var userConsoleData = this.currentdataList.userConsoleData;
+            var userNameArray = new Array();
+            for (var index = 0; index < userConsoleData.length; index++) {
+                var element = userConsoleData[index].userName;
+                userNameArray.push(element);
+            }
+            var uniqueUserName = __spread(new Set(userNameArray));
+            this.currentUsers = uniqueUserName.length;
+        };
+        ChartviewComponent.prototype.findCurrentClassrooms = function () {
+            //console.log("findCurrentClassrooms", this.currentdataList.schoolTerminalData)
+            var classRoomdata = this.pdService.newGetCurrentClassroomData();
+            //  console.log("findCurrentClassrooms",classRoomdata);
+            return classRoomdata.length;
+        };
+        ChartviewComponent.prototype.findInstalledClassrooms = function () {
+            var count = 0;
+            //    console.log("findInstalledClassrooms", this.currentdataList.schoolTerminalData)
+            return this.currentdataList.schoolTerminalData.length;
+        };
+        ChartviewComponent.prototype.findEligibleUserCount = function () {
+            //    console.log("findEligibleUserCount", this.currentdataList)
+            var count = 0;
+            var userMetaData = this.currentdataList.usersMetadata;
+            for (var index = 0; index < userMetaData.length; index++) {
+                var element = userMetaData[index].userSubjects;
+                if (element !== "") {
+                    // console.log("findEligibleUserCount", element)
+                    count = count + 1;
+                }
+            }
+            return count;
+        };
+        ChartviewComponent.prototype.ngOnDestroy = function () {
+            // console.log('ngOnDestroy >>');
+        };
+        return ChartviewComponent;
+    }());
+    ChartviewComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'lib-chartview',
+                    template: "<div id=\"pd-chartview-main-container\" class=\"pd-chartview-main-container\">\n  <div id=\"userSummary\">\n    <table class=\"summaryTable\">\n      <tbody>\n        <tr>\n          <td id=\"totalUsers\" class=\"chartview-navigationbar\">\n            Total users: {{totalUsers}}\n          </td>\n          <td id=\"eligibleUsers\" class=\"chartview-navigationbar\">\n            Eligible users: {{eligibleUsers}}\n          </td>\n          <td id=\"currentUsers\" class=\"chartview-navigationbar\">\n            Current users: {{currentUsers}}\n          </td>\n          <td id=\"totalRooms\" class=\"chartview-navigationbar\">\n            Installed Classrooms: {{installedClassrooms}}\n          </td>\n          <td id=\"currentRooms\" class=\"chartview-navigationbar\">\n            Current Classrooms: {{currentRooms}}\n          </td>\n          <!-- <td\n            id=\"currentRooms\"\n            \n          >\n            <span id=\"totalUsers_list\" class=\"activeAll\">User List</span>\n          </td> -->\n        </tr>\n      </tbody>\n    </table>\n  </div>\n  <div id=\"pd-messageDivContainer\" class='pd-messageDivContainer'>\n    <div id=\"pd-messageDiv\" class='pd-messageDiv'>Click the bars to view details of content accessed by a teacher.</div>\n    <div id=\"pd-toggleContainer\" class=\"pd-toggleContainer\">\n     \n      <div id=\"pd-currentUserBtn\"  class=\"pd-currentUserBtn-div pd-commonStyleBtn\" (click)=\"showCurrentUser()\" [ngStyle]=\"{ color: isAllUsers ? '#000000' : '#ffffff' , backgroundColor: isAllUsers ? '#c4c4c4' : '#000000'}\">\n        {{currentList}}</div>\n      <div id=\"pd-allUserBtn\" class=\"pd-allUserBtn-div pd-commonStyleBtn\" (click)=\"showAllUser()\" [ngStyle]=\"{ color: isAllUsers ? '#ffffff' : '#000000' , backgroundColor: isAllUsers ? '#000000' : '#c4c4c4'}\">\n        {{allList}}</div>\n    </div>\n  </div>\n  <div id=\"pd-chartview\" class=\"pd-chartview\">\n  <div id=\"myChartDiv\">\n    <div id=\"myTimeLine\">\n      <google-chart\n        [type]=\"myChartType\"\n        [data]=\"chartDataTable\"\n        [options]=\"myChartOptions\"\n        [width]=\"myChartwidth\"\n        [height]=\"myChartHeight\"\n        (select)=\"onSelectRowData($event)\"\n        (ready)=\"myChartReady()\"\n      > \n      </google-chart>\n      \n    </div>\n    <div class=\"inline babloo\" id=\"labels\"></div> \n   \n    \n  </div>\n</div>\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}"]
+                },] }
+    ];
+    ChartviewComponent.ctorParameters = function () { return [
+        { type: PrincipalDashboardLibV2Service }
+    ]; };
+    ChartviewComponent.propDecorators = {
+        data: [{ type: i0.Input }]
+    };
+
+    var DetailedviewComponent = /** @class */ (function () {
+        function DetailedviewComponent(pdService) {
+            this.pdService = pdService;
+            this.userMetadataHeadingArray = [
+                'Name:',
+                'Start Time:',
+                'Subject:',
+                'End Time:',
+                'Room Details:',
+            ];
+            this.resourseMetadataHeadingArray = [
+                'Subject',
+                'Class',
+                'Chapter Name',
+                'Topic Name',
+                'Assets Details',
+            ];
+        }
+        DetailedviewComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.deatilViewContainer = document.getElementById('pd-deatilViewContainer');
+            this.deatilViewTable = document.getElementById('pd-deatilViewTable');
+            this.closeButton = document.getElementById('pd-closeButton');
+            this.pdService.detailedviewData.subscribe(function (data) {
+                if (data) {
+                    if (data.userDetails.length > 0) {
+                        _this.createTable(data.userDetails);
+                    }
+                    if (data.resourceDetails.length > 0) {
+                        data.resourceDetails = _this.replaceLabelChapterAndTopic(data.resourceDetails);
+                        _this.createResourcesTable(data.resourceDetails);
+                        //console.log("11dec resourceDetails",data.resourceDetails);
+                    }
+                }
+            });
+            this.deatilViewContainer.style.display = 'none';
+        };
+        DetailedviewComponent.prototype.replaceLabelChapterAndTopic = function (data) {
+            var htmlStr = "<span style='font-style: italic;color: #3F51B5;'>(seen)</span>";
+            return data.map(function (row) {
+                return row.map(function (cell) {
+                    if (cell.includes("Topic:")) {
+                        return cell.replace(/Topic: .*/, "Topic " + htmlStr);
+                    }
+                    if (cell.includes("Chapter:")) {
+                        return cell.replace(/Chapter: .*/, "Chapter " + htmlStr);
+                    }
+                    return cell;
+                });
+            });
+        };
+        DetailedviewComponent.prototype.replaceLabelChapterAndTopic1 = function (data) {
+            var htmlStr = "<span style='font-style: italic;color: #3F51B5;'>(selected)</span>";
+            return data.map(function (row) {
+                return row.map(function (cell) {
+                    if (cell.includes("Topic: :")) {
+                        return cell.replace(/Topic: :.*$/, "Topic " + htmlStr);
+                    }
+                    if (cell.includes("Chapter:")) {
+                        return cell.replace(/Chapter: .*$/, "Chapter " + htmlStr);
+                    }
+                    return cell;
+                });
+            });
+        };
+        DetailedviewComponent.prototype.createTable = function (userMetadata) {
+            this.deatilViewContainer.style.display = 'block';
+            while (this.deatilViewTable.firstChild) {
+                this.deatilViewTable.removeChild(this.deatilViewTable.lastChild);
+            }
+            var labelArray = new Array();
+            var cnt = 0;
+            for (var i = 0; i < userMetadata.length; i++) {
+                var label = document.createElement('label');
+                label.appendChild(document.createTextNode(this.userMetadataHeadingArray[i]));
+                if (label.textContent === 'undefined' || label.textContent === undefined) {
+                    label.textContent = '';
+                }
+                labelArray.push(label);
+                var data = document.createElement('label');
+                data.appendChild(document.createTextNode(userMetadata[i]));
+                if (data.textContent === 'undefined' || data.textContent === undefined) {
+                    data.textContent = '';
+                }
+                labelArray.push(data);
+            }
+            var tbl = document.createElement('table');
+            tbl.id = "userDataTable";
+            tbl.className = "table table-bordered";
+            var tblBody = document.createElement('tbody');
+            for (var j = 0; j < userMetadata.length / 2; j++) {
+                var row = document.createElement('tr');
+                var cell = void 0;
+                for (var i = 0; i < 4; i++) {
+                    if (i % 2 == 0) {
+                        cell = document.createElement('th');
+                        cell.style['font-weight'] = "bold";
+                        // cell.style.background ="#e0e0e0";
+                    }
+                    else {
+                        cell = document.createElement('td');
+                    }
+                    if (cnt < labelArray.length) {
+                        cell.appendChild(labelArray[cnt]);
+                        row.appendChild(cell);
+                        //console.log('11dec', cell);
+                    }
+                    cnt++;
+                }
+                tblBody.appendChild(row);
+                tbl.appendChild(tblBody);
+                this.deatilViewTable.appendChild(tbl);
+            }
+        };
+        DetailedviewComponent.prototype.createResourcesTable = function (resoureMetadata) {
+            var labelArray = new Array();
+            var cnt = 0;
+            for (var i = 0; i < this.resourseMetadataHeadingArray.length; i++) {
+                var label = document.createElement('label');
+                label.appendChild(document.createTextNode(this.resourseMetadataHeadingArray[i]));
+                if (label.textContent === 'undefined' || label.textContent === undefined) {
+                    label.textContent = '';
+                }
+                labelArray.push(label);
+            }
+            for (var i = 0; i < resoureMetadata.length; i++) {
+                for (var j = 0; j < 5; j++) {
+                    var label = document.createElement('label');
+                    //label.appendChild(document.createTextNode(resoureMetadata[i][j]));
+                    label.innerHTML = resoureMetadata[i][j];
+                    if (label.textContent === 'undefined' || label.textContent === undefined) {
+                        label.textContent = '';
+                    }
+                    labelArray.push(label);
+                }
+            }
+            var tbl = document.createElement('table');
+            tbl.className = "table table-bordered";
+            tbl.id = "resoureMetadataTable";
+            var tblBody = document.createElement('tbody');
+            for (var j = 0; j <= resoureMetadata.length; j++) {
+                var row = document.createElement('tr');
+                var cell = void 0;
+                for (var i = 0; i < 5; i++) {
+                    if (j == 0) {
+                        cell = document.createElement('th');
+                        cell.style['font-weight'] = 'bold';
+                        // cell.style.background ="#e0e0e0";
+                    }
+                    else {
+                        cell = document.createElement('td');
+                    }
+                    if (cnt < labelArray.length) {
+                        cell.appendChild(labelArray[cnt]);
+                        row.appendChild(cell);
+                        //console.log('11dec', cell);
+                    }
+                    cnt++;
+                }
+                tblBody.appendChild(row);
+                tbl.appendChild(tblBody);
+                this.deatilViewTable.appendChild(tbl);
+            }
+        };
+        DetailedviewComponent.prototype.onCloseBtnClick = function () {
+            this.deatilViewContainer.style.display = 'none';
+        };
+        return DetailedviewComponent;
+    }());
+    DetailedviewComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'lib-detailedview',
+                    template: "<div id=\"pd-deatilViewContainer\">\n  <div class=\"pd-detailview-header\">\n    <div class=\"pd-detailview-title\">Details</div>\n    <div id=\"pd-closeButton\" (click)=\"onCloseBtnClick()\">+</div>\n  </div>\n  <div id=\"pd-deatilViewTable\"></div>\n</div>\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}"]
+                },] }
+    ];
+    DetailedviewComponent.ctorParameters = function () { return [
+        { type: PrincipalDashboardLibV2Service }
+    ]; };
+
+    var EXCEL_TYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';
+    var EXCEL_EXTENSION = '.xlsx';
+    var ExceldataService = /** @class */ (function () {
+        function ExceldataService() {
+            this.resourceTypes = new Array();
+            this.tabName = [{ "name": "School" }, { "name": "User Summary" }, { "name": "Terminal Summary" }, { "name": "Usage Details" }];
+        }
+        ExceldataService.prototype.exportAsExcelFile = function (json, excelFileName) {
+            var excelBuffer;
+            var myobj = { Sheets: {}, SheetNames: [] };
+            for (var i = 0; i < json.length; i++) {
+                var worksheet = XLSX.utils.json_to_sheet(json[i]);
+                myobj.Sheets[this.tabName[i].name] = worksheet;
+                myobj.SheetNames.push(this.tabName[i].name);
+            }
+            var workbook = myobj;
+            excelBuffer = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' });
+            this.saveAsExcelFile(excelBuffer, excelFileName);
+        };
+        ExceldataService.prototype.saveAsExcelFile = function (buffer, fileName) {
+            var data = new Blob([buffer], {
+                type: EXCEL_TYPE
+            });
+            FileSaver.saveAs(data, fileName + EXCEL_EXTENSION);
+        };
+        //_____FOR EXCEL CONVERTOR END
+        ExceldataService.prototype.genarateResourseReqiuredData_Excel = function (data) {
+            var resouseID;
+            var title;
+            var subject;
+            var grade;
+            var chapter;
+            var teachingpoint;
+            var type;
+            var resourceMetadataMatrix = new Array();
+            var resourceMetadata = data.resourcesMetadata.resourceMetadata;
+            if (resourceMetadata != undefined && resourceMetadata.length > 0) {
+                for (var i = 0; i < resourceMetadata.length; i++) {
+                    //----------//resouseID
+                    resouseID = resourceMetadata[i].resourceId;
+                    //----------//subject
+                    if (resourceMetadata[i].subject != undefined) {
+                        if (resourceMetadata[i].subject.title != undefined) {
+                            subject = resourceMetadata[i].subject.title;
+                        }
+                        else {
+                            subject = '';
+                        }
+                    }
+                    else {
+                        subject = '';
+                    }
+                    //----------//grade
+                    if (resourceMetadata[i].grade != undefined) {
+                        if (resourceMetadata[i].grade.title != undefined) {
+                            grade = resourceMetadata[i].grade.title;
+                        }
+                        else {
+                            grade = '';
+                        }
+                    }
+                    else {
+                        grade = '';
+                    }
+                    //----------//chapter
+                    if (resourceMetadata[i].chapter != undefined) {
+                        if (resourceMetadata[i].chapter.title != undefined) {
+                            chapter = resourceMetadata[i].chapter.title;
+                        }
+                        else {
+                            chapter = '';
+                        }
+                    }
+                    else {
+                        chapter = '';
+                    }
+                    //----------//teachingpoint
+                    if (resourceMetadata[i].teachingpoint != undefined) {
+                        if (resourceMetadata[i].teachingpoint.title != undefined) {
+                            teachingpoint = resourceMetadata[i].teachingpoint.title;
+                        }
+                        else {
+                            teachingpoint = '';
+                        }
+                    }
+                    else {
+                        teachingpoint = '';
+                    }
+                    //----------//type
+                    if (resourceMetadata[i].type != undefined) {
+                        type = this.getDisplaytypeValue(resourceMetadata[i].type);
+                    }
+                    else {
+                        type = '';
+                    }
+                    //----------//title
+                    if (resourceMetadata[i].title != undefined) {
+                        title = resourceMetadata[i].title;
+                    }
+                    else {
+                        title = '';
+                    }
+                    var resourceMetauserConsoleData = {
+                        resouseID: resouseID,
+                        subject: subject,
+                        grade: grade,
+                        chapter: chapter,
+                        teachingpoint: teachingpoint,
+                        type: type,
+                        title: title
+                    };
+                    resourceMetadataMatrix.push(resourceMetauserConsoleData);
+                    this.resourceTypes.push(type);
+                }
+            }
+            this.resourceTypes = __spread(new Set(this.resourceTypes));
+            return resourceMetadataMatrix;
+        };
+        ExceldataService.prototype.getName = function (user) {
+            if (/School Admin/gm.exec(user.role)) {
+                return "Support Admin";
+            }
+            return user.fullName;
+        };
+        ExceldataService.prototype.genarateUserReqiuredData_Excel = function (data) {
+            var userConsole = data.usersConsole.userConsole;
+            var usersMetadata = data.usersMetadata.userMetadata;
+            var schoolTerminal = data.schoolTerminals.schoolTerminal;
+            var usersMetadataMatrix = new Array();
+            var usermetadataMatrixUpdated = new Array();
+            var schoolTerminalMatrix = new Array();
+            var userConsoleMatrix = new Array();
+            if (usersMetadata != null && usersMetadata.length > 0) {
+                for (var i_1 = 0; i_1 < usersMetadata.length; i_1++) {
+                    var userId = void 0;
+                    var userName = void 0;
+                    var userSubjects = void 0;
+                    var listOfUser = {};
+                    if (usersMetadata[i_1].userId != "") {
+                        userId = usersMetadata[i_1].userId;
+                        if (usersMetadata[i_1].fullName !== undefined) {
+                            userName = this.getName(usersMetadata[i_1]); // get name of user w.r.t. ID
+                        }
+                        else {
+                            userName = '';
+                        }
+                        if (usersMetadata[i_1].userSubjects !== undefined) {
+                            userSubjects = usersMetadata[i_1].userSubjects; // get name of user w.r.t. ID
+                        }
+                        else {
+                            userSubjects = '';
+                        }
+                        listOfUser = {
+                            userId: userId,
+                            userName: userName,
+                            userSubjects: userSubjects
+                        };
+                        usersMetadataMatrix.push(listOfUser); // array of all users
+                    }
+                }
+            }
+            for (var i = 0; i < usersMetadataMatrix.length; i++) {
+                usersMetadataMatrix.forEach(function (element) {
+                    if (usersMetadataMatrix[i].userName === element.userName) {
+                        usermetadataMatrixUpdated.push(usersMetadataMatrix[i]); //array of same name users
+                        usersMetadataMatrix.splice(i, 1); //delete the same name users from usermetadataMatrix
+                    }
+                });
+            }
+            for (var i = 0; i < usermetadataMatrixUpdated.length; i++) {
+                usermetadataMatrixUpdated[i].userName = usermetadataMatrixUpdated[i].userName + " " + i;
+                usersMetadataMatrix.push(usermetadataMatrixUpdated[i]); //adding same name users in usermetadataMatrix with some random charators
+            }
+            if (schoolTerminal != null && schoolTerminal.length > 0) {
+                for (var i = 0; i < schoolTerminal.length; i++) {
+                    var schoolId = void 0;
+                    var terminalKey = void 0;
+                    var terminalType = void 0;
+                    var location = void 0;
+                    var schoolTerminalData = {};
+                    //----------//schoolId
+                    if (schoolTerminal[i].schoolId !== undefined) {
+                        schoolId = schoolTerminal[i].schoolId; // get name of user w.r.t. ID
+                    }
+                    else {
+                        schoolId = '';
+                    }
+                    //----------//terminalKey
+                    if (schoolTerminal[i].terminalKey !== undefined) {
+                        terminalKey = schoolTerminal[i].terminalKey; // get name of user w.r.t. ID
+                    }
+                    else {
+                        terminalKey = '';
+                    }
+                    //----------//terminalType
+                    if (schoolTerminal[i].terminalType !== undefined) {
+                        terminalType = schoolTerminal[i].terminalType; // get name of user w.r.t. ID
+                    }
+                    else {
+                        terminalType = '';
+                    }
+                    //----------//location
+                    if (schoolTerminal[i].metadata !== undefined) {
+                        location = schoolTerminal[i].metadata; // get name of user w.r.t. ID
+                    }
+                    else {
+                        location = '';
+                    }
+                    schoolTerminalData = {
+                        schoolId: schoolId,
+                        terminalKey: terminalKey,
+                        terminalType: terminalType,
+                        location: location
+                    };
+                    schoolTerminalMatrix.push(schoolTerminalData);
+                }
+            }
+            if (userConsole != null && userConsole.length > 0) {
+                var _loop_1 = function (index) {
+                    var userId = void 0;
+                    var startTime = void 0;
+                    var endTime = void 0;
+                    var duration = void 0;
+                    var selectedDate = void 0;
+                    var terminalIP = void 0;
+                    var userConsoleResources = void 0;
+                    var resourceMetadataIDS = void 0;
+                    var resourceMetauserConsoleData = [];
+                    var resourceDurationFromConsole = [];
+                    var userName = void 0;
+                    var userSubjects = void 0;
+                    var terminalLocation = void 0;
+                    //----------//user iD
+                    if (userConsole[index].userId !== undefined) {
+                        userId = userConsole[index].userId; // get name of user w.r.t. ID
+                    }
+                    else {
+                        userId = '';
+                    }
+                    //----------// startTime 
+                    if (userConsole[index].startTime !== undefined) {
+                        startTime = userConsole[index].startTime; // get name of user w.r.t. ID
+                    }
+                    else {
+                        startTime = '';
+                    }
+                    //----------// endTime 
+                    if (userConsole[index].endTime !== undefined) {
+                        endTime = userConsole[index].endTime; // get name of user w.r.t. ID
+                        this_1.myEndTime = endTime;
+                    }
+                    else {
+                        endTime = '';
+                    }
+                    //----------// Date 
+                    if (userConsole[index].selectedDate !== undefined) {
+                        selectedDate = userConsole[index].selectedDate; // get name of user w.r.t. ID
+                    }
+                    else {
+                        selectedDate = '';
+                    }
+                    //----------// Duration
+                    if (userConsole[index].duration !== undefined) {
+                        duration = userConsole[index].duration; // get name of user w.r.t. ID
+                    }
+                    else {
+                        duration = '';
+                    }
+                    //----------// terminalIP
+                    if (userConsole[index].terminalIP !== undefined) {
+                        terminalIP = userConsole[index].terminalIP; // get name of user w.r.t. ID
+                    }
+                    else {
+                        terminalIP = '';
+                    }
+                    //----------// userConsoleResources
+                    if (userConsole[index].userConsoleResources !== undefined) {
+                        userConsoleResources = userConsole[index].userConsoleResources; // get name of user w.r.t. ID
+                    }
+                    else {
+                        userConsoleResources = null;
+                    }
+                    if (userConsoleResources != null) {
+                        if (userConsoleResources.userConsoleResource !== undefined) {
+                            // satyajit resource wise duration added
+                            userConsoleResources.userConsoleResource.forEach(function (item) {
+                                resourceMetauserConsoleData.push(item.resourceId); // get name of user w.r.t. ID
+                                resourceDurationFromConsole.push(item.duration);
+                            });
+                            // resourceMetauserConsoleData = userConsoleResources.userConsoleResource; // get name of user w.r.t. ID
+                        }
+                        else {
+                            resourceMetauserConsoleData = [];
+                            resourceDurationFromConsole = [];
+                        }
+                    }
+                    //----------// userName and userSubjects
+                    for (var i_2 = 0; i_2 < usersMetadataMatrix.length; i_2++) {
+                        if (userId === usersMetadataMatrix[i_2].userId) {
+                            userName = usersMetadataMatrix[i_2].userName;
+                            userSubjects = usersMetadataMatrix[i_2].userSubjects;
+                        }
+                    }
+                    //----------// terminalIP and terminalLocation
+                    for (var i_3 = 0; i_3 < schoolTerminalMatrix.length; i_3++) {
+                        if (terminalIP === schoolTerminalMatrix[i_3].terminalKey) {
+                            terminalLocation = schoolTerminalMatrix[i_3].location;
+                        }
+                    }
+                    var userData = {
+                        userId: userId,
+                        userName: userName,
+                        startTime: new Date(startTime),
+                        endTime: new Date(endTime),
+                        terminalIP: terminalIP,
+                        resourceMetauserConsoleData: resourceMetauserConsoleData,
+                        duration: duration,
+                        terminalLocation: terminalLocation,
+                        userSubjects: userSubjects,
+                        resourceDurationFromConsole: resourceDurationFromConsole
+                    };
+                    userConsoleMatrix.push(userData);
+                };
+                var this_1 = this;
+                for (var index = 0; index < userConsole.length; index++) {
+                    _loop_1(index);
+                }
+            }
+            return { usersMetadata: usersMetadataMatrix, schoolTerminalData: schoolTerminalMatrix, userConsoleData: userConsoleMatrix };
+        };
+        ExceldataService.prototype.deatilData_Excel = function (userConsoleMatrix, resourceMetadataMatrix) {
+            // console.log("resourceMetadataMatrix",resourceMetadataMatrix);
+            var currentDate;
+            var resourceMatrixForExcel = new Array();
+            resourceMatrixForExcel = [];
+            for (var i = 0; i < userConsoleMatrix.length; i++) {
+                var userID = void 0;
+                var startTime = void 0;
+                var endTime = void 0;
+                var duration = void 0;
+                var terminalIP = void 0;
+                var subject = void 0;
+                var grade = void 0;
+                var chapter = void 0;
+                var resourceType = void 0;
+                var resourceTitle = void 0;
+                var teachingpoint = void 0;
+                var location = void 0;
+                var teacherName = void 0;
+                var teacherSubject = void 0;
+                var resourceMetadataIDs = void 0;
+                var resourceMetadataIDsDuration = void 0;
+                var resourceArrayForExcel = new Array();
+                userID = userConsoleMatrix[i].userId;
+                //----------------- for subject and Name
+                teacherSubject = userConsoleMatrix[i].userSubjects;
+                teacherName = userConsoleMatrix[i].userName;
+                //----------------- for start Time  and EndTime 
+                if ((userConsoleMatrix[i].startTime != undefined && userConsoleMatrix[i].startTime != "") && (userConsoleMatrix[i].endTime != undefined && userConsoleMatrix[i].endTime != "")) {
+                    startTime = userConsoleMatrix[i].startTime.toLocaleTimeString('en-US', { hour12: true });
+                    endTime = userConsoleMatrix[i].endTime.toLocaleTimeString('en-US', { hour12: true });
+                    currentDate = userConsoleMatrix[i].startTime.getDate() + '/' + (userConsoleMatrix[i].startTime.getMonth() + 1) + '/' + userConsoleMatrix[i].startTime.getFullYear();
+                }
+                //----------------- for duration
+                duration = Math.floor(userConsoleMatrix[i].duration);
+                //----------------- for Terminal loaction and terminal IP
+                location = userConsoleMatrix[i].terminalLocation;
+                terminalIP = userConsoleMatrix[i].terminalIP;
+                var roomDetail = location + ' ' + terminalIP;
+                var locationName = location;
+                var terminalIPAddress = terminalIP;
+                resourceMetadataIDs = userConsoleMatrix[i].resourceMetauserConsoleData;
+                resourceMetadataIDsDuration = userConsoleMatrix[i].resourceDurationFromConsole;
+                if (resourceMetadataIDs.length == 0) {
+                    subject = '';
+                    grade = '';
+                    chapter = '';
+                    teachingpoint = '';
+                    resourceTitle = '';
+                    resourceType = '';
+                    resourceArrayForExcel = [teacherName, teacherSubject, currentDate, startTime, endTime, duration, locationName, terminalIPAddress, subject, grade, chapter, teachingpoint, resourceTitle, resourceType, userID];
+                    resourceMatrixForExcel.push(resourceArrayForExcel);
+                }
+                else {
+                    for (var k = 0; k < resourceMetadataIDs.length; k++) {
+                        for (var i_4 = 0; i_4 < resourceMetadataMatrix.length; i_4++) {
+                            // resouseID:resouseID,
+                            // subject:subject,
+                            // grade:grade,
+                            // chapter:chapter,
+                            // teachingpoint:teachingpoint,
+                            // type:type,
+                            // title:title
+                            if (resourceMetadataIDs[k] === resourceMetadataMatrix[i_4].resouseID) {
+                                subject = resourceMetadataMatrix[i_4].subject;
+                                grade = resourceMetadataMatrix[i_4].grade;
+                                chapter = resourceMetadataMatrix[i_4].chapter;
+                                teachingpoint = resourceMetadataMatrix[i_4].teachingpoint;
+                                resourceTitle = resourceMetadataMatrix[i_4].title;
+                                resourceType = this.getDisplaytypeValue(resourceMetadataMatrix[i_4].type);
+                                // FOR EXCEL
+                                resourceArrayForExcel = [teacherName, teacherSubject, currentDate, startTime, endTime, duration, locationName, terminalIPAddress, subject, grade, chapter, teachingpoint, resourceTitle, resourceType, userID, resourceMetadataIDsDuration[k]];
+                                resourceMatrixForExcel.push(resourceArrayForExcel);
+                                teacherName = '';
+                                teacherSubject = '';
+                                currentDate = '';
+                                startTime = '';
+                                endTime = '';
+                                locationName = '';
+                                terminalIPAddress = '';
+                                duration = '';
+                            }
+                        }
+                    }
+                }
+            }
+            return resourceMatrixForExcel;
+        };
+        ExceldataService.prototype.deatilUsage_Excel = function (resourceMatrixForExcel) {
+            var userList = [];
+            // console.log("resourceMatrixForExcel>>>>>>>>>>>>>>>>>>>",resourceMatrixForExcel);
+            if (resourceMatrixForExcel.length > 0) {
+                for (var i = 0; i < resourceMatrixForExcel.length; i++) {
+                    var data = {
+                        // Sr_No: i+1,
+                        Name: resourceMatrixForExcel[i][0],
+                        Subjects: resourceMatrixForExcel[i][1],
+                        Date: resourceMatrixForExcel[i][2],
+                        startTime: resourceMatrixForExcel[i][3],
+                        endTime: resourceMatrixForExcel[i][4],
+                        "duration(mins)": resourceMatrixForExcel[i][5],
+                        location: resourceMatrixForExcel[i][6],
+                        IP: resourceMatrixForExcel[i][7],
+                        subjectTitle: resourceMatrixForExcel[i][8],
+                        gradeTitle: resourceMatrixForExcel[i][9],
+                        Chapter: resourceMatrixForExcel[i][10],
+                        tpTitle: resourceMatrixForExcel[i][11],
+                        resourceTitle: resourceMatrixForExcel[i][12],
+                        resourceType: resourceMatrixForExcel[i][13],
+                        'resourceDuration(sec)': resourceMatrixForExcel[i][15],
+                    };
+                    userList.push(data);
+                }
+            }
+            // console.log("userList",userList);
+            return userList;
+        };
+        ExceldataService.prototype.userSummary_Excel = function (data, resourceMatrixForExcel) {
+            // console.log("resourceMatrixForExcel",resourceMatrixForExcel)
+            var userMetadataList = data.usersMetadata.userMetadata;
+            var resourcelist = new Array();
+            var resourceTypeList = new Array();
+            var userObjectList = new Array();
+            var classRooms = new Array();
+            var datesAccess = new Array();
+            var grades = new Array();
+            var subjectTought = new Array();
+            // let unique_resourceTypeList = []; 
+            var duration = 0;
+            for (var i = 0; i < userMetadataList.length; i++) {
+                resourcelist = [];
+                resourceTypeList = [];
+                classRooms = [];
+                datesAccess = [];
+                grades = [];
+                subjectTought = [];
+                duration = 0;
+                // console.log("userMetadataList[i]",userMetadataList);
+                // console.log("resourceMatrixForExcel[i]",[...new Set(resourceMatrixForExcel)]);
+                for (var j = 0; j < resourceMatrixForExcel.length; j++) {
+                    if (userMetadataList[i].userId === resourceMatrixForExcel[j][14]) {
+                        if (resourceMatrixForExcel[j][12] != '') {
+                            resourcelist.push(resourceMatrixForExcel[j][12]);
+                        }
+                        if (resourceMatrixForExcel[j][13] != '') {
+                            resourceTypeList.push(resourceMatrixForExcel[j][13]);
+                        }
+                        if (resourceMatrixForExcel[j][5] != '') {
+                            duration = duration + resourceMatrixForExcel[j][5];
+                        }
+                        classRooms.push(resourceMatrixForExcel[j][6]);
+                        datesAccess.push(resourceMatrixForExcel[j][2]);
+                        grades.push(resourceMatrixForExcel[j][9]);
+                        subjectTought.push(resourceMatrixForExcel[j][8]);
+                    }
+                }
+                var ClassRooms = void 0;
+                var DatesAccess = void 0;
+                var Grades = void 0;
+                var SubjectTought = void 0;
+                var dayAccess = void 0;
+                if (classRooms.length > 0) {
+                    ClassRooms = __spread(new Set(classRooms))[0];
+                }
+                else {
+                    ClassRooms = '';
+                }
+                if (datesAccess.length > 0) {
+                    dayAccess = __spread(new Set(datesAccess)).length;
+                }
+                else {
+                    dayAccess = '';
+                }
+                if (datesAccess.length > 0) {
+                    DatesAccess = __spread(new Set(datesAccess))[0];
+                }
+                else {
+                    DatesAccess = '';
+                }
+                if (grades.length > 0) {
+                    Grades = __spread(new Set(grades))[0];
+                }
+                else {
+                    Grades = '';
+                }
+                if (subjectTought.length > 0) {
+                    SubjectTought = __spread(new Set(subjectTought))[0];
+                }
+                else {
+                    SubjectTought = '';
+                }
+                // if(resourceTypeList.length>0){
+                //   unique_resourceTypeList = [...new Set(resourceTypeList)];
+                // }
+                //  console.log("this.resourceTypes",this.resourceTypes)
+                var user = {
+                    Name: this.getName(userMetadataList[i]),
+                    Subjects: userMetadataList[i].userSubjects,
+                    duration: duration,
+                    ClassRooms: ClassRooms,
+                    DatesAccess: DatesAccess,
+                    DayAccess: dayAccess,
+                    Grades: Grades,
+                    SubjectTought: SubjectTought,
+                    AseestUsed: resourcelist,
+                    AssetType: resourceTypeList
+                };
+                userObjectList.push(user);
+            }
+            // console.log("userObjectList",userObjectList)
+            var userSummaryList = new Array();
+            var _loop_2 = function (i) {
+                var Assetcounts = [];
+                //find count of present asset type
+                var presentAsset = userObjectList[i].AssetType;
+                presentAsset = __spread(new Set(presentAsset));
+                //  console.log("presentAsset",presentAsset)
+                //find count of present asset count
+                var sampleArray = userObjectList[i].AssetType;
+                sampleArray.forEach(function (x) { Assetcounts[x] = (Assetcounts[x] || 0) + 1; });
+                // find missing assets
+                var missingAssets = this_2.resourceTypes.filter(function (n) { return !presentAsset.includes(n); });
+                // adding missing asset with count 0 in list
+                missingAssets.forEach(function (element) {
+                    Assetcounts[element] = 0;
+                });
+                // console.log(Assetcounts);
+                var asset_media = {
+                    // Sr_No: i+1,
+                    Name: userObjectList[i].Name,
+                    Subjects_taught: userObjectList[i].Subjects,
+                    " Duration(mins)": userObjectList[i].duration,
+                    ClassRooms: userObjectList[i].ClassRooms,
+                    DaysAccsessed: userObjectList[i].DayAccess,
+                    DatesAccess: userObjectList[i].DatesAccess,
+                    Grades: userObjectList[i].Grades,
+                    Subjects: userObjectList[i].SubjectTought
+                };
+                var returnedTarget = Object.assign(asset_media, Assetcounts);
+                userSummaryList.push(returnedTarget);
+            };
+            var this_2 = this;
+            for (var i = 0; i < userObjectList.length; i++) {
+                _loop_2(i);
+            }
+            //  console.log("userSummaryList",userSummaryList);
+            return userSummaryList;
+        };
+        // To GET DISPLAY TYPE
+        ExceldataService.prototype.getDisplaytypeValue = function (key) {
+            var assetTypeConfig = [
+                {
+                    type: "asset_media",
+                    display: "Media"
+                },
+                {
+                    type: "asset_print",
+                    display: "Print"
+                },
+                {
+                    type: "quiz",
+                    display: "Quiz"
+                },
+                {
+                    type: "question",
+                    display: "Question"
+                },
+                {
+                    type: "chapter",
+                    display: "Chapter"
+                },
+                {
+                    type: "tp",
+                    display: "Topic"
+                },
+                {
+                    type: "whiteboard",
+                    display: "Whiteboard"
+                },
+                {
+                    type: "widget",
+                    display: "Widget"
+                },
+                {
+                    type: "casset_media",
+                    display: "cMedia"
+                },
+                {
+                    type: "casset_print",
+                    display: "cPrint"
+                },
+                {
+                    type: "cquiz",
+                    display: "cQuiz"
+                },
+                {
+                    type: "cquestion",
+                    display: "cQuestion"
+                },
+                {
+                    type: "image",
+                    display: "Image"
+                },
+                {
+                    type: "video",
+                    display: "Video"
+                },
+            ];
+            var displayValue = key;
+            assetTypeConfig.forEach(function (value) {
+                if (value.type === key) {
+                    displayValue = value.display;
+                }
+            });
+            return displayValue;
+        };
+        return ExceldataService;
+    }());
+    ExceldataService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ExceldataService_Factory() { return new ExceldataService(); }, token: ExceldataService, providedIn: "root" });
+    ExceldataService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    ExceldataService.ctorParameters = function () { return []; };
+
+    var HeaderComponent = /** @class */ (function () {
+        function HeaderComponent(excelService, pdService) {
+            this.excelService = excelService;
+            this.pdService = pdService;
+            this.userSelectedDate = new i0.EventEmitter();
+            this.refreshTimer = 0;
+            //for datepicker
+            this.title = 'datepicker';
+            this.date = new Date();
+            this.options = {
+                inputClass: 'input',
+                calendarClass: 'datepicker-default',
+                scrollBarColor: '#010001',
+                format: 'dd/LL/yyyy',
+                maxDate: new Date()
+                // for demo purpose
+            };
+        }
+        Object.defineProperty(HeaderComponent.prototype, "data", {
+            set: function (res) {
+                if (res !== null) {
+                    this.loadData(res);
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        HeaderComponent.prototype.ngOnInit = function () {
+            this.urlParams = new URLSearchParams(window.location.search);
+            this.isDemo = this.urlParams.get('demo') === '1';
+            this.getDefaultDate();
+            this.startTimer();
+        };
+        HeaderComponent.prototype.getDefaultDate = function () {
+            var selectedDate = this.isDemo ? new Date('2025-05-21T00:00:00') : new Date();
+            this.getDateFormat(selectedDate);
+            this.todayDate = this.calenderCurrentDate;
+            console.log('this.isDemo', this.isDemo);
+            if (this.isDemo) {
+                this.mydata = null;
+                this.refreshChart();
+                this.pdService.openSmallTable.next(false);
+            }
+        };
+        HeaderComponent.prototype.dateSelected = function (e) {
+            var selectedDate = this.isDemo ? new Date('2025-05-21T00:00:00') : new Date(e);
+            console.log("Selected Date:", selectedDate);
+            this.getDateFormat(selectedDate);
+            //const fixedDate = new Date('2025-05-21T00:00:00'); // Static date
+            //console.log("Overriding selected date with fixed date:", fixedDate);
+            //this.getDateFormat(fixedDate);
+            this.mydata = null;
+            this.refreshChart();
+            this.pdService.openSmallTable.next(false);
+        };
+        HeaderComponent.prototype.getDateFormat = function (date) {
+            var day = date.getDate();
+            var month = date.getMonth() + 1;
+            var year = date.getFullYear();
+            var m;
+            var d;
+            if (month < 10) {
+                m = "0" + month;
+            }
+            else {
+                m = month;
+            }
+            if (day < 10) {
+                d = "0" + day;
+            }
+            else {
+                d = day;
+            }
+            var today = year + "-" + m + "-" + d;
+            this.currentDate = today;
+            this.calenderCurrentDate = today.split("-").reverse().join("-");
+        };
+        // selectDate(e: any) {
+        //   this.calenderEvent = e;
+        //   let today = e.target.value;
+        //   // console.log("e.target.value", e.target.value);
+        //   today = today.split("-").reverse().join("-");
+        //   this.calenderCurrentDate = today;
+        //   this.mydata = null;
+        //   this.refreshChart();
+        //   // this.userSelectedDate.emit(this.calenderCurrentDate);
+        //   ;
+        //   console.log(" IN --> 5");
+        // }
+        HeaderComponent.prototype.refreshChart = function () {
+            this.stopTimer();
+            this.refreshTimer = 0;
+            if (this.calenderCurrentDate === this.todayDate) {
+                this.countDown();
+            }
+            this.userSelectedDate.emit(this.calenderCurrentDate);
+        };
+        HeaderComponent.prototype.startTimer = function () {
+            this.countDown();
+        };
+        HeaderComponent.prototype.stopTimer = function () {
+            this.clearTimer();
+            this.message = "";
+        };
+        HeaderComponent.prototype.clearTimer = function () {
+            this.refreshTimer = 0;
+            window.clearInterval(this.intervalId);
+        };
+        HeaderComponent.prototype.countDown = function () {
+            var _this = this;
+            //console.log("countDown")
+            this.clearTimer();
+            this.intervalId = window.setInterval(function () {
+                _this.refreshTimer -= 1;
+                if (_this.refreshTimer === 0) {
+                    _this.refreshChart();
+                    _this.message = '';
+                }
+                else {
+                    if (_this.refreshTimer < 0) {
+                        _this.refreshTimer = 300;
+                    } // reset
+                    _this.message = "" + _this.refreshTimer;
+                }
+            }, 1000);
+        };
+        HeaderComponent.prototype.timeConvert = function (n) {
+            var num = n;
+            var hours = num / 60;
+            var rhours = Math.floor(hours);
+            var minutes = (hours - rhours) * 60;
+            var rminutes = Math.round(minutes);
+            return rhours + ':' + rminutes;
+        };
+        // currentdataList: any;
+        // currentResoursedataList:any;
+        HeaderComponent.prototype.loadData = function (response) {
+            if (response) {
+                this.mydata = JSON.parse(response);
+                if (this.mydata) {
+                    //get current data list
+                    var genarateUserReqiuredData = this.excelService.genarateUserReqiuredData_Excel(this.mydata);
+                    var currentdataList = genarateUserReqiuredData.userConsoleData;
+                    // resoureMetadata list
+                    var currentResoursedataList = this.excelService.genarateResourseReqiuredData_Excel(this.mydata);
+                    var deatilData = this.excelService.deatilData_Excel(currentdataList, currentResoursedataList);
+                    var userDetails_data = this.excelService.deatilUsage_Excel(deatilData);
+                    var UserSummary = this.excelService.userSummary_Excel(this.mydata, deatilData);
+                    var schoolDetails = this.mydata.schoolMetadata.school;
+                    var userDetails = userDetails_data;
+                    var terminalDetails = this.mydata.schoolTerminals.schoolTerminal;
+                    // console.log("schoolDetails",schoolDetails);
+                    // console.log("UserSummary",UserSummary);
+                    // console.log("terminalDetails",terminalDetails);
+                    // console.log("userDetails",userDetails);
+                    this.dataList = [
+                        [schoolDetails],
+                        UserSummary,
+                        terminalDetails,
+                        userDetails
+                    ];
+                }
+            }
+        };
+        HeaderComponent.prototype.exportReport = function () {
+            if (this.mydata) {
+                this.excelService.exportAsExcelFile(this.dataList, 'UsageReport-' + this.calenderCurrentDate);
+            }
+        };
+        HeaderComponent.prototype.ngOnDestroy = function () {
+            this.clearTimer();
+        };
+        return HeaderComponent;
+    }());
+    HeaderComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'lib-header',
+                    template: "<div id=\"pd_header\" class=\"pd_header\">\n \n  <div *ngIf=\"message && mydata && (this.todayDate === this.calenderCurrentDate)\" id=\"pd_refeshView\" class=\"pd_refesh_bar\">\n   <div class=\"timer_msg\"> This page will be refreshed in</div>\n   <div  class=\"timer_value\"> {{timeConvert(message)}} min</div>\n   <div id=\"pd_refeshBtn\" (click)=\"refreshChart()\"> Refresh </div>\n  </div>\n\n  <div id=\"pd_exportBtn\" class=\"pd_exportButton\" *ngIf=\"mydata\"\n   [ngClass]=\"{'pd_exportButton_shiftRight': this.todayDate != this.calenderCurrentDate}\" (click)=\"exportReport()\"> \n    <span class=\"pd_exportButton_text\">Download Report</span>\n    <div class=\"pd_download_icon\"></div>\n  </div>\n  \n  <div class=\"pd_header_calendar\">\n   <!-- <input type=\"Date\" [max]=\"currentDate\" [value]=\"currentDate\" id=\"myCalendar\" (input)=\"selectDate($event)\" /> -->\n    <ngx-datepicker [(ngModel)]=\"date\" [options]=\"options\"  (ngModelChange)=\"dateSelected($event)\"></ngx-datepicker>\n  </div>\n  <div  class=\"pd_header_content\" >Realtime usage data</div>\n</div>\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;pointer-events:none}.pd_exportButton{position:absolute;display:inline-block;right:144px;padding:0 16px;cursor:pointer;margin:9px 0 0;height:30px;width:160px;line-height:30px;background-color:#4285f9;font-size:10pt;font-weight:400;transition:right .5s;border-radius:5px;color:#fff;font-weight:700}.pd_exportButton_shiftRight{right:10px}.pd_download_icon{position:absolute;width:16px;height:16px;background-size:100% 100%;top:8px;background-repeat:no-repeat;display:inline-block;right:5px;background-image:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAAY0lEQVRIiWNgGOqAkQS1/8nRy0SCBWSBUQtGLRjiFpQzQDIXDKMDZLl6ch2Abgk2TLbhxFhCseH4LKGa4dgsIdpwZhIsOMoAKUEPMjAwNJLktFGADyDXStgyE8Vm07yoGPoAAH1UItbw1O5lAAAAAElFTkSuQmCC\")}.pd_exportButton_text{position:relative;display:inline-block;width:130px}.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}"]
+                },] }
+    ];
+    HeaderComponent.ctorParameters = function () { return [
+        { type: ExceldataService },
+        { type: PrincipalDashboardLibV2Service }
+    ]; };
+    HeaderComponent.propDecorators = {
+        data: [{ type: i0.Input }],
+        userSelectedDate: [{ type: i0.Output }]
+    };
+
+    var TableviewComponent = /** @class */ (function () {
+        function TableviewComponent(pdService) {
+            this.pdService = pdService;
+            this.myChartType = angularGoogleCharts.ChartType.Table;
+            this.isUserWise = true;
+        }
+        Object.defineProperty(TableviewComponent.prototype, "data", {
+            set: function (res) {
+                if (res !== null) {
+                    this.loadTable(res);
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        TableviewComponent.prototype.ngOnInit = function () {
+        };
+        TableviewComponent.prototype.loadTable = function (response) {
+            var _this = this;
+            console.log('mresponse: ', response);
+            // let parse = new DOMParser();
+            // this.myXmlData = parse.parseFromString(response, 'application/xml');
+            if (response) {
+                this.myXmlData = JSON.parse(response);
+                if (this.myXmlData) {
+                    // get current data list
+                    //console.log("AAA myXmlData-->>",this.myXmlData)
+                    var genarateUserReqiuredData = this.pdService.genarateUserReqiuredData(this.myXmlData);
+                    this.currentdataList = genarateUserReqiuredData.userConsoleData;
+                    //  get all user list 
+                    var fetchAlluserList = this.pdService.allUserChartData();
+                    this.alluserList = fetchAlluserList.fordurationTable;
+                    // resoureMetadata list
+                    this.currentResoursedataList = this.pdService.genarateResourseReqiuredData(this.myXmlData);
+                    //console.log("AAA genarateUserReqiuredData-->>",genarateUserReqiuredData)
+                    //console.log("AAA this.currentResoursedataList-->>",this.currentResoursedataList)
+                }
+            }
+            this.tableViewDiv = document.getElementById('tableViewDiv');
+            this.tableRow = document.getElementById('tableRow');
+            this.tblBody = document.getElementById('tblBody');
+            this.tableViewDiv.style.display = 'none';
+            this.pdService.chartType.subscribe(function (data) {
+                if (data) {
+                    _this.updateChartType(data);
+                }
+            });
+            this.pdService.isUserWise_data.subscribe(function (data) {
+                _this.updateDataType(data);
+            });
+            this.pdService.isAllUsers.subscribe(function (data) {
+                if (data) {
+                    _this.showAllUser();
+                }
+                else {
+                    _this.showCurrentDataUser();
+                }
+            });
+        };
+        TableviewComponent.prototype.findAndSimplifyNestedArray = function (data) {
+            //console.log('this.tableViewData',data)
+            for (var i = 0; i < data.length; i++) {
+                if (Array.isArray(data[i])) {
+                    var nestedArray = data[i];
+                    if (nestedArray.every(function (item) { return Array.isArray(item) && item.every(function (val) { return val === item[0]; }); })) {
+                        data[i] = [[nestedArray[0][0]]];
+                    }
+                    return data[i];
+                }
+            }
+            return "No nested array found.";
+        };
+        TableviewComponent.prototype.showCurrentDataUser = function () {
+            this.tableViewData = this.pdService.dataForTableView(this.currentdataList, this.currentResoursedataList);
+            this.tableViewData = this.replaceTopicAndChapter(this.tableViewData);
+            //this.tableViewData = this.findAndSimplifyNestedArray(this.tableViewData);
+            var newTableViewData;
+            for (var i = 0; i < this.tableViewData.length; i++) {
+                newTableViewData = this.findAndSimplifyNestedArray(this.tableViewData[i]);
+                newTableViewData[newTableViewData.length - 1] = newTableViewData[newTableViewData.length - 1][0];
+            }
+            var anotherTableViewData;
+            for (var j = 0; j < this.tableViewData.length; j++) {
+                anotherTableViewData = this.mergerSourceWithRoomData(this.tableViewData[j]);
+            }
+            if (this.tableViewData) {
+                //this.ueserWiseTableView(this.tableViewData);
+                this.ueserWiseTableView(this.tableViewData);
+            }
+            //console.log('AAA mlaunchedFromm tableViewData', this.tableViewData)
+        };
+        TableviewComponent.prototype.replaceTopicAndChapter = function (data) {
+            var htmlStr = "<span style='font-style: italic;color: #3F51B5;'>(seen)</span>";
+            return data.map(function (row) {
+                if (Array.isArray(row)) {
+                    return row.map(function (item) {
+                        if (typeof item === 'string') {
+                            //item = item.replace(/Topic :\s*(.+?)\s*:\s*0m 0s/, 'Topic: $1 ' + htmlStr);
+                            //item = item.replace(/Chapter :\s*(.+?)\s*:\s*0m 0s/, 'Chapter: $1 ' + htmlStr);
+                            item = item.replace(/Topic :\s*(.+?)\s*:\s*\d+m \d+s/, 'Topic: $1 ' + htmlStr);
+                            item = item.replace(/Chapter :\s*(.+?)\s*:\s*\d+m \d+s/, 'Chapter: $1 ' + htmlStr);
+                        }
+                        return item;
+                    });
+                }
+                return row;
+            });
+        };
+        TableviewComponent.prototype.mergerSourceWithRoomData = function (tableViewData) {
+            var lastIndexValue = tableViewData[tableViewData.length - 1].join(' ');
+            // Merge last index value into the 6th index
+            //console.log('lastIndexValue',lastIndexValue)
+            if (lastIndexValue === 'ce6') {
+                //lastIndexValue = '<span style="color:black;"><i class="fa fa-windows" aria-hidden="true"></i></span>';
+                lastIndexValue = '<span style="color:black;"></span>';
+            }
+            else if (lastIndexValue === 'ce6-a') {
+                lastIndexValue = '<span style="color:#1b60d1;font-weight:bold;font-size:14px;"><i class="fa fa-android" aria-hidden="true"></i></span>';
+            }
+            else if (lastIndexValue === 'c') {
+                lastIndexValue = '<span style="color:#1b60d1;font-weight:bold;font-size:14px; display:flex;"><i style="margin-top:-1px;" class="fa fa-android" aria-hidden="true"></i><i style="margin-left:5px;" class="fa fa-desktop" aria-hidden="true"></i></span>';
+            }
+            //tableViewData[6] = tableViewData[6] + '\n' + lastIndexValue;
+            //tableViewData[6] = '<div style="display: flex;flex-direction: row;align-content: center;justify-content: flex-start;align-items: center;">'+lastIndexValue + '&nbsp;&nbsp;' + '<span style="font-size:11px !important;color:gray;font-weight:600;">'+tableViewData[6]+'</span></div>';
+            tableViewData[6] = '<div style="display: flex;flex-direction: row;align-content: center;justify-content: flex-start;align-items: center;">' + '<span style="font-size:11px !important;color:gray;font-weight:600;">' + tableViewData[6] + '</span>' + '<span style="color:transparent">-</span>' + lastIndexValue + '</div>';
+            // Optional: remove the last element (if no longer needed)
+            tableViewData.pop();
+        };
+        TableviewComponent.prototype.showAllUser = function () {
+            this.tableViewData = this.pdService.dataForTableView(this.alluserList, this.currentResoursedataList);
+            console.log('11decc tableViewDataBBB', this.replaceTopicAndChapter(this.tableViewData));
+            this.tableViewData = this.replaceTopicAndChapter(this.tableViewData);
+            //console.log('AAA userConsoleMatrix tableViewData', this.tableViewData)
+            var newTableViewData;
+            for (var i = 0; i < this.tableViewData.length; i++) {
+                newTableViewData = this.findAndSimplifyNestedArray(this.tableViewData[i]);
+                if (newTableViewData[newTableViewData.length - 1]) {
+                    newTableViewData[newTableViewData.length - 1] = newTableViewData[newTableViewData.length - 1][0];
+                }
+            }
+            var anotherTableViewData;
+            for (var j = 0; j < this.tableViewData.length; j++) {
+                anotherTableViewData = this.mergerSourceWithRoomData(this.tableViewData[j]);
+            }
+            if (this.tableViewData) {
+                this.ueserWiseTableView(this.tableViewData);
+            }
+        };
+        TableviewComponent.prototype.updateDataType = function (dataType) {
+            this.isUserWise = dataType;
+        };
+        TableviewComponent.prototype.updateChartType = function (dataType) {
+            this.myChartType = dataType;
+            if (this.myChartType == angularGoogleCharts.ChartType.Timeline) {
+                this.tableViewDiv.style.display = 'none';
+            }
+            else {
+                this.tableViewDiv.style.display = 'block';
+            }
+        };
+        TableviewComponent.prototype.ueserWiseTableView = function (resoureMetadata) {
+            //console.log('AAA resoureMetadata', resoureMetadata);
+            //  this.deleterow("tableRow");
+            document.getElementById("tblBody").innerHTML = "";
+            var labelArray = new Array();
+            var cnt = 0;
+            for (var i = 0; i < resoureMetadata.length; i++) {
+                for (var j = 0; j < 12; j++) {
+                    //let label = document.createElement('label');
+                    //label.appendChild(document.createTextNode(resoureMetadata[i][j]));
+                    var label = document.createElement('div');
+                    label.innerHTML = (resoureMetadata[i][j]);
+                    //console.log('11dec label.textContent',label.textContent)
+                    if (label.textContent === 'undefined' ||
+                        label.textContent === undefined ||
+                        label.textContent === 'undefined\nce6-a' ||
+                        label.textContent === 'undefined\nce6' ||
+                        label.textContent === 'undefined\n' ||
+                        label.textContent === 'undefined\nAndroid' ||
+                        label.textContent === 'undefined\nWeb' ||
+                        label.textContent === 'undefined\n' ||
+                        label.textContent === '\nundefined' ||
+                        label.textContent === ' undefined' ||
+                        label.textContent === 'undefined-' ||
+                        label.textContent === 'undefined-c' ||
+                        label.textContent === 'undefined- ') {
+                        label.textContent = '';
+                    }
+                    labelArray.push(label);
+                }
+            }
+            //console.log("labelArray",labelArray);
+            for (var j = 0; j <= resoureMetadata.length; j++) {
+                var row = document.createElement('tr');
+                var cell = void 0;
+                for (var i = 0; i < 12; i++) {
+                    cell = document.createElement('td');
+                    if (cnt < labelArray.length) {
+                        cell.appendChild(labelArray[cnt]);
+                        row.appendChild(cell);
+                    }
+                    cnt++;
+                }
+                this.tblBody.appendChild(row);
+                // this.tableRow.appendChild(this.tblBody);
+            }
+        };
+        return TableviewComponent;
+    }());
+    TableviewComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'lib-tableview',
+                    template: "\n  <div id=\"tableViewDiv\" class=\"pd-tableViewDiv\">\n   \n    <table class=\"table table-bordered\" id=\"tableRow\">\n      <thead class=\"table-head\">\n        <tr class=\"table-headerRow\">\n          <th scope=\"col\">Teacher Name</th>\n          <th scope=\"col\">Subjects</th>\n          <th scope=\"col\">Date</th>\n          <th scope=\"col\">Start Time</th>\n          <th scope=\"col\">End Time</th>\n          <th scope=\"col\">Duration (mins)</th>\n          <th scope=\"col\">Room</th>\n          <th scope=\"col\">Subject</th>\n          <th scope=\"col\">Topic of Class</th>\n          <th scope=\"col\">Chapter Name</th>\n          <th scope=\"col\">Topic Name</th>\n          <th scope=\"col\">Assets Details</th>\n          \n        </tr>\n      </thead>\n      <tbody id=\"tblBody\">\n       \n      </tbody>\n    </table>\n  </div>\n  \n",
+                    styles: [".pd-tableViewDiv{width:100%;height:744px;overflow:scroll}.pd-tableViewDiv #tableRow{font-size:small;width:100%;margin-left:24px;margin-top:10px}.pd-tableViewDiv .table-headerRow{font-weight:700}.pd-tableViewDiv .table-head{position:sticky;top:0;background:#fff}.roomCell{display:flex;flex-direction:row;align-content:center;justify-content:flex-start;align-items:center}"]
+                },] }
+    ];
+    TableviewComponent.ctorParameters = function () { return [
+        { type: PrincipalDashboardLibV2Service }
+    ]; };
+    TableviewComponent.propDecorators = {
+        data: [{ type: i0.Input }]
+    };
+
+    var FullTableViewComponent = /** @class */ (function () {
+        function FullTableViewComponent(pdService) {
+            this.pdService = pdService;
+            this.currentUserArray = [];
+            this.remaningUsers = [];
+            this.allUsers = [];
+            this.usersCheckboxChecked = false;
+            this.isDisplay = false;
+        }
+        Object.defineProperty(FullTableViewComponent.prototype, "data", {
+            set: function (res) {
+                if (res !== null) {
+                    console.log('newtable', JSON.parse(res));
+                    this.jsonResponse = JSON.parse(res);
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        FullTableViewComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.loadUserData();
+            this.pdService.chartType.subscribe(function (data) {
+                if (data) {
+                    console.log('newTable', data);
+                    _this.isDisplay = data === "Table";
+                }
+            });
+        };
+        FullTableViewComponent.prototype.loadUserData = function () {
+            var _this = this;
+            var json = this.jsonResponse;
+            var usersConsole = json.usersConsole.userConsole;
+            var usersMetadata = json.usersMetadata.userMetadata;
+            var resourcesMetadata = json.resourcesMetadata.resourceMetadata;
+            usersConsole.forEach(function (user) {
+                var _a;
+                var userDetails = usersMetadata.find(function (userMeta) { return userMeta.userId === user.userId; });
+                if (user === null || user === void 0 ? void 0 : user.userConsoleResources) {
+                    var userConsoleResource = (_a = user.userConsoleResources) === null || _a === void 0 ? void 0 : _a.userConsoleResource;
+                    if (userConsoleResource && userConsoleResource.length > 0) {
+                        userConsoleResource.forEach(function (userResource, userIndex) {
+                            var _a, _b, _c, _d, _e, _f;
+                            var resourceId = userResource.resourceId;
+                            var resourceDetails = resourcesMetadata.find(function (resource) { return resource.resourceId === resourceId &&
+                                userResource.type === resource.type; });
+                            // console.log('userResource.type',userResource.type)
+                            var prefix = _this.getDisplayTypeValue(userResource.type);
+                            var title = (resourceDetails === null || resourceDetails === void 0 ? void 0 : resourceDetails.title) || '';
+                            var tp = (_a = resourceDetails === null || resourceDetails === void 0 ? void 0 : resourceDetails.teachingPoint) === null || _a === void 0 ? void 0 : _a.title;
+                            var subject = (_b = resourceDetails === null || resourceDetails === void 0 ? void 0 : resourceDetails.subject) === null || _b === void 0 ? void 0 : _b.title;
+                            var chapter = (_c = resourceDetails === null || resourceDetails === void 0 ? void 0 : resourceDetails.chapter) === null || _c === void 0 ? void 0 : _c.title;
+                            var grade = (_d = resourceDetails === null || resourceDetails === void 0 ? void 0 : resourceDetails.grade) === null || _d === void 0 ? void 0 : _d.title;
+                            var startTime = new Date(user === null || user === void 0 ? void 0 : user.startTime);
+                            var endTime = new Date(user === null || user === void 0 ? void 0 : user.endTime);
+                            var totalDuration = _this.formatTime(Math.round((endTime.getTime() - startTime.getTime()) / 1000));
+                            var duration = parseInt((userResource === null || userResource === void 0 ? void 0 : userResource.duration) || '0');
+                            //duration = duration === 0 ? "<span style='colore:red;'>(Seen)</span>" : this.formatTime(duration);
+                            if (((_e = userResource === null || userResource === void 0 ? void 0 : userResource.type) === null || _e === void 0 ? void 0 : _e.includes('question')) || ((_f = userResource === null || userResource === void 0 ? void 0 : userResource.type) === null || _f === void 0 ? void 0 : _f.includes('cquestion'))) {
+                                duration = 0;
+                            }
+                            else {
+                                duration = duration === 0 ? "<span class='seenTag' style='color:blue;'>(Seen)</span>" : _this.formatTime(duration);
+                            }
+                            var finalAssetTitle = prefix + " : " + title + " : " + duration;
+                            if (title === '') {
+                                finalAssetTitle = prefix + " : " + duration;
+                            }
+                            // console.log('chapterTitlte', chapter)
+                            _this.currentUserArray.push({
+                                userId: user.userId,
+                                teacherName: userIndex === 0 ? userDetails === null || userDetails === void 0 ? void 0 : userDetails.fullName : '',
+                                subjects: userIndex === 0 ? userDetails === null || userDetails === void 0 ? void 0 : userDetails.userSubjects : '',
+                                date: userIndex === 0 ? user === null || user === void 0 ? void 0 : user.selectedDate : '',
+                                startTime: userIndex === 0 ? _this.formatDate(startTime) : '',
+                                endtime: userIndex === 0 ? _this.formatDate(endTime) : '',
+                                totalDuration: userIndex === 0 ? totalDuration : '',
+                                room: userIndex === 0 ? user === null || user === void 0 ? void 0 : user.terminalIP : '',
+                                tp: tp,
+                                subject: subject,
+                                chapter: chapter,
+                                grade: grade,
+                                details: finalAssetTitle,
+                            });
+                        });
+                    }
+                }
+            });
+            var currentUserIds = this.currentUserArray
+                .map(function (x) { return x.userId; })
+                .filter(function (x, i, a) { return a.indexOf(x) === i; });
+            this.remaningUsers = usersMetadata
+                .filter(function (user) { return !currentUserIds.includes(user.userId); })
+                .map(function (user) {
+                return {
+                    userId: user.userId,
+                    teacherName: user === null || user === void 0 ? void 0 : user.fullName,
+                    subjects: user === null || user === void 0 ? void 0 : user.userSubjects,
+                    date: '',
+                    startTime: '',
+                    endtime: '',
+                    totalDuration: '0s',
+                    room: '',
+                    tp: '',
+                    subject: '',
+                    chapter: '',
+                    grade: '',
+                    details: '',
+                };
+            });
+            this.allUsers = __spread(this.currentUserArray, this.remaningUsers);
+            this.loadTable(this.currentUserArray);
+        };
+        FullTableViewComponent.prototype.getDisplayTypeValue = function (key) {
+            var assetTypeConfig = [
+                { type: 'asset_media', display: 'Media' },
+                { type: 'asset_print', display: 'Print' },
+                { type: 'quiz', display: 'Quiz' },
+                { type: 'question', display: 'Question' },
+                { type: 'chapter', display: 'Chapter' },
+                { type: 'tp', display: 'Topic' },
+                { type: 'whiteboard', display: 'Whiteboard' },
+                { type: 'widget', display: 'Widget' },
+                { type: 'casset_media', display: 'cMedia' },
+                { type: 'casset_print', display: 'cPrint' },
+                { type: 'cquiz', display: 'cQuiz' },
+                { type: 'cquestion', display: 'cQuestion' },
+                { type: 'image', display: 'Image' },
+                { type: 'video', display: 'Video' },
+                { type: 'tools', display: 'Tools' },
+                { type: 'feature', display: 'Feature' },
+                { type: 'ebook', display: 'Ebook' }
+            ];
+            var asset = assetTypeConfig.find(function (value) { return value.type === key; });
+            return asset ? asset.display : key;
+        };
+        FullTableViewComponent.prototype.formatDate = function (now) {
+            var hours = now.getHours();
+            var minutes = now.getMinutes();
+            var seconds = now.getSeconds();
+            var ampm = hours >= 12 ? 'PM' : 'AM';
+            hours = hours % 12 || 12;
+            return hours.toString().padStart(2, '0') + ":" + minutes
+                .toString()
+                .padStart(2, '0') + ":" + seconds.toString().padStart(2, '0') + " " + ampm;
+        };
+        FullTableViewComponent.prototype.formatTime = function (seconds) {
+            var days = Math.floor(seconds / 86400);
+            var hours = Math.floor((seconds % 86400) / 3600);
+            var minutes = Math.floor((seconds % 3600) / 60);
+            var secs = seconds % 60;
+            if (seconds < 60)
+                return secs + "s";
+            if (seconds < 3600)
+                return minutes + "m " + secs + "s";
+            if (seconds < 86400)
+                return hours + "h " + minutes + "m " + secs + "s";
+            return days + "d " + hours + "h " + minutes + "m " + secs + "s";
+        };
+        FullTableViewComponent.prototype.loadTable = function (data) {
+            /*
+            const tableBody = document.querySelector("#teacherTable tbody");
+        
+              data.forEach((item) => {
+                const row = document.createElement("tr");
+                for (const key in item) {
+                  const cell = document.createElement("td");
+                  cell.textContent = item[key];
+                  if (key !== "userId") {
+                    row.appendChild(cell);
+                  }
+                }
+                tableBody.appendChild(row);
+              });*/
+        };
+        FullTableViewComponent.prototype.toggleUsers = function () {
+            this.usersCheckboxChecked = !this.usersCheckboxChecked;
+            this.loadTable(this.usersCheckboxChecked
+                ? this.allUsers
+                : this.currentUserArray);
+        };
+        FullTableViewComponent.prototype.getMockJson = function () {
+            // Replace with actual data fetching logic
+            return {};
+        };
+        return FullTableViewComponent;
+    }());
+    FullTableViewComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'lib-full-table-view',
+                    template: "\n<div class=\"tableViewList\" *ngIf=\"isDisplay\">\n    <!-- <label for=\"usersCheckbox\">All</label>\n        <input\n          type=\"checkbox\"\n          id=\"usersCheckbox\"\n          [checked]=\"usersCheckboxChecked\"\n          (change)=\"toggleUsers()\"\n        /> -->\n    <div class=\"tableArea\">\n        \n        <table id=\"teacherTable\">\n          <thead class=\"tablehead\">\n            <tr>\n              <th>Teacher Name</th>\n              <th>Subjects</th>\n              <th>Date</th>\n              <th>Start Time</th>\n              <th>End Time</th>\n              <th>Total Duration</th>\n              <th>Room</th>\n              <th>Topic</th>\n              <th>Subject</th>\n              <th>Chapter</th>\n              <th>Grade</th>\n              <th>Details</th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr *ngFor=\"let user of currentUserArray\">\n              <td>{{ user.teacherName }}</td>\n              <td>{{ user.subjects }}</td>\n              <td>{{ user.date }}</td>\n              <td>{{ user.startTime }}</td>\n              <td>{{ user.endtime }}</td>\n              <td>{{ user.totalDuration }}</td>\n              <td>{{ user.room }}</td>\n              <td>{{ user.tp }}</td>\n              <td>{{ user.subject }}</td>\n              <td>{{ user.chapter }}</td>\n              <td>{{ user.grade }}</td>\n              <td><div [innerHTML]=\"user.details\"></div></td>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    \n</div>\n  ",
+                    styles: ["body{font-family:Arial,sans-serif;margin:20px}.tablehead{position:sticky;top:0;background:#fff}table{width:100%;border-collapse:collapse}td,th{border:1px solid #ddd;padding:8px;text-align:left}th{background-color:#f4f4f4;font-weight:700}tr:nth-child(2n){background-color:#f9f9f9}tr:hover{background-color:#f1f1f1}.tableViewList{position:absolute;margin-top:20px}.tableArea{height:700px;overflow:scroll;font-size:12px;margin:20px 5px 5px}.seenTag{color:#00f}"]
+                },] }
+    ];
+    FullTableViewComponent.ctorParameters = function () { return [
+        { type: PrincipalDashboardLibV2Service }
+    ]; };
+    FullTableViewComponent.propDecorators = {
+        data: [{ type: i0.Input }]
+    };
+
+    var SmallTableViewComponent = /** @class */ (function () {
+        function SmallTableViewComponent(pdService) {
+            this.pdService = pdService;
+            this.currentTimeFrameUserArray = [];
+            this.currentUserArray = [];
+            this.remaningUsers = [];
+            this.allUsers = [];
+            this.usersCheckboxChecked = false;
+            this.isDisplay = false;
+        }
+        Object.defineProperty(SmallTableViewComponent.prototype, "data", {
+            set: function (res) {
+                if (res !== null) {
+                    //console.log('smallTable',JSON.parse(res));
+                    this.jsonResponse = JSON.parse(res);
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        SmallTableViewComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.pdService.openSmallTable$.subscribe(function (data) {
+                if (data) {
+                    _this.isDisplay = true;
+                    var userid = _this.findUserIdByName(data['userDetails'][0]);
+                    var startTime = data['userDetails'][1];
+                    var endTime = data['userDetails'][3];
+                    _this.loadUserData(userid, startTime, endTime);
+                }
+                else {
+                    _this.isDisplay = false;
+                }
+            });
+            this.pdService.chartType.subscribe(function (data) {
+                _this.isDisplay = false;
+            });
+        };
+        SmallTableViewComponent.prototype.findUserIdByName = function (name) {
+            var json = this.jsonResponse;
+            var user = json.usersMetadata.userMetadata.find(function (user) { return user.fullName === name; });
+            return user ? user.userId : null;
+        };
+        SmallTableViewComponent.prototype.loadUserData = function (userId, inputStartTime, inputEndTime) {
+            var _this = this;
+            this.currentUserArray = [];
+            this.allUsers = [];
+            this.currentTimeFrameUserArray = [];
+            var json = this.jsonResponse;
+            var usersConsole = json.usersConsole.userConsole;
+            var usersMetadata = json.usersMetadata.userMetadata;
+            var resourcesMetadata = json.resourcesMetadata.resourceMetadata;
+            var filteredUsersConsole = userId
+                ? usersConsole.filter(function (user) { return user.userId === userId; })
+                : usersConsole;
+            filteredUsersConsole.forEach(function (user) {
+                var _a;
+                var userDetails = usersMetadata.find(function (userMeta) { return userMeta.userId === user.userId; });
+                if (user === null || user === void 0 ? void 0 : user.userConsoleResources) {
+                    var userConsoleResource = (_a = user.userConsoleResources) === null || _a === void 0 ? void 0 : _a.userConsoleResource;
+                    if (userConsoleResource && userConsoleResource.length > 0) {
+                        userConsoleResource.forEach(function (userResource, userIndex) {
+                            var _a, _b, _c, _d, _e, _f;
+                            var resourceId = userResource.resourceId;
+                            var resourceDetails = resourcesMetadata.find(function (resource) { return resource.resourceId === resourceId &&
+                                userResource.type === resource.type; });
+                            var prefix = _this.getDisplayTypeValue(userResource.type);
+                            var title = (resourceDetails === null || resourceDetails === void 0 ? void 0 : resourceDetails.title) || '';
+                            var tp = _this.decodeHtmlEntities((_a = resourceDetails === null || resourceDetails === void 0 ? void 0 : resourceDetails.teachingPoint) === null || _a === void 0 ? void 0 : _a.title);
+                            var subject = _this.decodeHtmlEntities((_b = resourceDetails === null || resourceDetails === void 0 ? void 0 : resourceDetails.subject) === null || _b === void 0 ? void 0 : _b.title);
+                            var chapter = _this.decodeHtmlEntities((_c = resourceDetails === null || resourceDetails === void 0 ? void 0 : resourceDetails.chapter) === null || _c === void 0 ? void 0 : _c.title);
+                            var grade = _this.decodeHtmlEntities((_d = resourceDetails === null || resourceDetails === void 0 ? void 0 : resourceDetails.grade) === null || _d === void 0 ? void 0 : _d.title);
+                            var startTime = new Date(user === null || user === void 0 ? void 0 : user.startTime);
+                            var endTime = new Date(user === null || user === void 0 ? void 0 : user.endTime);
+                            var totalDuration = _this.formatTime(Math.round((endTime.getTime() - startTime.getTime()) / 1000));
+                            var duration = parseInt((userResource === null || userResource === void 0 ? void 0 : userResource.duration) || '0');
+                            //duration = duration === 0 ? "<span class='dddd'>(Seen)</span>" : this.formatTime(duration);                    
+                            if (((_e = userResource === null || userResource === void 0 ? void 0 : userResource.type) === null || _e === void 0 ? void 0 : _e.includes('question')) || ((_f = userResource === null || userResource === void 0 ? void 0 : userResource.type) === null || _f === void 0 ? void 0 : _f.includes('cquestion'))) {
+                                duration = 0;
+                            }
+                            else {
+                                duration = duration === 0 ? "<span class='dddd'>(Seen)</span>" : _this.formatTime(duration);
+                            }
+                            var finalAssetTitle = prefix + " : " + title + " : " + duration;
+                            if (title === '') {
+                                finalAssetTitle = prefix + " : " + duration;
+                            }
+                            _this.currentUserArray.push({
+                                userId: user.userId,
+                                teacherName: userIndex === 0 ? userDetails === null || userDetails === void 0 ? void 0 : userDetails.fullName : '',
+                                subjects: userIndex === 0 ? userDetails === null || userDetails === void 0 ? void 0 : userDetails.userSubjects : '',
+                                date: userIndex === 0 ? user === null || user === void 0 ? void 0 : user.selectedDate : '',
+                                startTime: userIndex === 0 ? _this.formatDate(startTime) : _this.formatDate(startTime),
+                                endtime: userIndex === 0 ? _this.formatDate(endTime) : _this.formatDate(endTime),
+                                totalDuration: userIndex === 0 ? totalDuration : '',
+                                room: userIndex === 0 ? user === null || user === void 0 ? void 0 : user.terminalIP : '',
+                                tp: tp,
+                                subject: subject,
+                                chapter: chapter,
+                                grade: grade,
+                                details: finalAssetTitle,
+                            });
+                        });
+                    }
+                }
+            });
+            var currentUserIds = this.currentUserArray
+                .map(function (x) { return x.userId; })
+                .filter(function (x, i, a) { return a.indexOf(x) === i; });
+            this.remaningUsers = usersMetadata
+                .filter(function (user) { return !currentUserIds.includes(user.userId); })
+                .map(function (user) {
+                return {
+                    userId: user.userId,
+                    teacherName: user === null || user === void 0 ? void 0 : user.fullName,
+                    subjects: user === null || user === void 0 ? void 0 : user.userSubjects,
+                    date: '',
+                    startTime: '',
+                    endtime: '',
+                    totalDuration: '0s',
+                    room: '',
+                    tp: '',
+                    subject: '',
+                    chapter: '',
+                    grade: '',
+                    details: '',
+                };
+            });
+            this.allUsers = __spread(this.currentUserArray, this.remaningUsers);
+            this.currentTimeFrameUserArray = this.filterDataByCriteria(this.currentUserArray, userId, inputStartTime, inputEndTime);
+            console.log('smallData', this.currentTimeFrameUserArray);
+        };
+        SmallTableViewComponent.prototype.filterDataByCriteria = function (userData, inputUserId, inputStartTime, inputEndTime) {
+            var parseTime = function (timeString) {
+                if (!timeString)
+                    return null;
+                var _g = __read(timeString.split(' '), 2), time = _g[0], meridian = _g[1];
+                var _h = __read(time.split(':').map(Number), 3), hours = _h[0], minutes = _h[1], seconds = _h[2];
+                var isPM = meridian === 'PM';
+                return new Date(0, 0, 0, isPM && hours < 12 ? hours + 12 : hours, minutes, seconds);
+            };
+            var startTime = parseTime(inputStartTime);
+            var endTime = parseTime(inputEndTime);
+            var filteredData = userData.filter(function (entry) {
+                if (entry.userId !== inputUserId)
+                    return false;
+                if (!entry.startTime || !entry.endtime)
+                    return false;
+                var entryStart = parseTime(entry.startTime);
+                var entryEnd = parseTime(entry.endtime);
+                return entryStart && entryEnd && entryStart >= startTime && entryEnd <= endTime;
+            });
+            return filteredData.map(function (entry, index) { return (Object.assign(Object.assign({}, entry), { subsequentCount: index })); });
+        };
+        // Converts entities like &#8242; or &amp; into their characters so they render as text
+        SmallTableViewComponent.prototype.decodeHtmlEntities = function (value) {
+            if (!value)
+                return value;
+            var textarea = document.createElement('textarea');
+            textarea.innerHTML = value;
+            return textarea.value;
+        };
+        SmallTableViewComponent.prototype.getDisplayTypeValue = function (key) {
+            var assetTypeConfig = [
+                { type: 'asset_media', display: 'Media' },
+                { type: 'asset_print', display: 'Print' },
+                { type: 'quiz', display: 'Quiz' },
+                { type: 'question', display: 'Question' },
+                { type: 'chapter', display: 'Chapter' },
+                { type: 'tp', display: 'Topic' },
+                { type: 'whiteboard', display: 'Whiteboard' },
+                { type: 'widget', display: 'Widget' },
+                { type: 'casset_media', display: 'cMedia' },
+                { type: 'casset_print', display: 'cPrint' },
+                { type: 'cquiz', display: 'cQuiz' },
+                { type: 'cquestion', display: 'cQuestion' },
+                { type: 'image', display: 'Image' },
+                { type: 'video', display: 'Video' },
+                { type: 'tools', display: 'Tools' },
+                { type: 'feature', display: 'Feature' },
+            ];
+            var asset = assetTypeConfig.find(function (value) { return value.type === key; });
+            return asset ? asset.display : key;
+        };
+        SmallTableViewComponent.prototype.formatDate = function (now) {
+            var hours = now.getHours();
+            var minutes = now.getMinutes();
+            var seconds = now.getSeconds();
+            var ampm = hours >= 12 ? 'PM' : 'AM';
+            hours = hours % 12 || 12;
+            return hours.toString().padStart(2, '0') + ":" + minutes
+                .toString()
+                .padStart(2, '0') + ":" + seconds.toString().padStart(2, '0') + " " + ampm;
+        };
+        SmallTableViewComponent.prototype.formatTime = function (seconds) {
+            var days = Math.floor(seconds / 86400);
+            var hours = Math.floor((seconds % 86400) / 3600);
+            var minutes = Math.floor((seconds % 3600) / 60);
+            var secs = seconds % 60;
+            if (seconds < 60)
+                return secs + "s";
+            if (seconds < 3600)
+                return minutes + "m " + secs + "s";
+            if (seconds < 86400)
+                return hours + "h " + minutes + "m " + secs + "s";
+            return days + "d " + hours + "h " + minutes + "m " + secs + "s";
+        };
+        SmallTableViewComponent.prototype.loadTable = function (data) {
+            /*
+            const tableBody = document.querySelector("#teacherTable tbody");
+        
+              data.forEach((item) => {
+                const row = document.createElement("tr");
+                for (const key in item) {
+                  const cell = document.createElement("td");
+                  cell.textContent = item[key];
+                  if (key !== "userId") {
+                    row.appendChild(cell);
+                  }
+                }
+                tableBody.appendChild(row);
+              });*/
+        };
+        SmallTableViewComponent.prototype.toggleUsers = function () {
+            this.usersCheckboxChecked = !this.usersCheckboxChecked;
+            this.loadTable(this.usersCheckboxChecked
+                ? this.allUsers
+                : this.currentUserArray);
+        };
+        SmallTableViewComponent.prototype.onCloseBtnClick = function () {
+            this.isDisplay = false;
+            //this.pdService.openSmallTable.next(false);
+        };
+        return SmallTableViewComponent;
+    }());
+    SmallTableViewComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'lib-small-table-view',
+                    template: "<div id=\"pd-deatilViewContainer\" *ngIf=\"isDisplay\">\n    <div class=\"pd-detailview-header\">\n      <div class=\"pd-detailview-title\">Details</div>\n      <div id=\"pd-closeButton\" (click)=\"onCloseBtnClick()\">+</div>\n    </div>\n\n    <div class=\"newTablesContainer\">\n\n        <table id=\"userDataTable\" class=\"table table-bordered\">\n            <tbody>\n                <tr>\n                    <th style=\"font-weight: bold;\"><label>Name:</label></th>\n                    <td><label>{{ currentTimeFrameUserArray[0]?.teacherName || '' }}</label></td>\n                    <th style=\"font-weight: bold;\"><label>Start Time:</label></th>\n                    <td><label>{{ currentTimeFrameUserArray[0]?.startTime || '' }}</label></td>\n                </tr>\n                <tr>\n                    <th style=\"font-weight: bold;\"><label>Subject:</label></th>\n                    <td><label>{{ currentTimeFrameUserArray[0]?.subject || '' }}</label></td>\n                    <th style=\"font-weight: bold;\"><label>End Time:</label></th>\n                    <td><label>{{ currentTimeFrameUserArray[0]?.endtime || '' }}</label></td>\n                </tr>\n                <tr>\n                    <th style=\"font-weight: bold;\"><label>Room Details:</label></th>\n                    <td><label> {{ currentTimeFrameUserArray[0]?.room || '' }}</label></td>\n                </tr>\n            </tbody>\n        </table>\n        \n      \n\n          <table class=\"table table-bordered\" id=\"resoureMetadataTable\">\n            <tbody>\n                <tr>\n                    <th style=\"font-weight: bold;\"><label>Subject</label></th>\n                    <th style=\"font-weight: bold;\"><label>Class</label></th>\n                    <th style=\"font-weight: bold;\"><label>Chapter Name</label></th>\n                    <th style=\"font-weight: bold;\"><label>Topic Name</label></th>\n                    <th style=\"font-weight: bold;\"><label>Assets Details</label></th>\n                </tr>\n                <tr *ngFor=\"let item of currentTimeFrameUserArray\">\n                    <td><label>{{ item.subject || '' }}</label></td>\n                    <td><label>{{ item.grade || '' }}</label></td>\n                    <td><label>{{ item.chapter || '' }}</label></td>\n                    <td [innerHTML]=\"item.tp || ''\"></td> <!-- Use innerHTML to handle HTML content -->\n                    <td [innerHTML]=\"item.details || ''\"></td> <!-- Assets Details column -->\n                  </tr>\n            </tbody>\n        </table>\n\n        \n    </div>  \n  </div>",
+                    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}.newTablesContainer{overflow:scroll;height:310px;padding:3px;background:#fff;margin-bottom:2px}.dddd{color:#00f!important}"]
+                },] }
+    ];
+    SmallTableViewComponent.ctorParameters = function () { return [
+        { type: PrincipalDashboardLibV2Service }
+    ]; };
+    SmallTableViewComponent.propDecorators = {
+        data: [{ type: i0.Input }]
+    };
+
+    var PrincipalDashboardLibV2Module = /** @class */ (function () {
+        function PrincipalDashboardLibV2Module() {
+        }
+        return PrincipalDashboardLibV2Module;
+    }());
+    PrincipalDashboardLibV2Module.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [
+                        ChartheaderComponent,
+                        ChartviewComponent,
+                        DetailedviewComponent,
+                        HeaderComponent,
+                        TableviewComponent,
+                        PrincipalDashboardLibV2Component,
+                        FullTableViewComponent,
+                        SmallTableViewComponent
+                    ],
+                    imports: [
+                        common.CommonModule,
+                        angularGoogleCharts.GoogleChartsModule,
+                        ng2Datepicker.DatepickerModule
+                    ],
+                    exports: [
+                        PrincipalDashboardLibV2Component
+                    ]
+                },] }
+    ];
+
+    /*
+     * Public API Surface of principal-dashboard-lib-v2
+     */
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.PrincipalDashboardLibV2Component = PrincipalDashboardLibV2Component;
+    exports.PrincipalDashboardLibV2Module = PrincipalDashboardLibV2Module;
+    exports.PrincipalDashboardLibV2Service = PrincipalDashboardLibV2Service;
+    exports.ɵa = ChartheaderComponent;
+    exports.ɵb = ChartviewComponent;
+    exports.ɵc = DetailedviewComponent;
+    exports.ɵd = HeaderComponent;
+    exports.ɵe = ExceldataService;
+    exports.ɵf = TableviewComponent;
+    exports.ɵg = FullTableViewComponent;
+    exports.ɵh = SmallTableViewComponent;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=principal-dashboard-lib-v2.umd.js.map