{"__symbolic":"module","version":4,"metadata":{"TraningService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ngInjectableDef":{}}},"DialogData":{"__symbolic":"interface"},"DialogData1":{"__symbolic":"interface"},"TraningComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":38,"character":1},"arguments":[{"selector":"lib-traning","template":"<mat-card class=\"main-mat-card admingeneralcls\">\n    <span class=\"searchblock\">\n        <span class=\"searchblockwrapper\" style=\"display: inline;\">\n            <span>\n                <h1 class=\"header\">{{ headerText}}</h1>\n            </span>\n        </span>\n    </span>\n\n    <form novalidate (ngSubmit)=\"formsubmit()\" class=\"formclass\">\n        <ng-container [formGroup]=\"dataForm\" *ngFor=\"let item of formdataval; let i=index;\">\n            <!-- {{item|json}} -->\n            <div *ngIf=\"item.inputtype == 'text'\">\n                <!-- <mat-label *ngIf=\"item.inputtype == 'text'\">{{item.label}} : </mat-label> -->\n\n                <mat-form-field *ngIf=\"item.inputtype == 'text' || item.inputtype == 'password'\">\n                    <input matInput [type]=\"item.inputtype\" [placeholder]=\"item.placeholder\"\n                        [formControlName]=\"[item.name]\" (keyup)=\"issubmit=0\">\n\n                    <mat-error\n                        *ngIf=\"dataForm.controls[item.name]!=null &&  item.validationrule!=null && !dataForm.controls[item.name].valid && dataForm.controls[item.name].touched && issubmit==1\">\n                        {{item.label}}\n\n                        {{item.validationerrormsg}}</mat-error>\n                </mat-form-field>\n            </div>\n\n            <div *ngIf=\"item.inputtype == 'textarea'\">\n                <!-- <mat-label *ngIf=\"item.inputtype == 'textarea'\">{{item.label}} : </mat-label> -->\n\n                <mat-form-field *ngIf=\"item.inputtype == 'textarea'\">\n                    <textarea matInput [placeholder]=\"item.placeholder\" [formControlName]=\"[item.name]\"\n                        (keyup)=\"issubmit=0\"></textarea>\n                    <mat-error\n                        *ngIf=\"dataForm.controls[item.name]!=null &&  item.validationrule!=null && !dataForm.controls[item.name].valid && dataForm.controls[item.name].touched && issubmit==1\">\n                        {{item.label}}\n\n                        {{item.validationerrormsg}}</mat-error>\n                </mat-form-field>\n            </div>\n\n            <div *ngIf=\"item.inputtype == 'email'\">\n                <mat-form-field *ngIf=\"item.inputtype == 'email'\">\n                    <input matInput pattern=\"[a-z0-9._%+-]+@[a-z0-9.-]+\\.[a-z]{2,3}$\" [name]=\"item.name\"\n                        [type]=\"item.inputtype\" [placeholder]=\"item.placeholder\" [formControlName]=\"[item.name]\"\n                        (keyup)=\"issubmit=0\">\n                    <mat-error\n                        *ngIf=\"dataForm.controls[item.name]!=null &&  item.validationrule!=null && !dataForm.controls[item.name].valid && dataForm.controls[item.name].touched && issubmit==1\">\n                        {{item.label}}\n                        {{item.validationerrormsg}}</mat-error>\n                </mat-form-field>\n            </div>\n\n\n            <div *ngIf=\"item.inputtype == 'url'\">\n                <mat-form-field *ngIf=\"item.inputtype == 'url'\">\n                    <input matInput\n                        pattern=\"^(http:\\/\\/www\\.|https:\\/\\/www\\.|http:\\/\\/|https:\\/\\/)?[a-z0-9]+([\\-\\.]{1}[a-z0-9]+)*\\.[a-z]{2,5}(:[0-9]{1,5})?(\\/.*)?|^((http:\\/\\/www\\.|https:\\/\\/www\\.|http:\\/\\/|https:\\/\\/)?([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])\\.){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])$\"\n                        [name]=\"item.name\" [type]=\"item.inputtype\" [placeholder]=\"item.placeholder\"\n                        [formControlName]=\"[item.name]\" (keyup)=\"issubmit=0\">\n\n                    <mat-error\n                        *ngIf=\"dataForm.controls[item.name]!=null &&  item.validationrule!=null && !dataForm.controls[item.name].valid && dataForm.controls[item.name].touched && issubmit==1\">\n                        {{item.label}}\n                        {{item.validationerrormsg}}</mat-error>\n                </mat-form-field>\n            </div>\n\n            <div class=\"checkboxnew\" *ngIf=\"item.inputtype =='checkbox'\">\n                <mat-label *ngIf=\"item.inputtype =='checkbox'\">{{item.label}}:</mat-label>\n                <!-- <mat-checkbox *ngIf=\"item.inputtype == 'checkbox' \" [ngClass]=\"item.class\"\n                    [formControlName]=\"[item.name]\" (keyup)=\"issubmit=0\" [(ngModel)]=\"checked\"></mat-checkbox> -->\n                <mat-checkbox *ngIf=\"item.inputtype == 'checkbox'\" [ngClass]=\"item.class\"\n                    [formControlName]=\"[item.name]\" (keyup)=\"issubmit=0\" [(ngModel)]=\"checked\"></mat-checkbox>\n            </div><br>\n\n            <!-- <div class=\"checkboxnew\" *ngIf=\"item.inputtype =='checkbox'&& item.value !=null\">\n                <mat-label *ngIf=\"item.inputtype =='checkbox'\">{{item.label}}:</mat-label>\n                <mat-checkbox *ngFor=\"let val of item.value\" [ngClass]=\"item.class\"\n                    [formControlName]=\"[item.name]\" (keyup)=\"issubmit=0\" [(ngModel)]=\"checked\">{{val}} {{item.valuelabel}}</mat-checkbox>\n\n            </div><br> -->\n\n\n\n            <div *ngIf=\"item.inputtype =='radio'\">\n                <span *ngIf=\"item.inputtype =='radio'\">\n                    <mat-label *ngIf=\"item.inputtype=='radio'\">{{item.label}}:</mat-label>\n                    <mat-radio-group [formControlName]=\"[item.name]\">\n                        <mat-radio-button type=\"radio\" *ngFor=\"let val of item.value\" [name]=\"item.name\" [value]=\"val\"\n                            (keyup)=\"issubmit=0\" [ngClass]=\"item.class\">{{val}} {{item.valuelabel}}</mat-radio-button>\n                    </mat-radio-group>\n                </span>\n            </div>\n\n            <div *ngIf=\"item.inputtype == 'select'\">\n                <!-- <mat-label *ngIf=\"item.inputtype == 'select'\">{{item.label}}:</mat-label> -->\n                <mat-form-field *ngIf=\"item.inputtype == 'select'\">\n                    <span *ngIf=\"item.multiple!=true\">\n                        <mat-select [placeholder]=\"item.defaultchoice\" [formControlName]=\"item.name\"\n                            (selectionChange)=\"getMediaTypeVal($event.value,item.name);\" value=\"\">\n                            <mat-option value=\"\" selected>{{item.defaultchoice}}</mat-option>\n                            <mat-option *ngFor=\"let selectval of item.sourceval\" value=\"{{selectval[item.selectid]}}\"\n                                (keyup)=\"issubmit=0\">\n                                {{selectval[item.selectvalue]}}</mat-option>\n                        </mat-select>\n                    </span>\n\n\n                    <span *ngIf=\"item.multiple==true\">\n                        <mat-select [placeholder]=\"item.defaultchoice\" [formControlName]=\"item.name\"\n                            (selectionChange)=\"getMediaTypeVal($event.value,item.name);\" value=\"\" multiple>\n                            <!-- <mat-option value=\"\" selected>{{item.defaultchoice}}</mat-option> -->\n                            <mat-option *ngFor=\"let selectval of item.sourceval\" value=\"{{selectval[item.selectid]}}\"\n                                (keyup)=\"issubmit=0\">\n                                {{selectval[item.selectvalue]}}</mat-option>\n                        </mat-select>\n                    </span>\n                    <mat-error\n                        *ngIf=\"dataForm.controls[item.name]!=null &&  item.validationrule!=null && !dataForm.controls[item.name].valid && dataForm.controls[item.name].touched && issubmit==1\">\n                        {{item.label}}\n                        {{item.validationerrormsg}}</mat-error>\n                </mat-form-field>\n\n            </div>\n\n            <div class=\"main_buttoncls\" *ngIf=\"item.inputtype == 'button' && item.buttonflag == true\"\n                style=\"display: inline;\">\n                <div class=\"filebuttoncls\" *ngFor=\"let i of item.sourceval;let ind=index\">\n                    <div class=\"typebtncls_{{ind}}\">\n                        <button matTooltip=\"Add {{i.name}}\" type=\"button\" mat-raised-button color=\"primary\"\n                            (click)=\"openTrainingType(i)\">Add\n                            {{i.name}} </button>\n                    </div>\n                </div>\n            </div>\n\n\n            <mat-progress-bar *ngIf=\"progressLoader && item.name =='associated_training'\" mode=\"indeterminate\">\n            </mat-progress-bar>\n        </ng-container>\n\n        <div>\n\n            <!-- <button type=\"button\" mat-raised-button color=\"primary\" (click)=\"addfile()\">add\n               file by modal </button> -->\n\n            <div *ngIf=\"file_array!=null && fileflag == true && file_array.length > 0\" class='fromClass'>\n                <div class=\"addfilecls\">\n                    <mat-label><b> Files : </b></mat-label>\n                    <span class=\"adddeletecls\">\n                        <!-- <i class=\"material-icons addbtn\" (click)=\"addflie()\">add_box</i> -->\n                    </span>\n                </div>\n\n\n                <div *ngFor=\"let item of file_array; let i=index;trackBy: trackByFn\" class=\"fromClass addvideoblock\">\n\n                    <!-- <lib-file-upload [config]='uploadConfigData'></lib-file-upload> -->\n\n                    <mat-card class=\"example-card imgcard\"\n                        *ngIf=\"file_array[i].screenshots != null && file_array[i].screenshots.fileservername !=null\">\n\n                        <!-- <span>\n                            <img mat-card-image [attr.src]=\"bucket_url + file_array[i].file.fileservername\">\n                        </span> -->\n\n                        <span\n                            *ngIf=\" file_array[i].type != null && file_array[i].type == 'jpeg' || file_array[i].type == 'png' || file_array[i].type == 'jpg'\">\n                            <img mat-card-image [attr.src]=\"bucket_url + file_array[i].screenshots.fileservername\">\n                        </span>\n\n                        <span class=\"filetype_{{file_array[i].type}} mat-card-image\"\n                            *ngIf=\" file_array[i].type != null && file_array[i].type == 'pdf' || file_array[i].type == 'doc' || file_array[i].type == 'ppt' || file_array[i].type == 'pptx' || file_array[i].type == 'file'\">\n                            <span class=\"material-icons icon_{{file_array[i].type}}\">\n                                picture_as_pdf\n                            </span>\n                        </span>\n\n                        <mat-card-title>{{ file_array[i].screenshots.name }}</mat-card-title>\n\n\n                        <!-- <span class=\"closecard\" (click)=\"clear_file('file_array',i)\"><i\n                                class=\"material-icons\">clear</i></span> -->\n                        <div>\n                            <span>\n                                <b> Title : </b> {{file_array[i].file_title}}\n                            </span><br>\n                            <span>\n                                <b> Description :</b> {{file_array[i].file_desc}}\n                            </span><br>\n                            <span>\n                                <b>Priority :</b> {{file_array[i].priority}}\n                            </span><br>\n                            <!-- <span>\n                                <b>Skippable :</b> {{file_array[i].file_skippable}}\n                            </span><br> -->\n                            <span *ngIf=\"file_array[i].skippeble==true\">\n                                <b>Skippable :</b> YES\n                            </span><br>\n                            <span *ngIf=\"file_array[i].skippeble==false\">\n                                <b>Skippable :</b> NO\n                            </span><br>\n                            <span class=\"adddeletefilecls\">\n                                <i class=\"material-icons addbtn\" (click)=\"addflie('edit',i,item)\">edit</i>\n                                <i class=\"material-icons delbtn\" (click)=\"removefile(i)\">delete</i>\n                            </span>\n                        </div>\n\n                    </mat-card>\n\n                </div>\n            </div>\n\n            <div *ngIf=\"audio_array!=null && audioflag == true && audio_array.length > 0\" class=\"fromClass\">\n                <div class=\"addAudiocls\">\n                    <mat-label><b> Audio : </b></mat-label>\n                    <span class=\"adddeletecls\">\n                    </span>\n                </div>\n                <!-- <span class=\"adddeletecls\">\n                    <i class=\"material-icons addbtn\" (click)=\"addAudio()\">add_box</i>\n                </span> -->\n\n                <div *ngFor=\"let item of audio_array; let i=index;trackBy: trackByFn\" class=\"fromClass addvideoblock\">\n\n                    <!-- <lib-file-upload [config]=\"uploadConfigData\"></lib-file-upload> -->\n\n                    <mat-card class=\"example-card imgcard\" *ngIf=\"audio_array[i].screenshots != null \">\n\n                        <div *ngIf=\"audio_array[i].screenshots !=null\">\n                            <audio controls>\n\n                                <source src=\"{{bucket_url + audio_array[i].screenshots.fileservername }}\"\n                                    type=\"audio/ogg\">\n                                <source src=\"{{ bucket_url + audio_array[i].screenshots.fileservername }}\"\n                                    type=\"audio/mpeg\">\n                                Your browser does not support the audio element.\n                            </audio>\n                        </div>\n                        <mat-card-title>{{ audio_array[i].screenshots.name }}</mat-card-title>\n                        <!-- <mat-card-subtitle>{{ audio_array[i].audio.type }}</mat-card-subtitle> -->\n                        <!-- <span class=\"closecard\" (click)=\"clear_file('audio_array',i)\"><i\n                                class=\"material-icons\">clear</i></span> -->\n                        <div>\n                            <span>\n                                <b> Title : </b> {{audio_array[i].audio_title}}\n                            </span><br>\n                            <span>\n                                <b> Description :</b> {{audio_array[i].audio_desc}}\n                            </span><br>\n                            <span>\n                                <b> Priority :</b> {{audio_array[i].priority}}\n                            </span><br>\n                            <!-- <span>\n                                <b>Skippable :</b> {{audio_array[i].audio_skippable}}\n                            </span><br> -->\n                            <span *ngIf=\"audio_array[i].skippeble==true\">\n                                <b>Skippable :</b> YES\n                            </span><br>\n                            <span *ngIf=\"audio_array[i].skippeble==false\">\n                                <b>Skippable :</b> NO\n                            </span><br>\n                            <span class=\"adddeleteAudiocls\">\n                                <i class=\"material-icons addbtn\" (click)=\"addAudio('edit',i,item)\">edit</i>\n                                <i class=\"material-icons delbtn\" (click)=\"removeaudio(i)\">delete</i>\n                            </span>\n                        </div>\n                    </mat-card>\n\n                </div>\n            </div>\n\n            <div *ngIf=\"video_array!=null && videoflag == true && video_array.length > 0\" class=\"fromClass\">\n                <div class=\"addvideocls\">\n                    <mat-label><b> Videos : </b></mat-label>\n                    <span class=\"adddeletecls\">\n                    </span>\n                </div>\n\n                <div *ngFor=\"let item of video_array; let i=index;trackBy: trackByFn\" class=\"fromClass addvideoblock\">\n\n                    <div>\n\n                        <span>\n                            <b> Url : </b>\n                        </span><span matPrefix>{{video_array[i].video_url}}\n                            &nbsp;</span>\n\n                        <mat-icon matSuffix class=\"clickable\" (click)=\"preview_video(video_array[i].video_url)\">\n                            remove_red_eye</mat-icon><br>\n                        <span>\n                            <b>Title : </b> {{video_array[i].video_title}}\n                        </span><br>\n                        <span>\n                            <b>Description :</b> {{video_array[i].video_description}}\n                        </span><br>\n                        <span>\n                            <b> Priority :</b> {{video_array[i].priority}}\n                        </span><br>\n                        <!-- <span>\n                            <b>Skippable :</b> {{video_array[i].video_skippable}}\n                        </span><br> -->\n                        <span *ngIf=\"video_array[i].video_skippable==true\">\n                            <b>Skippable :</b> YES\n                        </span><br>\n                        <span *ngIf=\"video_array[i].video_skippable==false\">\n                            <b>Skippable :</b> NO\n                        </span><br>\n                        <span class=\"adddeletevideocls\">\n                            <i class=\"material-icons addbtn\" (click)=\"addVideo('edit',i,item)\">edit</i>\n                            <i class=\"material-icons delbtn\" (click)=\"removevideo(i)\">delete</i>\n                        </span>\n                    </div> <br>\n                </div>\n            </div>\n\n\n\n\n\n\n            <ng-container *ngIf='showfieldflag==true '>\n\n                <div>\n                    <mat-label><b> Description : </b></mat-label>\n                    <ck-editor [config]=\"editorconfig\" [(ngModel)]=\"htmType\" [ngModelOptions]=\"{standalone: true}\">\n                    </ck-editor>\n                </div>\n\n                <div>\n                    <span>\n                        <mat-checkbox class=\"quizcls\" [(ngModel)]=\"has_test_lesson\"\n                            [ngModelOptions]=\"{standalone: true}\">Has Quiz ?\n                        </mat-checkbox>\n\n                        <div class=\"quiz_checkboxnew\" *ngIf=\"has_test_lesson == true\">\n                            <mat-form-field>\n                                <input type=\"number\" matInput placeholder=\"Enter Complete Test Percentage (%)\"\n                                    [(ngModel)]=\"test_percentage\" [ngModelOptions]=\"{standalone: true}\">\n                            </mat-form-field>\n                        </div>\n\n                    </span>\n                </div>\n\n                <div *ngIf=\"betoparedesFlag!=true\">\n                    <span>\n                        <mat-checkbox (change)=\"getchkboxval($event.checked)\" [(ngModel)]=\"chkboxval\"\n                            [ngModelOptions]=\"{standalone: true}\">Has Lesson plan?</mat-checkbox>\n                    </span>\n                </div>\n\n                <div *ngIf=\"hasLessonVal == true\">\n                    <mat-form-field>\n                        <mat-label>Select A One</mat-label>\n                        <mat-select [(ngModel)]=\"lessonplanValue\" [ngModelOptions]=\"{standalone: true}\">\n                            <mat-option value=\"purchasable\">Purchasable </mat-option>\n                            <mat-option value=\"not_purchasable\">Not Purchasable </mat-option>\n                        </mat-select>\n                    </mat-form-field>\n                </div>\n\n\n            </ng-container>\n            <div *ngIf=\"traingtypeflag!=null && traingtypeflag==true\" class=\"traing_for\">\n                <mat-label>Training accessible to:</mat-label>\n                <span class=\"example-list-section\" *ngFor=\"let val of trainingacessable\">\n                    <mat-checkbox [(ngModel)]=\"val.completed\" (change)=\"checkCheckBoxvalue($event,val)\"\n                        [ngModelOptions]=\"{standalone: true}\">\n                        {{val.name}}\n                    </mat-checkbox>\n\n\n                </span>\n            </div>\n            <div>\n\n                <mat-label><b>Priority</b>\n                </mat-label>\n\n                <div>\n                    <mat-form-field>\n                        <input type=\"number\" matInput placeholder=\"Enter priority\" [(ngModel)]=\"priority\"\n                            [ngModelOptions]=\"{standalone: true}\">\n                    </mat-form-field>\n                </div>\n\n            </div>\n            <div class=\"btncls\">\n                <button class=\"trainingsubbtn\" mat-raised-button color=\"primary\" type=\"submit\">{{ buttonText }}\n                </button>\n                <button class=\"trainingsubbtn\" mat-raised-button color=\"primary\" type=\"reset\"\n                    (click)=\"cancelButton()\">Cancel</button>\n            </div>\n\n        </div>\n\n    </form>\n</mat-card>","styles":["*{box-sizing:border-box}.admingeneralcls h1{font-size:32px;background:#3f50b5;padding:15px 0;text-align:center;margin-bottom:0;color:#fff;text-transform:uppercase}.formclass{-webkit-box-align:center;align-items:center;background-color:#f3f3f3;padding:20px;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;flex-wrap:wrap;-webkit-box-pack:justify;justify-content:space-between}.formclass>div{box-sizing:border-box;width:calc(1/1*100% - (1 - 1/1)*10px);display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.formclass .mat-form-field{width:100%}.adddeletefilecls{cursor:pointer;position:relative;top:6px;right:-257px}.adddeleteAudiocls{cursor:pointer;position:relative;top:6px;right:-261px}.adddeletevideocls{cursor:pointer;position:relative;top:6px;right:-445px}.adddeleteAudiocls i.material-icons,.adddeletefilecls i.material-icons,.adddeletevideocls i.material-icons{font-size:32px}.addvideocls{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:start;justify-content:flex-start}.addvideoblock{background:#fff;display:-webkit-box;display:flex;width:550px;padding:15px;margin-top:10px}.addvideoblock:nth-child(1){margin-top:0}.addbtn{color:#4caf50}.delbtn{color:red}.clickable{cursor:pointer}.formclass input[type=text],.formclass select,.formclass textarea{width:100%;padding:0;border:0 solid #ccc;border-radius:4px;resize:vertical}.formclass mat-label{padding:12px 12px 12px 0;display:inline-block}.formclass .formvideoclass mat-form-field{width:100%;padding:0;border:0 solid #ccc;border-radius:4px;resize:vertical}.formclass input[type=submit]{background-color:#4caf50;color:#fff;padding:12px 20px;border:none;border-radius:4px;cursor:pointer;float:right}.formclass input[type=submit]:hover{background-color:#45a049}.formclass .row:after{content:\"\";display:table;clear:both}.formclass .submitbtn{display:block;width:170px;margin:10px auto;background:#3f50b5!important;color:#fff}.pointer{cursor:pointer}.ytp-watermark{position:absolute;width:110px;height:26px;bottom:49px;right:16px;z-index:27;opacity:.9;display:none}.typebtncls{padding:1px;margin:13px;display:inline;float:left}.files-view{background-repeat:no-repeat;background-size:cover;background-position:center;height:auto!important;width:82%;margin:20px auto;border-radius:10px;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:stretch;align-items:stretch;flex-wrap:wrap}.files-view .mat-card{z-index:9;margin:10px!important;display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:center;justify-content:center;width:27%;position:relative}.files-view .mat-card .mat-card-actions,.files-view .mat-card .mat-card-titlt{display:inline-block;width:100%}.files-view .mat-card .mat-card-subtitle{display:inline-block;width:100%;text-align:center}.closecard{position:absolute;top:-10px;right:-8px;background:#464545;height:25px;width:25px;border-radius:50%;border:1px solid #696969;color:#fff;text-align:center;box-shadow:0 2px 6px #00000070;cursor:pointer}.closecard i{font-size:18px;line-height:27px}.imgcard{margin:10px auto;-webkit-box-align:left;align-items:left;width:350px;word-break:break-all}.formclass[_ngcontent-serverApp-c2]>div[_ngcontent-serverApp-c2]{display:-webkit-box;display:flex}@media screen and (max-width:600px){.formclass input[type=submit]{width:100%;margin-top:0}}"]}]}],"members":{"formdata":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":112,"character":3}}]}],"PageName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":116,"character":3}}]}],"serverDetails":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":121,"character":3}}]}],"formSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":3}}]}],"ListingPageRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":132,"character":3}}]}],"ObjectId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":3}}]}],"FileUpload":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":141,"character":3}}]}],"IsItDna":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":145,"character":3}}]}],"IsitBetoparedes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":150,"character":3}}]}],"TraingAccessFlag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":156,"character":3}}]}],"TrainingAccessable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":161,"character":3}}]}],"BuketUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":165,"character":3}}]}],"Lesson_attachment_flag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":170,"character":3}}]}],"Showfields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":175,"character":3}}]}],"FromType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":179,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":185,"character":25},{"__symbolic":"reference","module":"ngx-cookie-service","name":"CookieService","line":185,"character":60},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":185,"character":93},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":185,"character":121},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":185,"character":152},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":185,"character":205},{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":185,"character":232},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":185,"character":260}]}],"listenFormFieldChange":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"formsubmit":[{"__symbolic":"method"}],"checkCheckBoxvalue":[{"__symbolic":"method"}],"equalToPass":[{"__symbolic":"method"}],"getselectdata":[{"__symbolic":"method"}],"getMediaTypeVal":[{"__symbolic":"method"}],"cancelButton":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"getButtonData":[{"__symbolic":"method"}],"openTrainingType":[{"__symbolic":"method"}],"addVideo":[{"__symbolic":"method"}],"addflie":[{"__symbolic":"method"}],"addAudio":[{"__symbolic":"method"}],"doneFileUpload":[{"__symbolic":"method"}],"doneAudioupload":[{"__symbolic":"method"}],"removevideo":[{"__symbolic":"method"}],"removefile":[{"__symbolic":"method"}],"removeaudio":[{"__symbolic":"method"}],"trackByFn":[{"__symbolic":"method"}],"preview_video":[{"__symbolic":"method"}],"geteditdata":[{"__symbolic":"method"}],"getchkboxval":[{"__symbolic":"method"}]}},"AddAudioVideoFileDialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":1015,"character":1},"arguments":[{"selector":"AddAudioVideoFileDialog","template":"<div class=\"maindivcls\">\n\n    <div class=\"headercls\" *ngIf=\"data?.heading != null\">\n        <span class=\"headercls\">\n\n            <h2><u>{{data.heading}}</u></h2>\n\n        </span>\n\n    </div>\n\n    <button (click)=\"onNoClick()\" class=\"Lesson_Videos_Modalclodse\"><span class=\"material-icons\">\n        clear\n    </span></button>\n    <div class=\"modalcomponent\">\n\n        <!-- for file  -->\n        <div class=\"videocontainer\" *ngIf=\"data.type_flag != null && data.type_flag == 'file'\">\n            <p class=\"mandetorycls\">*Please upload Single File</p>\n            <lib-showform class=\"addeditform\" *ngIf=\"formdata !=null\" [formdata]=\"formdata\" [formfieldrefresh]=\"formfieldrefresh\" [formfieldrefreshdata]=\"formfieldrefreshdata\" (onFormFieldChange)=\"listenFormFieldChange($event)\">\n            </lib-showform>\n            <!-- <lib-file-upload [config]='uploadConfigData'></lib-file-upload>\n\n            <mat-card class=\"example-card imgcard\"\n                *ngIf=\"fileFields.file != null && fileFields.file.fileservername !=null\">\n\n                <span\n                    *ngIf=\" fileFields.file.file_type != null && fileFields.file.file_type == 'jpeg' || fileFields.file.file_type == 'png' || fileFields.file.file_type == 'jpg'\">\n                    <img mat-card-image [attr.src]=\"bucket_url +fileFields.file.fileservername\">\n                </span>\n\n                <span class=\"filetype_{{fileFields.file.file_type}} mat-card-image\"\n                    *ngIf=\" fileFields.file.file_type != null && fileFields.file.file_type == 'pdf' || fileFields.file.file_type == 'doc' || fileFields.file.file_type == 'ppt' || fileFields.file.file_type == 'pptx' || fileFields.file.file_type == 'msword'\">\n                    <span class=\"material-icons icon_{{fileFields.file.file_type}}\">\n                        picture_as_pdf\n                    </span>\n                </span>\n\n\n\n                <mat-card-title>{{fileFields.file.fileservername }}</mat-card-title>\n\n                <span class=\"closecard\" (click)=\"clear_file(data.type_flag)\"><i class=\"material-icons\">clear</i></span>\n\n            </mat-card>\n\n            <mat-form-field class=\"flietitlecls\">\n                <input type=\"text\" matInput placeholder=\"File Title\" [(ngModel)]=\"fileFields.file_title\">\n            </mat-form-field>\n\n            <mat-form-field>\n                <textarea class=\"flietitlecls\" type=\"text\" matInput placeholder=\"File Description\"\n                    [(ngModel)]=\"fileFields.file_description \"></textarea>\n            </mat-form-field>\n\n            <mat-form-field class=\"flietitlecls\">\n                <input type=\"number\" matInput placeholder=\"File Priority\" [(ngModel)]=\"fileFields.priority\">\n            </mat-form-field>\n\n            <section class=\"example-section\">\n                <mat-checkbox matInput [(ngModel)]=\"fileFields.file_skippable\">Skippable ?\n                </mat-checkbox>\n            </section>\n\n            <button type=\"button\" mat-raised-button color=\"accent\" (click)=\"onNoClick()\">Cancel</button> &nbsp;\n\n            <button type=\"button\" mat-raised-button color=\"primary\" (click)=\"addfile('file_array')\">\n                {{data.buttonName}}</button> -->\n        </div>\n\n\n        <!-- for Audio  -->\n\n        <div *ngIf=\"data.type_flag != null && data.type_flag == 'audio'\" class=\"Lesson_Videos_Modal\">\n            <p class=\"mandetorycls\">*Please upload Single Audio</p>\n            <lib-showform class=\"addeditform\" *ngIf=\"formdata !=null\" [formdata]=\"formdata\" [formfieldrefresh]=\"formfieldrefresh\" [formfieldrefreshdata]=\"formfieldrefreshdata\" (onFormFieldChange)=\"listenFormFieldChange($event)\">\n            </lib-showform>\n    \n\n            <mat-card class=\"example-card imgcard\"\n                *ngIf=\"audioFields.audio != null && audioFields.audio.fileservername !=null\">\n\n                <audio controls>\n\n                    <source src=\"{{bucket_url +audioFields.audio.fileservername }}\" type=\"audio/ogg\">\n                    <source src=\"{{ bucket_url + audioFields.audio.fileservername }}\" type=\"audio/mpeg\">\n                    Your browser does not support the audio element.\n                </audio>\n\n                <mat-card-title>{{audioFields.audio.fileservername }}</mat-card-title>\n\n                <span class=\"closecard\" (click)=\"clear_file(data.type_flag)\"><i class=\"material-icons\">clear</i></span>\n\n            </mat-card>\n\n\n            <!-- <mat-form-field>\n                <input type=\"text\" matInput placeholder=\" Title\" [(ngModel)]=\"audioFields.audio_title\">\n            </mat-form-field>\n\n            <mat-form-field>\n                <textarea type=\"text\" matInput placeholder=\"Description\"\n                    [(ngModel)]=\"audioFields.audio_description\"></textarea>\n            </mat-form-field>\n\n            <mat-form-field class=\"flietitlecls\">\n                <input type=\"number\" matInput placeholder=\" Priority\" [(ngModel)]=\"audioFields.priority\">\n            </mat-form-field>\n\n            <section class=\"example-section\">\n                <mat-checkbox matInput [(ngModel)]=\"audioFields.audio_skippable\">Skippable ?\n                </mat-checkbox>\n            </section>\n\n            <button type=\"button\" mat-raised-button color=\"accent\" (click)=\"onNoClick()\">Cancel</button> &nbsp;\n\n            <button type=\"button\" mat-raised-button color=\"primary\" (click)=\"addaudio('audio_array',data.buttonName)\">\n                {{data.buttonName}}</button> -->\n        </div>\n\n\n        <!-- for video  -->\n        <div class=\"Lesson_Videos_Modal\" *ngIf=\"data.type_flag != null && data.type_flag == 'video'\">\n\n            <mat-form-field>\n                <span matPrefix>Add Video Url &nbsp;</span>\n                <input matInput placeholder=\"Enter Video Url\" [(ngModel)]=\"videoFields.video_url\">\n\n            </mat-form-field>\n\n            <mat-form-field>\n                <input matInput placeholder=\" Title\" [(ngModel)]=\"videoFields.video_title\">\n            </mat-form-field>\n\n            <mat-form-field>\n                <textarea matInput placeholder=\" Description\" [(ngModel)]=\"videoFields.video_description\"></textarea>\n            </mat-form-field>\n\n            <mat-form-field>\n                <input type=\"number\" matInput placeholder=\" Priority\" [(ngModel)]=\"videoFields.priority\">\n            </mat-form-field>\n\n            <section class=\"example-section\">\n                <mat-checkbox matInput [(ngModel)]=\"videoFields.video_skippable\">Skippable ?\n                </mat-checkbox>\n            </section>\n\n            <button type=\"button\" mat-raised-button color=\"accent\" (click)=\"onNoClick()\">Cancel</button> &nbsp;\n\n            <button type=\"button\" mat-raised-button color=\"primary\" (click)=\"addvideo('video_array')\">\n                {{data.buttonName}}\n            </button>\n        </div>\n    </div>\n\n</div>","styles":[".flietitlecls{width:100%}.mat-form-field{display:block;position:relative;text-align:left}.mandetorycls{color:#b43e3e}.closecard{position:absolute;top:-10px;right:-8px;background:#464545;height:25px;width:25px;border-radius:50%;border:1px solid #696969;color:#fff;text-align:center;box-shadow:0 2px 6px #00000070;cursor:pointer}.closecard i{font-size:18px;line-height:27px}.imgcard{margin:10px auto;-webkit-box-align:center;align-items:center;width:350px;word-break:break-all}.headercls{text-align:center}.Lesson_Videos_Modal,.videocontainer{position:relative;overflow-y:scroll!important;height:430px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":1044,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":1044,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"videoDialogComponent"}]},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":185,"character":93},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":185,"character":260},{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":185,"character":232},{"__symbolic":"reference","name":"any"}]}],"onNoClick":[{"__symbolic":"method"}],"listenFormFieldChange":[{"__symbolic":"method"}],"addvideo":[{"__symbolic":"method"}],"addaudio":[{"__symbolic":"method"}],"addfile":[{"__symbolic":"method"}],"clear_file":[{"__symbolic":"method"}]}},"videoDialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":1271,"character":1},"arguments":[{"selector":"videodialog","template":"<div class=\"generalmodalcls\">\n    <div class=\"modal-content\">\n          <div class=\"logowrapperouter\">\n              <div class=\"logowrapper\">\n              </div>\n          </div>  \n\n          <!-- <div mat-dialog-content class=\"headercls\">\n            <iframe width=\"700\" height=\"400\" [src]=\"data.safe_url\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>\n          </div>  -->\n          <video width=\"400\" controls>\n            <source [src]=\"data.safe_url\" type=\"video/mp4\">\n            <!-- <source [src]=\"data.safe_url\" type=\"video/ogg\"> -->\n            Your browser does not support HTML video.\n          </video>\n\n          <mat-dialog-actions class=\"modalbtncls\">\n            <button class=\"btncancelcls\" mat-raised-button color=\"accent\" mat-dialog-close=\"no\" cdkFocusInitial><span class=\"material-icons\">\n              clear\n              </span></button>\n          </mat-dialog-actions>\n      </div>\n    </div>\n  \n  \n  \n  \n    "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":1279,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":1279,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"videoDialogComponent"}]},{"__symbolic":"reference","name":"any"}]}],"onNoClick":[{"__symbolic":"method"}]}},"TraningModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":43,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TraningComponent"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"videoDialogComponent"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵbb"},{"__symbolic":"reference","name":"ɵbc"},{"__symbolic":"reference","name":"ɵy"},{"__symbolic":"reference","name":"AddAudioVideoFileDialogComponent"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","name":"ɵbd"},{"__symbolic":"reference","name":"ɵbe"},{"__symbolic":"reference","name":"ɵbf"},{"__symbolic":"reference","name":"ɵbg"},{"__symbolic":"reference","name":"ɵbh"},{"__symbolic":"reference","name":"ɵbi"},{"__symbolic":"reference","name":"ɵbj"},{"__symbolic":"reference","name":"ɵbk"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","name":"ɵbm"},{"__symbolic":"reference","name":"ɵbn"},{"__symbolic":"reference","name":"ɵbo"},{"__symbolic":"reference","name":"ɵbp"},{"__symbolic":"reference","name":"ɵbq"}],"imports":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":93,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":94,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":95,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":96,"character":4},{"__symbolic":"reference","name":"ɵbr"},{"__symbolic":"reference","module":"ngx-ckeditor","name":"CKEditorModule","line":100,"character":4},{"__symbolic":"reference","module":"file-upload-lib-influxiq","name":"FileUploadModule","line":101,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngmodule/material-carousel","name":"MatCarouselModule","line":102,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"listing-angular7","name":"ListingModule","line":103,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-youtube-player","name":"NgxYoutubePlayerModule","line":104,"character":4},"member":"forRoot"}}],"exports":[{"__symbolic":"reference","name":"TraningComponent"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"reference","name":"ɵbb"},{"__symbolic":"reference","name":"ɵbc"},{"__symbolic":"reference","name":"ɵbf"},{"__symbolic":"reference","name":"ɵbn"}],"schemas":[{"__symbolic":"reference","module":"@angular/core","name":"CUSTOM_ELEMENTS_SCHEMA","line":109,"character":11},{"__symbolic":"reference","module":"@angular/core","name":"NO_ERRORS_SCHEMA","line":109,"character":35}],"providers":[{"__symbolic":"reference","module":"ngx-cookie-service","name":"CookieService","line":110,"character":14},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/common","name":"DatePipe","line":110,"character":40},{"__symbolic":"reference","name":"ɵbs"}],"entryComponents":[{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"videoDialogComponent"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵy"},{"__symbolic":"reference","name":"AddAudioVideoFileDialogComponent"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","name":"ɵbg"},{"__symbolic":"reference","name":"ɵbh"},{"__symbolic":"reference","name":"ɵbk"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","name":"ɵbm"},{"__symbolic":"reference","name":"ɵbo"},{"__symbolic":"reference","name":"ɵbp"},{"__symbolic":"reference","name":"ɵbq"},{"__symbolic":"reference","name":"ɵbi"},{"__symbolic":"reference","name":"ɵbj"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":9,"character":1}}],"members":{"getaddEndpoint":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":28,"character":29},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":28,"character":29}]}],"isTokenExpired":[{"__symbolic":"method"}],"getclientip":[{"__symbolic":"method"}],"getEndpoint":[{"__symbolic":"method"}],"getData":[{"__symbolic":"method"}],"postData":[{"__symbolic":"method"}],"postDatawithoutToken":[{"__symbolic":"method"}],"postDatawithoutTokenReportCount":[{"__symbolic":"method"}],"postlogin":[{"__symbolic":"method"}],"localJsonSate":[{"__symbolic":"method"}],"postSearch":[{"__symbolic":"method"}],"postSearch1":[{"__symbolic":"method"}],"putData":[{"__symbolic":"method"}],"deteOneData":[{"__symbolic":"method"}],"togglestatus":[{"__symbolic":"method"}],"deteManyData":[{"__symbolic":"method"}],"deteteManyTrainingData":[{"__symbolic":"method"}],"togglestatusmany":[{"__symbolic":"method"}],"getEndpointUrl":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-add-edit-lessions","template":"<p>add-edit-lessions chkkkkkk works!</p>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-add-edit-center","template":"<p>add-edit-center works!</p>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":30,"character":1},"arguments":[{"selector":"lib-listing-training","template":"<!-- <mat-form-field>\n    <input matInput (keyup)=\"applyFilter($event.target.value)\" placeholder=\"Filter\">\n  </mat-form-field> -->\n\n<mat-card>\n  <span class=\"searchblock\">\n    <span class=\"searchblockwrapper\">\n      <span>\n        <mat-toolbar color=\"primary\" style=\"justify-content: center; align-items: center;\">\n          <h2 class=\"headerSpan\">Training Management</h2>\n        </mat-toolbar>\n\n        <mat-progress-bar mode=\"indeterminate\" *ngIf=\"progressSpinner.loading \"></mat-progress-bar>\n        <mat-card-content class=\"countSection\">\n          <h2>{{trainingCounts.totaltrainingcount}}</h2>\n          <span>Total Number Of <br>Training</span>\n        </mat-card-content>\n        <!-- <mat-card-content class=\"countSection\">\n    <h2>{{trainingCounts.totallessoncount}}</h2>\n    <span>Total Number Of <br>Lessons</span>\n  </mat-card-content> -->\n        <mat-card-content class=\"countSection\">\n          <h2>{{trainingCounts.activatedtrainingcount}}</h2>\n          <span>Total Number Of <br>Active Training</span>\n        </mat-card-content>\n        <!-- <mat-card-content  class=\"countSection\">\n    <h2>{{trainingCounts.activatedlessoncount}}</h2>\n    <span>Total Number Of <br>Activate Lesson</span>\n  </mat-card-content > -->\n        <mat-card-content class=\"countSection\">\n          <h2>{{trainingCounts.trashedtrainingcount}}</h2>\n          <span>Total Number Of <br>Trashed Trainings</span>\n        </mat-card-content>\n        <!-- <mat-card-content class=\"countSection\">\n    <h2>{{trainingCounts.trashedlessoncount}}</h2>\n    <span>Total Number Of <br>Trashed Lessons</span>\n  </mat-card-content> -->\n\n      </span>\n\n      <span>\n        <mat-toolbar class=\"buttonsetToolbar\">\n          <button class=\"singleButton\" mat-raised-button color=\"primary\" (click)=\"addButton()\">\n            <i class=\"material-icons\">add</i>Add Training</button>\n        </mat-toolbar>\n      </span>\n    </span>\n  </span>\n  <span class=\"searchbar\">\n\n    <mat-form-field class=\"searchdiv\">\n      <mat-label>Search by Training Name</mat-label>\n      <input (keyup)=\"onKeypressEvent($event,'training')\" type=\"text\" placeholder=\"Search by Training Name\"\n        aria-label=\"Number\" matInput [formControl]=\"myControl\" [matAutocomplete]=\"auto\"\n        [(ngModel)]=\"searchjson.catagory_name_search_regex\">\n      <mat-autocomplete #auto=\"matAutocomplete\">\n        <mat-option *ngFor=\"let items of category_search\" [value]=\"items.catagory_name_search | titlecase\">\n          {{items.catagory_name_search | titlecase}}\n\n        </mat-option>\n      </mat-autocomplete>\n    </mat-form-field>\n    <!-- \n    <mat-form-field class=\"searchdiv\">\n      <input matInput placeholder=\"Search by Parent Category\" [(ngModel)]=\"searchjson.parent_catagory_search_regex\">\n    </mat-form-field> -->\n\n    <mat-form-field class=\"searchdiv\">\n      <mat-label>Search by Parent Category</mat-label>\n      <input (keyup)=\"onKeypressEvent($event,'parent_catagory')\" type=\"text\" placeholder=\"Search by Parent Category\"\n        aria-label=\"Number\" matInput [formControl]=\"myControl1\" [matAutocomplete]=\"auto1\"\n        [(ngModel)]=\"searchjson.parent_catagory_search_regex\">\n      <mat-autocomplete #auto1=\"matAutocomplete\">\n        <mat-option *ngFor=\"let items of uniqueCardArr\" [value]=\"items | titlecase \">{{items | titlecase }}\n\n        </mat-option>\n      </mat-autocomplete>\n    </mat-form-field>\n    <ng-container\n      *ngIf=\"formSourceVal.hideproduct&&formSourceVal.hideproduct!=null&&formSourceVal.hideproduct!=''&&formSourceVal.hideproduct==false\">\n      <mat-form-field appearance=\"fill\">\n        <mat-label>Search by Product </mat-label>\n        <mat-select disableRipple [(ngModel)]=\"searchjson.product_name_serach\">\n          <mat-option *ngFor=\"let item of product_name_serach\" [value]='item.productname'>{{item.productname}}\n          </mat-option>\n        </mat-select>\n      </mat-form-field>\n    </ng-container>\n\n\n    <mat-form-field class=\"searchdiv\">\n      <mat-select placeholder=\"Search By Status\" [(ngModel)]=\"status_search_regex\">\n        <!-- <mat-option value=\"Select a status\">Select a status</mat-option> -->\n        <mat-option [value]=1>Active</mat-option>\n        <mat-option [value]=0>Inactive</mat-option>\n      </mat-select>\n    </mat-form-field>\n    <button class=\"submitbtn\" mat-raised-button color=\"primary\" type=\"button\"\n      (click)=\"filterByTrainingName()\">Search</button>\n    <!-- <button class=\"submitbtn\" mat-raised-button color=\"primary\" type=\"button\" (click)=\"filterByTrainingName('parent_catagory_search_regex', parentCategory)\">Search</button> -->\n\n    <button class=\"submitbtn\" mat-raised-button color=\"primary\" type=\"button\" (click)=\"resetSearch()\">Reset</button>\n    <button class=\"submitbtn\" mat-raised-button color=\"primary\" type=\"button\" (click)=\"viewTrash()\">{{ trashButtonText\n      }}</button>\n\n  </span>\n\n  <ng-container *ngIf=\"selection.selected.length!=null && selection.selected.length>0\">\n    <span class=\"multipledeleteandupdatebuttan\">\n\n      <button mat-raised-button (click)=\"deleteAllRecordModalFunction()\"> Delete </button>\n      <button mat-raised-button (click)=\"statusUpdateAllRecords()\"> Update Status </button>\n\n    </span>\n  </ng-container>\n\n  <div class=\"mat-elevation-z8\">\n    <table mat-table [dataSource]=\"dataSource\" matSort>\n      <!-- Checkbox Column -->\n      <ng-container matColumnDef=\"select\">\n        <th mat-header-cell *matHeaderCellDef>\n          <mat-checkbox (change)=\"$event ? masterToggle() : null\" [checked]=\"selection.hasValue() && isAllSelected()\"\n            [indeterminate]=\"selection.hasValue() && !isAllSelected()\" [aria-label]=\"checkboxLabel()\"> </mat-checkbox>\n        </th>\n        <td mat-cell *matCellDef=\"let row\" data-label=\"select\">\n          <mat-checkbox (click)=\"$event.stopPropagation()\" (change)=\"$event ? selection.toggle(row) : null\"\n            [checked]=\"selection.isSelected(row)\" [aria-label]=\"checkboxLabel(row)\"></mat-checkbox>\n        </td>\n      </ng-container>\n\n\n\n      <!-- ID Column -->\n      <ng-container matColumnDef=\"catagory_name\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header> Training Name </th>\n        <td mat-cell *matCellDef=\"let row\" title=\"Training Title\"> {{row.catagory_name}} </td>\n      </ng-container>\n      <ng-container matColumnDef=\"no\">\n        <th mat-header-cell *matHeaderCellDef> No. </th>\n        <td mat-cell *matCellDef=\"let row; let i = index;\" title=\"No\"> {{ i + 1 }} </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"parent_catagory\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header> Parent Catagory </th>\n        <td mat-cell *matCellDef=\"let row\" title=\"Parent Catagory\"> {{row.parent_catagory}} </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"type\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header> Training For </th>\n        <td mat-cell *matCellDef=\"let row\" title=\"type\"> {{row.type}} </td>\n      </ng-container>\n      <!-- Progress Column -->\n      <ng-container matColumnDef=\"description\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header> Description </th>\n        <td mat-cell *matCellDef=\"let row\" title=\"Description\"> {{row.description}} </td>\n      </ng-container>\n      <ng-container matColumnDef=\"product_name\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header> Product Name </th>\n        <td mat-cell *matCellDef=\"let row\" title=\"Product Name\">\n          <span *ngIf=\"row.product_name==null || row.product_name=='undefined'\">None</span>\n          <span *ngIf=\"row.product_name!=null && row.product_name!='undefined'\">{{row.product_name}}</span>\n        </td>\n      </ng-container>\n      <!-- Name Column -->\n      <ng-container matColumnDef=\"priority\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header> Priority </th>\n        <td mat-cell *matCellDef=\"let row\" title=\"Priority\"> {{row.priority}} </td>\n      </ng-container>\n\n      <!-- Color Column -->\n\n\n      <ng-container matColumnDef=\"status\">\n        <th mat-header-cell *matHeaderCellDef>Status </th>\n        <td mat-cell *matCellDef=\"let row\" title=\"Status\">\n          <div *ngIf=\"row.status == 1\">\n            Active </div>\n          <div *ngIf=\"row.status == 0\">\n            Inactive\n          </div>\n\n        </td>\n      </ng-container>\n      <ng-container matColumnDef=\"deleteRecord\">\n        <th mat-header-cell *matHeaderCellDef> Action </th>\n        <td mat-cell *matCellDef=\"let element; let i = index;\" data-label=\"Action\">\n          <span class=\"buttons_ro\">\n            <span class=\"pointer\" (click)=\"deleteRecord(element._id, i);\">\n              <i class=\"material-icons\">\n                delete_outline\n              </i>\n            </span>\n            <!-- <button mat-button type=\"button\" color=\"primary\" (click)=\"deleteRecord(element._id, i);\">Delete</button> -->\n            <!-- <button mat-button type=\"button\" color=\"primary\" (click)=\"routerFunction(element._id)\">Edit</button> -->\n            <span class=\"pointer\" (click)=\"routerFunction(element._id)\">\n              <i class=\"material-icons\">\n                edit\n              </i>\n            </span>\n            <span class=\"pointer\" (click)=\"statusUpdateModal(element._id,i)\">\n              <i class=\"material-icons\">\n                toggle_on\n              </i>\n            </span>\n            <span *ngIf=\"element.is_trash != null && element.is_trash==1\" (click)=\"restoreTrashData(element._id,i)\">\n              <i class=\"material-icons\">\n                restore_page\n              </i>\n            </span>\n          </span>\n        </td>\n      </ng-container>\n      <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n      <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\">\n      </tr>\n\n    </table>\n    <mat-paginator [pageSizeOptions]=\"[5, 10, 20]\" showFirstLastButtons></mat-paginator>\n  </div>\n</mat-card>","styles":["table{width:100%}.mat-form-field{font-size:14px;width:100%}td,th{width:25%}.headerSpan{text-align:center;display:block;margin:auto}.buttonsetToolbar{background-color:#f4f3f8;text-align:center;display:block;padding-top:10px}.singleButton{margin:5px;float:right}.pointer{cursor:pointer}.countsection{box-sizing:border-box;display:-webkit-box;display:flex}.countSection{float:left;margin:2px}.searchblock .searchblockwrapper span{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;width:100%;flex-wrap:wrap}.searchblock .searchblockwrapper span .mat-toolbar.mat-primary{-webkit-box-flex:1;flex:1 1 100%}.searchblock .searchblockwrapper span .countSection{-webkit-box-flex:1;flex:1;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;background:#f3f3f3;border:1px solid #dedddd;padding:16px}.searchblock .searchblockwrapper span .countSection h2{margin-bottom:0;-webkit-box-flex:1;flex:1 1 30%}.searchblock .searchblockwrapper span .countSection span{-webkit-box-flex:1;flex:1 1 70%}@media screen and (max-width:991px){.searchblock .searchblockwrapper span .countSection{-webkit-box-flex:1;flex:1 1 28%}}@media screen and (max-width:540px){.searchblock .searchblockwrapper span .countSection{-webkit-box-flex:1;flex:1 1 98%}}"]}]}],"members":{"paginator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":85,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginator","line":85,"character":13},{"static":false}]}]}],"sort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":86,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/sort","name":"MatSort","line":86,"character":13},{"static":false}]}]}],"isAllSelected":[{"__symbolic":"method"}],"masterToggle":[{"__symbolic":"method"}],"checkboxLabel":[{"__symbolic":"method"}],"allDataList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":3}}]}],"serverDetails":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":118,"character":3}}]}],"formSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":122,"character":3}}]}],"EditPageRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":3}}]}],"AddPageRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":132,"character":3}}]}],"SearchSourceName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":137,"character":3}}]}],"ProductnameEndpoint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":141,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":146,"character":29},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":146,"character":86},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":146,"character":110},{"__symbolic":"reference","module":"ngx-cookie-service","name":"CookieService","line":146,"character":146}]}],"ngOnInit":[{"__symbolic":"method"}],"trainingCount":[{"__symbolic":"method"}],"deleteRecord":[{"__symbolic":"method"}],"deleteFunction":[{"__symbolic":"method"}],"productListData":[{"__symbolic":"method"}],"routerFunction":[{"__symbolic":"method"}],"addButton":[{"__symbolic":"method"}],"filterByTrainingName":[{"__symbolic":"method"}],"resetSearch":[{"__symbolic":"method"}],"onKeypressEvent":[{"__symbolic":"method"}],"statusUpdateModal":[{"__symbolic":"method"}],"statusChange":[{"__symbolic":"method"}],"deleteAllRecordModalFunction":[{"__symbolic":"method"}],"deleteAllRecords":[{"__symbolic":"method"}],"statusUpdateAllRecords":[{"__symbolic":"method"}],"viewTrash":[{"__symbolic":"method"}],"restoreTrashData":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"lib-dialog-box","template":"<div class=\"modal\">\n    <!-- <span class=\"heycls\"> Hey !</span><br> -->\n    <h1 mat-dialog-title class=\"headercls\">{{ data.header }}</h1>\n    <div mat-dialog-content>\n        <!-- <p class=\"msgcls\">Hey !</p> -->\n    </div>\n</div>\n\n<!-- <div>\n    <span>Hey !</span><br>\n    <span>{{data.header}}</span>\n</div> -->\n\n<div mat-dialog-actions>\n    <button mat-button (click)=\"button1()\">{{ data.button1.text }}</button>\n    <button mat-button (click)=\"button2()\" cdkFocusInitial>{{ data.button2.text }}</button>\n</div>","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":19,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":19,"character":12}]}],null],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵe"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":19,"character":75}]}],"ngOnInit":[{"__symbolic":"method"}],"button1":[{"__symbolic":"method"}],"button2":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":48,"character":1},"arguments":[{"selector":"lib-list-lession ","template":"<!-- <mat-form-field> -->\n<!-- <input matInput (keyup)=\"applyFilter($event.target.value)\" placeholder=\"Filter\"> -->\n<!-- </mat-form-field> -->\n<mat-card>\n  <span class=\"searchblock\">\n    <span class=\"searchblockwrapper\">\n      <span>\n        <mat-toolbar color=\"primary\" style=\"justify-content: center; align-items: center;\">\n          <h2 class=\"headerSpan\">Lesson Management</h2>\n        </mat-toolbar>\n\n        <mat-progress-bar mode=\"indeterminate\" *ngIf=\"progressSpinner.loading \"></mat-progress-bar>\n        <!-- <mat-card-content class=\"countSection\">\n          <h2>{{trainingCounts.totaltrainingcount}}</h2>\n          <span>Total Number Of <br>Training</span>\n        </mat-card-content> -->\n        <mat-card-content class=\"countSection\">\n          <h2>{{trainingCounts.totallessoncount}}</h2>\n          <span>Total Number Of <br>Lessons</span>\n        </mat-card-content>\n        <!-- <mat-card-content class=\"countSection\">\n          <h2>{{trainingCounts.activatedtrainingcount}}</h2>\n          <span>Total Number Of <br>Activate Training</span>\n        </mat-card-content> -->\n        <mat-card-content class=\"countSection\">\n          <h2>{{trainingCounts.activatedlessoncount}}</h2>\n          <span>Total Number Of <br>Active Lesson</span>\n        </mat-card-content>\n        <!-- <mat-card-content class=\"countSection\">\n          <h2>{{trainingCounts.trashedtrainingcount}}</h2>\n          <span>Total Number Of <br>Trashed Trainings</span>\n        </mat-card-content> -->\n        <mat-card-content class=\"countSection\">\n          <h2>{{trainingCounts.trashedlessoncount}}</h2>\n          <span>Total Number Of <br>Trashed Lessons</span>\n        </mat-card-content>\n      </span>\n      <span>\n        <mat-toolbar class=\"buttonsetToolbar\">\n          <button class=\"singleButton\" mat-raised-button color=\"primary\" (click)=\"addButton()\">\n            <i class=\"material-icons\">add</i> Add Lesson</button>\n        </mat-toolbar>\n      </span>\n    </span>\n  </span>\n\n  <span class=\"searchbar\">\n\n    <!-- <mat-form-field class=\"searchdiv\">\n      <input matInput placeholder=\"Search by Lesson Name \" [(ngModel)]=\"searchjson.lession_title_search_regex\">\n    </mat-form-field> -->\n    <mat-form-field class=\"searchdiv\">\n      <mat-label>Search by Lesson Name</mat-label>\n      <input (keyup)=\"onKeypressEvent($event,'lesson')\" type=\"text\" placeholder=\"Search by Lesson Name\"\n        aria-label=\"Number\" matInput [formControl]=\"myControl\" [matAutocomplete]=\"auto\"\n        [(ngModel)]=\"searchjson.lession_title_search_regex \">\n      <mat-autocomplete #auto=\"matAutocomplete\">\n        <mat-option *ngFor=\"let items of lesson_search\" [value]=\"items.lession_title_search |titlecase\">\n          {{items.lession_title_search |titlecase}}\n\n        </mat-option>\n      </mat-autocomplete>\n    </mat-form-field>\n    <!-- <mat-form-field class=\"searchdiv\">\n      <input matInput placeholder=\"Search by Prerequisite Lesson \"\n        [(ngModel)]=\"searchjson.prerequisite_lession_search_regex\">\n    </mat-form-field> -->\n    <mat-form-field class=\"searchdiv\">\n      <mat-label>Search by Prerequisite Lesson</mat-label>\n      <input (keyup)=\"onKeypressEvent($event,'prequisite')\" type=\"text\" placeholder=\"Search by Prerequisite Lesson\"\n        aria-label=\"Number\" matInput [formControl]=\"myControl1\" [matAutocomplete]=\"autocom\"\n        [(ngModel)]=\"searchjson.prerequisite_lession_search_regex\">\n      <mat-autocomplete #autocom=\"matAutocomplete\">\n        <mat-option *ngFor=\"let option of category_search\" [value]=\"option.prerequisite_lession_search |titlecase\">\n          {{option.prerequisite_lession_search |titlecase}}\n\n        </mat-option>\n      </mat-autocomplete>\n    </mat-form-field>\n\n    <mat-form-field class=\"searchdiv\">\n      <mat-select placeholder=\"Search by Associate Training\" [(ngModel)]=\"searchjson.associated_training_search_regex\">\n        <mat-option [value]=0>Select a Associated Training</mat-option>\n        <mat-option *ngFor=\"let val of lessonsDataArray;\" value=\"{{ val.val }}\">{{ val.name }}\n        </mat-option>\n      </mat-select>\n    </mat-form-field>\n\n    <ng-container *ngIf=\"dnaFlag == true\">\n      <mat-form-field class=\"searchdiv\">\n        <mat-select placeholder=\"Search by Test Availability\" [(ngModel)]=\"searchjson.has_test_lesson\">\n          <mat-option [value]=0>Select a Test Availability</mat-option>\n          <mat-option [value]=\"1\">Yes</mat-option>\n          <mat-option [value]=\"0\">No</mat-option>\n        </mat-select>\n      </mat-form-field>\n\n      <mat-form-field class=\"searchdiv\">\n        <mat-select placeholder=\"Search by Lesson Plan\" [(ngModel)]=\"searchjson.has_lessonplan_regex\">\n          <mat-option value=0>Select a Lesson Plan</mat-option>\n          <mat-option value=\"Yes\">Yes</mat-option>\n          <mat-option value=\"No\">No</mat-option>\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field class=\"searchdiv\">\n        <mat-select placeholder=\"Search by Purchasable\" [(ngModel)]=\"searchjson.lessonplan_value_regex\">\n          <mat-option value=0>Select a Purchasable</mat-option>\n          <mat-option value=\"Yes\">Yes</mat-option>\n          <mat-option value=\"No\">No</mat-option>\n        </mat-select>\n      </mat-form-field>\n    </ng-container>\n\n    <ng-container *ngIf=\"betoparedesFlag == true\">\n      <mat-form-field class=\"searchdiv\">\n        <mat-select placeholder=\"Search by Test Availability\" [(ngModel)]=\"searchjson.has_test_lesson\">\n          <mat-option [value]=0>Select a Test Availability</mat-option>\n          <mat-option [value]=\"1\">Yes</mat-option>\n          <mat-option [value]=\"0\">No</mat-option>\n        </mat-select>\n      </mat-form-field>\n    </ng-container>\n    <mat-form-field class=\"searchdiv\">\n      <mat-select placeholder=\"Search By Status\" [(ngModel)]=\"status_search_regex\">\n        <!-- <mat-option value=\"Select a status\">Select a status</mat-option> -->\n        <mat-option [value]=1>Active</mat-option>\n        <mat-option [value]=0>Inactive</mat-option>\n      </mat-select>\n    </mat-form-field>\n    <button class=\"submitbtn\" mat-raised-button color=\"primary\" type=\"button\" (click)=\"filter()\">Search</button>\n\n    <button class=\"submitbtn\" mat-raised-button color=\"primary\" type=\"button\" (click)=\"resetSearch()\">Reset</button>\n    <button class=\"submitbtn\" mat-raised-button color=\"primary\" type=\"button\" (click)=\"viewTrash()\">{{ trashButtonText\n      }}</button>\n\n  </span>\n\n  <ng-container *ngIf=\"selection.selected.length!=null && selection.selected.length>0\">\n    <span class=\"multipledeleteandupdatebuttan\">\n\n      <button mat-raised-button (click)=\"deleteAllRecordModalFunction()\"> Delete </button>\n      <button mat-raised-button (click)=\"statusUpdateAllRecords()\"> Update Status </button>\n\n    </span>\n  </ng-container>\n  <div class=\"mat-elevation-z8\">\n    <table mat-table [dataSource]=\"dataSource\" matSort>\n      <!-- Checkbox Column -->\n      <ng-container matColumnDef=\"select\">\n        <th mat-header-cell *matHeaderCellDef>\n          <mat-checkbox (change)=\"$event ? masterToggle() : null\" [checked]=\"selection.hasValue() && isAllSelected()\"\n            [indeterminate]=\"selection.hasValue() && !isAllSelected()\" [aria-label]=\"checkboxLabel()\"> </mat-checkbox>\n        </th>\n        <td mat-cell *matCellDef=\"let row\" data-label=\"select\">\n          <mat-checkbox (click)=\"$event.stopPropagation()\" (change)=\"$event ? selection.toggle(row) : null\"\n            [checked]=\"selection.isSelected(row)\" [aria-label]=\"checkboxLabel(row)\"></mat-checkbox>\n        </td>\n      </ng-container>\n\n\n      <ng-container matColumnDef=\"lession_title\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header> Lesson Name </th>\n        <td mat-cell *matCellDef=\"let row\" title=\"Lesson Title\"> {{row.lession_title}} </td>\n      </ng-container>\n      <ng-container matColumnDef=\"no\">\n        <th mat-header-cell *matHeaderCellDef> No. </th>\n        <td mat-cell *matCellDef=\"let element; let i = index;\" title=\"No\"> {{ i + 1 }} </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"description\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header> Description </th>\n        <td mat-cell *matCellDef=\"let row\" title=\"Description\"> <span>{{row.description|details}}</span> </td>\n      </ng-container>\n      <!-- <span (click)=\"detailslen(row.description)\" >...ReadMore</span> -->\n      <!-- \n      <ng-container *ngIf=\"dnaFlag == true\"> -->\n      <ng-container matColumnDef=\"has_lessonplan\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Has Lesson Plan</th>\n        <td mat-cell *matCellDef=\"let row\" title=\"Has Lesson Plan\">\n          {{row.has_lessonplan}}\n\n        </td>\n      </ng-container>\n\n\n      <ng-container matColumnDef=\"lessonplan_value\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Purchasable </th>\n        <td mat-cell *matCellDef=\"let row\" title=\"Purchasable\">{{row.lessonplan_value}} </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"has_test_lesson\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Has Quiz</th>\n        <td mat-cell *matCellDef=\"let row\" title=\"Has Test\">\n          <span *ngIf=\"row.has_test_lesson ==1\">Yes</span>\n          <span *ngIf=\"row.has_test_lesson ==0\">No</span>\n          <span *ngIf=\"row.has_test_lesson ==null\">No</span>\n\n        </td>\n      </ng-container>\n      <!-- test_percentage -->\n      <ng-container matColumnDef=\"test_percentage\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Pass Percentage</th>\n        <td mat-cell *matCellDef=\"let row\" title=\"Test Percentage\">\n          <span *ngIf=\"row?.test_percentage !=null && row.has_test_lesson ==1\">{{row.test_percentage}}%</span>\n          <span *ngIf=\"row?.test_percentage !=null && row.has_test_lesson ==0\">No</span>\n          <span *ngIf=\"row?.test_percentage == null\">No</span>\n\n        </td>\n      </ng-container>\n      <ng-container matColumnDef=\"priority\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Priority</th>\n        <td mat-cell *matCellDef=\"let row\" title=\"Test Percentage\">\n          <span *ngIf=\"row?.priority !=null\">{{row.priority}}</span>\n          <span *ngIf=\"row?.priority == null\">N/A</span>\n\n        </td>\n      </ng-container>\n      <!-- </ng-container> -->\n\n      <!-- <ng-container matColumnDef=\"mediaType\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header> Training Type </th>\n        <td mat-cell *matCellDef=\"let row\" title=\"Training Type\"> {{row.mediaType}} </td>\n      </ng-container> -->\n\n      <ng-container matColumnDef=\"associated_training\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header> Associated Training </th>\n        <td mat-cell *matCellDef=\"let row\" title=\" Associated Training\"> {{row.associated_training}} </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"prerequisite_lession\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header> Prerequisite Lesson </th>\n        <td mat-cell *matCellDef=\"let row\" title=\" Prerequisite Lesson\"> {{row.prerequisite_lession}} </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"status\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header> Status </th>\n        <td mat-cell *matCellDef=\"let row\" title=\"Status\">\n          <span *ngIf=\"row.status == 1\">Active</span>\n          <span *ngIf=\"row.status == 0\">Inactive</span>\n\n        </td>\n      </ng-container>\n      <ng-container matColumnDef=\"deleteRecord\">\n        <th mat-header-cell *matHeaderCellDef> Action </th>\n        <td mat-cell *matCellDef=\"let element; let i = index;\" data-label=\"Action\">\n          <span class=\"buttons_ro\">\n            <span class=\"pointer\" (click)=\"deleteRecord(element._id, i);\">\n              <i class=\"material-icons\">\n                delete_outline\n              </i>\n            </span>\n            <span class=\"pointer\" (click)=\"routerFunction(element._id)\">\n              <i class=\"material-icons\">\n                edit\n              </i>\n            </span>\n            <!-- for PECE  -->\n            <!-- <span class=\"pointer\" *ngIf=\"element.quiz_associate_training == 'Yes'\" (click)=\"manageQuiz(element._id)\">\n                <i class=\"material-icons\">\n                  link\n                </i>\n              </span> -->\n            <!-- for DNA -->\n            <span class=\"pointer\" matTooltip=\"Manage Lesson Plan Materials\" *ngIf=\"element.has_lessonplan == 'Yes'\"\n              (click)=\"manageLessonPlan(element._id)\">\n              <i class=\"material-icons\">\n                link\n              </i>\n            </span>\n\n            <span class=\"pointer\" (click)=\"statusUpdateModal(element._id,i)\">\n              <i class=\"material-icons\">\n                toggle_on\n              </i>\n            </span>\n            <span class=\"pointer\" *ngIf=\"element.is_trash != null && element.is_trash==1\"\n              (click)=\"restoreTrashData(element._id,i)\">\n              <i class=\"material-icons\">\n                restore_page\n              </i>\n            </span>\n\n            <span class=\"manage_quiz\" *ngIf=\"element.has_test_lesson == 1\">\n              <button matTooltip=\"Manage Quiz\" class=\"singleButton\" mat-raised-button color=\"primary\"\n                (click)=\"goToManageQuizPage(element._id)\">\n                Manage Quiz\n              </button>\n            </span>\n\n\n            <span class=\"audios\"\n              *ngIf=\"element.audioflag==true && element.audioflag!=null &&  element.audioflag!='undefine'\">\n              <button matTooltip=\"Audios\" class=\"singleButton\" mat-raised-button color=\"primary\"\n                (click)=\"openModalForAudioVideoFile('audioflag',element)\">\n                Audios\n              </button>\n            </span>\n            <span class=\"files\"\n              *ngIf=\"element.fileflag!=false && element.fileflag!=null &&  element.fileflag!='undefine'\">\n              <button matTooltip=\"Files\" class=\"singleButton\" mat-raised-button color=\"primary\"\n                (click)=\"openModalForAudioVideoFile('fileflag',element)\">\n                Files\n              </button>\n            </span>\n            <span class=\"videos\"\n              *ngIf=\"element.videoflag!=false && element.videoflag!=null &&  element.videoflag!='undefine'\">\n              <button matTooltip=\"Videos\" class=\"singleButton\" mat-raised-button color=\"primary\"\n                (click)=\"openModalForAudioVideoFile('videoflag',element)\">\n                Videos\n              </button>\n            </span>\n            <span class=\"preview_lesson\"\n              *ngIf=\"element.videoflag!=false && element.videoflag!=null &&  element.videoflag!='undefine' || element.fileflag!=false && element.fileflag!=null &&  element.fileflag!='undefine' || element.audioflag==true && element.audioflag!=null &&  element.audioflag!='undefine'  \">\n              <button matTooltip=\"Preview Lesson\" class=\"singleButton\" mat-raised-button color=\"primary\"\n                (click)=\"openModalForAudioVideoFile('preview',element)\">\n                Preview Lesson\n              </button>\n            </span>\n\n\n          </span>\n        </td>\n      </ng-container>\n      <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n      <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\">\n      </tr>\n\n    </table>\n\n    <mat-paginator [pageSizeOptions]=\"[5, 10, 25, 100,200]\"></mat-paginator>\n  </div>\n</mat-card>","styles":["table{width:100%}.mat-form-field{font-size:14px;width:100%}.headerSpan{text-align:center;display:block;margin:auto}.buttonsetToolbar{background-color:#f4f3f8;text-align:center;display:block;padding-top:10px}.singleButton{margin:5px;float:right}.pointer{cursor:pointer}.countSection{float:left;margin:2px}.searchblock .searchblockwrapper span{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;width:100%;flex-wrap:wrap}.searchblock .searchblockwrapper span .mat-toolbar.mat-primary{-webkit-box-flex:1;flex:1 1 100%}.searchblock .searchblockwrapper span .countSection{-webkit-box-flex:1;flex:1;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;background:#f3f3f3;border:1px solid #dedddd;padding:16px}.searchblock .searchblockwrapper span .countSection h2{margin-bottom:0;-webkit-box-flex:1;flex:1 1 30%}.searchblock .searchblockwrapper span .countSection span{-webkit-box-flex:1;flex:1 1 70%}@media screen and (max-width:991px){.searchblock .searchblockwrapper span .countSection{-webkit-box-flex:1;flex:1 1 28%}}@media screen and (max-width:540px){.searchblock .searchblockwrapper span .countSection{-webkit-box-flex:1;flex:1 1 98%}}"]}]}],"members":{"paginator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":112,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginator","line":112,"character":13},{"static":false}]}]}],"sort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":113,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/sort","name":"MatSort","line":113,"character":13},{"static":false}]}]}],"allDataList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":118,"character":3}}]}],"serverDetails":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":128,"character":3}}]}],"formSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":132,"character":3}}]}],"EditPageRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":3}}]}],"AddPageRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":141,"character":3}}]}],"SearchSourceName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":145,"character":3}}]}],"ManageQuizRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":149,"character":3}}]}],"QuizPageRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":154,"character":3}}]}],"IsItDna":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":158,"character":3}}]}],"IsItBetopredes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":164,"character":3}}]}],"BuketUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":170,"character":3}}]}],"PreviewEndpoint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":175,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":181,"character":29},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":181,"character":86},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":181,"character":110},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":181,"character":141}]}],"ngOnInit":[{"__symbolic":"method"}],"onKeypressEvent":[{"__symbolic":"method"}],"trainingCount":[{"__symbolic":"method"}],"isAllSelected":[{"__symbolic":"method"}],"masterToggle":[{"__symbolic":"method"}],"checkboxLabel":[{"__symbolic":"method"}],"deleteRecord":[{"__symbolic":"method"}],"deleteFunction":[{"__symbolic":"method"}],"routerFunction":[{"__symbolic":"method"}],"addButton":[{"__symbolic":"method"}],"filter":[{"__symbolic":"method"}],"manageLessonPlan":[{"__symbolic":"method"}],"goToManageQuizPage":[{"__symbolic":"method"}],"getAllLessonData":[{"__symbolic":"method"}],"resetSearch":[{"__symbolic":"method"}],"statusUpdateModal":[{"__symbolic":"method"}],"statusChange":[{"__symbolic":"method"}],"getlessondata":[{"__symbolic":"method"}],"deleteAllRecordModalFunction":[{"__symbolic":"method"}],"deleteAllRecords":[{"__symbolic":"method"}],"statusUpdateAllRecords":[{"__symbolic":"method"}],"viewTrash":[{"__symbolic":"method"}],"restoreTrashData":[{"__symbolic":"method"}],"openModalForAudioVideoFile":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":834,"character":1},"arguments":[{"selector":"AudioVideoFileDialog","template":"<button (click)=\"onNoClick()\" class=\"Lesson_Videos_Modalclodse\"><span class=\"material-icons\">\n        clear\n    </span></button>\n\n\n\n<div>\n    <div *ngIf=\"data.type_flag=='videoflag'  \">\n\n\n        <h2 class=\"listheader\">Lesson Videos</h2>\n        <div class=\"Lesson_Videos_Modal\">\n\n            <div *ngFor=\"let item of video_arr;let i =index\">\n                <mat-card>\n                    <!-- <iframe width=\"560\" height=\"315\" [src]='item.safe_url' frameborder=\"0\"\n                        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                        allowfullscreen></iframe> -->\n                    <video width=\"400\" controls>\n                        <source [src]=\"item.safe_url\" type=\"video/mp4\">\n                        <!-- <source [src]=\"data.safe_url\" type=\"video/ogg\"> -->\n                        Your browser does not support HTML video.\n                    </video>\n                    <div class=\"popuptextconAB\">\n\n                        <span>\n                            <b>Title : </b> {{video_arr[i].video_title}}\n                        </span>\n                        <span>\n                            <b> Description :</b> {{video_arr[i].video_description}}\n                        </span>\n\n                    </div>\n                </mat-card>\n            </div>\n        </div>\n\n    </div>\n\n\n    <div *ngIf=\"data.type_flag=='fileflag' \">\n\n        <h2 class=\"listheader\">Lesson Files </h2>\n        <div class=\"Lesson_Videos_Modal\">\n\n            <div *ngFor=\"let item of data_array;let i =index\">\n                <div *ngIf=\"data_array[i].screenshots !=null && data_array[i].screenshots != 'undefined'\">\n                    <div div *ngIf=\"data_array[i].type !=null && data_array[i].type != 'undefined' \">\n                        <mat-card>\n                            <span\n                                *ngIf=\" data_array[i].type != null && data_array[i].type == 'jpeg' || data_array[i].type == 'png' || data_array[i].type == 'jpg'\">\n                                <img mat-card-image\n                                    [attr.src]=\"data.bucket_url.url + data_array[i].screenshots.fileservername\">\n                            </span>\n\n                            <span class=\"filetype_{{data_array[i].type}} mat-card-image\"\n                                *ngIf=\" data_array[i].type != null && data_array[i].type == 'pdf' || data_array[i].type == 'doc' || data_array[i].type == 'ppt' || data_array[i].type == 'pptx' || data_array[i].type == 'msword'\">\n                                <span class=\"material-icons icon_{{data_array[i].type}}\">\n                                    picture_as_pdf\n                                </span>\n                            </span>\n                            <div class=\"popuptextconAB\">\n\n                                <span> <b>Title :</b> {{item.file_title}}</span>\n                                <span><b>Description : </b> {{item.file_desc}}</span>\n                            </div>\n                        </mat-card>\n                    </div>\n                </div>\n\n\n            </div>\n        </div>\n\n    </div>\n    <div *ngIf=\"data.type_flag=='audioflag'\">\n        <h2 class=\"listheader\">\n            Lesson Audio\n        </h2>\n        <div class=\"Lesson_Videos_Modal\">\n            <div *ngFor=\"let item of data_array;let i =index\">\n                <div *ngIf=\"data_array[i].screenshots !=null && data_array[i].screenshots != 'undefined'\">\n                    <mat-card>\n                        <audio controls>\n\n                            <source src=\"{{data.bucket_url.url + data_array[i].screenshots.fileservername }}\"\n                                type=\"audio/ogg\">\n                            <source src=\"{{data.bucket_url.url + data_array[i].screenshots.fileservername }}\"\n                                type=\"audio/mpeg\">\n                            Your browser does not support the audio element.\n                        </audio>\n\n                        <div class=\"popuptextconAB\">\n                            <span>\n                                <b>Title : </b> {{data_array[i].audio_title}}\n                            </span>\n                            <span>\n                                <b> Description :</b> {{data_array[i].audio_desc}}\n                            </span>\n                        </div>\n\n                    </mat-card>\n                </div>\n\n            </div>\n        </div>\n    </div>\n\n    <div *ngIf=\"data.type_flag=='preview'\">\n        <div *ngFor=\"let item of previewData ;let i=index\">\n            <h2 class=\"listheader\">{{item?.lession_title}}</h2>\n            <!-- <p>{{item | json}}</p> -->\n            <div class=\"Lesson_Videos_Modal\">\n                <div class=\"allpreviwe\">\n                    <mat-card class=\"previewhtmlcls\"\n                        *ngIf=\"item.typeHtml!=null && item.typeHtml!=undefined && item.typeHtml!=''\">\n                        <p [innerHtml]=\"item.typeHtml\" class=\"ptagimg\"></p>\n                    </mat-card>\n                    <ng-container *ngFor=\"let val of item?.lesson_attachements\">\n                        <mat-card *ngIf=\"val?.type!=null && val?.type!=undefined && val?.type=='audio'\"\n                            class=\"audiopriview\">\n\n                            <audio controls>\n\n                                <source src=\"{{previewData[i].bucket_url.url +val?.screenshots.fileservername }}\"\n                                    type=\"audio/ogg\">\n                                <source src=\"{{ previewData[i].bucket_url.url + val?.screenshots.fileservername }}\"\n                                    type=\"audio/mpeg\">\n                                Your browser does not support the audio element.\n                            </audio>\n\n                            <div class=\"popuptextconAB\">\n                                <span>\n                                    <b>Title : </b> {{val?.audio_title}}\n                                </span>\n                                <span>\n                                    <b> Description :</b> {{val?.audio_desc}}\n                                </span>\n                            </div>\n                        </mat-card>\n                    </ng-container>\n\n\n                    <ng-container *ngFor=\"let val of item?.lesson_attachements\">\n\n                        <mat-card *ngIf=\"val?.type!=null && val?.type!=undefined && val?.type!='audio'\"\n                            class=\"filepriview\">\n\n                            <span\n                                *ngIf=\" val?.type != undefined && val?.type != null && val?.type == 'jpeg' || val?.type == 'png' || val?.type == 'jpg'\">\n                                <img mat-card-image style=\"width: 100%;\"\n                                    [attr.src]=\"previewData[i].bucket_url.url +  val?.screenshots?.fileservername\">\n                            </span>\n                            <span class=\"filetype_{{val?.type}} mat-card-image\"\n                                *ngIf=\" val.type != null && val.type == 'pdf' || val.type == 'doc' || val.type == 'ppt' || val.type == 'pptx' || val.type == 'msword'\">\n                                <span class=\"material-icons icon_{{val.type}}\">\n                                    picture_as_pdf\n                                </span>\n                            </span>\n                            <div class=\"popuptextconAB\">\n\n                                <span> <b>Title :</b> {{val?.file_title}}</span>\n                                <span><b>Description : </b> {{val?.file_desc}}</span>\n                            </div>\n\n                        </mat-card>\n                    </ng-container>\n\n                    <ng-container *ngFor=\"let val of item?.lesson_attachements\">\n                        <mat-card *ngIf=\"val.type!=null && val.type!=undefined && val.type!=''&&val.type=='video' \"\n                            class=\"videopriview\">\n                            <!-- <iframe width=\"560\" height=\"315\" [src]='val.safeUrl' frameborder=\"0\"\n                                allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                                allowfullscreen></iframe> -->\n                                <video width=\"400\" controls>\n                                    <source [src]=\"val.safeUrl\" type=\"video/mp4\">\n                                    <!-- <source [src]=\"data.safe_url\" type=\"video/ogg\"> -->\n                                    Your browser does not support HTML video.\n                                </video>\n                            <div class=\"popuptextconAB\">\n\n                                <span>\n                                    <b>Title : </b> {{val?.video_title}}\n                                </span>\n                                <span>\n                                    <b> Description :</b> {{val?.video_description}}\n                                </span>\n\n                            </div>\n\n                        </mat-card>\n                    </ng-container>\n\n\n\n\n                </div>\n            </div>\n\n        </div>\n    </div>\n</div>\n\n\n\n<div mat-dialog-actions class=\"Lesson_Videos_Modal_footer\">\n    <button mat-button mat-dialog-close>Cancel</button>\n\n</div>","styles":[".exitbtn{float:right;background-color:red;position:relative;top:0}.listheader{text-align:center}.ptagimg img{width:100%!important}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":857,"character":94},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":857,"character":101}]}],null],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵg"}]},{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":181,"character":29},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":181,"character":141}]}],"onNoClick":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"lib-list","template":"<mat-card>\n  <span class=\"searchblock\">\n    <span class=\"searchblockwrapper\">\n      <span>\n        <mat-toolbar color=\"primary\" style=\"justify-content: center; align-items: center;\">\n          <h2 class=\"headerSpan\">Training Center</h2>\n        </mat-toolbar>\n      </span>\n    </span>\n  </span>\n  <h1 class=\"trainingheadercls\">{{ trainingCategoryName }}</h1>\n\n  <mat-card-content class=\"trainingcentercls\">\n    <span fxLayout=\"row\" class=\"row\" fxLayoutAlign=\"space-between center\">\n      <span fxLayout=\"column\" class=\"column columnleft\" class=\"leftside\">\n        <span fxLayout=\"row\" class=\"rowinner\" *ngFor=\"let item of allLessonData ; let i=index;\">\n          <mat-accordion (click)=\"currentlesson=item._id\">\n            <mat-expansion-panel [disabled]=\"item.is_done==true?false:true\" [expanded]=\"item.expanded==true?true:false\"\n              (opened)=\"item.expanded = true\" (closed)=\"item.expanded = false\">\n              <mat-expansion-panel-header>\n                <mat-panel-title>\n                  {{item.lession_title}} \n                </mat-panel-title>\n                <mat-panel-description>\n\n                </mat-panel-description>\n              </mat-expansion-panel-header>\n\n              <div *ngIf=\"item.mediaType=='html'\">\n                <div class=\"paragraphwrapper\">\n                  <p [innerHtml]=\"item.typeHtml\" class=\"paragraphcls\"></p>\n                </div>\n              </div>\n\n              <mat-card class=\"example-card\" *ngIf=\"item.mediaType=='image'\">\n                <div class=\"paragraphwrapper\">\n                  <p [innerHtml]=\"item.image_typeHtml\" class=\"paragraphcls\"></p>\n                </div>\n                <div class=\"imgwrappercls\">\n                  <span>{{ item.image_title }}</span>\n                  <img mat-card-image src=\"{{item.fileType[0].basepath}}{{item.fileType[0].fileservername}}\"\n                    alt=\"{{item.lession_title}}\" />\n                    <span>{{ item.image_description }}</span>\n                    \n                </div>\n              </mat-card>\n              <mat-card class=\"example-card\" *ngIf=\"item.mediaType=='video' && item.expanded==true \">\n                <div class=\"paragraphwrapper\">\n                  <p [innerHtml]=\"item.video_typeHtml\" class=\"paragraphcls\"></p>\n                </div> \n                <div class=\"videoWrapper\">\n                  <span>{{ item.video_title }}</span>\n                  <video width=\"640\" height=\"360\" autoplay (ended)=\"videoended(item,i,1)\">\n                    <source src=\"{{item.fileType[0].basepath}}{{item.fileType[0].fileservername}}\" type=\"video/mp4\">\n                    Your browser does not support the video tag.\n                  </video>\n                  <span>{{ item.video_description }}</span>\n                 \n                </div>\n                \n               \n              </mat-card>\n              <mat-card class=\"example-card\" *ngIf=\"item.mediaType=='audio' \">\n                <div class=\"paragraphwrapper\">\n                  <p [innerHtml]=\"item.audio_typeHtml\" class=\"paragraphcls\"></p>\n                </div>\n                <div class=\"audioWrapper\">\n                  <span>{{ item.audio_title }}</span>\n\n                  <audio width=\"640\" height=\"360\" (ended)=\"audioended(item,i,1)\" controls>\n                    <source src=\"{{item.fileType[0].basepath}}{{item.fileType[0].fileservername}}\" type=\"audio/mpeg\">\n                    Your browser does not support the audio tag.\n                  </audio>\n                  <span>{{ item.audio_description }}</span>\n\n                </div>\n                \n              </mat-card>\n              <mat-card class=\"example-card\" *ngIf=\"item.mediaType=='file' \">\n                <div class=\"paragraphwrapper\">\n                  <p [innerHtml]=\"item.file_typeHtml\" class=\"paragraphcls\"></p>\n                </div>\n                <div class=\"carouselWrapper\">\n                  <span>{{ item.file_title }}</span>\n                  <mat-carousel timings=\"250ms ease-in\" [autoplay]=\"true\" interval=\"15000\" [loop]=\"true\"\n                    [maintainAspectRatio]=\"true\" [hideArrows]=\"false\" [hideIndicators]=\"false\" [useKeyboard]=\"true\"\n                    [useMouseWheel]=\"false\" orientation=\"ltr\">\n                    <mat-carousel-slide #matCarouselSlide *ngFor=\"let slide of item.convertedimages; let i1 = index\"\n                      [image]=\"slide\" overlayColor=\"#00000040\" [hideOverlay]=\"false\">\n                    </mat-carousel-slide>\n                  </mat-carousel>\n                  <span>{{ item.file_description }}</span>\n                </div>\n               \n              </mat-card>\n              <ng-container\n                *ngIf=\"item.test_associate_training=='No' && item.mediaType != 'audio' && item.mediaType != 'video'\">\n                <button mat-button type=\"button\" class=\"submitbtn\" color=\"primary\"\n                  (click)=\"addMarkedData(item._id,item.associated_training,i,item.lession_title)\">Mark As Done</button>\n              </ng-container>\n              <ng-container\n                *ngIf=\"item.test_associate_training=='Yes' && item.mediaType != 'audio' && item.mediaType != 'video'\">\n                <button mat-button type=\"button\" class=\"submitbtn\" color=\"primary\"\n                  (click)=\"questionDetails(item._id,i,item.lession_title)\">Take A Quiz</button>\n                <mat-progress-bar *ngIf=\"progressLoader\" mode=\"indeterminate\"></mat-progress-bar>\n              </ng-container>\n            </mat-expansion-panel>\n          </mat-accordion>\n        </span>\n      </span>\n\n\n\n      <span fxLayout=\"column\" class=\"column\" class=\"rightside\">\n        <div class=\"trainingheadercls\">\n          <h2>You Have Completed {{ dividend }}/{{divisor}} Lessons</h2>\n          <mat-progress-bar *ngIf=\"percentageprogressLoader \" mode=\"determinate\" value=\"{{ reportPercentage }}\">\n          </mat-progress-bar>\n          <h3>{{ reportPercentage }}%</h3>\n        </div>\n        \n        <mat-list>\n\n          <ng-container *ngFor=\"let item of trainingCategoryList;let i = index\">\n\n            <mat-list-item class=\"selectedclass\" *ngIf=\"item.childcat.length>=1\">{{item.catagory_name}}</mat-list-item>\n            <div class=\"pointer\">\n              <!-- parent section -->\n              <mat-list-item [ngClass]=\"{'class1': ((item.done/item.count)*100)>1,\n                                         'class2': ((item.done/item.count)*100) ===100,\n                                         'class3': ((item.done/item.count)*100) ===0 }\" *ngIf=\"item.childcat.length==0\"\n                class=\"selectedclass\" (click)=\"nochildclick(item._id)\">{{item.catagory_name}}\n                ({{item.done}}/{{item.count}})</mat-list-item>\n\n                <!-- <p>({{item.done}}/{{item.count}})</p> -->\n              <div *ngIf=\"item.count != null && item.childcat.length==0\">\n               \n                <mat-progress-bar *ngIf=\"percentageprogressLoader \" mode=\"determinate\" value=\"{{((item.done/item.count)*100) }}\">\n                </mat-progress-bar>\n                <span class=\"progresspercentage\">{{((item.done/item.count)*100) }}%</span>\n                <!-- <p>{{ item.done/item.count | percent:'2.0-2' }}%</p> -->\n              </div>\n\n\n            </div>\n\n            <mat-list class=\"sublist\">\n              <div class=\"sublistwrapper\">\n                <ng-container *ngIf=\"item.childcat!=null && item.childcat.length>0\">\n                  <mat-list *ngFor=\" let childitem of item.childcat;let i1 = index\">\n                    <mat-list-item class=\"pointer\" [ngClass]=\"{'class1': item.childpercentage[i1]>1,\n                                         'class2': item.childpercentage[i1]===100,\n                                         'class3':item.childpercentage[i1] ===0 }\"\n                      (click)=\"childcatclick(item.childid[i1],item.childcat[i1])\">\n                      {{ childitem }} (\n                      <ng-container *ngIf=\"item.childdone !=null && item.childdone[i1]!=null\">\n                        {{item.childdone[i1]}}/\n                      </ng-container>\n                      {{item.childcount[i1]}})\n                    </mat-list-item>\n\n\n                    <div *ngIf=\"item.childdone !=null && item.childdone[i1]!=null\" class=\"matprogressbar\">\n                     \n                      <mat-progress-bar *ngIf=\"item.childdone !=null && item.childdone[i1]!=null \" mode=\"determinate\"\n                        value=\"{{item.childpercentage[i1]}}\"></mat-progress-bar>\n                      <span class=\"progresspercentage\"> {{item.childpercentage[i1]}}%</span>\n                    </div>\n\n\n\n                  </mat-list>\n                </ng-container>\n\n              </div>\n            </mat-list>\n          </ng-container>\n        </mat-list>\n      </span>\n\n    </span>\n  </mat-card-content>\n</mat-card>","styles":[".leftRightPortion{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between}.mat-card-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;box-sizing:border-box;display:-webkit-box;display:flex}.row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;box-sizing:border-box;display:-webkit-box;display:flex;place-content:top space-around;-webkit-box-align:start;align-items:flex-start;-webkit-box-flex:1;flex:1 1 100%;max-width:100%}.column{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;box-sizing:border-box;display:-webkit-box;display:flex}.column .rowinner{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;box-sizing:border-box;display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1 1 100%;margin-bottom:10px}.column .rowinner:last-child{margin-bottom:0}.column .rowinner .mat-accordion{width:100%}.columnleft{width:70%}.submitbtn{display:block;width:170px;margin:16px 0 0;background:#5c5f61;color:#fff;float:right}.pointer{cursor:pointer}.leftside{width:67%;margin-right:3%}.rightside{width:30%}.class1{background-color:#8fef8d}.class2{background-color:#aed8e6}.class3{background-color:#fffefd}.class4{background-color:#d3d3d5}.class5{background-color:#f5a216}.class6{background-color:#ff8f91}.wrapper{display:-webkit-box;display:flex;justify-content:space-around;width:100%;flex-wrap:wrap}.wrapper .buttonsingle{-webkit-box-flex:1;flex:1;margin:5px}.trainingcentercls .rightside{padding:10px;background-color:#e5e5e5}.trainingcentercls .mat-list .mat-list-item{height:auto;padding:8px 0;text-transform:capitalize;font-size:16px}.trainingcentercls .mat-list .mat-list-item.selectedclass:first-child{margin-top:0}.trainingcentercls .mat-list .mat-list-item.selectedclass{background-color:#c4c4c4;text-transform:uppercase;padding:8px 0;font-size:16px;margin-top:8px;font-weight:600}.trainingcentercls .mat-list.sublistone{background-color:#d0d0d0;text-transform:capitalize;padding:10px}.trainingcentercls .matprogressbar br{display:none}.trainingcentercls .mat-list{position:relative;padding-top:0}.trainingcentercls .mat-list.sublist{margin-bottom:8px}.trainingcentercls .progresspercentage{font-size:14px;font-weight:400;position:absolute;right:4px;bottom:8px}.trainingcentercls .trainingheadercls{margin:0 0 10px;padding:0;position:relative}.trainingcentercls .trainingheadercls h2{margin:0;font-size:16px;text-transform:uppercase;width:90%;line-height:28px}.trainingcentercls .trainingheadercls h3{margin:0;position:absolute;right:4px;bottom:8px}.mat-card:not([class*=mat-elevation-z]){box-shadow:none!important}.rowinner .mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:none!important;background-color:#e5e5e5}.rowinner{margin-top:10px;display:inline-block;width:100%}.rowinner:first-child{margin-top:0}.rowinner .mat-expansion-panel-header{padding:10px 24px;height:auto!important;background-color:#c4c4c4;margin-bottom:16px}.paragraphcls img{width:100%}.imgwrappercls{display:block}.imgwrappercls img,.paragraphwrapper p img,.paragraphwrapper p p img{width:100%;height:auto;margin-top:0}.imgwrappercls img.mat-card-image{margin:0}.mat-expansion-panel-body{padding:16px 24px}:host ::ng-deep .paragraphcls{display:block;max-width:100%;overflow-wrap:break-word;word-wrap:break-word}:host ::ng-deep .paragraphcls img{max-width:100%}.videoWrapper{position:relative;padding-bottom:56.25%;height:0}.videoWrapper iframe,.videoWrapper object,.videoWrapper video{position:absolute;top:0;left:0;width:100%;height:100%}.audioWrapper{margin:0;padding:0}.audioWrapper audio{width:100%}.trainingheadercls{text-transform:capitalize}.modalclslibrary h1.mat-dialog-title{margin:0;text-transform:uppercase;font-weight:700}.modalclslibrary h3{margin:0 0 5px;text-transform:capitalize}.modalclslibrary .mat-dialog-content{margin-top:5px}.modalclslibrary button,.modalclslibrary button.childButton{margin-right:5px;background:#5c5f61;color:#fff;margin-top:5px;width:100%}.modalclslibrary .matcheckboxcls{margin-top:5px;margin-bottom:5px}"]}]}],"members":{"TrainingCategoryList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"TotalData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3}}]}],"TrainingCeneterData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":151,"character":3}}]}],"serverDetails":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":157,"character":3}}]}],"TrainingName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":161,"character":3}}]}],"formSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":165,"character":3}}]}],"QuizQuestionSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":169,"character":3}}]}],"ParamsId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":173,"character":3}}]}],"TrainingCenterRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":177,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":181,"character":29},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":181,"character":86},{"__symbolic":"reference","module":"ngx-cookie-service","name":"CookieService","line":182,"character":26},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":182,"character":57},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":182,"character":93}]}],"ngOnInit":[{"__symbolic":"method"}],"questionDetails":[{"__symbolic":"method"}],"openquestionmodal":[{"__symbolic":"method"}],"openDialog":[{"__symbolic":"method"}],"addMarkedData":[{"__symbolic":"method"}],"lastOpenDialog":[{"__symbolic":"method"}],"videoended":[{"__symbolic":"method"}],"audioended":[{"__symbolic":"method"}],"childcatclick":[{"__symbolic":"method"}],"nochildclick":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":417,"character":1},"arguments":[{"selector":"dialogtest","template":"<div class=\"modal modalclslibrary\" *ngIf=\"data.data != 'lessoncompletedmoal' \">\n    <h1 mat-dialog-title>Quiz Question</h1>\n    <!-- <p>{{ data.data }}</p> -->\n    <div mat-dialog-content>\n\n            <h3 *ngIf=\"successanswer == false  \">{{ data.data.question}}</h3>\n            <ng-container *ngIf=\"data.data.answers!=null && data.data.answers.length>0 && successanswer==false \">\n                <span class=\"matcheckboxcls\" *ngFor=\"let val of data.data.answers\">\n                        <ng-container> \n                            <div class=\"matcheckboxclslists\">\n                                <mat-checkbox class=\"example-margin\" (click)=\"resetanswer()\" [(ngModel)]=\"val.ans\">{{val.answer}}</mat-checkbox>\n                            </div> \n                        </ng-container>\n                </span> \n                <p *ngIf=\"error!='' \">{{error}}</p>\n                <span class=\"wrapper\">\n                    <div class=\"buttonsingle\">\n                        <button mat-raised-button color=\"primary\" type=\"button\" (click)=\"submitanswer()\">Submit</button>\n                    </div>\n                    <div class=\"buttonsingle\">\n                        <button mat-raised-button color=\"primary\" type=\"button\" (click)=\"closeButton()\">Close</button>\n                    </div>\n                </span>\n\n            </ng-container>\n            <div *ngIf=\"successanswer == true \">Success !!</div>\n            \n    </div>\n</div>\n\n\n<ng-container *ngIf=\"data.data == 'lessoncompletedmoal' \">\n    <div class=\"modal modalclslibrary\">\n        <h1 mat-dialog-title>You Need To Finish These  Trainings</h1>\n        <div mat-dialog-content>\n            <ng-container *ngFor=\"let item of data.trainingdata;let i=index;\">\n                <div *ngIf=\"item.percentage<100 && item.childcat==null && data.currentTrainingId!=item._id\">\n                    <button mat-button color=\"primary\" (click)=\"noChildNavigate(item._id)\">\n                        {{item.catagory_name}}</button>\n                    </div>\n            <ng-container *ngIf=\"item.childcat!=null && item.childcat.length>0\">\n                <span class=\"wrapper\">\n                <ng-container *ngFor=\"let itemc of item.childcat;let i1=index;\">\n\n                <div class=\"buttonsingle\" *ngIf=\"item.childpercentage[i1]<100 && data.currentTrainingId!=item.childid[i1]\"> \n                    <button class=\"childButton\" mat-button color=\"primary\" (click)=\"navigate(item.childid[i1])\" *ngIf=\"item.childdone !=null && item.childdone[i1]!=null\">\n                        {{itemc}} ( {{item.childdone[i1]}}/{{item.childcount[i1]}})</button> </div> \n                </ng-container>\n            </span >\n            </ng-container>\n\n            </ng-container>\n        </div>\n    </div>\n</ng-container>\n","styles":[".leftRightPortion{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between}.mat-card-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;box-sizing:border-box;display:-webkit-box;display:flex}.row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;box-sizing:border-box;display:-webkit-box;display:flex;place-content:top space-around;-webkit-box-align:start;align-items:flex-start;-webkit-box-flex:1;flex:1 1 100%;max-width:100%}.column{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;box-sizing:border-box;display:-webkit-box;display:flex}.column .rowinner{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;box-sizing:border-box;display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1 1 100%;margin-bottom:10px}.column .rowinner:last-child{margin-bottom:0}.column .rowinner .mat-accordion{width:100%}.columnleft{width:70%}.submitbtn{display:block;width:170px;margin:16px 0 0;background:#5c5f61;color:#fff;float:right}.pointer{cursor:pointer}.leftside{width:67%;margin-right:3%}.rightside{width:30%}.class1{background-color:#8fef8d}.class2{background-color:#aed8e6}.class3{background-color:#fffefd}.class4{background-color:#d3d3d5}.class5{background-color:#f5a216}.class6{background-color:#ff8f91}.wrapper{display:-webkit-box;display:flex;justify-content:space-around;width:100%;flex-wrap:wrap}.wrapper .buttonsingle{-webkit-box-flex:1;flex:1;margin:5px}.trainingcentercls .rightside{padding:10px;background-color:#e5e5e5}.trainingcentercls .mat-list .mat-list-item{height:auto;padding:8px 0;text-transform:capitalize;font-size:16px}.trainingcentercls .mat-list .mat-list-item.selectedclass:first-child{margin-top:0}.trainingcentercls .mat-list .mat-list-item.selectedclass{background-color:#c4c4c4;text-transform:uppercase;padding:8px 0;font-size:16px;margin-top:8px;font-weight:600}.trainingcentercls .mat-list.sublistone{background-color:#d0d0d0;text-transform:capitalize;padding:10px}.trainingcentercls .matprogressbar br{display:none}.trainingcentercls .mat-list{position:relative;padding-top:0}.trainingcentercls .mat-list.sublist{margin-bottom:8px}.trainingcentercls .progresspercentage{font-size:14px;font-weight:400;position:absolute;right:4px;bottom:8px}.trainingcentercls .trainingheadercls{margin:0 0 10px;padding:0;position:relative}.trainingcentercls .trainingheadercls h2{margin:0;font-size:16px;text-transform:uppercase;width:90%;line-height:28px}.trainingcentercls .trainingheadercls h3{margin:0;position:absolute;right:4px;bottom:8px}.mat-card:not([class*=mat-elevation-z]){box-shadow:none!important}.rowinner .mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:none!important;background-color:#e5e5e5}.rowinner{margin-top:10px;display:inline-block;width:100%}.rowinner:first-child{margin-top:0}.rowinner .mat-expansion-panel-header{padding:10px 24px;height:auto!important;background-color:#c4c4c4;margin-bottom:16px}.paragraphcls img{width:100%}.imgwrappercls{display:block}.imgwrappercls img,.paragraphwrapper p img,.paragraphwrapper p p img{width:100%;height:auto;margin-top:0}.imgwrappercls img.mat-card-image{margin:0}.mat-expansion-panel-body{padding:16px 24px}:host ::ng-deep .paragraphcls{display:block;max-width:100%;overflow-wrap:break-word;word-wrap:break-word}:host ::ng-deep .paragraphcls img{max-width:100%}.videoWrapper{position:relative;padding-bottom:56.25%;height:0}.videoWrapper iframe,.videoWrapper object,.videoWrapper video{position:absolute;top:0;left:0;width:100%;height:100%}.audioWrapper{margin:0;padding:0}.audioWrapper audio{width:100%}.trainingheadercls{text-transform:capitalize}.modalclslibrary h1.mat-dialog-title{margin:0;text-transform:uppercase;font-weight:700}.modalclslibrary h3{margin:0 0 5px;text-transform:capitalize}.modalclslibrary .mat-dialog-content{margin-top:5px}.modalclslibrary button,.modalclslibrary button.childButton{margin-right:5px;background:#5c5f61;color:#fff;margin-top:5px;width:100%}.modalclslibrary .matcheckboxcls{margin-top:5px;margin-bottom:5px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":428,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":428,"character":12}]}],null],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵi"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":181,"character":86}]}],"closeButton":[{"__symbolic":"method"}],"navigate":[{"__symbolic":"method"}],"noChildNavigate":[{"__symbolic":"method"}],"resetanswer":[{"__symbolic":"method"}],"submitanswer":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"lib-manage-quiz","template":"<mat-card>\n    <span class=\"searchblock\">\n        <span class=\"searchblockwrapper\">\n            <span>\n                <mat-toolbar color=\"primary\" style=\"justify-content: center; align-items: center;\">\n\n                    <h2 class=\"headerSpan\">Manage Lesson Plan Material</h2>\n                    <!-- <span>For {{ listingData[0].lessonname}}</span> -->\n                </mat-toolbar>\n            </span>\n            <span>\n\n                <mat-form-field>\n                    <mat-label>Search By Keywords</mat-label>\n                    <input matInput (keyup)=\"applyFilter($event)\" placeholder=\"Filter\" #input>\n                </mat-form-field>\n\n                <mat-toolbar class=\"buttonsetToolbar\">\n\n                    <button class=\"singleButton\" mat-raised-button color=\"primary\" type=\"button\"\n                        (click)=\"addButton()\"><i class=\"material-icons\">add</i> Add\n                        Question</button>\n\n                    <button class=\"singleButton\" mat-raised-button color=\"primary\" type=\"button\" (click)=\"lessonList()\">\n                        <i class=\"material-icons\">\n                            keyboard_backspace\n                        </i>Back To\n                        Lesson List</button>\n                </mat-toolbar>\n            </span>\n        </span>\n    </span>\n\n    <div class=\"mat-elevation-z8\">\n\n        <table mat-table [dataSource]=\"dataSource\" matSort>\n\n            <ng-container matColumnDef=\"No\">\n                <th mat-header-cell *matHeaderCellDef mat-sort-header> No. </th>\n                <td mat-cell *matCellDef=\"let row;let i = index\" data-label=\"No\"> {{i + 1}} </td>\n            </ng-container>\n\n            <ng-container matColumnDef=\"title\">\n                <th mat-header-cell *matHeaderCellDef mat-sort-header> Title </th>\n                <td mat-cell *matCellDef=\"let row\" data-label=\"Title\"> {{row.title}} </td>\n            </ng-container>\n            <ng-container matColumnDef=\"question\">\n                <th mat-header-cell *matHeaderCellDef mat-sort-header> Question </th>\n                <td mat-cell *matCellDef=\"let row\" data-label=\"Question\"> {{row.question}} </td>\n            </ng-container>\n            <ng-container matColumnDef=\"description_html\">\n                <th mat-header-cell *matHeaderCellDef mat-sort-header> Description </th>\n                <td mat-cell *matCellDef=\"let row\" data-label=\"Question\"> {{row.description_html}} </td>\n            </ng-container>\n            <ng-container matColumnDef=\"question_type\">\n                <th mat-header-cell *matHeaderCellDef mat-sort-header> Question Type </th>\n                <td mat-cell *matCellDef=\"let row\" data-label=\"Question Type\">\n                    <!-- {{row.question_type}} -->\n                    <span *ngIf=\"row.question_type == 'text_area'\">Text Area</span>\n                    <span *ngIf=\"row.question_type == 'multiple_selection'\">Multiple Selection</span>\n                    <span *ngIf=\"row.question_type == 'pick_picture'\">Pick a Picture</span>\n                    <span *ngIf=\"row.question_type == 'yes_no'\">Yes / No</span>\n                </td>\n            </ng-container>\n            <ng-container matColumnDef=\"skippable\">\n                <th mat-header-cell *matHeaderCellDef mat-sort-header> Skippable </th>\n                <td mat-cell *matCellDef=\"let row\" title=\"skippable\">\n                    <span *ngIf=\"row.skippable == 1\">Yes</span>\n                    <span *ngIf=\"row.skippable == 0\">No</span> </td>\n\n            </ng-container>\n            <ng-container matColumnDef=\"priority\">\n                <th mat-header-cell *matHeaderCellDef mat-sort-header> Priority </th>\n                <td mat-cell *matCellDef=\"let row\" title=\"Priority\"> {{row.priority}} </td>\n            </ng-container>\n            <ng-container matColumnDef=\"created_at\">\n                <th mat-header-cell *matHeaderCellDef mat-sort-header> Date </th>\n                <td mat-cell *matCellDef=\"let row\" title=\"created_at\"> {{row.created_at | date}} </td>\n            </ng-container>\n            <ng-container matColumnDef=\"status\">\n                <th mat-header-cell *matHeaderCellDef mat-sort-header> Status </th>\n                <td mat-cell *matCellDef=\"let row\" title=\"Status\">\n                    <span *ngIf=\"row.status == 1\">Active</span>\n                    <span *ngIf=\"row.status == 0\">Inactive</span> </td>\n\n            </ng-container>\n            <ng-container matColumnDef=\"deleteRecord\">\n                <th mat-header-cell *matHeaderCellDef> Action </th>\n                <td mat-cell *matCellDef=\"let element; let i = index;\" data-label=\"Action\">\n                    <span class=\"buttons_ro\">\n                        <span class=\"cursor\" (click)=\"deleteRecord(element._id, i);\">\n                            <i class=\"material-icons\">\n                                delete_outline\n                            </i>\n                        </span>\n\n                        <span (click)=\"routerFunction(element._id)\">\n                            <i class=\"material-icons\">\n                                edit\n                            </i>\n                        </span>\n                        <span (click)=\"statusUpdateModal(element._id,i)\">\n                            <i class=\"material-icons\">\n                                toggle_on\n                            </i>\n                        </span>\n\n                        <span *ngIf=\"element.question_type == 'multiple_selection'\">\n\n                            <button mat-raised-button type=\"button\" class=\"viewanscls\" color=\"primary\"\n                                (click)=\"viewAnswerData(element,1)\">View\n                                Answer</button>\n                        </span>\n\n                        <span *ngIf=\"element.question_type == 'pick_picture'\">\n                            <button mat-raised-button type=\"button\" color=\"primary\" class=\"viewimgcls\" (click)=\"viewImages(element,2)\">View\n                                Images</button>\n                        </span>\n\n                        <!--                         \n                        <span *ngIf=\"element.question_type!='Text Box'\">\n\n                            <button mat-button type=\"button\" color=\"primary\" (click)=\"goToAnswerPage \n                            (element._id)\">Add Answer</button>\n\n                        </span>\n\n                        <button mat-button type=\"button\" color=\"primary\"\n                            (click)=\"goToUpdateAnswerPage(element._id)\">View Answer</button> -->\n\n\n\n                    </span>\n                </td>\n\n            </ng-container>\n            <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n            <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\">\n            </tr>\n\n        </table>\n\n        <mat-paginator [pageSizeOptions]=\"[5, 10, 25, 100]\"></mat-paginator>\n    </div>\n\n\n</mat-card>","styles":["table{width:100%}.mat-form-field{font-size:14px;width:100%}td,th{width:25%}.headerSpan{text-align:center;display:block;margin:auto}.buttonsetToolbar{background-color:#f4f3f8;text-align:center;display:block;padding-top:10px}.singleButton{margin:5px;float:right}"]}]}],"members":{"paginator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":44,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginator","line":44,"character":13},{"static":false}]}]}],"sort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":45,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/sort","name":"MatSort","line":45,"character":13},{"static":false}]}]}],"allDataList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"AddPageRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"LessonPageRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"serverDetails":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"formSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"EditPageRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"AddUpdateAnswerRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"ParamsId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":84,"character":29},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":84,"character":86}]}],"ngOnInit":[{"__symbolic":"method"}],"addButton":[{"__symbolic":"method"}],"lessonList":[{"__symbolic":"method"}],"deleteRecord":[{"__symbolic":"method"}],"deleteFunction":[{"__symbolic":"method"}],"statusUpdateModal":[{"__symbolic":"method"}],"statusChange":[{"__symbolic":"method"}],"routerFunction":[{"__symbolic":"method"}],"goToAnswerPage":[{"__symbolic":"method"}],"goToUpdateAnswerPage":[{"__symbolic":"method"}],"viewAnswerData":[{"__symbolic":"method"}],"viewImages":[{"__symbolic":"method"}],"applyFilter":[{"__symbolic":"method"}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":259,"character":1},"arguments":[{"selector":"questionDataModal","template":"<div class=\"generalmodalcls\">\n    <div class=\"modal-content\">\n          <div class=\"logowrapperouter\">\n              <div class=\"logowrapper\">\n                  <!-- <img src=\"../../assets/images/logomain.png\"> -->\n              </div>\n          </div>  \n\n\n          <div mat-dialog-content class=\"questioncls\" *ngIf=\"data.flag == 1\">\n            <h2 style=\"text-align: center;\" class=\"questiondatacls\">Answer For <b>{{data.data.question}}</b></h2>\n            <span *ngFor=\"let item of data.data.answerdata;let i = index\" class=\"optioncls\">\n                <p>Option {{i + 1}} : {{item.answer}}</p>\n            </span>\n          </div> \n\n          <div mat-dialog-content class=\"headercls\" *ngIf=\"data.flag == 2\">\n            <h2 style=\"text-align: center;\" class=\"questiondatacls\">Question Images</h2>\n            <span *ngFor=\"let item of data.data.question_img\" class=\"imagecls\">\n                <img mat-card-image [src]=\"item.basepath + item.image\">\n            </span>\n          </div> \n          <br>\n\n          <mat-dialog-actions class=\"modalbtncls\">\n            <button class=\"btncancelcls\" mat-raised-button color=\"accent\" mat-dialog-close=\"no\" cdkFocusInitial><span class=\"material-icons\">\n              clear\n              </span></button>\n          </mat-dialog-actions>\n      </div>\n    </div>\n  \n  \n  \n  \n   "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":266,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":266,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵk"}]},{"__symbolic":"reference","name":"any"}]}]}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"lib-add-edit","template":"<mat-card>\n    <span class=\"searchblock\">\n        <span class=\"searchblockwrapper\">\n            <span>\n                <mat-toolbar color=\"primary\" style=\"justify-content: center; align-items: center;\">\n                    <h2 class=\"headerSpan\">{{ headerText }}</h2>\n                </mat-toolbar>\n            </span>\n        </span>\n    </span>\n\n    <!-- old quiz content -->\n    <!-- <mat-card-content>\n        <form class=\"example-form\" novalidate [formGroup]=\"manageQuizForm\" name=\"manageQuizForm\"\n            (ngSubmit)=\"ManageQuizFormSubmit()\" autocomplete=\"off\">\n            <mat-form-field>\n                <mat-label>Choose Question Type</mat-label>\n                <mat-select formControlName=\"question_type\" >\n                  <mat-option  value=\"checkbox\">Checkbox </mat-option>\n                  <mat-option  value=\"dropdown\">Dropdown </mat-option>\n                  <mat-option  value=\"radio_button\">Radio Button </mat-option>\n                  <mat-option  value=\"text_box\">Text Box </mat-option>\n                </mat-select>\n              </mat-form-field>\n            <mat-form-field class=\"example-full-width\">\n                <input matInput placeholder=\"Question\" [formControl]=\"manageQuizForm.controls['question']\"\n                    (blur)=\"inputUntouch(manageQuizForm,'question')\">\n                <mat-error *ngIf=\"manageQuizForm.controls['question'].touched && !manageQuizForm.controls['question'].valid\n                           && manageQuizForm.controls['question'].errors.required\">\n                           Question field can not be blank</mat-error>\n            </mat-form-field>\n            \n            <mat-form-field class=\"example-full-width\">\n                <input matInput placeholder=\"Prority\" [formControl]=\"manageQuizForm.controls['priority']\"\n                    (blur)=\"inputUntouch(manageQuizForm,'priority')\">\n                <mat-error *ngIf=\"manageQuizForm.controls['priority'].touched && !manageQuizForm.controls['priority'].valid\n                           && manageQuizForm.controls['priority'].errors.required\">\n                          Priority field can not be blank</mat-error>\n            </mat-form-field>\n\n\n              <mat-label>Description</mat-label>\n              <ck-editor name=\"description\" [formControl]=\"manageQuizForm.controls['description']\" skin=\"moono-lisa\" language=\"en\" [fullPage]=\"true\"></ck-editor>\n\n        \n            <mat-checkbox [formControl]=\"manageQuizForm.controls['status']\" [(ngModel)]=\"statuschecked\">Active</mat-checkbox>\n\n            <br>\n           \n            <button mat-raised-button color=\"primary\" mat-button class=\"trainingsubbtn\" type=\"submit\">{{ buttonText }}</button>\n\n        </form>\n    </mat-card-content> -->\n\n\n\n\n    <!-- new quiz content  -->\n    <mat-card-content>\n        <form class=\"example-form\" novalidate [formGroup]=\"manageQuizForm\" name=\"manageQuizForm\"\n             autocomplete=\"off\">\n\n            <mat-form-field class=\"example-full-width\">\n                <input matInput placeholder=\"Title\" [formControl]=\"manageQuizForm.controls['title']\"\n                    (blur)=\"inputUntouch(manageQuizForm,'title')\">\n                <mat-error *ngIf=\"manageQuizForm.controls['title'].touched && !manageQuizForm.controls['title'].valid\n                           && manageQuizForm.controls['title'].errors.required\">\n                    title field can not be blank</mat-error>\n            </mat-form-field>\n\n\n            <mat-label>Description :</mat-label>\n            <ck-editor name=\"description\" [formControl]=\"manageQuizForm.controls['description']\" skin=\"moono-lisa\"\n                language=\"en\" [fullPage]=\"true\" [config]=\"editorconfig\"></ck-editor>\n                <mat-error *ngIf=\"manageQuizForm.controls['description'].touched && !manageQuizForm.controls['description'].valid\n                           && manageQuizForm.controls['description'].errors.required\">\n                           Description field can not be blank</mat-error>\n\n\n            <mat-form-field class=\"example-full-width\">\n                <input matInput placeholder=\"Prority\" type=number [formControl]=\"manageQuizForm.controls['priority']\"\n                    (blur)=\"inputUntouch(manageQuizForm,'priority')\">\n                <mat-error *ngIf=\"manageQuizForm.controls['priority'].touched && !manageQuizForm.controls['priority'].valid\n                           && manageQuizForm.controls['priority'].errors.required\">\n                    Priority field can not be blank</mat-error>\n            </mat-form-field>\n\n\n            <mat-form-field class=\"example-full-width\">\n                <input matInput placeholder=\"Question\" [formControl]=\"manageQuizForm.controls['question']\"\n                    (blur)=\"inputUntouch(manageQuizForm,'question')\">\n                <mat-error *ngIf=\"manageQuizForm.controls['question'].touched && !manageQuizForm.controls['question'].valid\n                           && manageQuizForm.controls['question'].errors.required\">\n                    Question field can not be blank</mat-error>\n            </mat-form-field>\n\n\n            Status : &nbsp;<mat-checkbox [formControl]=\"manageQuizForm.controls['status']\" [(ngModel)]=\"statuschecked\">\n                Active</mat-checkbox> <br><br>\n\n                Skippable : &nbsp;<mat-checkbox [formControl]=\"manageQuizForm.controls['skippable']\" [(ngModel)]=\"skippablechecked\">\n                    Yes</mat-checkbox>\n            <br><br>\n\n\n            <mat-form-field>\n                <mat-label>Choose Question Type</mat-label>\n                <mat-select formControlName=\"question_type\" (selectionChange)=\"getQuestionTypeValue($event.value)\">\n                    <mat-option value=\"multiple_selection\">Multiple Selection</mat-option>\n                    <mat-option value=\"yes_no\">Yes / No </mat-option>\n                    <mat-option value=\"pick_picture\">Pick a Picture </mat-option>\n                    <mat-option value=\"text_area\">Text Area (Descriptive) </mat-option>\n                </mat-select>\n            </mat-form-field>\n\n            <!-- for text area -->\n            <div *ngIf=\"questionTypeVal == 'text_area'\">\n                <mat-label>Choose Text Box Type : </mat-label>\n                <mat-radio-group aria-label=\"Select an option\" formControlName=\"text_area_type\">\n                    <mat-radio-button value=\"small\">Small</mat-radio-button>\n                    <mat-radio-button value=\"medium\">Medium</mat-radio-button>\n                    <mat-radio-button value=\"large\">Large</mat-radio-button>\n                </mat-radio-group>\n                <!-- <div *ngIf=\"textAreaTypeVal == small\">\n                    <mat-form-field>\n                        <input matInput placeholder=\"Small Text\" [formControl]=\"manageQuizForm.controls['small_text']\"\n                    (blur)=\"inputUntouch(manageQuizForm,'small_text')\">\n                    </mat-form-field>\n                  </div>\n\n                  <div *ngIf=\"textAreaTypeVal == medium\">\n                    <mat-form-field>\n                        <input matInput placeholder=\"Medium Text\" [formControl]=\"manageQuizForm.controls['medium_text']\"\n                    (blur)=\"inputUntouch(manageQuizForm,'medium_text')\">\n                    </mat-form-field>\n                </div>\n\n                <div *ngIf=\"textAreaTypeVal == large\">\n                    <mat-form-field>\n                        <input matInput placeholder=\"Medium Text\" [formControl]=\"manageQuizForm.controls['medium_text']\"\n                    (blur)=\"inputUntouch(manageQuizForm,'medium_text')\">\n                    </mat-form-field>\n                </div> -->\n            </div>\n\n\n            <!-- for multiple answer add -->\n            <div *ngIf=\"questionTypeVal == 'multiple_selection'\">\n\n                <span class=\"addvideocls\">\n                    <mat-label>Add Multiple Answer :</mat-label>\n                    <span class=\"adddeletecls\">\n                    <i class=\"material-icons addbtn\" (click)=\"addAnswer('')\">add_box</i>\n                    </span>\n    \n                </span>\n                \n                <div formArrayName=\"answerdata\"\n                    *ngFor=\"let item of manageQuizForm.controls.answerdata?.value; let i=index ;trackBy: trackByFn\"\n                    class=\"fromClass\">\n                    <ng-container [formGroupName]=\"i\">\n                        <mat-form-field >\n                            <input matInput formControlName=\"answer\" placeholder=\"Answer\">\n                            <span matSuffix class=\"adddeletecls\">\n                                <i class=\"material-icons addbtn\" (click)=\"addAnswer('')\">add_box</i>\n                                <i class=\"material-icons delbtn\" (click)=\"removeAnswer(i)\">delete</i>\n                            </span>\n                        </mat-form-field>\n                    </ng-container>\n                </div>\n            </div>\n\n            <div *ngIf=\"questionTypeVal == 'pick_picture'\"> \n                <!-- file upload library start here -->\n                <lib-file-upload [config]=\"imageConfigData\"></lib-file-upload>\n                <!-- <mat-error *ngIf=\"ErrCode==true\">Please add just one image.</mat-error> -->\n\n                <!-- <mat-error *ngIf=\"ErrCode==true\">Please add just one image.</mat-error> -->\n\n                <!-- CARD VIEW  -->\n                <mat-card-content class=\"files-view\" *ngIf=\"img_flag==true\">\n                    <mat-card class=\"example-card\" *ngFor=\"let img of images_array_edit; let i2 = index\">\n                        <img mat-card-image [src]=\"img.img_var\">\n                        <mat-card-title>{{ image_name }}</mat-card-title>\n                        <mat-card-subtitle>{{ image_type }}</mat-card-subtitle>\n                        <span class=\"closecard\" (click)=\"clear_image(i2)\">\n                            <i class=\"material-icons\">clear</i>\n                        </span>\n                    </mat-card>\n                </mat-card-content><br>\n            </div>\n\n            <br><br>\n\n            <button mat-raised-button color=\"primary\" mat-button class=\"trainingsubbtn\" (click)=\"ManageQuizFormSubmit()\"\n                type=\"button\" >{{ buttonText }}</button> &nbsp;\n\n            <button mat-raised-button color=\"primary\" mat-button class=\"trainingsubbtn\" type=\"reset\">Reset</button>&nbsp;\n\n            <button mat-raised-button color=\"primary\" mat-button class=\"trainingsubbtn\" type=\"button\" (click)=\"cancelroute()\">Cancel</button>\n\n\n        </form>\n    </mat-card-content>\n\n</mat-card>","styles":["table{width:100%}.mat-form-field{font-size:14px;width:100%}td,th{width:25%}.headerSpan{text-align:center;display:block;margin:auto}.buttonsetToolbar{background-color:#f4f3f8;text-align:center;display:block;padding-top:10px}.singleButton{margin:5px;float:right}.submitbtn{display:block;width:170px;margin:10px auto;background:#3f50b5!important;color:#fff}.adddeletecls{cursor:pointer}.adddeletecls i.material-icons{font-size:32px}.addvideocls{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:start;justify-content:flex-start}.addvideoblock{background:#e2e2e2;padding:15px;margin-top:10px}.addvideoblock:nth-child(1){margin-top:0}.addbtn{color:#4caf50}.delbtn{color:red}.clickable{cursor:pointer}"]}]}],"members":{"imageUpload":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"serverDetails":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"lessonIdInedit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"DataList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"formSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}}]}],"ListingPageRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"LessonId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":99,"character":56},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":99,"character":84},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":99,"character":115}]}],"ngOnInit":[{"__symbolic":"method"}],"inputUntouch":[{"__symbolic":"method"}],"ManageQuizFormSubmit":[{"__symbolic":"method"}],"getQuestionTypeValue":[{"__symbolic":"method"}],"addAnswer":[{"__symbolic":"method"}],"removeAnswer":[{"__symbolic":"method"}],"trackByFn":[{"__symbolic":"method"}],"clear_image":[{"__symbolic":"method"}],"cancelroute":[{"__symbolic":"method"}]}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"lib-add-update-answer","template":"<mat-card>\n    <span class=\"searchblock\">\n        <span class=\"searchblockwrapper\">\n            <span>\n    <mat-toolbar color=\"primary\" style=\"justify-content: center; align-items: center;\">\n        <h2 class=\"headerSpan\">Add Answer</h2>\n    </mat-toolbar>\n            </span>\n        </span>\n    </span>\n    \n    <mat-card-content>\n        <form class=\"example-form\" novalidate [formGroup]=\"addUpdateAnswerForm\" name=\"addUpdateAnswerForm\"\n             autocomplete=\"off\">\n\n            <mat-form-field class=\"example-full-width\">\n                <input matInput placeholder=\"Answer\" [formControl]=\"addUpdateAnswerForm.controls['answer']\"\n                    (blur)=\"inputUntouch(addUpdateAnswerForm,'answer')\">\n                <mat-error *ngIf=\"addUpdateAnswerForm.controls['answer'].touched && !addUpdateAnswerForm.controls['answer'].valid\n                           && addUpdateAnswerForm.controls['answer'].errors.required\">\n                           Answer field can not be blank</mat-error>\n            </mat-form-field>\n        \n          <ng-container >\n            <mat-checkbox [formControl]=\"addUpdateAnswerForm.controls['isCorrect']\">Is it correct?</mat-checkbox>\n\n          </ng-container>\n          <br><br>\n           \n            <button mat-raised-button color=\"primary\" mat-button class=\"trainingsubbtn\" type=\"button\" \n            (click)=\"AddUpdateAnswerFormSubmit()\">Submit</button>&nbsp;\n\n            <button mat-raised-button color=\"primary\" mat-button class=\"trainingsubbtn\" type=\"button\"\n             (click)=\"cancelRoute()\">Cancel</button>\n\n\n        </form>\n    </mat-card-content>\n\n</mat-card>","styles":["table{width:100%}.mat-form-field{font-size:14px;width:100%}td,th{width:25%}.headerSpan{text-align:center;display:block;margin:auto}.buttonsetToolbar{background-color:#f4f3f8;text-align:center;display:block;padding-top:10px}.singleButton{margin:5px;float:right}.submitbtn{display:block;width:170px;margin:10px auto;background:#3f50b5!important;color:#fff}"]}]}],"members":{"serverDetails":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"formSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"ListingPageRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"ParamsId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"LessonId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":42,"character":56},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":42,"character":84}]}],"ngOnInit":[{"__symbolic":"method"}],"inputUntouch":[{"__symbolic":"method"}],"AddUpdateAnswerFormSubmit":[{"__symbolic":"method"}],"cancelRoute":[{"__symbolic":"method"}]}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"lib-update-answer","template":"<mat-card>\n\n  <span class=\"searchblock\">\n    <span class=\"searchblockwrapper\">\n      <span>\n        <mat-toolbar color=\"primary\" style=\"justify-content: center; align-items: center;\">\n          <h2 class=\"headerSpan\">List Of Quiz Answer</h2>\n        </mat-toolbar>\n\n        <mat-toolbar class=\"buttonsetToolbar\">\n\n          <button class=\"singleButton\" mat-raised-button color=\"primary\" type=\"button\" (click)=\"goToquizList()\">\n            <i class=\"material-icons\">\n              keyboard_backspace\n            </i>Back To\n            Quiz List</button>\n\n          <!-- <button class=\"singleButton\" mat-raised-button color=\"primary\" (click)=\"addButton()\">\n            <i class=\"material-icons\">add</i> Add Answer</button> -->\n        </mat-toolbar>\n\n      </span>\n    </span>\n  </span>\n\n\n\n  <div class=\"questioncls\" *ngIf=\"quizAnswerData != '' && quizAnswerData != null\">\n    <h2> Question : {{ quizAnswerData[0]?.question}}</h2>\n  </div>\n\n  <div class=\"mat-elevation-z8\" *ngIf=\"quizAnswerData != '' && quizAnswerData != null\">\n    <table mat-table [dataSource]=\"dataSource\" matSort>\n\n      <ng-container matColumnDef=\"No\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>No.</th>\n        <td mat-cell *matCellDef=\"let element;let i =index\" title=\"No.\"> {{i+1}} </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"answers\">\n        <th mat-header-cell *matHeaderCellDef mat-sort-header>Answer</th>\n        <td mat-cell *matCellDef=\"let element\"title=\"Answer\"> {{element.answer}} </td>\n      </ng-container>\n\n      <ng-container matColumnDef=\"Correct\">\n        <th mat-header-cell *matHeaderCellDef>Is Correct?</th>\n        <td mat-cell *matCellDef=\"let element\" title=\"Is Correct?\">\n          <span class=\"rightcls\" *ngIf=\"element.isCorrect ==1\">\n            <span class=\"material-icons\">\n              check\n            </span>\n          </span>\n          <span class=\"wrongcls\" *ngIf=\"element.isCorrect ==0\">\n            <span class=\"material-icons\">\n              clear\n            </span>\n          </span>\n        </td>\n      </ng-container>\n\n      <ng-container cdkColumnDef=\"action\">\n        <th mat-header-cell th *matHeaderCellDef> Action </th>\n        <td mat-cell td *matCellDef=\"let element ;let i = index;\" title=\"Action\">\n\n          <!-- <span class=\"cursor\">\n            <i class=\"material-icons\" (click)=\"edit(element._id,i)\">edit</i>\n          </span> -->\n\n          <span class=\"cursor\">\n            <i class=\"material-icons\" (click)=\"delete(element._id,i)\">delete</i>\n          </span>\n          <span class=\"isCorrect\">\n            <button class=\"changerigtcls\" *ngIf=\"element.isCorrect ==1\" (click)=\"isCorrect(element,1)\" mat-button>\n              <span  matTooltip=\"Change Answer 1\" class=\"material-icons\">\n                clear\n              </span>\n            </button>\n            <button class=\"changewrongcls\" (click)=\"isCorrect(element,0)\" mat-button>\n              <span *ngIf=\"element.isCorrect ==0\" matTooltip=\"Change Answer 2\" class=\"material-icons\">\n                check\n              </span>\n            </button>\n          </span>\n      </ng-container>\n\n      <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n      <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\">\n      </tr>\n    </table>\n    <mat-paginator [pageSizeOptions]=\"[5, 10, 25]\"></mat-paginator>\n\n  </div>\n</mat-card>","styles":[".example-container{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;max-height:500px;min-width:300px}.mat-table{overflow:auto;max-height:500px}table{width:100%}.mat-form-field{font-size:14px;width:100%}td,th{width:25%}.headerSpan{text-align:center;display:block;margin:auto}.buttonsetToolbar{background-color:#f4f3f8;text-align:center;display:block;padding-top:10px}.singleButton,.singleButton button{margin:5px;float:right}.cursor{cursor:pointer}.questioncls{background-color:#679292;padding:11px}"]}]}],"members":{"paginator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":39,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginator","line":39,"character":13},{"static":false}]}]}],"sort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":40,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MatSort","line":40,"character":13},{"static":false}]}]}],"serverDetails":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"formSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"DataList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"ListingPageRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"LessonId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"AnsUpdateEndpoint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":71,"character":29},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":71,"character":86}]}],"ngOnInit":[{"__symbolic":"method"}],"isCorrect":[{"__symbolic":"method"}],"goToquizList":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}],"deleteFunction":[{"__symbolic":"method"}],"edit":[{"__symbolic":"method"}]}},"ɵo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":184,"character":1},"arguments":[{"selector":"dialog-overview-example-dialog","template":"<span>Change Answer for</span>\n<button mat-raised-button color=\"primary\" (click)=\"changeans(1)\">correct</button>\n<button mat-raised-button color=\"primary\" (click)=\"changeans(0)\">Incorrect</button>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":192,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":192,"character":12}]}],null],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵo"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"ɵa"}]}],"onNoClick":[{"__symbolic":"method"}],"changeans":[{"__symbolic":"method"}]}},"ɵp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"lib-loginfortraining","template":"<form [formGroup]=\"loginForm\" (ngSubmit)=\"loginFormSubmit()\">\n    <mat-form-field>\n        <input matInput type=\"text\" placeholder=\"Email\" formControlName=\"email\"\n            (blur)=\"inputUntouched('email')\">\n        <mat-error\n            *ngIf=\"!loginForm.controls['email'].valid && loginForm.controls['email'].errors.required && loginForm.controls['email'].touched\">\n            Email can not be blank</mat-error>\n    </mat-form-field>\n    \n    <mat-error *ngIf=\"!loginForm.controls['email'].valid && !loginForm.controls['email'].errors.required\">\n        Please enter a valid email</mat-error>\n    <mat-form-field>\n        <input matInput placeholder=\"Password\" type=\"password\" formControlName=\"password\"\n            (blur)=\"inputUntouched('password')\">\n        <mat-error\n            *ngIf=\"!loginForm.controls['password'].valid && loginForm.controls['password'].errors.required && loginForm.controls['password'].touched\">\n            Password can not be blank</mat-error>\n    </mat-form-field>\n    <button mat-raised-button color=\"primary\">login</button>\n\n</form>\n\n\n    ","styles":[""]}]}],"members":{"ServerDetails":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":4}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":17,"character":27},{"__symbolic":"reference","module":"ngx-cookie-service","name":"CookieService","line":17,"character":62},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":17,"character":124}]}],"ngOnInit":[{"__symbolic":"method"}],"inputUntouched":[{"__symbolic":"method"}],"loginFormSubmit":[{"__symbolic":"method"}]}},"ɵq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":36,"character":1},"arguments":[{"selector":"lib-trainingreport","template":"<mat-tab-group mat-align-tabs=\"center\">\n\n\n    <!-- training report mat tab  -->\n    <mat-tab label=\"Training Report\">\n        <mat-card>\n            <span class=\"searchblock\">\n                <span class=\"searchblockwrapper\">\n                    <span>\n                        <mat-toolbar color=\"primary\" style=\"justify-content: center; align-items: center;\">\n                            <h2 class=\"headerSpan\">Training Report</h2>\n                        </mat-toolbar>\n                        <mat-card-content class=\"countSection\">\n                            <h2>{{trainingCounts.totaltrainingcount}}</h2>\n\n                            <span>Total Number Of <br>Training</span>\n                        </mat-card-content>\n                        <mat-card-content class=\"countSection\">\n                            <h2>{{trainingCounts.totallessoncount}}</h2>\n\n                            <span>Total Number Of <br>Lessons</span>\n                        </mat-card-content>\n                        <mat-card-content class=\"countSection\">\n                            <h2>{{trainingCounts.activatedtrainingcount}}</h2>\n\n                            <span>Total Number Of <br>Activate Training</span>\n                        </mat-card-content>\n                        <mat-card-content class=\"countSection\">\n                            <h2>{{trainingCounts.activatedlessoncount}}</h2>\n\n                            <span>Total Number Of <br>Activate Lesson</span>\n                        </mat-card-content>\n                        <mat-card-content class=\"countSection\">\n                            <h2>{{trainingCounts.trashedtrainingcount}}</h2>\n\n                            <span>Total Number Of <br>Trashed Trainings</span>\n                        </mat-card-content>\n                        <mat-card-content class=\"countSection\">\n                            <h2>{{trainingCounts.trashedlessoncount}}</h2>\n                            <span>Total Number Of <br>Trashed Lessons</span>\n                        </mat-card-content>\n                    </span>\n                </span>\n            </span>\n            <!-- search field start here -->\n            <div class=\"searchcls\">\n                <ng-container *ngIf=\"userType=='admin'\">\n                    <mat-form-field>\n                        <mat-label>Search By Name</mat-label>\n                        <input matInput placeholder=\"Name\" [(ngModel)]=\"search.name_s\" />\n                    </mat-form-field>\n\n                    <mat-form-field>\n                        <mat-label>Search By Email</mat-label>\n                        <input matInput placeholder=\"E-mail\" [(ngModel)]=\"search.email\" />\n                    </mat-form-field>\n\n                    <mat-form-field>\n                        <mat-label>Search By Type</mat-label>\n                        <mat-select [(ngModel)]=\"search.type\">\n                            <!-- <mat-option>Clear</mat-option> -->\n                            <mat-option value=\"mentor\">Mentor</mat-option>\n                            <mat-option value=\"mentee\">Mentee</mat-option>\n                        </mat-select>\n                    </mat-form-field>\n\n                    <button mat-raised-button color=\"primary\" (click)=\"getPageData()\">Search</button> &nbsp;\n                    <span class=\"material-icons\" (click)=\"reLoadData()\">\n                        refresh\n                    </span>\n                </ng-container>\n            </div>\n            <br>\n\n            <!-- search field start here -->\n\n            <div class=\"mat-elevation-z8\">\n                <table mat-table [dataSource]=\"dataSource\" matSort>\n\n                    <ng-container matColumnDef=\"no\">\n                        <th mat-header-cell *matHeaderCellDef> No. </th>\n                        <td mat-cell *matCellDef=\"let row; let i = index;\" title=\"No\">\n                            {{ (page.page_no-1) * (page.page_count) + (i+1) }}. </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"name\">\n                        <th mat-header-cell *matHeaderCellDef> Name <i *ngIf=\"sort_type=='asc'\"\n                                (click)=\"sortPageData('name')\" class=\"pointer\" class=\"material-icons\">\n                                keyboard_arrow_down\n                            </i>\n                            <i *ngIf=\"sort_type=='desc'\" class=\"pointer\" (click)=\"sortPageData('name')\"\n                                class=\"material-icons\">\n                                keyboard_arrow_up\n                            </i> </th>\n                        <td mat-cell *matCellDef=\"let row\" title=\"Name\"> {{row.name}} </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"type\">\n                        <th mat-header-cell *matHeaderCellDef> Type</th>\n                        <td mat-cell *matCellDef=\"let row\" title=\"Type\"> {{row.type}} </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"email\">\n                        <th mat-header-cell *matHeaderCellDef> E-mail\n                            <i *ngIf=\"sort_type=='asc'\" (click)=\"sortPageData('email')\" class=\"pointer\"\n                                class=\"material-icons\">\n                                keyboard_arrow_down\n                            </i>\n                            <i *ngIf=\"sort_type=='desc'\" class=\"pointer\" (click)=\"sortPageData('email')\"\n                                class=\"material-icons\">\n                                keyboard_arrow_up\n                            </i>\n\n                        </th>\n                        <td mat-cell *matCellDef=\"let row\" title=\"E-mail\"> {{row.email}} </td>\n                    </ng-container>\n                    <!-- <ng-container matColumnDef=\"totalTraining\">\n                <th mat-header-cell *matHeaderCellDef> Total Training </th>\n                <td mat-cell *matCellDef=\"let element; let i = index;\">\n                    {{totalTraining}}\n                </td>\n            </ng-container> -->\n                    <ng-container matColumnDef=\"trainingdone\">\n                        <th mat-header-cell *matHeaderCellDef>Training Done\n                            <i *ngIf=\"sort_type=='asc'\" (click)=\"sortPageData('trainingdone')\" class=\"pointer\"\n                                class=\"material-icons\">\n                                keyboard_arrow_down\n                            </i>\n                            <i *ngIf=\"sort_type=='desc'\" class=\"pointer\" (click)=\"sortPageData('trainingdone')\"\n                                class=\"material-icons\">\n                                keyboard_arrow_up\n                            </i>\n                        </th>\n                        <td mat-cell *matCellDef=\"let row\" title=\"Training Done\"> {{row.trainingdone}} </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"training_percentage\">\n                        <th mat-header-cell *matHeaderCellDef>Training Percentage <i *ngIf=\"sort_type=='asc'\"\n                                (click)=\"sortPageData('training_percentage')\" class=\"material-icons\">\n                                keyboard_arrow_down\n                            </i>\n                            <i *ngIf=\"sort_type=='desc'\" (click)=\"sortPageData('training_percentage')\"\n                                class=\"material-icons\">\n                                keyboard_arrow_up\n                            </i></th>\n                        <td mat-cell *matCellDef=\"let row\" title=\"Total Training\"> {{row.training_percentage}}% </td>\n                    </ng-container>\n                    <ng-container matColumnDef=\"lastupdated_training_percentage_at\">\n                        <th mat-header-cell *matHeaderCellDef>Last Training Percentage On<i *ngIf=\"sort_type=='asc'\"\n                                (click)=\"sortPageData('lastupdated_training_percentage_at')\" class=\"material-icons\">\n                                keyboard_arrow_down\n                            </i>\n                            <i *ngIf=\"sort_type=='desc'\" (click)=\"sortPageData('lastupdated_training_percentage_at')\"\n                                class=\"material-icons\">\n                                keyboard_arrow_up\n                            </i></th>\n\n                        <td mat-cell *matCellDef=\"let row\" title=\"Lastupdated Training Percentage At\">\n                            <div *ngIf=\"row.lastupdated_training_percentage_at!='NA'\">\n                                {{row.lastupdated_training_percentage_at | date }} </div>\n                            <div *ngIf=\"row.lastupdated_training_percentage_at=='NA'\">\n                                {{row.lastupdated_training_percentage_at}}\n                            </div>\n                        </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"lastlessonname\">\n                        <th mat-header-cell *matHeaderCellDef> Last Lesson\n\n                            <i *ngIf=\"sort_type=='asc'\" (click)=\"sortPageData('lastlessonname')\" class=\"pointer\"\n                                class=\"material-icons\">\n                                keyboard_arrow_down\n                            </i>\n                            <i *ngIf=\"sort_type=='desc'\" class=\"pointer\" (click)=\"sortPageData('lastlessonname')\"\n                                class=\"material-icons\">\n                                keyboard_arrow_up\n                            </i>\n                        </th>\n                        <td mat-cell *matCellDef=\"let row\" title=\"Last Lessonname\"> {{row.lastlessonname}} </td>\n                    </ng-container>\n                    <ng-container matColumnDef=\"lasttrainingname\">\n                        <th mat-header-cell *matHeaderCellDef> Last Training\n                            <i *ngIf=\"sort_type=='asc'\" (click)=\"sortPageData('lasttrainingname')\" class=\"pointer\"\n                                class=\"material-icons\">\n                                keyboard_arrow_down\n                            </i>\n                            <i *ngIf=\"sort_type=='desc'\" class=\"pointer\" (click)=\"sortPageData('lasttrainingname')\"\n                                class=\"material-icons\">\n                                keyboard_arrow_up\n                            </i>\n                        </th>\n                        <td mat-cell *matCellDef=\"let row\" title=\"Status\"> {{row.lasttrainingname}} </td>\n                    </ng-container>\n\n                    <ng-container matColumnDef=\"viewCatReport\">\n                        <th mat-header-cell *matHeaderCellDef> Action </th>\n                        <td mat-cell *matCellDef=\"let element; let i = index;\">\n                            <button mat-raised-button type=\"button\" color=\"primary\"\n                                (click)=\"categoryWiseReportPage(element._id)\">View Category Wise Report</button>\n                        </td>\n                    </ng-container>\n\n                    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n                    <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\">\n                    </tr>\n\n                </table>\n\n\n                <div class=\"paginationcls\">\n\n                    <div class=\"showresultcls\">\n                        <h2 class=\"header\">Showing {{ page.page_count }} result from\n                            <ng-container *ngIf=\"reportDataCount == 0\">Many.</ng-container>\n                            <ng-container *ngIf=\"reportDataCount > 0\">{{reportDataCount}}.</ng-container>\n                        </h2>\n                    </div>\n\n                    <div class=\"pagecls\">\n                        <span class=\"result\">\n                            <mat-form-field appearance=\"fill\" class=\"example-full-width\">\n                                <mat-label> Current page {{ page.page_no }} Total page {{ totalPage }}</mat-label>\n                                <input matInput type=\"number\" placeholder=\"Total page {{ totalPage}}\"\n                                    (keyup)=\"getPageData();\" [(ngModel)]=\"page.page_no\">\n                            </mat-form-field>\n\n                            <mat-form-field appearance=\"fill\" class=\"example-full-width\">\n                                <mat-label>Page Count</mat-label>\n                                <input matInput type=\"number\" placeholder=\"Page data {{ page.page_count }}\"\n                                    [(ngModel)]=\"page.page_count\">\n                            </mat-form-field>\n                        </span>\n                        <span class=\"btn\">\n                            <button mat-raised-button color=\"primary\" (click)=\"nextPage('prev')\">Prev</button>\n                            <button mat-raised-button color=\"primary\" (click)=\"nextPage()\">Next</button>\n                        </span>\n                    </div>\n                </div>\n            </div>\n        </mat-card>\n    </mat-tab>\n\n\n\n    <!-- <mat-tab-group> -->\n    <!-- popular training listing start here -->\n    <mat-tab label=\"Popular Trainings\">\n        <mat-toolbar color=\"primary\" style=\"justify-content: center; align-items: center;\">\n            <h2 class=\"headerSpan\">Most Popular Trainings</h2>\n        </mat-toolbar>\n        <ng-container *ngIf=\"allPopularData.length=='0'\">\n            <h3>No Record Found</h3>\n        </ng-container>\n        <span class=\"searchblock\">\n            <span class=\"searchblockwrapper\">\n                <span>\n\n                    <mat-card-content class=\"countSection\">\n                        <h2>{{trainingCounts.totaltrainingcount}}</h2>\n\n                        <span>Total Number Of <br>Training</span>\n                    </mat-card-content>\n                    <mat-card-content class=\"countSection\">\n                        <h2>{{trainingCounts.totallessoncount}}</h2>\n\n                        <span>Total Number Of <br>Lessons</span>\n                    </mat-card-content>\n                    <mat-card-content class=\"countSection\">\n                        <h2>{{trainingCounts.activatedtrainingcount}}</h2>\n\n                        <span>Total Number Of <br>Activate Training</span>\n                    </mat-card-content>\n                    <mat-card-content class=\"countSection\">\n                        <h2>{{trainingCounts.activatedlessoncount}}</h2>\n\n                        <span>Total Number Of <br>Activate Lesson</span>\n                    </mat-card-content>\n                    <mat-card-content class=\"countSection\">\n                        <h2>{{trainingCounts.trashedtrainingcount}}</h2>\n\n                        <span>Total Number Of <br>Trashed Trainings</span>\n                    </mat-card-content>\n                    <mat-card-content class=\"countSection\">\n                        <h2>{{trainingCounts.trashedlessoncount}}</h2>\n                        <span>Total Number Of <br>Trashed Lessons</span>\n                    </mat-card-content>\n                </span>\n            </span>\n        </span>\n\n        <div class=\"mat-elevation-z8\">\n            <table mat-table [dataSource]=\"allPopularDataSource\" matSort>\n\n                <ng-container matColumnDef=\"no\">\n                    <th mat-header-cell *matHeaderCellDef> No. </th>\n                    <td mat-cell *matCellDef=\"let element; let i = index;\" title=\"No\"> {{ i + 1 }} </td>\n                </ng-container>\n\n                <ng-container matColumnDef=\"catagory_name\">\n                    <th mat-header-cell *matHeaderCellDef>Training Category Name </th>\n                    <td mat-cell *matCellDef=\"let row\" title=\"Category Name\"> {{row.catagory_name}} </td>\n                </ng-container>\n\n                <ng-container matColumnDef=\"parent_catagory\">\n                    <th mat-header-cell *matHeaderCellDef>Parent Catagory </th>\n                    <td mat-cell *matCellDef=\"let row\" title=\"Parent Catagory\"> {{row.parent_catagory}} </td>\n                </ng-container>\n\n                <ng-container matColumnDef=\"type\">\n                    <th mat-header-cell *matHeaderCellDef> Type </th>\n                    <td mat-cell *matCellDef=\"let row\" title=\"Type\"> {{row.type}} </td>\n                </ng-container>\n\n                <ng-container matColumnDef=\"description_html\">\n                    <th mat-header-cell *matHeaderCellDef> Description </th>\n                    <td mat-cell *matCellDef=\"let row\" title=\"Description\"> {{row.description_html}} </td>\n                </ng-container>\n\n                <ng-container matColumnDef=\"priority\">\n                    <th mat-header-cell *matHeaderCellDef>Priority</th>\n                    <td mat-cell *matCellDef=\"let row\" title=\"Priority\"> {{row.priority}} </td>\n                </ng-container>\n\n                <ng-container matColumnDef=\"status\">\n                    <th mat-header-cell *matHeaderCellDef>Status </th>\n                    <td mat-cell *matCellDef=\"let row\" title=\"Status\">\n                        <div *ngIf=\"row.status===1\">\n                            Active </div>\n                        <div *ngIf=\"row.status===0\">\n                            Inactive\n                        </div>\n\n                    </td>\n                </ng-container>\n\n                <ng-container matColumnDef=\"user_done\">\n                    <th mat-header-cell *matHeaderCellDef> No. of Training Done By The Users</th>\n                    <td mat-cell *matCellDef=\"let row\" title=\"User Done\"> {{row.user_done}} </td>\n                </ng-container>\n\n\n                <tr mat-header-row *matHeaderRowDef=\"popularTrainingdisplayedColumns\"></tr>\n                <tr mat-row *matRowDef=\"let row; columns: popularTrainingdisplayedColumns;\">\n                </tr>\n            </table>\n            <!-- <mat-paginator [pageSizeOptions]=\"[5]\"></mat-paginator> -->\n        </div>\n        <!-- <p>{{allPopularDataSource.length}}</p> -->\n    </mat-tab>\n\n\n\n    <mat-tab label=\"Popular Lessons\">\n        <mat-toolbar color=\"primary\" style=\"justify-content: center; align-items: center;\">\n            <h2 class=\"headerSpan\">Most Popular Lessons</h2>\n        </mat-toolbar>\n        <ng-container *ngIf=\"PopularLessonDataSource.length=='0'\">\n            <h3>No Record Found</h3>\n        </ng-container>\n        <span class=\"searchblock\">\n            <span class=\"searchblockwrapper\">\n                <span>\n\n                    <mat-card-content class=\"countSection\">\n                        <h2>{{trainingCounts.totaltrainingcount}}</h2>\n\n                        <span>Total Number Of <br>Training</span>\n                    </mat-card-content>\n                    <mat-card-content class=\"countSection\">\n                        <h2>{{trainingCounts.totallessoncount}}</h2>\n\n                        <span>Total Number Of <br>Lessons</span>\n                    </mat-card-content>\n                    <mat-card-content class=\"countSection\">\n                        <h2>{{trainingCounts.activatedtrainingcount}}</h2>\n\n                        <span>Total Number Of <br>Activate Training</span>\n                    </mat-card-content>\n                    <mat-card-content class=\"countSection\">\n                        <h2>{{trainingCounts.activatedlessoncount}}</h2>\n\n                        <span>Total Number Of <br>Activate Lesson</span>\n                    </mat-card-content>\n                    <mat-card-content class=\"countSection\">\n                        <h2>{{trainingCounts.trashedtrainingcount}}</h2>\n\n                        <span>Total Number Of <br>Trashed Trainings</span>\n                    </mat-card-content>\n                    <mat-card-content class=\"countSection\">\n                        <h2>{{trainingCounts.trashedlessoncount}}</h2>\n                        <span>Total Number Of <br>Trashed Lessons</span>\n                    </mat-card-content>\n                </span>\n            </span>\n        </span>\n        <div class=\"searchcls\">\n            <mat-form-field>\n                <mat-label>Search By Keywords</mat-label>\n                <input matInput (keyup)=\"applyFilter($event)\" [(ngModel)]=\"searchval\" placeholder=\"Filter\" #input>\n            </mat-form-field> \n            <span class=\"material-icons\" (click)=\"clearSearchVal()\">refresh</span>\n        </div>\n\n        <div class=\"mat-elevation-z8\">\n            <table mat-table [dataSource]=\"PopularLessonDataSource\" matSort>\n\n                <ng-container matColumnDef=\"no\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> No. </th>\n                    <td mat-cell *matCellDef=\"let element; let i = index;\" title=\"No\"> {{ i + 1 }} </td>\n                </ng-container>\n\n                <ng-container matColumnDef=\"catagory_name\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header>Training Category Name </th>\n                    <td mat-cell *matCellDef=\"let row\" title=\"Category Name\"> {{row.catagory_name}} </td>\n                </ng-container>\n\n                <ng-container matColumnDef=\"lession_title\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header>Lesson Name </th>\n                    <td mat-cell *matCellDef=\"let row\" title=\"Parent Catagory\"> {{row.lession_title}} </td>\n                </ng-container>\n\n                <ng-container matColumnDef=\"description_html\">\n                    <th mat-header-cell *matHeaderCellDef> Description </th>\n                    <td mat-cell *matCellDef=\"let row\" title=\"Description\"> {{row.description_html}} </td>\n                </ng-container>\n\n                <ng-container matColumnDef=\"has_lessonplan\">\n                    <th mat-header-cell *matHeaderCellDef>Has LessonPlan</th>\n                    <td mat-cell *matCellDef=\"let row\" title=\"has_lessonplan\">\n                        <div *ngIf=\"row.has_lessonplan ==1\">\n                            Yes </div>\n                        <div *ngIf=\"row.has_lessonplan===0\">\n                            No\n                        </div>\n\n                    </td>\n                </ng-container>\n\n                <ng-container matColumnDef=\"status\">\n                    <th mat-header-cell *matHeaderCellDef>Status </th>\n                    <td mat-cell *matCellDef=\"let row\" title=\"Status\">\n                        <div *ngIf=\"row.status===1\">\n                            Active </div>\n                        <div *ngIf=\"row.status===0\">\n                            Inactive\n                        </div>\n\n                    </td>\n                </ng-container>\n\n                <ng-container matColumnDef=\"user_done\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> No. of Lesson Done By The Users</th>\n                    <td mat-cell *matCellDef=\"let row\" title=\"User Done\"> {{row.user_done}} </td>\n                </ng-container>\n\n                <tr mat-header-row *matHeaderRowDef=\"popularLessonsdisplayedColumns\"></tr>\n                <tr mat-row *matRowDef=\"let row; columns: popularLessonsdisplayedColumns;\">\n                </tr>\n            </table>\n            <mat-paginator [pageSizeOptions]=\"[5, 10]\"></mat-paginator>\n        </div>\n        <!-- <p>{{allPopularLessonData.length}}</p> -->\n    </mat-tab>\n\n</mat-tab-group>","styles":["table{width:100%}.mat-form-field{font-size:14px;width:100%}td,th{width:1%}.headerSpan{text-align:center;display:block;margin:auto}.buttonsetToolbar{background-color:#f4f3f8;text-align:center;display:block;padding-top:10px}.singleButton{margin:5px;float:right}.pointer{cursor:pointer}.mat-row{height:auto}.mat-cell{padding:8px 8px 8px 0}.listpagination{display:-webkit-box;display:flex}.pagination{height:auto;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;padding-top:16px}.pagination .result{margin:0 16px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.pagination .result .mat-form-field{width:auto}.pagination .result .mat-form-field:last-child{margin-left:10px;width:100px}.btn{display:block;margin-top:-16px}.btn button{margin-right:10px}.btn button:last-child{margin-right:0}.countsection{box-sizing:border-box;display:-webkit-box;display:flex}.countSection{float:left;margin:2px}.searchblock .searchblockwrapper span{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;width:100%;flex-wrap:wrap}.searchblock .searchblockwrapper span .mat-toolbar.mat-primary{-webkit-box-flex:1;flex:1 1 100%}.searchblock .searchblockwrapper span .countSection{-webkit-box-flex:1;flex:1;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;background:#f3f3f3;border:1px solid #dedddd;padding:16px}.searchblock .searchblockwrapper span .countSection h2{margin-bottom:0;-webkit-box-flex:1;flex:1 1 30%}.searchblock .searchblockwrapper span .countSection span{-webkit-box-flex:1;flex:1 1 70%}@media screen and (max-width:991px){.searchblock .searchblockwrapper span .countSection{-webkit-box-flex:1;flex:1 1 28%}}@media screen and (max-width:540px){.searchblock .searchblockwrapper span .countSection{-webkit-box-flex:1;flex:1 1 98%}}"]}]}],"members":{"paginator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":49,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginator","line":49,"character":13},{"static":false}]}]}],"sort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":50,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/sort","name":"MatSort","line":50,"character":13},{"static":false}]}]}],"serverDetails":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":3}}]}],"CategoryWiseReportUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":3}}]}],"formSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":3}}]}],"MostPopularLessonData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":112,"character":3}}]}],"MostPopularTrainingData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":122,"character":3}}]}],"TotalTrainingReportData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":131,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common","name":"DatePipe","line":146,"character":31},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":146,"character":87},{"__symbolic":"reference","module":"ngx-cookie-service","name":"CookieService","line":146,"character":110}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"applyFilter":[{"__symbolic":"method"}],"clearSearchVal":[{"__symbolic":"method"}],"trainingCount":[{"__symbolic":"method"}],"gettrainingreportdatacount":[{"__symbolic":"method"}],"getPageData":[{"__symbolic":"method"}],"nextPage":[{"__symbolic":"method"}],"categoryWiseReportPage":[{"__symbolic":"method"}],"sortPageData":[{"__symbolic":"method"}],"reLoadData":[{"__symbolic":"method"}]}},"ɵr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"lib-category-wise-report","template":"<mat-card>\n    <span class=\"searchblock\">\n      <span class=\"searchblockwrapper\">\n        <span>\n            <mat-toolbar color=\"primary\" style=\"justify-content: center; align-items: center;\" >\n      <h2 class=\"headerSpan\">Category Wise Report</h2>\n    </mat-toolbar>\n  </span>\n  </span>\n    </span>\n    <!-- <mat-form-field>\n        <mat-label>Training Name</mat-label>\n        <input matInput placeholder=\"Name\" [(ngModel)]=\"search.training_name\" />\n    </mat-form-field>\n    <button mat-raised-button color=\"primary\" (click)=\"getPageData()\">Search</button> -->\n<!-- <ng-container *ngIf=\"allData.length=='0'\" class=\"trainingnorecordcls\">\n<h3 class=\"nocatrecordcls\">No Record Found</h3>\n</ng-container> -->\n<ng-container *ngIf=\"allData.length >'0'\">\n\n<table mat-table [dataSource]=\"dataSource\" class=\"mat-elevation-z8\">\n    <ng-container matColumnDef=\"#\">\n        <th mat-header-cell *matHeaderCellDef> # </th>\n        <td mat-cell *matCellDef=\"let element; let i = index;\">\n             {{ (page.page_no-1) * (page.page_count) + (i+1) }}.\n        </td>\n    </ng-container>\n\n    <ng-container *ngFor=\"let item of displayedColumns;\" matColumnDef=\"{{item.key}}\">\n        <th mat-header-cell *matHeaderCellDef>\n            <ng-container *ngIf=\"sort_val == item.key.toLowerCase()\"> </ng-container>\n            {{ item.value }}\n            <i *ngIf=\"sort_type == 'asc' && item.value!='Name' && item.value!='Total Lesson'\" (click)=\"sortPageData(item.key);\"\n                class=\"material-icons\" >\n                keyboard_arrow_down\n            </i>\n            <i *ngIf=\"sort_type == 'desc' && item.value!='Name' && item.value!='Total Lesson'\" (click)=\"sortPageData(item.key);\"\n                class=\"material-icons\"  >\n                keyboard_arrow_up\n            </i>\n        </th>\n        <td mat-cell *matCellDef=\"let element\">\n            <span *ngIf=\"item.key != 'training_percentage_cat' && item.key != 'lastupdated_training_percentage_at'\"> {{ element[item.key] }} </span>\n            <span *ngIf=\"item.key == 'training_percentage_cat'\"> {{ element[item.key] }}% </span>\n            <span *ngIf=\"item.key == 'lastupdated_training_percentage_at'\"> {{ element[item.key] | date }} </span>\n        </td>\n        <td mat-cell *matCellDef=\"let element\">\n            <span > {{ element[item.key] }} </span>\n            <!-- <span > {{ element[item.key] | date }} </span> -->\n        </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"displaycolvals\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: displaycolvals;\"></tr>\n\n</table>\n<!-- <span>\n    <h2 class=\"header\">Showing {{ page.page_count }} result from\n    <ng-container *ngIf=\"reportDataCount == 0\">Many.</ng-container>\n        <ng-container *ngIf=\"reportDataCount > 0\">{{reportDataCount}}.</ng-container>\n    </h2>\n    </span> -->\n<!-- <mat-toolbar class=\"pagination\">\n    \n    <span class=\"result\">\n        <mat-form-field appearance=\"fill\" class=\"example-full-width\">\n            <mat-label> Current page {{ page.page_no }} Total page {{ totalPage }}</mat-label>\n            <input matInput type=\"number\" placeholder=\"Total page {{ totalPage}}\" (keyup)=\"getPageData();\"\n                [(ngModel)]=\"page.page_no\">\n        </mat-form-field>\n\n        <mat-form-field appearance=\"fill\" class=\"example-full-width\">\n            <mat-label>Page Count</mat-label>\n            <input matInput type=\"number\" placeholder=\"Page data {{ page.page_count }}\"\n                [(ngModel)]=\"page.page_count\">\n        </mat-form-field>\n    </span>\n    <span class=\"btn\">\n        <button mat-raised-button color=\"primary\" (click)=\"nextPage('prev')\">Prev</button>\n<button mat-raised-button color=\"primary\" (click)=\"nextPage()\">Next</button>\n    </span>\n</mat-toolbar> -->\n</ng-container>\n\n</mat-card>\n      \n      ","styles":["table{width:100%}.mat-form-field{font-size:14px;width:100%}td,th{width:1%}.headerSpan{text-align:center;display:block;margin:auto}.buttonsetToolbar{background-color:#f4f3f8;text-align:center;display:block;padding-top:10px}.singleButton{margin:5px;float:right}.pointer{cursor:pointer}.mat-row{height:auto}.mat-cell{padding:8px 8px 8px 0}.listpagination{display:-webkit-box;display:flex}.pagination{height:auto;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;padding-top:16px}.pagination .result{margin:0 16px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.pagination .result .mat-form-field{width:auto}.pagination .result .mat-form-field:last-child{margin-left:10px;width:100px}.btn{display:block;margin-top:-16px}.btn button{margin-right:10px}.btn button:last-child{margin-right:0}"]}]}],"members":{"UserId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"serverDetails":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"formSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"AllData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":63,"character":59}]}],"ngOnInit":[{"__symbolic":"method"}],"gettrainingreportdatacount":[{"__symbolic":"method"}],"getPageData":[{"__symbolic":"method"}],"nextPage":[{"__symbolic":"method"}],"sortPageData":[{"__symbolic":"method"}]}},"ɵs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":65,"character":1},"arguments":[{"selector":"lib-training-center-dna","template":"<mat-card>\n  <span fxLayout=\"column\" class=\"column\" class=\"rightside\">\n    <div class=\"trainingheadercls\">\n      <h2>You Have Completed {{ dividend }}/{{divisor}} Lessons</h2>\n      <mat-progress-bar *ngIf=\"percentageprogressLoader\" mode=\"determinate\" value=\"{{dividend | percentage: divisor}}\">\n      </mat-progress-bar>\n      <h3>{{dividend | percentage: divisor}}%</h3>\n      <!-- lock/unlock all session  -->\n\n      <div class=\"togglebtncls\">\n        <button color=\"accent\" type=\"button\" *ngIf=\"lesson_locked_by_user == 0\" (click)=\"UnlockLesson(1)\"\n          mat-raised-button matTooltip=\"We highly suggest you to follow the\n          lessons in sequence!\" aria-label=\"Button that displays a tooltip when focused or hovered\n          over\">\n          Apply sequential lessons lock\n        </button>\n\n        <button color=\"accent\" type=\"button\" *ngIf=\"lesson_locked_by_user == 1\" (click)=\"UnlockLesson(0)\"\n          mat-raised-button matTooltip=\"We highly suggest you to follow the\n          lessons in sequence!\" aria-label=\"Button that displays a tooltip when focused or hovered\n          over\">\n          Unlock sequential lessons\n        </button>\n      </div>\n    </div>\n\n    <mat-list class=\"trainingcentercls trainingcenterclsnew\">\n      <mat-list-item class=\"trainingCategoryList\">\n        <div class=\"selectedclass\" *ngFor=\"let item of trainingCategoryList;let\n          i= index\" (click)=\"activatedclass(item)\">\n\n          <mat-list-item *ngIf=\"item?.childcat?.length>=1\">{{item.catagory_name}}</mat-list-item>\n          <!-- <span>{{item.count | json}}</span> -->\n          <!-- parent section -->\n\n          <mat-list-item *ngIf=\"item?.childcat?.length==0\" (click)=\"clicktrcataining(item._id,item.catagory_name)\"\n            [ngClass]=\"paramsTrainingId == item._id ? 'classongoing':\n            ( item.percentage >= 100 ? 'classdone' : 'classnotdone')\">\n            <div class=\"categoryname\">\n              {{item.catagory_name}}\n              <span class=\"countcls\">\n                ({{item.done}}/{{parentcount[i]}})\n              </span>\n\n            </div>\n            <div class=\"progressbarcls\">\n\n              <mat-progress-bar *ngIf=\"percentageprogressLoader\" mode=\"determinate\"\n                value=\"{{((item.done/item.count)*100) }}\">\n              </mat-progress-bar>\n              <span class=\"progresspercentage\">{{((item.done/parentcount[i]))|\n                percent }}\n              </span>\n\n            </div>\n          </mat-list-item>\n          <br>\n\n        </div>\n      </mat-list-item>\n    </mat-list>\n\n\n    <mat-progress-bar mode=\"indeterminate\" *ngIf=\"progress_bar == 1\"></mat-progress-bar>\n    <mat-card-content class=\"trainingcentercls trainingcenterclsupdate\">\n      <mat-card-title class=\"mentortitle\" id=\"lessonData\">{{training_cat_name}}</mat-card-title>\n      <!-- <ng-container>\n       \n      </ng-container> -->\n      <div fxLayout=\"row\" class=\"rowinner\" *ngFor=\"let item of allLessonDataList\n        ; let i=index;\">\n\n        <div (click)=\"nochildclick(item,'click')\" [ngClass]=\"(paramslessonId == item._id && !item.is_done)\n          ? 'classlessonongoing ':\n          ( (paramslessonId == item._id && item.is_done) ? 'classlessonongoing done' :( item.is_done == true ? 'classlessondone' : 'classlessonnotdone'))\">{{item.lession_title}}\n          <!-- <span>{{item  | json}}</span> -->\n          <span (click)=\"nochildclick(item,'click')\"  [ngClass]=\"item.is_done\n          ? 'donelessonimgclass': 'notdonelessonimgclass'\">\n            <!-- {{item.lession_title}} -->\n          </span>\n\n        </div>\n        <span class=\"material-icons\" *ngIf=\"lesson_locked_by_user == 1 && !item.is_done\">\n          lock\n        </span>\n      </div>\n\n      <!-- start content for lesson data -->\n      <!-- *ngIf=\"firstIndex != 0\" -->\n      <div class=\"lessondatadiv\">\n        <span class=\"lessondatabuttoncls\" id=\"lessonContentData\">\n          <div class=\"btnclsprev\">\n            <ng-container class=\"prevbtn\" *ngIf=\"allLessonDataList[0] !=null && paramslessonId !=\n              allLessonDataList[0]._id\">\n              <button mat-button type=\"button\" class=\"submitbtn\" color=\"primary\" (click)=\"nextbutton('prev')\">\n                <mat-icon>keyboard_arrow_left</mat-icon> Previous\n              </button>\n            </ng-container>\n          </div>\n          <!-- *ngIf=\"lastIndex != Index\" -->\n          <!-- next_button_access\n          \n          {{ next_button_access }}\\\\quizflag{{quizflag}} -->\n          <div class=\"btnclsnext\" *ngIf=\"next_button_access == true\">\n            <ng-container class=\"nextbtn\">\n              <button mat-button type=\"button\" class=\"submitbtn\" color=\"primary\" (click)=\"nextbutton('next')\">Next\n                <mat-icon>keyboard_arrow_right</mat-icon>\n              </button>\n            </ng-container>\n          </div>\n        </span>\n\n        <mat-card-content>\n          <span fxLayout=\"row\" class=\"trainingcentercls_newcls\" *ngFor=\"let item\n            of l_content ;let i=index\">\n            <!-- <ng-container>\n              <mat-card class=\"example-card\" *ngIf=\"item.videoflag =='true'\">\n                <div class=\"videoWrapper\">\n                  <span>{{ item.video_title }}wwww</span>\n                  <span>{{item}}</span>\n\n                  <video width=\"640\" height=\"360\" autoplay (ended)=\"videoended(item,i,1)\"> -->\n            <!-- <source src=\"{{item.fileType[0].basepath}}{{item.fileType[0].fileservername}}\" type=\"video/mp4\"> -->\n            <!-- Your browser does not support the video tag.\n                  </video>\n                  <span>{{ item.video_description }}</span>\n\n                </div>\n              </mat-card> -->\n\n            <!-- banner 1 end here -->\n\n            <!-- </ng-container> -->\n            <ng-container *ngIf=\"lesson_content!=null\">\n              <mat-card-title class=\"lessontitlecls lessontitleclass\n                lessontitleclass_{{i}}\">\n                {{lesson_content.lession_title}}\n              </mat-card-title>\n\n              <!--Banner Section Start Here  -->\n              <!-- banner 1 start here -->\n\n\n              <div *ngIf=\"lesson_content!=null && lesson_content.has_test_lesson\n                == 1 && quizflag == true\">\n                <mat-card class=\"banner1cls\" *ngIf=\"(userType=='admin' ||\n                  userType=='mentor' || userType=='mentee') && i==0 &&\n                  lesson_content.has_test_lesson == 1\">\n\n                  <div class=\"bannerclassmentor\">\n                    <div class='reviewcls'>\n                      Review Quiz\n                    </div>\n                    <mat-card-content>\n                      Please review the Lesson Quiz for this Lesson.\n                    </mat-card-content>\n                    <div class=\"submitbtngroup\">\n                      <button mat-button type=\"button\" class=\"submitbtn\n                        reviewlesson\" color=\"primary\" (click)=\"lessonQuiz(lesson_content)\">Take Quiz</button>\n                    </div>\n                  </div>\n                </mat-card>\n              </div><br>\n\n              <div *ngIf=\"lesson_content!=null && lesson_content.has_lessonplan\n                == 1 && lesson_id_flag == true\">\n                <mat-card class=\"banner1cls\" *ngIf=\"(userType=='admin' ||\n                  userType=='mentor') && i==0 &&\n                  lesson_content.has_lessonplan == 1\">\n\n                  <div class=\"bannerclassmentor\" *ngIf=\"lesson_id_flag == true\">\n                    <div class='reviewcls'>\n                      Review the Lesson Plan Material\n                    </div>\n\n                    <mat-card-content>\n                      Please review the Lesson Plan Material for this Lesson in order to understand the questionnaire\n                      that a Mentee must submit prior to a Mentor Session. The answers submitted by a Mentor to the\n                      questions here will help you (Mentor) understand your Mentee\n                      and prepare for the Mentor Session.\n                    </mat-card-content>\n                    <div class=\"submitbtngroup\">\n                      <button mat-button type=\"button\" class=\"submitbtn\n                        reviewlesson\" color=\"primary\" (click)=\"lessonplanpageroute(lesson_content._id)\">Review</button>\n                    </div>\n                  </div>\n\n                </mat-card>\n              </div>\n\n              <!-- banner 1 end here -->\n              <!-- banner 2 start here -->\n\n              <div>\n                <mat-card class=\"banner2cls\" *ngIf=\"userType=='mentee' &&\n                  lesson_content.has_lessonplan == 1 &&\n                  lesson_content.lessonplan_value=='purchasable'\">\n                  <div>\n                    <div class=\"bannercls\" *ngIf=\"orders_button == true\">\n                      <div>\n                        Purchase Lesson Plan and Mentor Session Appointment\n                      </div>\n\n                      <mat-card-content>\n                        Please Purchase the Lesson Plan Material and the Mentor Appointment for this Lesson. The Lesson\n                        Plan Material i.e the questionnaire submitted by you will help your Mentor understand and\n                        prepare for the Mentor Session.\n                      </mat-card-content>\n\n                      <div>\n                        <button mat-button type=\"button\" class=\"submitbtn\n                          booknow\" color=\"primary\" (click)=\"menteeLessonReviewButton('buy')\"\n                          *ngIf=\"orders_button == true\">Buy Now</button>\n                      </div>\n                    </div><br><br>\n\n                    <div class=\"bannercls\" *ngIf=\"preview_button == true\">\n                      <div>\n                        Submit Lesson Plan Material\n                      </div>\n\n                      <mat-card-content>\n                        Now that you have completed the Lesson, please review and fill out the Questionaire provided in\n                        the Lesson Plan Material. Once completed, you can submit the Lesson Plan Material to your Mentor\n                        and book an appointment for a Mentor Session.\n                      </mat-card-content>\n\n                      <div>\n                        <button mat-button type=\"button\" class=\"submitbtn\n                          booknow\" color=\"primary\" (click)=\"menteeLessonReviewButton('lesson_plan')\"\n                          *ngIf=\"preview_button == true\">Submit\n                          Now</button>\n                      </div>\n                    </div>\n\n                  </div>\n                  <div class=\"bannercls\" *ngIf=\"schedule_button == true &&\n                    preview_button == false && orders_button == false\">\n                    <div>\n                      Book an Appointment with your Mentor\n                    </div>\n\n                    <mat-card-content>\n                      Congratulations!! Your Lesson Plan Material for this Lesson has been submitted to your Mentor for\n                      review. Please proceed to book your Mentor Session Appointment with your Mentor.\n                    </mat-card-content>\n                    <div>\n                      <button mat-button type=\"button\" class=\"submitbtn booknow\" color=\"primary\"\n                        (click)=\"menteeLessonReviewButton('schedule')\" *ngIf=\"schedule_button == true &&\n                        preview_button == false && orders_button == false\">Book\n                        Mentor Appointment\n                      </button>\n                    </div>\n                  </div>\n                </mat-card>\n              </div>\n              <!-- banner 2 end here -->\n\n\n              <!-- user is mentee and also lessonplan value is not purchasable end here -->\n              <!--Banner Section End Here  -->\n\n              <div class=\"lessoncontent lessoncontent{{i}}\">\n                <div class=\"paragraphwrapper\">\n                  <span>\n                  </span>\n                  <p [innerHtml]=\"lesson_content.typeHtml\" class=\"paragraphcls\"></p>\n                </div>\n              </div>\n              <div class=\"content_div_cls\">\n                <mat-card class=\"example-card\" *ngIf=\"item.mediaType=='image'\">\n                  <!-- <div class=\"paragraphwrapper\">\n                    <p [innerHtml]=\"item.image_typeHtml\" class=\"paragraphcls\"></p>\n                  </div> -->\n                  <div class=\"imgwrappercls\">\n                    <span>{{ item.image_title }}</span>\n                    <img mat-card-image src=\"{{item.fileType[0].basepath}}{{item.fileType[0].fileservername}}\"\n                      alt=\"{{item.lession_title}}\" />\n                    <span>{{ item.image_description }}</span>\n\n                  </div>\n                </mat-card>\n\n                <!-- file video audio content -->\n                <div *ngFor=\"let item of lessoncontentarraydata;let i=index\" class=\"training_mainwrappercon\">\n                  <!-- <mat-card *ngIf=\"item!=null && item!=undefined && item!= '' \"> -->\n                  <!-- filecontent -->\n                  <div class=\"file_div afvmaindiv\" *ngIf=\"item.type=='file' &&\n                    item.type!=null && item.type!=undefined\">\n                    <span *ngIf=\"item.file.file_type != null &&\n                      item.file.file_type == 'jpeg' || item.file.file_type ==\n                      'png' || item.file.file_type == 'jpg'\" class=\"image_filetype\">\n                      <img (click)=\"previewpdf(item,'img')\" mat-card-image\n                        [attr.src]=\"bucket_url +item.file.fileservername\">\n                      <button mat-raised-button (click)=\"previewpdf(item,'img')\">\n                        Preview\n                      </button>\n                      <button mat-raised-button (click)=\"downloadPdf(item,1)\">\n                        Download\n                      </button>\n                      <p class=\"File_titlecls\">{{ item.file_title }}</p>\n\n                      <p class=\"File_descriptioncls\">{{ item.file_description }}\n\n                      </p>\n                      <span class=\"mandetorycls\" *ngIf=\"item.file_skippable!=true\">*This is a mandetory image to\n                        complete this lession (after download)\n\n                        <span *ngIf=\"complete_fileflag[item.file._id]==true\" class=\"donetikcls\">\n                          <img class=\"doneimgcls\"\n                            src=\"https://all-frontend-assets.s3.amazonaws.com/dna-frontend-new/assets/images/Trainninglibary_right_icon.jpg\"\n                            alt=\"\">\n                        </span>\n\n                      </span>\n\n                    </span>\n                    <!-- {{item?.images?.converted_array[i]?.name}} -->\n                    <span class=\"filetype_{{item.file.file_type}}\n                      mat-card-image\" *ngIf=\"item.file.file_type != null &&\n                      item.file.file_type == 'pdf' || item.file.file_type ==\n                      'doc' || item.file.file_type == 'ppt' ||\n                      item.file.file_type == 'pptx' || item.file.file_type ==\n                      'msword'||item.file.file_type ==\n                      'xlsx'||item.file.file_type == 'ods'||item.file.file_type\n                      =='docx'||item.file.file_type =='ppt'\">\n                      <!-- pdf{{item.file._id|json}} -->\n                      <ng-container class=\"documentcls\" *ngIf=\"item?.images!=null && item?.images!=undefined &&\n                        item?.images!=''; else elseTemplate\">\n                        <img mat-card-image (click)=\"previewpdf(item,'pdf')\"\n                          [src]=\"bucket_url+item?.images?.converted_array[0]?.name\" alt=\"Photo of a pdf\">\n                      </ng-container>\n\n                      <ng-template class=\"documentcls\" #elseTemplate>\n                        <span class=\"material-icons\n                          icon_{{item.file.file_type}}\">\n                          picture_as_pdf\n                        </span>\n                      </ng-template>\n\n                      <button mat-raised-button (click)=\"previewpdf(item,'pdf')\">\n                        Preview\n                      </button>\n                      <button mat-raised-button (click)=\"downloadPdf(item,1)\">\n                        Download\n                      </button>\n                      <p class=\"File_titlecls\">{{ item.file_title }}</p>\n\n                      <p class=\"File_descriptioncls\">{{ item.file_description |details}}\n\n                      </p>\n                      <span class=\"mandetorycls\" *ngIf=\"item.file_skippable!=true\">*This is a mandetory file to\n                        complete this lession (after\n                        download)\n                        <span *ngIf=\"complete_fileflag[item.file._id]==true\" class=\"donetikcls\">\n                          <img class=\"doneimgcls\"\n                            src=\"https://all-frontend-assets.s3.amazonaws.com/dna-frontend-new/assets/images/Trainninglibary_right_icon.jpg\"\n                            alt=\"\">\n                        </span>\n                      </span>\n                    </span>\n\n                  </div>\n                  <!-- video content -->\n                  <div class=\"video_div afvmaindiv\" *ngIf=\"item.type=='video' &&\n                    item.type!=null && item.type!=undefined\">\n                    <!-- {{item|json}} -->\n                    <div class=\"videomainwrapper\">\n                      <img src=\"https://img.youtube.com/vi/{{item.video_url}}/0.jpg\" class=\"videoimg\">\n                      <img (click)=\"openLessonVideo(item)\"\n                        src=\"https://awsbackend-dev-patient-files-test.s3.amazonaws.com/icon-videoplay.png\"\n                        class=\"videoplayimg\">\n\n                    </div>\n                    <p class=\"videotitlecls\">{{item.video_title}}</p>\n                    <p class=\"videoDescls\"> {{item.video_description}} </p>\n                    <span class=\"mandetorycls\" *ngIf=\"item.video_skippable!=true\">*This is a mandetory video to\n                      complete this lession\n                      <span *ngIf=\"complete_videoflag[item.video_url]==true\" class=\"donetikcls\">\n                        <img class=\"doneimgcls\"\n                          src=\"https://all-frontend-assets.s3.amazonaws.com/dna-frontend-new/assets/images/Trainninglibary_right_icon.jpg\"\n                          alt=\"\">\n                      </span>\n                    </span>\n                  </div>\n\n                  <div class=\"example-card audioWrapper\" *ngIf=\"item.type=='audio' &&\n                    item.type!=null && item.audio!=null && item.audio.fileservername!=null\">\n\n                    <audio id=\"audioPlayer_{{item.audio._id}}\" (timeupdate)=\"onprocess(item.audio._id,item)\"\n                      (loadstart)=\"loadstart(item,item.audio._id)\" (ended)=\"audioended(item,i,1)\" controls\n                      class=\"audioprogresscls\">\n                      <source src=\"{{bucket_url +item.audio.fileservername }}\" type=\"audio/ogg\">\n                      <source src=\"{{ bucket_url + item.audio.fileservername\n                          }}\" type=\"audio/mpeg\">\n                      Your browser does not support the audio element.\n                    </audio>\n\n                    <div *ngIf=\"audio_progress!=null &&\n                        audio_progress[item.audio._id]!=null\" class=\"audioseccls\">\n\n                      <div class=\"audioseccls_slider\">\n                        <div class=\"audiotitle_position\">\n                          <span class=\"audioseccls_title\">\n\n                            <p>{{ item.audio_title }}</p>\n                          </span>\n                        </div>\n\n                        <span class=\"mataudiocls\" (click)=\"progressbtn(item.audio._id,item)\">\n                          <mat-slider class=\"audioprocls\" [(ngModel)]=\"modelval[item.audio._id]\"\n                            (click)=\"progressbtn(item.audio._id,item)\" [value]=\"audio_progress[item.audio._id]\"\n                            [disabled]=\"disabled[item.audio._id]\">\n                          </mat-slider>\n\n                        </span>\n                      </div>\n                      <!-- audio curent time -->\n                      <div class=\"controlcls audiocntrlbtn\">\n                        <p class=\"audiotitle_STARTtime\">{{audio_time[item.audio._id]}}</p>\n\n                        <mat-card class=\"audiocntrlbtn_card\">\n                          <span class=\"skip_cls\" *ngIf=\"pause_flag[item.audio._id]==true &&\n                                  item.audio_skippable == true\" (click)=\"skipTensec(item.audio._id,item,'previos')\">\n                            <img class=\"skip_cls\"\n                              src=\"https://training-centre-bucket.s3.amazonaws.com/10sec_backward.png\">\n                          </span>\n                          <span *ngIf=\"play_flag[item.audio._id]==true\" (click)=\"playbtn(item.audio._id,'play')\"\n                            class=\"material-icons audiocontrolcls\">\n                            play_circle\n                          </span>\n\n                          <span *ngIf=\"pause_flag[item.audio._id]==true\" (click)=\"pausebtn(item.audio._id,'pause')\"\n                            class=\"material-icons audiocontrolcls\">\n                            pause\n                          </span>\n\n                          <span class=\"skip_cls\" *ngIf=\"pause_flag[item.audio._id]==true &&\n                                  item.audio_skippable == true\" (click)=\"skipTensec(item.audio._id,item,'next')\">\n                            <img class=\"skip_cls\"\n                              src=\"https://training-centre-bucket.s3.amazonaws.com/10sec_forward.png\">\n                          </span>\n\n                          <span class=\"material-icons audiocontrolcls\" (click)=\"replay(item.audio._id)\">\n                            replay\n                          </span>\n\n                        </mat-card>\n                        <!-- audiofulltime -->\n                        <p class=\"audiodescendtime\">{{audio_end_time[item.audio._id]}}</p>\n                      </div>\n\n\n                    </div>\n                    <span class=\"mandetorycls\" *ngIf=\"item.audio_skippable!=true\">*This is a mandetory audio to\n                      complete this lession\n                      <span *ngIf=\"complete_audioflag[item.audio._id]==true\" class=\"donetikcls\">\n                        <img class=\"doneimgcls\"\n                          src=\"https://all-frontend-assets.s3.amazonaws.com/dna-frontend-new/assets/images/Trainninglibary_right_icon.jpg\"\n                          alt=\"\">\n                      </span>\n                    </span>\n\n                  </div>\n                </div>\n              </div>\n              <div *ngIf=\"lesson_content!=null && lesson_content.has_lessonplan\n                == 1 && lesson_id_flag == true\">\n                <mat-card class=\"banner1cls\" *ngIf=\"(userType=='admin' ||\n                  userType=='mentor') && i==0 &&\n                  lesson_content.has_lessonplan == 1\">\n\n                  <div class=\"bannerclassmentor\" *ngIf=\"lesson_id_flag == true\">\n                    <div class='reviewcls'>\n                      Review the Lesson Plan Material\n                    </div>\n\n                    <mat-card-content>\n                      Please review the Lesson Plan Material for this Lesson in order to understand the questionnaire\n                      that a Mentee must submit prior to a Mentor Session. The answers submitted by a Mentor to the\n                      questions here will help you (Mentor) understand your Mentee\n                      and prepare for the Mentor Session.\n                    </mat-card-content>\n                    <div class=\"submitbtngroup\">\n                      <button mat-button type=\"button\" class=\"submitbtn\n                        reviewlesson\" color=\"primary\" (click)=\"lessonplanpageroute(lesson_content._id)\">Review</button>\n                    </div>\n                  </div>\n\n\n                </mat-card>\n              </div>\n\n              <!-- banner 1 end here -->\n\n              <!-- banner 2 start here -->\n\n              <div>\n                <mat-card class=\"banner2cls\" *ngIf=\"(userType=='mentee' &&\n                  lesson_content.has_lessonplan == 1 &&\n                  lesson_content.lessonplan_value=='purchasable' && i==0)\">\n\n\n                  <div *ngIf=\"orders_button == true || preview_button == true\">\n                    <div class=\"bannercls\" *ngIf=\"orders_button == true\">\n                      <div>\n                        Purchase Lesson Plan and Mentor Session Appointment\n                      </div>\n\n                      <mat-card-content>\n                        Please Purchase the Lesson Plan Material and the Mentor Appointment for this Lesson. The Lesson\n                        Plan Material i.e the questionnaire submitted by you will help your Mentor understand and\n                        prepare for the Mentor Session.\n                      </mat-card-content>\n\n                      <div>\n                        <button mat-button type=\"button\" class=\"submitbtn\n                          booknow\" color=\"primary\" (click)=\"menteeLessonReviewButton('buy')\"\n                          *ngIf=\"orders_button == true\">Buy Now</button>\n                      </div>\n                    </div><br><br>\n\n                    <div class=\"bannercls\" *ngIf=\"preview_button == true\">\n                      <div>\n                        Submit Lesson Plan Material\n                      </div>\n\n                      <mat-card-content>\n                        Now that you have completed the Lesson, please review and fill out the Questionaire provided in\n                        the Lesson Plan Material. Once completed, you can submit the Lesson Plan Material to your Mentor\n                        and book an appointment for a Mentor Session.\n                      </mat-card-content>\n                      <div>\n                        <button mat-button type=\"button\" class=\"submitbtn\n                          booknow\" color=\"primary\" (click)=\"menteeLessonReviewButton('lesson_plan')\"\n                          *ngIf=\"preview_button == true\">Submit\n                          Now</button>\n                      </div>\n                    </div>\n                  </div>\n                  <div class=\"bannercls\" *ngIf=\"schedule_button == true &&\n                    preview_button == false && orders_button == false\">\n                    <div>\n                      Book an Appointment with your Mentor\n                    </div>\n\n                    <mat-card-content>\n                      Congratulations!! Your Lesson Plan Material for this Lesson has been submitted to your Mentor for\n                      review. Please proceed to book your Mentor Session Appointment with your Mentor.\n\n                    </mat-card-content>\n                    <div>\n                      <button mat-button type=\"button\" class=\"submitbtn booknow\" color=\"primary\"\n                        (click)=\"menteeLessonReviewButton('schedule')\" *ngIf=\"schedule_button == true && preview_button ==\n                        false && orders_button == false\">Book Mentor\n                        Appointment</button>\n                    </div>\n                  </div>\n                </mat-card>\n              </div>\n              <!-- banner 2 end here -->\n              <!-- user is mentee and also lessonplan value is not purchasable end here -->\n              <!--Banner Section End Here  -->\n            </ng-container>\n          </span>\n        </mat-card-content>\n\n        \n        <!-- next prev button again -->\n        <!-- *ngIf=\"firstIndex!=0\" -->\n        <span class=\"lessondatabuttoncls\">\n          <div class=\"btnclsprev\">\n            <ng-container class=\"prevbtn\" *ngIf=\"allLessonDataList[0] !=null && paramslessonId !=\n              allLessonDataList[0]._id\">\n              <button mat-button type=\"button\" class=\"submitbtn\" color=\"primary\" (click)=\"nextbutton('prev')\">\n                <mat-icon>keyboard_arrow_left</mat-icon> Previous\n              </button>\n            </ng-container>\n          </div>\n          <!-- *ngIf=\"lastIndex != Index\" -->\n          <div class=\"btnclsnext\" *ngIf=\"next_button_access == true\">\n            <ng-container class=\"nextbtn\">\n              <button mat-button type=\"button\" class=\"submitbtn\" color=\"primary\" (click)=\"nextbutton('next')\">Next\n                <mat-icon>keyboard_arrow_right</mat-icon>\n              </button>\n            </ng-container>\n          </div>\n        </span>\n\n      </div>\n      <!--end  content for lesson data -->\n    </mat-card-content>\n\n    <mat-card-content class=\"trainingcentercls trainingcenterclsupdate\">\n\n      <!-- start content for lesson data -->\n      <div fxLayout=\"row\" class=\"rowinner\" *ngFor=\"let item of allLessonDataList\n        ; let i=index;\">\n\n        <div (click)=\"nochildclick(item,'click')\"  [ngClass]=\"(paramslessonId == item._id && !item.is_done)\n        ? 'classlessonongoing ':\n        ( (paramslessonId == item._id && item.is_done) ? 'classlessonongoing done' :( item.is_done == true ? 'classlessondone' : 'classlessonnotdone'))\">{{item.lession_title}}\n          <!-- <span>{{item  | json}}</span> -->\n          <span (click)=\"nochildclick(item,'click')\">\n            <!-- {{item.lession_title}} -->\n          </span>\n\n        </div>\n        <!-- [ngClass]=\"{'class5': (item._id == currentLesson),\n        'class7':(item._id==completedLessons)}\"  -->\n        <span class=\"material-icons\" *ngIf=\"lesson_locked_by_user == 1 && !item.is_done\">\n          lock\n        </span>\n      </div>\n      <!--end  content for lesson data -->\n      <mat-card-title class=\"mentortitle\">{{training_cat_name}}</mat-card-title>\n    </mat-card-content>\n    <mat-progress-bar mode=\"indeterminate\" *ngIf=\"progress_bar == 1\"></mat-progress-bar>\n    <!-- again category list data -->\n    <mat-list class=\"trainingcentercls trainingcenterclsnew\">\n      <mat-list-item class=\"trainingCategoryList\">\n        <div class=\"selectedclass\" *ngFor=\"let item of trainingCategoryList;let\n          i= index\" (click)=\"activatedclass(item)\">\n          <mat-list-item *ngIf=\"item.childcat.length>=1\">{{item.catagory_name}}</mat-list-item>\n          <!-- parent section -->\n          <mat-list-item [ngClass]=\"paramsTrainingId == item._id ?\n            'classongoing':\n            ( item.percentage >=100 ? 'classdone' : 'classnotdone')\" *ngIf=\"item.childcat.length==0\"\n            (click)=\"clicktrcataining(item._id,item.catagory_name)\">\n            <div class=\"categoryname\">\n              {{item.catagory_name}}\n              <span class=\"countcls\">\n                ({{item.done}}/{{item.count}})\n              </span>\n            </div>\n            <div class=\"progressbarcls\">\n              <mat-progress-bar *ngIf=\"percentageprogressLoader\" mode=\"determinate\"\n                value=\"{{((item.done/item.count)*100) }}\">\n              </mat-progress-bar>\n              <span class=\"progresspercentage\">{{(item.done/item.count)| percent\n                }}</span>\n            </div>\n          </mat-list-item>\n        </div>\n      </mat-list-item>\n    </mat-list>\n    <br>\n  </span>\n</mat-card>","styles":[".leftRightPortion{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between}.mat-card-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;box-sizing:border-box}.row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;box-sizing:border-box;display:-webkit-box;display:flex;place-content:top space-around;-webkit-box-align:start;align-items:flex-start;-webkit-box-flex:1;flex:1 1 100%;max-width:100%}.column{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;box-sizing:border-box;display:-webkit-box;display:flex}.column .rowinner{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;box-sizing:border-box;display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1 1 100%;margin-bottom:10px}.column .rowinner:last-child{margin-bottom:0}.column .rowinner .mat-accordion{width:100%}.columnleft{width:70%}.submitbtn{display:block;min-width:40px;margin:16px 0 0;background:#5c5f61;color:#fff;float:left}.pointer{cursor:pointer}.leftside{width:67%;margin-right:3%}.rightside{width:30%}.class1{background-color:#8fef8d;height:100%!important}.class2{background-color:red;height:100%!important}.class3{background-color:#d67a56;height:100%!important}.class4{background-color:#d3d3d5;height:100%!important}.class5{background-color:#f5a216;height:100%!important}.class6{background-color:#ff8f91;height:100%!important}.wrapper{display:-webkit-box;display:flex;justify-content:space-around;width:100%;flex-wrap:wrap}.wrapper .buttonsingle{-webkit-box-flex:1;flex:1;margin:5px}.trainingcentercls .rightside{padding:10px;background-color:#e5e5e5}.trainingcentercls{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.sublistwrapper{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:start;justify-content:flex-start;flex-wrap:wrap}.trainingcentercls .mat-list .mat-list-item{height:auto;padding:8px 0;text-transform:capitalize;font-size:16px}.trainingcentercls .mat-list .mat-list-item.selectedclass:first-child{margin-top:0}.trainingcentercls .mat-list .mat-list-item.selectedclass{background-color:#c4c4c4;text-transform:uppercase;padding:8px 0;font-size:16px;margin-top:8px;font-weight:600}.trainingcentercls .mat-list.sublistone{background-color:#d0d0d0;text-transform:capitalize;padding:10px}.trainingcentercls .matprogressbar br{display:none}.trainingcentercls .mat-list{position:relative;padding-top:0}.trainingcentercls .mat-list.sublist{margin-bottom:8px}.trainingcentercls .progresspercentage{font-size:14px;font-weight:400;position:absolute;right:0;bottom:10px}.trainingcentercls .trainingheadercls{margin:0 0 10px;padding:0;position:relative}.trainingcentercls .trainingheadercls h2{margin:0;font-size:16px;text-transform:uppercase;width:90%;line-height:28px}.trainingcentercls .trainingheadercls h3{margin:0;position:absolute;right:4px;bottom:8px}.mat-card:not([class*=mat-elevation-z]){box-shadow:none!important}.rowinner .mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:none!important;background-color:#e5e5e5}.rowinner{margin-top:10px;display:inline-block;width:100%}.rowinner:first-child{margin-top:0}.rowinner .mat-expansion-panel-header{padding:10px 24px;height:auto!important;background-color:#c4c4c4;margin-bottom:16px}.paragraphcls img{width:100%}.imgwrappercls{display:block}.imgwrappercls img,.paragraphwrapper p img,.paragraphwrapper p p img{width:100%;height:auto;margin-top:0}.imgwrappercls img.mat-card-image{margin:0}.mat-expansion-panel-body{padding:16px 24px}:host ::ng-deep .paragraphcls{display:block;max-width:100%;overflow-wrap:break-word;word-wrap:break-word}:host ::ng-deep .paragraphcls img{margin:0 auto;width:100%;max-height:100%;max-width:100%;height:auto}.videoWrapper{position:relative;padding-bottom:10px;height:auto}.audioWrapper{margin:0;padding:0}.audioWrapper audio{width:100%}.trainingheadercls{text-transform:capitalize;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;padding:5px 10px;border:1px solid #bcbdbf}.trainingheadercls .mat-progress-bar,.trainingheadercls h2{-webkit-box-flex:1;flex:1;margin:0}.modalclslibrary h1.mat-dialog-title{margin:0;text-transform:uppercase;font-weight:700}.modalclslibrary h3{margin:0 0 5px;text-transform:capitalize}.modalclslibrary .mat-dialog-content{margin-top:5px}.modalclslibrary button,.modalclslibrary button.childButton{margin-right:5px;background:#5c5f61;color:#fff;margin-top:5px;width:100%}.modalclslibrary .matcheckboxcls{margin-top:5px;margin-bottom:5px}.videocls{margin-right:38px}.videocls p{background-color:#0ff;padding:7px;font-size:large;margin-top:-4px;height:auto}.video_iconcls{height:107px;width:107px;position:absolute;bottom:189px;display:block;margin-left:180px!important;cursor:pointer;-webkit-box-align:center;align-items:center}.trainingcenterclsnew{display:-webkit-box;display:flex;-webkit-box-align:stretch;align-items:stretch;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;flex-wrap:wrap;padding-top:0}.trainingcenterclsnew .trainingCategoryList{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;flex-wrap:wrap;-webkit-box-pack:justify;justify-content:space-between;height:auto}.trainingcenterclsnew .trainingCategoryList:nth-child(3n){margin-right:0!important}.trainingcenterclsnew .trainingCategoryList .selectedclass{height:100%;padding:6px 5px;box-sizing:border-box;margin:10px 10px 0 0;width:calc(1/3*100% - (1 - 1/3)*10px)}.trainingcenterclsnew .trainingCategoryList .selectedclass .progressbarcls{-webkit-box-flex:1;flex:1 1 100%}.countcls{-webkit-box-flex:1;flex:1 1 100%;display:-webkit-box;display:flex;cursor:pointer}.trainingcenterclsnew .trainingCategoryList .selectedclass .categoryname{-webkit-box-flex:1;flex:1 1 100%;padding:10px}.trainingcenterclsnew .trainingCategoryList .selectedclass .mat-list-item-content{padding:0;display:-webkit-box;display:flex;-webkit-box-align:stretch;align-items:stretch;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.trainingcenterclsnew .lessondatadiv{padding:10px;border:1px solid #bcbdbf;height:auto}.trainingcenterclsnew .paragraphwrapper .paragraphcls h1,.trainingcenterclsnew .paragraphwrapper .paragraphcls h2{margin:0;padding:0}.trainingcenterclsnew .paragraphwrapper .paragraphcls p{margin:5px 0;padding:0}.trainingcenterclsupdate{margin-top:20px}.trainingcenterclsupdate .rowinner{padding:5px;display:inherit;width:inherit;background-color:#dfdfdf;cursor:pointer;margin:5px 0;display:-webkit-box;display:flex}.lessondatadiv{margin:20px 0;border:1px solid #bcbdbf;padding:20px;display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:justify;justify-content:space-between}.lessondatadiv .lessondatabuttoncls{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;width:100%}.lessondatadiv .lessondatabuttoncls .submitbtn{margin-top:0}.video_arraycls{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;width:100%}.trainingcenterclsnew .mentortitle{display:block;padding:5px;background-color:#0ff;text-transform:uppercase}.banner1cls{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:start;justify-content:flex-start;background-color:#d4d0d0;border-radius:0;margin-top:20px}.banner1cls .submitbtngroup{display:-webkit-box;display:flex;-webkit-box-pack:start;justify-content:flex-start;-webkit-box-align:center;align-items:center;flex-wrap:wrap}.banner1cls .submitbtngroup .submitbtn{margin-right:10px}.lessontitlecls{margin-top:10px}.banner1cls .mat-card-content,.banner2cls{background:#1095e7;border-radius:8px;padding:25px}.bannercls{padding:5px;margin:0 0 10px;font-size:large}.active1{background-color:#885f94!important}.classnotdone{background-color:#f07466}.classongoing{background-color:#303ebb}.classdone{background-color:#3bb659}.classlessonnotdone{background-color:#f07466;width:100%;text-align:left;padding:6px;text-transform:capitalize}.classlessonongoing{background-color:#303ebb;width:100%;text-align:left;padding:6px;text-transform:capitalize}.classlessondone{background-color:#3bb659;width:100%;text-align:left;padding:6px;text-transform:capitalize}.trainingCategoryList .itemnamecls{display:block!important;width:100%}.mentortitle{display:block;padding:5px;background-color:#0ff;text-transform:uppercase}.lessoncontent,.lessontitleclass{display:none}.lessoncontent0,.lessontitleclass_0{display:block}.btncancelcls{position:absolute;right:-20px;top:-17px;padding:4px;background:#0eadff!important;line-height:inherit;min-width:inherit;border-radius:100px;outline:0}.lowerlessoncls{padding:5px;display:inherit;width:inherit;background-color:#dfdfdf;cursor:pointer;margin:5px 0}.example-radio-group{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;margin:15px 0}.example-radio-button{margin:5px}.Audio_arraycls{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;width:100%}.Audiocls{margin-right:38px}.Audiocls p{background-color:#0ff;padding:7px;font-size:large;margin-top:-4px;height:auto}.File_arraycls{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;width:100%}.Filecls{margin-right:38px}.Filecls p{background-color:#0ff;padding:7px;font-size:large;margin-top:-4px;height:auto}.training_mainwrappercon{margin:5px 0;position:relative}.training_mainwrappercon .mat-card-image{width:100%;margin:0!important}.videomainwrapper{width:100%;background:#000;position:relative}.videomainwrapper .videoimg{width:100%;opacity:.5}.videoplayimg{position:absolute;width:20%;left:40%;top:40%}.lessondatadiv .mat-card-content{display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:justify;justify-content:space-between}.lessondatadiv .mat-card-content .trainingcentercls_newcls{width:49%;display:block}.lessondatadiv .mat-card-content .trainingcentercls_newcls:first-of-type{width:100%}.readmore{cursor:pointer}.content_div_cls{display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:justify;justify-content:space-between}.content_div_cls .training_mainwrappercon{width:49%}.audioprogresscls{display:none}.audioprocls{margin-bottom:3px;cursor:pointer}.mandetorycls{color:#b43e3e}.skip_cls{height:37px;margin-right:5px;cursor:pointer}.audiocontrolcls{font-size:35px;margin-right:5px;cursor:pointer}.audioseccls{background-size:100%;height:287px}.audioseccls_slider{background-color:#8fef8d}mat-slider{width:436px}.mat-slider-thumb{border-color:rgba(0,0,0,.26);background:0 0!important}.audiodescendtime{bottom:0;right:78px;-webkit-columns:#000;-moz-columns:#000;columns:#000}.audiotitle_STARTtime{left:87px;bottom:0;-webkit-columns:#000;-moz-columns:#000;columns:#000}.audiocntrlbtn_card{background:0 0!important}.audiocntrlbtn{display:-webkit-box;display:flex;padding:8px}.audiocntrlbtn p{margin-right:5px}.File_descriptioncls,.filetype_doc,.filetype_docx,.filetype_ppt,.filetype_pptx,.image_filetype{cursor:pointer}.donetikcls{width:100%}.doneimgcls{width:28px;margin:-9px;left:419px;position:absolute}"]}]}],"members":{"lessonplanmaterialRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":189,"character":3}}]}],"googleScheduleRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":194,"character":3}}]}],"TrainingCategoryList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":199,"character":3}}]}],"TotalData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":628,"character":3}}]}],"TrainingCeneterData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":777,"character":3}}]}],"serverDetails":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":858,"character":3}}]}],"TrainingName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":862,"character":3}}]}],"formSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":866,"character":3}}]}],"QuizQuestionSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":870,"character":3}}]}],"ParamsId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":874,"character":3}}]}],"TrainingCenterRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":878,"character":3}}]}],"DnaServerUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":882,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":887,"character":19},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":889,"character":19},{"__symbolic":"reference","module":"ngx-cookie-service","name":"CookieService","line":890,"character":26},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":891,"character":20},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":892,"character":27},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":893,"character":22}]}],"downloadPdf":[{"__symbolic":"method"}],"loadstart":[{"__symbolic":"method"}],"skipTensec":[{"__symbolic":"method"}],"onprocess":[{"__symbolic":"method"}],"replay":[{"__symbolic":"method"}],"startEndTimeCalculation":[{"__symbolic":"method"}],"progressbtn":[{"__symbolic":"method"}],"playbtn":[{"__symbolic":"method"}],"pausebtn":[{"__symbolic":"method"}],"previewpdf":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"lessonplanpageroute":[{"__symbolic":"method"}],"questionDetails":[{"__symbolic":"method"}],"addMarkedData":[{"__symbolic":"method"}],"audioended":[{"__symbolic":"method"}],"childcatclick":[{"__symbolic":"method"}],"nochildclick":[{"__symbolic":"method"}],"clicktrcataining":[{"__symbolic":"method"}],"activatedclass":[{"__symbolic":"method"}],"getTrainingCenterlistFunction":[{"__symbolic":"method"}],"getTrainingCenterlistFunctionwithLessonId":[{"__symbolic":"method"}],"nextbutton":[{"__symbolic":"method"}],"menteeLessonReviewButton":[{"__symbolic":"method"}],"getReviewLessonPlanModal":[{"__symbolic":"method"}],"openLessonVideo":[{"__symbolic":"method"}],"getScheduleModal":[{"__symbolic":"method"}],"UnlockLesson":[{"__symbolic":"method"}],"lessonQuiz":[{"__symbolic":"method"}]}},"ɵt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2252,"character":1},"arguments":[{"selector":"PurchaseModal","template":"<div class=\"generalmodalcls\">\n  <div class=\"modal-content\">\n    <div class=\"logowrapperouter\">\n      <div class=\"logowrapper\">\n        <!-- <img src=\"../../assets/images/logomain.png\"> -->\n      </div>\n    </div>\n\n    <div mat-dialog-content class=\"headercls\">\n      <h2>Buy Your Lesson Session</h2>\n    </div>\n\n    <!-- <mat-card aria-label=\"Select an option\" [(ngModel)]=\"session_id\" \n          (change)=\"ngOnChanges($event)\" *ngFor=\"let item of data.product_data\">\n          <mat-card-content>\n            {{item.productname}}\n          </mat-card-content>\n          </mat-card> -->\n    <div class=\"modalscrollcls\">\n      <mat-card class=\"example-card\" *ngFor=\"let item of data.product_data;let i = index;\">\n        <!-- <mat-card-header>\n              <div mat-card-avatar class=\"example-header-image\"></div>\n              <mat-card-title>Product Name - {{item.productname}}</mat-card-title>\n            </mat-card-header> -->\n        <div class=\"productcls\">\n          <span class=\"productnamecls\" *ngIf=\"item.productname !=null\"><label>Product Name</label>\n            <p>{{item.productname}}</p>\n          </span>\n        </div>\n\n        <div class=\"summarycls\">\n          <span class=\"shortsummarycls\" *ngIf=\"item.shortsummary !=null\"><label>Summary</label>\n            <p>{{item.shortsummary}}</p>\n          </span>\n        </div>\n\n        <div class=\"pricecls\">\n          <span class=\"priceclass\" *ngIf=\"item.price !=null\">Price :${{item.price}}</span>\n        </div>\n        <mat-card-actions>\n          <button mat-raised-button color=\"primary\" (click)=\"submitLession(item, 'yes','single')\" cdkFocusInitial>Single\n            Lesson Buy</button>\n\n          <button mat-raised-button color=\"primary\" (click)=\"submitLession(item, 'yes','all')\" cdkFocusInitial>All\n            Lesson Buy</button>\n\n        </mat-card-actions>\n      </mat-card>\n    </div>\n    <br><br>\n    <div class>\n      <span style=\"color:rgb(241, 20, 20)\">{{message}}</span>\n    </div>\n\n    <mat-dialog-actions class=\"modalbtncls\">\n      <button class=\"btncancelcls\" mat-raised-button color=\"accent\" type=\"button\" (click)=\"closedModal()\">\n        <span class=\"material-icons\">\n          clear\n        </span></button>\n      <!-- <button class=\"btnbluecls\" mat-raised-button color=\"primary\" (click)=\"submitLession(session_id, 'yes')\" cdkFocusInitial>Submit</button> -->\n    </mat-dialog-actions>\n  </div>\n</div>"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":2262,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":2262,"character":12}]}],null,null],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵz"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":891,"character":20},{"__symbolic":"reference","name":"ɵa"}]}],"submitLession":[{"__symbolic":"method"}],"closedModal":[{"__symbolic":"method"}]}},"ɵu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2292,"character":1},"arguments":[{"selector":"ReviewLessonPlan","template":"<div class=\"generalmodalcls\">\n  <div class=\"modal-content\">\n    <div class=\"logowrapperouter\">\n      <div class=\"logowrapper\">\n        <!-- <img src=\"../../assets/images/logomain.png\"> -->\n      </div>\n    </div>\n\n\n    <div mat-dialog-content class=\"headercls\">\n      <h2>Complete Your Lesson Plan Material Now!</h2>\n    </div>\n\n    <div>\n      <span>You have a purchased a Lesson <b>{{data.data.lession_title}}</b>, from your Mentor\n        <b>{{data.user_mentor_name}}</b>, please review and fill out the Questionnaire provided in the Lesson Plan\n        Material.</span>\n    </div>\n    <br>\n    <div class=\"modalbtncls\">\n      <button class=\"btnbluecls\" mat-raised-button color=\"primary\" (click)=\"submitLesson(data, 'yes')\"\n        cdkFocusInitial>CONTINUE</button>&nbsp;\n\n      <button class=\"btnbluecls\" mat-raised-button color=\"accent\" type=\"button\"\n        (click)=\"closedModal()\">No</button>&nbsp;\n\n      <button class=\"btncancelcls\" mat-raised-button color=\"accent\" type=\"button\" (click)=\"closedModal()\"><span\n          class=\"material-icons\">\n          clear\n        </span></button>\n    </div>\n    <!-- \n          <mat-dialog-actions class=\"btncancelcls\">\n           \n          </mat-dialog-actions> -->\n  </div>\n</div>"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":2302,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":2302,"character":12}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵz"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":891,"character":20},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":889,"character":19}]}],"submitLesson":[{"__symbolic":"method"}],"closedModal":[{"__symbolic":"method"}]}},"ɵv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2327,"character":1},"arguments":[{"selector":"Schedule","template":"<div class=\"generalmodalcls\">\n    <div class=\"modal-content\">\n          <div class=\"logowrapperouter\">\n              <div class=\"logowrapper\">\n                  <!-- <img src=\"../../assets/images/logomain.png\"> -->\n              </div>\n          </div>  \n\n          <div mat-dialog-content class=\"headercls\">\n            <h2>Book your paid Mentor Session now!</h2>\n          </div> \n      \n          <div>\n              <span>You have not booked your 1 hour Mentor Session for Lesson <b>{{data.data.lession_title}}</b>, yet with your Mentor <b>{{data.user_mentor_name}}</b>.</span>\n          </div>\n          <br>\n          <div>\n                <button class=\"btnbluecls\" mat-raised-button color=\"primary\" (click)=\"submitSchedule(data, 'yes')\" cdkFocusInitial>BOOK NOW</button>\n          </div>\n\n          <mat-dialog-actions class=\"modalbtncls\">\n            <button class=\"btncancelcls\" mat-raised-button color=\"accent\" type=\"button\" \n            (click)=\"closedModal()\"><span class=\"material-icons\">\n              clear\n              </span></button>\n            <!-- <button class=\"btnbluecls\" mat-raised-button color=\"primary\" (click)=\"submitLession(session_id, 'yes')\" cdkFocusInitial>Submit</button> -->\n          </mat-dialog-actions>\n      </div>\n    </div>\n  \n  \n  \n  \n   "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":2337,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":2337,"character":12}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵz"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":891,"character":20},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":889,"character":19}]}],"submitSchedule":[{"__symbolic":"method"}],"closedModal":[{"__symbolic":"method"}]}},"ɵw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2361,"character":1},"arguments":[{"selector":"unlockLesson","template":"<div class=\"generalmodalcls\">\n  <div class=\"modal-content\">\n    <div class=\"logowrapperouter\">\n      <div class=\"logowrapper\">\n        <!-- {{data}} -->\n        <h2 *ngIf=\"data.data == 1\">Are you sure you want to turn on Sequential lock for all the lessons?</h2>\n\n        <h2 *ngIf=\"data.data == 0\">Are you sure you want to unlock all lessons?\n        </h2>\n      </div>\n    </div>\n\n    <div mat-dialog-content class=\"headercls\">\n      <span class=\"sequencecls\" style=\"color:rgba(255, 0, 0, 0.945);\">* We highly suggest you to follow the lessons in sequence!</span>\n    </div>\n\n    <mat-dialog-actions class=\"modalbtncls\">\n\n\n\n      <button class=\"btnbluecls\" mat-raised-button color=\"accent\" type=\"button\"\n        (click)=\"lockedLesson('yes')\">Yes</button>\n\n      <button class=\"btnbluecls\" mat-raised-button color=\"primary\" type=\"button\" (click)=\"lockedLesson('no')\"\n        cdkFocusInitial>No</button>\n\n      <button class=\"btncancelcls\" mat-raised-button color=\"primary\" type=\"button\" (click)=\"lockedLesson('no')\"\n        cdkFocusInitial><span class=\"material-icons\">\n          clear\n        </span></button>\n\n\n    </mat-dialog-actions>\n  </div>\n</div>"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":2368,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":2368,"character":12}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵz"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":891,"character":20},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":889,"character":19}]}],"lockedLesson":[{"__symbolic":"method"}]}},"ɵx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2381,"character":1},"arguments":[{"selector":"LessonVideo","template":"<div class=\"generalmodalcls\">\n    <div class=\"modal-content\">\n        <div class=\"logowrapperouter\">\n            <div class=\"logowrapper\">\n            </div>\n        </div>\n\n        <div mat-dialog-content class=\"videocls\">\n            <div class=\"video_timecls\" *ngIf=\"video_time != null\">\n                Video Duration : {{video_time}}\n            </div>\n            <div class=\"mainvdcls\">\n                <div class=\"mt-1\" id=\"player\"></div>\n\n                <!-- <iframe width=\"700\" height=\"400\" [src]=\"data.safe_url\" frameborder=\"0\"\n                    allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n                    allowfullscreen></iframe> -->\n                        <youtube-player\n                          [videoId]=\"data.video_url\"\n                          (ready)=\"savePlayer($event)\"\n                          (change)=\"onStateChange($event)\"\n                          [playerVars]=\"playerVars\" \n                          [height]=500 \n                          [autoplay]=true\n                          [width]=850>\n                        </youtube-player>\n            </div>\n\n            <div class=\"videocls\">\n                <p class=\"videotitlecls\">{{data?.data?.video_title}}</p>\n\n                <div class=\"video_descriptioncls\" [innerHTML]=\"data.data.video_description\"></div>\n            </div>\n        </div>\n\n\n        <mat-dialog-actions class=\"modalbtncls\">\n            <button class=\"btncancelcls\" mat-raised-button color=\"accent\" (click)=\"closedModals()\"><span\n                    class=\"material-icons\">\n                    clear\n                </span></button>\n        </mat-dialog-actions>\n    </div>\n</div>\n\n","styles":[".ytp-watermark{position:absolute;width:110px;height:26px;bottom:49px;right:16px;z-index:27;opacity:.9;display:none!important}.videocls .videotitlecls{background-color:#0ff;padding:7px;font-size:large;margin-top:-4px;height:auto;width:100%}.videocls .video_descriptioncls{background-color:rgb(65 137 154);padding:7px;font-size:large;margin-top:-18px;height:auto;width:100%}.video_timecls{background-color:#9da3a3;padding:7px;font-size:large;margin-top:2px;height:auto;width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":2396,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":2396,"character":12}]}],null,null,null,null],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵz"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":891,"character":20},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":889,"character":19},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":892,"character":27}]}],"closedModals":[{"__symbolic":"method"}],"savePlayer":[{"__symbolic":"method"}],"onStateChange":[{"__symbolic":"method"}]}},"ɵy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2502,"character":1},"arguments":[{"selector":"lessonquiz","template":"<div class=\"generalmodalcls\">\n    <div class=\"modal-content\">\n        <div class=\"logowrapperouter\">\n            <div class=\"logowrapper\">\n            </div>\n        </div>\n\n        <mat-card class=\"lessonquizcls\">\n            <mat-card-content *ngIf=\"quizData != null && quizData != ''\" class=\"questioncls\">\n\n                <h2 class=\"quizData\">Question {{indexVal}} of {{data?.quiz_data.length}} :</h2>\n\n                <h3 class=\"quizData\">{{quizData?.question}}</h3>\n                <br>\n\n\n                <mat-radio-group aria-labelledby=\"example-radio-group-label\" class=\"exampleradiogroupcls\"\n                    [(ngModel)]=\"quizVal\">\n                    <mat-radio-button class=\"example-radio-button\" *ngFor=\"let item of quizData.answer;let i=index\"\n                        [value]=\"item\">\n                        {{item.answer}}\n                    </mat-radio-button>\n                </mat-radio-group>\n\n            </mat-card-content>\n\n            <mat-card-content *ngIf=\"quizData == ''\" class=\"quizanscls\">\n                <h2 class=\"example-h2\" style=\"text-align: center;\">Quiz Result</h2>\n\n                <span>\n                    <h2 class=\"quiz_data\">Total Question : {{data.quiz_data.length}}</h2>\n                    <h2 class=\"CheckedAnswer\">Attempt Question : {{CheckedAnswer.length}}</h2>\n                    <h2 class=\"correctQuizVal\">Correct Answer : {{correctQuizVal.length}}</h2>\n                    <h2 class=\"lesson_data\">Target Percentage : {{data.lesson_data.test_percentage}}%</h2>\n                    <h2 class=\"resultVal\">Your Score : {{resultVal}}%</h2>\n                    <h2 class=\"resultStatus\">\n                        Status : <span *ngIf=\"resultStatus == 'Success'\" style=\"color: forestgreen;\"> {{resultStatus}}\n                        </span>\n                        <span *ngIf=\"resultStatus == 'Failed'\" style=\"color:rgb(211, 52, 52);\"> {{resultStatus}} </span>\n                    </h2>\n\n                </span>\n            </mat-card-content>\n\n            <span class=\"noquizcls\" *ngIf=\"data.quiz_data.length == 0\">\n                <h2>No Quiz Available</h2>\n            </span>\n\n\n        </mat-card>\n\n\n\n        <mat-dialog-actions class=\"modalbtncls\">\n            <button class=\"btncancelcls\" mat-raised-button color=\"accent\" (click)=\"closedModal()\"><span\n                    class=\"material-icons\">\n                    clear\n                </span></button>\n\n            <button *ngIf=\"quizData == '' && resultStatus == 'Success'\" class=\"btnbluecls\" mat-raised-button\n                color=\"accent\" (click)=\"saveQuizRecord(quizData)\">Continue</button>\n\n            <button *ngIf=\"quizData == '' && resultStatus == 'Failed'\" class=\"btnbluecls\" mat-raised-button\n                color=\"primary\" (click)=\"startQuizAgain(quizData)\">Take Quiz Again</button>\n\n            <button *ngIf=\"quizData != null && quizData != ''\" class=\"btnbluecls\" mat-raised-button color=\"accent\"\n                (click)=\"nextQuizRecord(quizData)\">Next <span class=\"material-icons\">\n                    arrow_forward_ios\n                </span></button>\n\n        </mat-dialog-actions>\n    </div>\n</div>"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":2518,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":2518,"character":12}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵz"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":891,"character":20},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":889,"character":19}]}],"closedModal":[{"__symbolic":"method"}],"nextQuizRecord":[{"__symbolic":"method"}],"saveQuizRecord":[{"__symbolic":"method"}],"startQuizAgain":[{"__symbolic":"method"}]}},"ɵz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2633,"character":1},"arguments":[{"selector":"preview-content-dialog","template":"<div *ngIf=\"data.flag=='pdf'\" class=\"allcontent\">\n\n    <!-- {{previewImg|json}} -->\n    <span class=\"filetitle\">{{data.data.file_title}}</span>\n    <div class=\"pdftoimgcls\">\n        <img [src]=\"image\">\n    </div>\n    <p>{{data.data.file_description}}</p>\n    <div class=\"allimgcountscls\">\n\n        <button mat-stroked-button (click)=\"nextprevbtn('prev')\"\n            [ngClass]=\"indeximg == 0?'preview_inactive':'preview_active'\">\n            <span class=\"material-icons\">\n                keyboard_arrow_left\n            </span></button>\n        <span>\n            {{page}} of {{pos}}\n        </span>\n\n        <button mat-stroked-button (click)=\"nextprevbtn('next')\"\n            [ngClass]=\"page == pos?'preview_inactive':'preview_active'\">\n            <span class=\"material-icons\">\n                navigate_next\n            </span> </button>\n    </div>\n    <div mat-dialog-actions class=\"Lesson_Videos_Modal_footer dilogcontentcancelcls\">\n        <button mat-button mat-dialog-close (click)=\"close('file')\">\n            <span class=\"material-icons\">\n                clear\n            </span>\n        </button>\n\n    </div>\n</div>\n<div *ngIf=\"data.flag=='img'\">\n    <span class=\"filetitle\">{{data.data.file_title}}</span>\n    <div class=\"pdftoimgcls\">\n        <img [src]=\"image1\">\n    </div>\n    <div class=\"titledesc\">\n        <!-- <p class=\"File_titlecls\">{{data.data.file_title }}</p>              -->\n\n        <p class=\"File_descriptioncls\">{{ data.data.file_description }}</p>\n    </div>\n    <div mat-dialog-actions class=\"Lesson_Videos_Modal_footer dilogcontentcancelcls\">\n        <button mat-button mat-dialog-close (click)=\"close('img')\">\n            <span class=\"material-icons\">\n                clear\n            </span>\n        </button>\n\n    </div>\n</div>","styles":[".pdftoimgcls{height:500px;width:800px}.pdftoimgcls img{height:400px;width:700px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":2652,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":2652,"character":12}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵz"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":891,"character":20},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":889,"character":19}]}],"close":[{"__symbolic":"method"}],"nextprevbtn":[{"__symbolic":"method"}]}},"ɵba":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"lib-lesson-plan-material","template":"<div class=\"questioncls\" *ngIf=\"flag == true\">\n\n    <h2 class=\"questiontitlecls\">\n        <label><span class=\"titleclsspan\"> TITLE </span><span class=\"titlecls\">{{formDataVal.title}}</span></label>\n    </h2>\n\n    <h2 class=\"questiondesccls\"><label> DESCRIPTION </label><span class=\"descclass\" [innerHTML]=\"formDataVal.description\"></span></h2>\n    \n    <h2 class=\"questionnamecls\">\n        <label><span class=\"qusclsspan\"> QUESTION </span><span class=\"quscls\">{{formDataVal.question}}</span></label>\n     </h2>\n\n</div>\n<br>\n<!-- {{formDataVal.description_html}} -->\n<div class=\"progressbarcls\">\n    <mat-progress-bar mode=\"indeterminate\" *ngIf=\"progress_bar == 1\"></mat-progress-bar>\n</div>\n\n<div class=\"questionlabelcls\" *ngIf=\"flag == true\">\n    <h2 class=\"questionfieldscls\" *ngIf=\"this.formdata.fields[0].type == 'textarea'\">Enter Your Answer</h2>\n    <h2 class=\"questionfieldscls\" *ngIf=\"this.formdata.fields[0].type == 'image'\">Choose Your Answer</h2>\n    <h2 class=\"questionfieldscls\" *ngIf=\"this.formdata.fields[0].type == 'radio'\"> Choose Your Answer</h2>\n    <h2 class=\"questionfieldscls\" *ngIf=\"this.formdata.fields[0].type == 'select'\"> Select Your Answer</h2>\n\n</div>\n\n<ng-container *ngIf=\"flag == true\" class=\"formdatacls\">\n    <lib-showform [formdata]=\"formdata\" [formfieldrefresh]=\"formfieldrefresh\"\n        [formfieldrefreshdata]=\"formfieldrefreshdata\" (onFormFieldChange)=\"listenFormFieldChange($event)\">\n    </lib-showform>\n</ng-container>\n\n<!-- <h1>{{formdata | json}}</h1> -->\n<!-- <p >{{formdata.field | json}}</p> -->\n<!-- {{formDataVal | json}} -->\n<!-- *ngIf=\"prevButton == true\" -->\n<div class=\"buttoncls\">\n    <!-- <button mat-raised-button color=\"primary\" type=\"button\" class=\"btncls\"\n        (click)=\"nextButton('prev')\" >Previous</button> &nbsp; -->\n\n    <!-- <button mat-raised-button color=\"primary\" type=\"button\" class=\"btncls\" (click)=\"nextButton('next')\">Next 1</button> -->\n\n    <!-- <button mat-raised-button color=\"primary\" type=\"button\" class=\"btncls\" >Submit</button> -->\n\n</div><br>\n<div style=\"cursor:pointer\" *ngIf=\"flag == true\">\n    <span class=\"skipbuttoncls\" (click)=\"skipButton()\"><u>Skip Now</u></span>\n</div>","styles":[".generalcls h2{display:block;text-align:center;background:#0ff}.buttoncls{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between}"]}]}],"members":{"lessonplandata":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"serverDetails":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"Redirectpath":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":69,"character":37},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"ngx-cookie-service","name":"CookieService","line":69,"character":106},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":69,"character":136},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":69,"character":161}]}],"ngOnInit":[{"__symbolic":"method"}],"listenFormFieldChange":[{"__symbolic":"method"}],"skipButton":[{"__symbolic":"method"}],"displayQuestionData":[{"__symbolic":"method"}]}},"ɵbb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"lib-list-quiz","template":"<mat-card>\n    <span class=\"searchblock\">\n        <span class=\"searchblockwrapper\">\n\n            <span>\n\n                <mat-toolbar color=\"primary\" style=\"justify-content: center; align-items: center;\">\n                    <h2 class=\"headerSpan\"> Quiz for :- {{listingData[0]?.lessonname}}</h2>\n                </mat-toolbar>\n\n\n                <mat-toolbar class=\"buttonsetToolbar\">\n\n                    <button class=\"singleButton\" mat-raised-button color=\"primary\" type=\"button\"\n                        (click)=\"goTolessonList()\">\n                        <i class=\"material-icons\">\n                            keyboard_backspace\n                        </i>Back To\n                        Lesson List</button>\n\n                    <button class=\"singleButton\" class=\"addquizcls\" mat-raised-button color=\"primary\"\n                        (click)=\"addButton()\">\n                        <i class=\"material-icons\">add</i> Add Quiz</button>\n                </mat-toolbar>\n            </span>\n        </span>\n    </span>\n\n    <mat-form-field *ngIf=\"listingData.length !=0\">\n        <mat-label>Search By Keywords</mat-label>\n        <input matInput (keydown)=\"applyFilter($event)\" placeholder=\"Filter\" #input>\n    </mat-form-field>\n\n    <div class=\"mat-elevation-z8\">\n        <div class=\"QuizTablecls\" *ngIf=\"listingData.length !=0\">\n            <table mat-table [dataSource]=\"dataSource\" matSort>\n\n                <ng-container matColumnDef=\"No\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> No. </th>\n                    <td mat-cell *matCellDef=\"let row;let i = index\" data-label=\"No\"> {{i + 1}} </td>\n                </ng-container>\n\n                <ng-container matColumnDef=\"question\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> Question </th>\n                    <td mat-cell *matCellDef=\"let row\" data-label=\"Question\"> {{row.question}} </td>\n                </ng-container>\n\n                <ng-container matColumnDef=\"description_html\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> Description </th>\n                    <td mat-cell *matCellDef=\"let row\" data-label=\"Question\">\n                        <span [innerHTML]=\"row.description_html\"></span>\n                    </td>\n                </ng-container>\n\n                <ng-container matColumnDef=\"question_type\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> Question Type </th>\n                    <td mat-cell *matCellDef=\"let row\" data-label=\"Question Type\">\n                        <span *ngIf=\"row.question_type == 'Radio Button'; else loggedOut\">Radio Button</span>\n                        <ng-template #loggedOut>\n                            {{row.question_type}}\n                          </ng-template>\n                    </td>\n                </ng-container>\n\n                <ng-container matColumnDef=\"priority\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> Priority </th>\n                    <td mat-cell *matCellDef=\"let row\" title=\"Priority\"> {{row.priority}} </td>\n                </ng-container>\n\n                <ng-container matColumnDef=\"created_at\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> Date </th>\n                    <td mat-cell *matCellDef=\"let row\" title=\"created_at\"> {{row.created_at | date}} </td>\n                </ng-container>\n\n                <ng-container matColumnDef=\"status\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> Status </th>\n                    <td mat-cell *matCellDef=\"let row\" title=\"Status\">\n                        \n                        <span *ngIf=\"row.status == 1\">Active</span>\n                        <span *ngIf=\"row.status == 0\">Inactive</span>\n                    </td>\n                </ng-container>\n                <ng-container matColumnDef=\"deleteRecord\">\n                    <th mat-header-cell *matHeaderCellDef> Action </th>\n                    <td mat-cell *matCellDef=\"let element; let i = index;\" data-label=\"Action\">\n                        <span class=\"buttons_ro\">\n                            <span class=\"cursor\" (click)=\"deleteRecord(element._id, i);\">\n                                <i class=\"material-icons\">\n                                    delete_outline\n                                </i>\n                            </span>\n\n                            <span class=\"cursor\" (click)=\"routerFunction(element._id)\">\n                                <i class=\"material-icons\">\n                                    edit\n                                </i>\n                            </span>\n                            <span class=\"cursor\" (click)=\"statusUpdateModal(element._id,i)\">\n                                <i class=\"material-icons\">\n                                    toggle_on\n                                </i>\n                            </span>\n\n\n                            <span class=\"singleButton\">\n\n                                <button mat-raised-button type=\"button\" class=\"addanscls\" matTooltip=\"Add Answer\"\n                                    color=\"primary\" (click)=\"goToAnswerPage \n                            (element._id)\">Add Answer</button>\n\n                                <button mat-raised-button type=\"button\" matTooltip=\"View Answer\" class=\"viewanscls\"\n                                    color=\"primary\" (click)=\"goToUpdateAnswerPage(element._id)\">View Answer</button>\n\n                            </span>\n\n\n\n                        </span>\n                    </td>\n\n                </ng-container>\n                <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n                <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\">\n                </tr>\n\n            </table>\n\n            <mat-paginator [pageSizeOptions]=\"[5, 10, 25, 100]\"></mat-paginator>\n        </div>\n\n        <div class=\"norecordfoundcls\" *ngIf=\"listingData.length ==0\">\n            <b>No Quiz found</b>\n        </div>\n    </div>\n\n</mat-card>","styles":["table{width:100%}.mat-form-field{font-size:14px;width:100%}td,th{width:25%}.headerSpan{text-align:center;display:block;margin:auto}.buttonsetToolbar{background-color:#f4f3f8;text-align:center;display:block;padding-top:10px}.singleButton,.singleButton button{margin:5px;float:right}.cursor{cursor:pointer}"]}]}],"members":{"paginator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":30,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginator","line":30,"character":13},{"static":false}]}]}],"sort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/sort","name":"MatSort","line":31,"character":13},{"static":false}]}]}],"allDataList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"AddPageRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"LessonList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":3}}]}],"serverDetails":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"formSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"EditPageRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"AddUpdateAnswerRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"LessonId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":78,"character":29},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":78,"character":86}]}],"ngOnInit":[{"__symbolic":"method"}],"addButton":[{"__symbolic":"method"}],"goTolessonList":[{"__symbolic":"method"}],"routerFunction":[{"__symbolic":"method"}],"goToAnswerPage":[{"__symbolic":"method"}],"goToUpdateAnswerPage":[{"__symbolic":"method"}],"applyFilter":[{"__symbolic":"method"}],"deleteRecord":[{"__symbolic":"method"}],"deleteFunction":[{"__symbolic":"method"}],"statusUpdateModal":[{"__symbolic":"method"}],"statusChange":[{"__symbolic":"method"}]}},"ɵbc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"lib-add-edit-quiz","template":"\n<mat-card>\n    <span class=\"searchblock\">\n        <span class=\"searchblockwrapper\">\n\n            <span>\n\n                <mat-toolbar color=\"primary\" style=\"justify-content: center; align-items: center;\">\n                    <h2 class=\"headerSpan\">{{headerText}}</h2>\n                </mat-toolbar>\n            </span>\n        </span>\n    </span>\n</mat-card>\n\n<div class=\"formcls\">\n    <mat-card-content>\n        <form class=\"example-form\" novalidate [formGroup]=\"manageQuizForm\" name=\"manageQuizForm\" autocomplete=\"off\">\n       \n            <mat-form-field class=\"example-full-width\">\n                <input matInput placeholder=\"Question\" [formControl]=\"manageQuizForm.controls['question']\"\n                    (blur)=\"inputUntouch(manageQuizForm,'question')\">\n                <mat-error *ngIf=\"manageQuizForm.controls['question'].touched && !manageQuizForm.controls['question'].valid\n                       && manageQuizForm.controls['question'].errors.required\">\n                    Question field can not be blank</mat-error>\n            </mat-form-field>\n\n            <mat-form-field class=\"example-full-width\">\n                <input type=\"number\" matInput placeholder=\"Prority\" [formControl]=\"manageQuizForm.controls['priority']\"\n                    (blur)=\"inputUntouch(manageQuizForm,'priority')\">\n                <mat-error *ngIf=\"manageQuizForm.controls['priority'].touched && !manageQuizForm.controls['priority'].valid\n                       && manageQuizForm.controls['priority'].errors.required\">\n                    Priority field can not be blank</mat-error>\n            </mat-form-field>\n\n             <mat-label>Description</mat-label>\n          <ck-editor name=\"description\" [formControl]=\"manageQuizForm.controls['description']\" skin=\"moono-lisa\" language=\"en\" [fullPage]=\"true\"></ck-editor>\n\n\n            <mat-checkbox [formControl]=\"manageQuizForm.controls['status']\" [(ngModel)]=\"statuschecked\">Active\n            </mat-checkbox>\n\n            <br>\n\n            <button mat-raised-button color=\"primary\" mat-button class=\"trainingsubbtn\" type=\"button\"\n                (click)=\"ManageQuizFormSubmit()\">{{ buttonText }}</button>&nbsp;\n\n                <button mat-raised-button color=\"primary\" mat-button class=\"trainingsubbtn\" type=\"reset\"\n                >Reset</button>&nbsp;\n\n            <button mat-raised-button color=\"primary\" mat-button class=\"trainingsubbtn\" type=\"button\"\n                (click)=\"cancelRoute()\">Cancel</button>\n\n        </form>\n    </mat-card-content>\n\n</div>","styles":[".formcls mat-form-field{display:block;width:100%}table{width:100%}.mat-form-field{font-size:14px;width:100%}td,th{width:25%}.headerSpan{text-align:center;display:block;margin:auto}.buttonsetToolbar{background-color:#f4f3f8;text-align:center;display:block;padding-top:10px}.singleButton{margin:5px;float:right}"]}]}],"members":{"imageUpload":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"serverDetails":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"lessonIdInedit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"DataList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"formSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"ListingPageRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"LessonId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":78,"character":56},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":78,"character":84},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":78,"character":115}]}],"ngOnInit":[{"__symbolic":"method"}],"ManageQuizFormSubmit":[{"__symbolic":"method"}],"cancelRoute":[{"__symbolic":"method"}],"inputUntouch":[{"__symbolic":"method"}]}},"ɵbd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"details"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵbe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"percentage"}]}],"members":{"transform":[{"__symbolic":"method","decorators":[{"__symbolic":"call"}]}]}},"ɵbf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":38,"character":1},"arguments":[{"selector":"lib-training-centre-beto-paredes","template":"<div class=\"training_progresscls\">\n  <div class=\"trainingheadercls_wrapper\">\n    <div class=\"trainingheadercls_inner\" *ngIf='!singleflag'>\n      <h2>You Have {{ dividend }}/{{divisor}} Lesson Completed</h2>\n      <!-- <span> FOr Testing </span> -->\n      <div class=\"trainingheadercls\">\n\n        <mat-progress-bar *ngIf=\"percentageprogressLoader\" mode=\"determinate\" value=\"{{((dividend/divisor)*100)}}\">\n        </mat-progress-bar>\n        <h3>{{ reportPercentage }}%</h3>\n      </div>\n    </div>\n\n    <div class='lodercls'>\n      <mat-progress-bar mode=\"indeterminate\" *ngIf=\"progressSpinner.loading\"></mat-progress-bar>\n\n    </div>\n  </div>\n</div>\n<div class=\"traing_class_status\">\n\n  <div class=\"traing_class_status_yellow\"><label>Completed Trainings</label></div>\n  <div class=\"traing_class_status_green\"><label>Completed Lessons</label></div>\n  <div class=\"traing_class_status_blue\"><label>Ongoing Lessons and Trainings</label></div>\n  <div class=\"traing_class_status_blue\"><label>Incomplete Lessons and Trainings</label></div>\n\n</div>\n\n<!-- new design -->\n<div class=\"maincartcls_row_wrapper\">\n  <mat-card class=\"maincartcls_row\">\n    <!-- for lesson  -->\n    <mat-card class=\"alllession_cls\">\n      <mat-card-content class=\"trainingcentercls trainingcenterclsupdate\">\n        <mat-card-title class=\"mentortitle\" id=\"lessonData\">{{training_cat_name}} <button class=\"back_to_dashbord\"\n            matTooltip=\"Back To Dashbord\" (click)=\"gotodashbord()\">\n            Back To Dashbord\n          </button> </mat-card-title>\n        <div fxLayout=\"row\" class=\"rowinner_block\" *ngFor=\"let item of trainingLessonData\n            ; let i=index;\">\n          <!-- <ng-container (click)='trainingshwflag=false'> -->\n\n          <div (click)=\"nochildclick(item,trainingshwflag,i)\" id={{item._id}}classlessonongoing [ngClass]=\"paramslessonId == item._id\n              ? 'classlessonongoing':\n              \n              (item.is_done == true ? 'classlessondone' : 'classlessonnotdone')\">\n            Lesson {{i+1}}: {{item.lession_title}}\n\n          </div>\n          <!-- </ng-container> -->\n\n\n\n\n          <div class=\"\" *ngIf=\"item.trainingshwflag&&item._id==paramslessonId\">\n\n            <div class=\"lessoncontent\">\n\n              <div class=\"paragraphwrapper\">\n                <p [innerHtml]=\"lessonContentData?.typeHtml\" class=\"paragraphcls\"></p>\n              </div>\n              <div *ngIf=\"lessonContentData!=null && lessonContentData!=''\" class=\"videotrainngcls\">\n                <div *ngFor=\"let item of lessonContentData?.lesson_attachements;let a=index\"\n                  class=\"training_mainwrappercon\">\n                  <div class=\"video_div afvmaindiv\" *ngIf=\"item.type=='video' &&\n                        item.type!=null && item.type!=undefined\">\n                    <div class=\"videomainwrapper\">\n                      <img src=\"https://all-frontend-assets.s3.amazonaws.com/AWS-Physicians/images/dr_banner1.jpg\"\n                        class=\"videoimg\">\n                      <img (click)=\"openLessonVideo(item)\"\n                        src=\"https://awsbackend-dev-patient-files-test.s3.amazonaws.com/icon-videoplay.png\"\n                        class=\"videoplayimg\">\n\n                    </div>\n                    <div class=\"fileinfocls\">\n                      <div class=\"File_titlecls_wrapper\">\n                        <p class=\"videotitlecls\">{{item.video_title}}</p>\n                      </div>\n                      <div class=\"descriptioncls\">\n                        <p *ngIf='item.video_description.length > 120 && shwmorevideoflg==true'>{{\n                          item.video_description }}\n                        </p>\n                        <p *ngIf='item.video_description.length > 120 && shwmorevideoflg==false'>{{\n                          (item.video_description | slice:0:120) + '...'}}\n                        </p>\n                        <!-- <p class='greatercls' *ngIf='item.video_description.length > 120 && shwmorevideoflg==true'>{{\n                          item.video_description }}</p> -->\n                        <p *ngIf='item.video_description.length < 120'>{{ item.video_description }}</p>\n                        <span class=\"shwmrcls\" *ngIf='item.video_description.length > 120 && shwmorevideoflg==false'>\n                          <button mat-raised-button (click)=\"shwmorevideoflg=true\">\n                            Show More\n                          </button>\n                        </span>\n                        <span class='shwlesscls' *ngIf='item.video_description.length > 120 && shwmorevideoflg==true'>\n                          <button mat-raised-button (click)=\"shwmorevideoflg=false\">\n                            Show Less\n                          </button>\n                        </span>\n                      </div>\n                      <div class=\"mandetorycls_wrapper\" *ngIf=\"userType=='technological-consultant'\">\n                        <span class=\"mandetorycls\" *ngIf=\"item.video_skippable!=true\">*This is a mandetory video to\n                          complete this lesson\n                          <span *ngIf=\"complete_videoflag[item.video_url]==true\" class=\"donetikcls\">\n                            <img class=\"doneimgcls\"\n                              src=\"https://all-frontend-assets.s3.amazonaws.com/dna-frontend-new/assets/images/Trainninglibary_right_icon.jpg\"\n                              alt=\"\">\n                          </span>\n                        </span>\n                      </div>\n\n                    </div>\n\n\n\n                  </div>\n                  <!-- <div class=\"example-card audioWrapper\" *ngIf=\"item.type=='audio' &&\n                  item.type!=null && item.audio!=null && item.audio.fileservername!=null\">\n\n                    <audio id=\"audioPlayer_{{item.audio._id}}\" (timeupdate)=\"onprocess(item.audio._id,item)\"\n                      (loadstart)=\"loadstart(item,item.audio._id)\" (ended)=\"audioended(item,a,1)\" controls\n                      class=\"audioprogresscls\">\n                      <source src=\"{{bucket_url +item.audio.fileservername }}\" type=\"audio/ogg\">\n                      <source src=\"{{ bucket_url + item.audio.fileservername\n                      }}\" type=\"audio/mpeg\">\n                      Your browser does not support the audio element.\n                    </audio>\n\n                    <div *ngIf=\"audio_progress!=null &&\n                    audio_progress[item.audio._id]!=null\" class=\"audioseccls\">\n\n                      <div class=\"audioseccls_slider\">\n                        <div class=\"audiotitle_position\">\n                          <span class=\"audioseccls_title\">\n\n                            <p>{{ item.audio_title }}</p>\n                          </span>\n                          <div class=\"descriptioncls\">\n                            <p *ngIf='item.audio_description.length > 120 && shwmoreflg==false'>{{\n                              item.audio_description\n                              |\n                              slice:0:120}}</p>\n                            <p class='greatercls' *ngIf='item.audio_description.length > 120 && shwmoreflg==true'>{{\n                              item.audio_description }}</p>\n                            <p *ngIf='item.audio_description.length < 120'>{{ item.audio_description }}</p>\n                            <span class=\"shwmrcls\" *ngIf='item.audio_description.length > 120 && shwmoreflg==false'>\n                              <button mat-raised-button (click)=\"shwmoreflg=true\">\n                                Show More ..\n                              </button>\n                            </span>\n                            <span class='shwlesscls' *ngIf='item.audio_description.length > 120 && shwmoreflg==true'>\n                              <button mat-raised-button (click)=\"shwmoreflg=false\">\n                                Show Less ..\n                              </button>\n                            </span>\n                          </div>\n                        </div>\n                        <div class=\"audio_controlcls\">\n                          <span class=\"mataudiocls\" (click)=\"progressbtn(item.audio._id,item)\">\n                            <mat-slider class=\"audioprocls\" [(ngModel)]=\"modelval[item.audio._id]\"\n                              (click)=\"progressbtn(item.audio._id,item)\" [value]=\"audio_progress[item.audio._id]\"\n                              [disabled]=\"disabled[item.audio._id]\">\n                            </mat-slider>\n\n                          </span>\n                          <div class=\"controlcls audiocntrlbtn\">\n                            <p class=\"audiotitle_STARTtime\">{{audio_time[item.audio._id]}}</p>\n\n                            <mat-card class=\"audiocntrlbtn_card\">\n                              <span class=\"skip_cls\" *ngIf=\"pause_flag[item.audio._id]==true &&\n            item.audio_skippable == true\" (click)=\"skipTensec(item.audio._id,item,'previos')\">\n                                <img class=\"skip_cls\"\n                                  src=\"https://training-centre-bucket.s3.amazonaws.com/10sec_backward.png\">\n                              </span>\n                              <span *ngIf=\"play_flag[item.audio._id]==true\" (click)=\"playbtn(item.audio._id,'play')\"\n                                class=\"material-icons audiocontrolcls\">\n                                play_circle\n                              </span>\n\n                              <span *ngIf=\"pause_flag[item.audio._id]==true\" (click)=\"pausebtn(item.audio._id,'pause')\"\n                                class=\"material-icons audiocontrolcls\">\n                                pause\n                              </span>\n\n                              <span class=\"skip_cls\" *ngIf=\"pause_flag[item.audio._id]==true &&\n            item.audio_skippable == true\" (click)=\"skipTensec(item.audio._id,item,'next')\">\n                                <img class=\"skip_cls\"\n                                  src=\"https://training-centre-bucket.s3.amazonaws.com/10sec_forward.png\">\n                              </span>\n\n                              <span class=\"material-icons audiocontrolcls\" (click)=\"replay(item.audio._id)\">\n                                replay\n                              </span>\n\n                            </mat-card>\n\n                            <p class=\"audiodescendtime\">{{audio_end_time[item.audio._id]}}</p>\n                          </div>\n                        </div>\n\n\n                      </div>\n\n\n\n                    </div>\n                    <div class=\"mandetorycls_wrapper\">\n                      <span class=\"mandetorycls\" *ngIf=\"item.audio_skippable!=true\">*This is a mandetory audio to\n                        complete this lesson\n                        <span *ngIf=\"complete_audioflag[item.audio._id]==true\" class=\"donetikcls\">\n                          <img class=\"doneimgcls\"\n                            src=\"https://all-frontend-assets.s3.amazonaws.com/dna-frontend-new/assets/images/Trainninglibary_right_icon.jpg\"\n                            alt=\"\">\n                        </span>\n                      </span>\n                    </div>\n                  </div> -->\n                  <!-- <div class=\"file_div afvmaindiv\" *ngIf=\"item.type!=null && item.type!=undefined && item.type == 'jpeg' || item.type ==\n                  'png' || item.type == 'jpg' \">\n                    <span *ngIf=\"item.type == 'jpeg' || item.type ==\n                    'png' || item.type == 'jpg'\" class=\"image_filetype\">\n                      <div class=\"previewpdfcls\">\n                        <img (click)=\"previewpdf(item,'img')\" mat-card-image\n                          [attr.src]=\"bucket_url +item.screenshots.fileservername\">\n                      </div> -->\n                  <!-- <div class=\"fileinfocls\">\n                        <div class=\"File_titlecls_wrapper\">\n                          <p class=\"File_titlecls\">{{ item.file_title }}</p>\n                        </div>\n\n                        <div class=\"descriptioncls\">\n\n\n                          <p *ngIf='item.file_description.length > 120 && shwmorefileflg==false'>{{\n                            item.file_description\n                            |\n                            slice:0:120}}yyy</p>\n\n                          <p class='greatercls' *ngIf='item.file_description.length > 120 && shwmorefileflg==true'>{{\n                            item.file_description }}</p>\n                          <p *ngIf='item.file_description.length < 120'>{{ item.file_description }}</p>\n                          <span class=\"shwmrcls\" *ngIf='item.file_description.length > 120 && shwmorefileflg==false'>\n                            <button mat-raised-button (click)=\"shwmorefileflg=true\">\n                              Show More ..\n                            </button>\n                          </span>\n                          <span class='shwlesscls' *ngIf='item.file_description.length > 120 && shwmorefileflg==true'>\n                            <button mat-raised-button (click)=\"shwmorefileflg=false\">\n                              Show Less ..\n                            </button>\n                          </span>\n\n                        </div>\n\n                        <div class=\"file_btn_cls\">\n                          <button class=\"previewbtncls\" matTooltip=\"Preview\" mat-raised-button\n                            (click)=\"previewpdf(item,'img')\">\n                            Preview\n                          </button>\n                          <button class=\"downloadbtncls\" matTooltip=\"Download\" mat-raised-button\n                            (click)=\"downloadPdf(item,1)\">\n                            Download\n                          </button>\n                        </div>\n                        <div class=\"mandetorycls_wrapper\">\n                          <span class=\"mandetorycls\" *ngIf=\"item.file_skippable!=true\">*This is a mandetory image to\n                            complete this lesson (after download)\n\n                            <span *ngIf=\"complete_fileflag[item.file._id]==true\" class=\"donetikcls\">\n                              <img class=\"doneimgcls\"\n                                src=\"https://all-frontend-assets.s3.amazonaws.com/dna-frontend-new/assets/images/Trainninglibary_right_icon.jpg\"\n                                alt=\"\">\n                            </span>\n\n                          </span>\n                        </div>\n\n                      </div> -->\n                  <!-- </span> -->\n\n                  <span class=\"filetype_{{item.type}}\n                    mat-card-image\" *ngIf=\"item.type != null &&\n                    item.type == 'pdf' || item.type ==\n                    'doc' || item.type == 'ppt' ||\n                    item.type == 'pptx' || item.type ==\n                    'msword'||item.type ==\n                    'xlsx'||item.type == 'ods'||item.type\n                    =='docx'||item.type =='ppt'\">\n\n                    <div class=\"documentcls_wrapper\">\n                      <ng-container class=\"documentcls\" *ngIf=\"item?.images!=null && item?.images!=undefined &&\n                  item?.images!=''; else elseTemplate\">\n                        <img mat-card-image (click)=\"previewpdf(item,'pdf')\"\n                          [src]=\"bucket_url+item?.images?.converted_array[0]?.name\" alt=\"Photo of a pdf\">\n                      </ng-container>\n\n                      <ng-template class=\"documentcls\" #elseTemplate>\n                        <span class=\"material-icons\n                    icon_{{item.type}}\">\n                          picture_as_pdf\n                        </span>\n                      </ng-template>\n                    </div>\n\n                    <div class=\"fileinfocls\">\n                      <div class=\"File_titlecls_wrapper\">\n                        <p class=\"File_titlecls\">{{ item.file_title }}</p>\n                      </div>\n                      <div class=\"descriptioncls\">\n                        <p *ngIf='item.file_desc.length > 120 && shwmorefileflg==false'>{{ item.file_desc |\n                          slice:0:120}}\n                        </p>\n\n                        <!-- <p class='greatercls' *ngIf='item.file_desc.length > 120 && shwmorefileflg==true'>{{\n                          item.file_desc }}</p> -->\n                        <p *ngIf='item.file_desc.length < 120'>{{ item.file_desc }}</p>\n                        <span class=\"shwmrcls\" *ngIf='item.file_desc.length > 120 && shwmorefileflg==false'>\n                          <button mat-raised-button (click)=\"shwmorefileflg=true\">\n                            Show More ..\n                          </button>\n                        </span>\n                        <span class='shwlesscls' *ngIf='item.file_desc.length > 120 && shwmorefileflg==true'>\n                          <button mat-raised-button (click)=\"shwmorefileflg=false\">\n                            Show Less ..\n                          </button>\n                        </span>\n                      </div>\n                      <div class=\"file_btn_cls\">\n                        <!-- <button class=\"previewbtncls\" matTooltip=\"Preview\" mat-raised-button\n                            (click)=\"previewpdf(item,'pdf')\">\n                            Preview\n                          </button> -->\n\n                        <button matTooltip=\"Download\" class=\"downloadbtncls\" mat-raised-button\n                          (click)=\"downloadPdf(item,1)\">\n                          Download\n                        </button>\n                      </div>\n                      <div class=\"mandetorycls_wrapper\" *ngIf=\"userType=='technological-consultant'\">\n                        <span class=\"mandetorycls\" *ngIf=\"item.file_skippable!=true\">*This is a mandetory file to\n                          complete this lesson (after\n                          download)\n                          <span *ngIf=\"complete_fileflag[item.screenshots.fileservername]==true\" class=\"donetikcls\">\n                            <img class=\"doneimgcls\"\n                              src=\"https://all-frontend-assets.s3.amazonaws.com/dna-frontend-new/assets/images/Trainninglibary_right_icon.jpg\"\n                              alt=\"\">\n                          </span>\n                        </span>\n                      </div>\n                    </div>\n\n                  </span>\n\n                  <!-- </div> -->\n\n                </div>\n\n                <mat-card class=\"banner1cls\" *ngIf=\"quizflag\">\n\n                  <div class=\"bannerclassmentor\">\n\n                    <mat-card-content>\n                      Please complete the Quiz to proceed with the your Training.\n                    </mat-card-content>\n                    <div class=\"submitbtngroup\">\n                      <button mat-button type=\"button\" class=\"submitbtn\n                          reviewlesson\" color=\"primary\" (click)=\"lessonQuiz(trainingCentreData)\">Take Quiz\n                      </button>\n                    </div>\n                  </div>\n                </mat-card>\n\n                <mat-card class=\"banner1cls\" *ngIf=\"quizReportflag==true\">\n                  <div class=\"bannerclassmentor\">\n                    <div class='reviewcls accurecycls'>\n                      Quiz is complete with <b style=\"color: forestgreen;\">{{completeQuizData.quiz_percentage}}%</b>\n                      Accuracy\n                    </div>\n                    <div class='red_Eye'>\n                      <span class=\"material-icons\" (click)=\"viewQuizResult(completeQuizData)\">\n                        visibility\n                      </span>\n                    </div>\n                  </div>\n                </mat-card>\n              </div>\n\n              <ng-container *ngIf=\"userType=='technological-consultant'\">\n                <span *ngIf=\"item.is_done!=true\">\n                  <span *ngIf=\"next_button_access==true\">If you have completed the lesson, please click on \"Mark as\n                    done\" to proceed to the next\n                    lesson.</span>\n                  <button *ngIf=\"next_button_access==true\" button mat-raised-button color=\"accent\" type=\"button\"\n                    class=\"markbtncls\" (click)=\"nextbutton('next',i)\">Mark\n                    As Done\n                  </button>\n                </span>\n\n                <button *ngIf=\"item.is_done==true\" button mat-raised-button color=\"accent\" type=\"button\"\n                  class=\"markbtncls\" (click)=\"nextbutton('next',i)\">\n                  Next\n                </button>\n              </ng-container>\n              <ng-container *ngIf=\"userType!='technological-consultant'\">\n                <button button mat-raised-button color=\"accent\" type=\"button\" class=\"markbtncls\"\n                  (click)=\"nextbutton('next_go',i)\">\n                  Next\n                </button>\n              </ng-container>\n\n\n            </div>\n\n          </div>\n\n        </div>\n      </mat-card-content>\n    </mat-card>\n    <mat-card class=\"alltrainingcls\" *ngIf='!singleflag'>\n      <mat-card-content class=\"trainingcentercls trainingcenterclsupdate\">\n        <ng-container *ngIf=\"dividend/divisor!=1\">\n\n          <div class=\"trainingcentercls_group\">\n            <h2>Incomplete Lesson</h2>\n            <div class=\"trainingcentercls_box_wrapper\">\n              <div class=\"trainingcentercls_box\" *ngFor=\"let item of trainingCategoryData;let\n            i= index\">\n\n                <div *ngIf=\"item.count !=item.done\">\n                  <mat-list-item [ngClass]=\"paramsTrainingId == item._id ?\n                    'classongoing':\n                    ( item.percentage >=100 ? 'classdone' : 'classnotdone')\" *ngIf=\"item.childcat.length==0\"\n                    (click)=\"clicktrcataining(item._id,item.catagory_name,i)\">\n                    <div class=\"categoryname\">\n                      <span class=\"material-icons\">\n                        folder_open\n                      </span> {{item.catagory_name}}\n                      <span class=\"countcls\">\n                        ({{item.done}}/{{item.count}})\n                      </span>\n                      <span class=\"progresspercentagecls\">{{(item.done/item.count)| percent\n                        }}\n                      </span>\n                    </div>\n\n\n                    <div class=\"progressbarcls\">\n                      <mat-progress-bar *ngIf=\"percentageprogressLoader\" mode=\"determinate\"\n                        value=\"{{((item.done/item.count)*100) }}\">\n                      </mat-progress-bar>\n\n                    </div>\n                  </mat-list-item>\n                </div>\n              </div>\n            </div>\n\n          </div>\n        </ng-container>\n        <!-- {{completeflag}} -->\n        <ng-container *ngIf=\"completeflag\">\n          <div class=\"trainingcentercls_group\">\n            <h2>Complete Lesson</h2>\n            <div class=\"trainingcentercls_box_wrapper\">\n              <div class=\"trainingcentercls_box\" *ngFor=\"let item of trainingCategoryData;let\n            i= index\">\n\n                <div *ngIf=\"item.count ==item.done\">\n                  <mat-list-item [ngClass]=\"paramsTrainingId == item._id ?\n                    'classongoing':\n                    ( item.percentage >=100 ? 'classdone' : 'classnotdone')\" *ngIf=\"item.childcat.length==0\"\n                    (click)=\"clicktrcataining(item._id,item.catagory_name,i)\">\n                    <div class=\"categoryname\">\n                      <span class=\"material-icons\">\n                        folder_open\n                      </span> {{item.catagory_name}}\n                      <span class=\"countcls\">\n                        ({{item.done}}/{{item.count}})\n                      </span>\n                      <span class=\"progresspercentagecls\">{{(item.done/item.count)| percent\n                        }}\n                      </span>\n                    </div>\n\n\n                    <div class=\"progressbarcls\">\n                      <mat-progress-bar *ngIf=\"percentageprogressLoader\" mode=\"determinate\"\n                        value=\"{{((item.done/item.count)*100) }}\">\n                      </mat-progress-bar>\n\n                    </div>\n                  </mat-list-item>\n                </div>\n              </div>\n            </div>\n\n\n          </div>\n        </ng-container>\n\n      </mat-card-content>\n    </mat-card>\n  </mat-card>\n</div>","styles":[".leftRightPortion{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between}.mat-card-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;box-sizing:border-box}.row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;box-sizing:border-box;display:-webkit-box;display:flex;place-content:top space-around;-webkit-box-align:start;align-items:flex-start;-webkit-box-flex:1;flex:1 1 100%;max-width:100%}.column{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;box-sizing:border-box;display:-webkit-box;display:flex}.column .rowinner{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;box-sizing:border-box;display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1 1 100%;margin-bottom:10px}.column .rowinner:last-child{margin-bottom:0}.column .rowinner .mat-accordion{width:100%}.columnleft{width:70%}.submitbtn{display:block;min-width:40px;margin:16px 0 0;background:#5c5f61;color:#fff;float:left}.pointer{cursor:pointer}.leftside{width:67%;margin-right:3%}.rightside{width:30%}.class1{background-color:#8fef8d;height:100%!important}.class2{background-color:red;height:100%!important}.class3{background-color:#d67a56;height:100%!important}.class4{background-color:#d3d3d5;height:100%!important}.class5{background-color:#f5a216;height:100%!important}.class6{background-color:#ff8f91;height:100%!important}.wrapper{display:-webkit-box;display:flex;justify-content:space-around;width:100%;flex-wrap:wrap}.wrapper .buttonsingle{-webkit-box-flex:1;flex:1;margin:5px}.trainingcentercls .rightside{padding:10px;background-color:#e5e5e5}.trainingcentercls{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.sublistwrapper{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:start;justify-content:flex-start;flex-wrap:wrap}.trainingcentercls .mat-list .mat-list-item{height:auto;padding:8px 0;text-transform:capitalize;font-size:16px}.trainingcentercls .mat-list .mat-list-item.selectedclass:first-child{margin-top:0}.trainingcentercls .mat-list .mat-list-item.selectedclass{background-color:#c4c4c4;text-transform:uppercase;padding:8px 0;font-size:16px;margin-top:8px;font-weight:600}.trainingcentercls .mat-list.sublistone{background-color:#d0d0d0;text-transform:capitalize;padding:10px}.trainingcentercls .matprogressbar br{display:none}.trainingcentercls .mat-list{position:relative;padding-top:0}.trainingcentercls .mat-list.sublist{margin-bottom:8px}.trainingcentercls .progresspercentage{font-size:14px;font-weight:400;position:absolute;right:0;bottom:10px}.trainingcentercls .progresspercentagecls{float:right}.trainingcentercls .trainingheadercls{margin:0 0 10px;padding:0;position:relative}.trainingcentercls .trainingheadercls h2{margin:0;font-size:16px;text-transform:uppercase;width:90%;line-height:28px}.trainingcentercls .trainingheadercls h3{margin:0;position:absolute;right:4px;bottom:8px}.mat-card:not([class*=mat-elevation-z]){box-shadow:none!important}.rowinner .mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:none!important;background-color:#e5e5e5}.rowinner{margin-top:10px;display:inline-block;width:100%}.rowinner:first-child{margin-top:0}.rowinner .mat-expansion-panel-header{padding:10px 24px;height:auto!important;background-color:#c4c4c4;margin-bottom:16px}.paragraphcls img{width:100%}.imgwrappercls{display:block}.imgwrappercls img,.paragraphwrapper p img,.paragraphwrapper p p img{width:100%;height:auto;margin-top:0}.imgwrappercls img.mat-card-image{margin:0}.mat-expansion-panel-body{padding:16px 24px}:host ::ng-deep .paragraphcls{display:block;max-width:100%;overflow-wrap:break-word;word-wrap:break-word}:host ::ng-deep .paragraphcls img{margin:0 auto;width:100%;max-height:100%;max-width:100%;height:auto}.videoWrapper{position:relative;padding-bottom:10px;height:auto}.audioWrapper{margin:0;padding:0}.audioWrapper audio{width:100%}.trainingheadercls{text-transform:capitalize;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;padding:5px 10px;border:1px solid #bcbdbf}.trainingheadercls .mat-progress-bar,.trainingheadercls h2{-webkit-box-flex:1;flex:1;margin:0}.modalclslibrary h1.mat-dialog-title{margin:0;text-transform:uppercase;font-weight:700}.modalclslibrary h3{margin:0 0 5px;text-transform:capitalize}.modalclslibrary .mat-dialog-content{margin-top:5px}.modalclslibrary button,.modalclslibrary button.childButton{margin-right:5px;background:#5c5f61;color:#fff;margin-top:5px;width:100%}.modalclslibrary .matcheckboxcls{margin-top:5px;margin-bottom:5px}.videocls{margin-right:38px}.videocls p{background-color:#0ff;padding:7px;font-size:large;margin-top:-4px;height:auto}.video_iconcls{height:107px;width:107px;position:absolute;bottom:189px;display:block;margin-left:180px!important;cursor:pointer;-webkit-box-align:center;align-items:center}.trainingcenterclsnew{display:-webkit-box;display:flex;-webkit-box-align:stretch;align-items:stretch;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;flex-wrap:wrap;padding-top:0}.trainingcenterclsnew .trainingCategoryList{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;flex-wrap:wrap;-webkit-box-pack:justify;justify-content:space-between;height:auto}.trainingcenterclsnew .trainingCategoryList:nth-child(3n){margin-right:0!important}.trainingcenterclsnew .trainingCategoryList .selectedclass{height:100%;padding:6px 5px;box-sizing:border-box;margin:10px 10px 0 0;width:calc(1/3*100% - (1 - 1/3)*10px)}.trainingcenterclsnew .trainingCategoryList .selectedclass .progressbarcls{-webkit-box-flex:1;flex:1 1 100%}.countcls{-webkit-box-flex:1;flex:1 1 100%;display:-webkit-box;display:flex;cursor:pointer}.trainingcenterclsnew .trainingCategoryList .selectedclass .categoryname{-webkit-box-flex:1;flex:1 1 100%;padding:10px}.trainingcenterclsnew .trainingCategoryList .selectedclass .mat-list-item-content{padding:0;display:-webkit-box;display:flex;-webkit-box-align:stretch;align-items:stretch;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.trainingcenterclsnew .lessondatadiv{padding:10px;border:1px solid #bcbdbf;height:auto}.trainingcenterclsnew .paragraphwrapper .paragraphcls h1,.trainingcenterclsnew .paragraphwrapper .paragraphcls h2{margin:0;padding:0}.trainingcenterclsnew .paragraphwrapper .paragraphcls p{margin:5px 0;padding:0}.trainingcenterclsupdate{margin-top:20px}.trainingcenterclsupdate .rowinner{padding:5px;display:inherit;width:inherit;background-color:#dfdfdf;cursor:pointer;margin:5px 0;display:-webkit-box;display:flex}.lessondatadiv{margin:20px 0;border:1px solid #bcbdbf;padding:20px;display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:justify;justify-content:space-between}.lessondatadiv .lessondatabuttoncls{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;width:100%}.lessondatadiv .lessondatabuttoncls .submitbtn{margin-top:0}.video_arraycls{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;width:100%}.trainingcenterclsnew .mentortitle{display:block;padding:5px;background-color:#0ff;text-transform:uppercase}.banner1cls{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:start;justify-content:flex-start;background-color:#d4d0d0;border-radius:0;margin-top:20px}.banner1cls .submitbtngroup{display:-webkit-box;display:flex;-webkit-box-pack:start;justify-content:flex-start;-webkit-box-align:center;align-items:center;flex-wrap:wrap}.banner1cls .submitbtngroup .submitbtn{margin-right:10px}.lessontitlecls{margin-top:10px}.banner1cls .mat-card-content,.banner2cls{background:#1095e7;border-radius:8px;padding:25px}.bannercls{padding:5px;margin:0 0 10px;font-size:large}.active1{background-color:#885f94!important}.classnotdone{background-color:#f07466}.classongoing{background-color:#303ebb}.classdone{background-color:#3bb659}.classlessonnotdone{background-color:#f07466;width:100%;text-align:left;padding:6px;text-transform:capitalize}.classlessonongoing{background-color:#303ebb;text-align:left;padding:6px;text-transform:capitalize;width:auto}.classlessondone{background-color:#3bb659;width:auto;text-align:left;padding:6px;text-transform:capitalize}.trainingCategoryList .itemnamecls{display:block!important;width:100%}.mentortitle{display:block;padding:5px;background-color:#0ff;text-transform:uppercase}.btncancelcls{position:absolute;right:-20px;top:-17px;padding:4px;background:#0eadff!important;line-height:inherit;min-width:inherit;border-radius:100px;outline:0}.lowerlessoncls{padding:5px;display:inherit;width:inherit;background-color:#dfdfdf;cursor:pointer;margin:5px 0}.example-radio-group{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;margin:15px 0}.example-radio-button{margin:5px}.Audio_arraycls{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;width:100%}.Audiocls{margin-right:38px}.Audiocls p{background-color:#0ff;padding:7px;font-size:large;margin-top:-4px;height:auto}.File_arraycls{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;width:100%}.Filecls{margin-right:38px}.Filecls p{background-color:#0ff;padding:7px;font-size:large;margin-top:-4px;height:auto}.training_mainwrappercon{margin:5px 0;position:relative}.training_mainwrappercon .mat-card-image{width:100%;margin:0!important}.videomainwrapper{width:100%;background:#000;position:relative}.videomainwrapper .videoimg{width:100%;opacity:.5}.videoplayimg{position:absolute;width:20%;left:40%;top:40%}.lessondatadiv .mat-card-content{display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:justify;justify-content:space-between}.lessondatadiv .mat-card-content .trainingcentercls_newcls{width:49%;display:block}.lessondatadiv .mat-card-content .trainingcentercls_newcls:first-of-type{width:100%}.readmore{cursor:pointer}.content_div_cls{display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:justify;justify-content:space-between}.content_div_cls .training_mainwrappercon{width:49%}.audioprogresscls{display:none}.audioprocls{margin-bottom:3px;cursor:pointer}.mandetorycls{color:#b43e3e}.skip_cls{height:37px;margin-right:5px;cursor:pointer}.audiocontrolcls{font-size:35px;margin-right:5px;cursor:pointer}.audioseccls{background-size:100%;height:287px}.audioseccls_slider{background-color:#8fef8d}mat-slider{width:436px}.mat-slider-thumb{border-color:rgba(0,0,0,.26);background:0 0!important}.audiodescendtime{bottom:0;right:78px;-webkit-columns:#000;-moz-columns:#000;columns:#000}.audiotitle_STARTtime{left:87px;bottom:0;-webkit-columns:#000;-moz-columns:#000;columns:#000}.audiocntrlbtn_card{background:0 0!important}.audiocntrlbtn{display:-webkit-box;display:flex;padding:8px}.audiocntrlbtn p{margin-right:5px}.File_descriptioncls,.filetype_doc,.filetype_docx,.filetype_ppt,.filetype_pptx,.image_filetype{cursor:pointer}.donetikcls{width:100%}.doneimgcls{width:28px;margin:-9px;left:419px;position:absolute}.maincartcls{width:100%;height:auto}.alltrainingcls{float:right;width:20%;padding:5px}.alllession_cls{float:left;width:69%;padding:16px}.rowinner_block{display:block;padding:5px;width:inherit;background-color:#dfdfdf;cursor:pointer;margin:5px 0}.maincartcls_row{display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:justify;justify-content:space-between}.maincartcls_row .alllession_cls{width:69%;padding:0}.maincartcls_row .alltrainingcls{width:30%;padding:0;background-color:#c3c4c1;text-transform:inherit}.trainingcentercls_group{border-bottom:10px solid #fff}.trainingcentercls_group:last-of-type{border:none}.trainingcentercls_group h2{margin:0;padding:15px;background:#000;color:#fff}.trainingcentercls_box .mat-list-item{padding:15px;display:block}.trainingcentercls_box .classongoing{background:#234dd8}.markbtncls,lib-training-centre-beto-paredes{position:relative}.lodercls{position:fixed;z-index:99;width:100%;overflow:hidden;top:0}"]}]}],"members":{"trainingDataListener":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":132,"character":3}}]}],"lessonplanmaterialRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":3}}]}],"googleScheduleRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":141,"character":3}}]}],"LessionFileEndpoint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":145,"character":3}}]}],"serverDetails":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":152,"character":3}}]}],"TrainingName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":157,"character":3}}]}],"formSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":162,"character":3}}]}],"QuizQuestionSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":168,"character":3}}]}],"LessonQuizEndpoint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":172,"character":3}}]}],"TrainingCenterRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":177,"character":3}}]}],"TrainingcatParamid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":181,"character":3}}]}],"TraingUpdateEndpoint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":186,"character":3}}]}],"LessonParamId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":191,"character":3}}]}],"TrainingCentreData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":208,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":406,"character":29},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":406,"character":53},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":406,"character":89},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"ngx-cookie-service","name":"CookieService","line":406,"character":158},{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":406,"character":188},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":406,"character":217}]}],"ngOnInit":[{"__symbolic":"method"}],"clicktrcataining":[{"__symbolic":"method"}],"nochildclick":[{"__symbolic":"method"}],"playbtn":[{"__symbolic":"method"}],"pausebtn":[{"__symbolic":"method"}],"replay":[{"__symbolic":"method"}],"skipTensec":[{"__symbolic":"method"}],"progressbtn":[{"__symbolic":"method"}],"gamePlanModal":[{"__symbolic":"method"}],"nextbutton":[{"__symbolic":"method"}],"addMarkedData":[{"__symbolic":"method"}],"lessonQuiz":[{"__symbolic":"method"}],"gotodashbord":[{"__symbolic":"method"}],"openSignupPage":[{"__symbolic":"method"}],"onprocess":[{"__symbolic":"method"}],"loadstart":[{"__symbolic":"method"}],"audioended":[{"__symbolic":"method"}],"questionDetails":[{"__symbolic":"method"}],"trainingupdate":[{"__symbolic":"method"}],"previewpdf":[{"__symbolic":"method"}],"downloadPdf":[{"__symbolic":"method"}],"getTrainingCenterlistFunctionwithLessonId":[{"__symbolic":"method"}],"getMarkDataButton":[{"__symbolic":"method"}],"viewQuizResult":[{"__symbolic":"method"}],"openLessonVideo":[{"__symbolic":"method"}],"reloadComponent":[{"__symbolic":"method"}]}},"ɵbg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":1698,"character":1},"arguments":[{"selector":"preview-content-dialog","template":"<div *ngIf=\"data.flag=='pdf'\" class=\"allcontent\">\n\n    <!-- {{previewImg|json}} -->\n    <span class=\"filetitle\">{{data.data.file_title}}</span>\n    <div class=\"pdftoimgcls\">\n        <img [src]=\"image\">\n    </div>\n    <p>{{data.data.file_description}}</p>\n    <div class=\"allimgcountscls\">\n\n        <button mat-stroked-button (click)=\"nextprevbtn('prev')\"\n            [ngClass]=\"indeximg == 0?'preview_inactive':'preview_active'\">\n            <span class=\"material-icons\">\n                keyboard_arrow_left\n            </span></button>\n        <span class=\"paginationcls\" >\n            {{page}} of {{pos}}\n        </span>\n\n        <button mat-stroked-button (click)=\"nextprevbtn('next')\"\n            [ngClass]=\"page == pos?'preview_inactive':'preview_active'\">\n            <span class=\"material-icons\">\n                navigate_next\n            </span> </button>\n    </div>\n    <div mat-dialog-actions class=\"Lesson_Videos_Modal_footer dilogcontentcancelcls\">\n        <button mat-button mat-dialog-close (click)=\"close('file')\">\n            <span class=\"material-icons\">\n                clear\n            </span>\n        </button>\n\n    </div>\n</div>\n<div *ngIf=\"data.flag=='img'\">\n    <span class=\"filetitle\">{{data.data.file_title}}</span>\n    <div class=\"pdftoimgcls\">\n        <img [src]=\"image1\">\n    </div>\n    <div class=\"titledesc\">\n        <!-- <p class=\"File_titlecls\">{{data.data.file_title }}</p>              -->\n\n        <p class=\"File_descriptioncls\">{{ data.data.file_description }}</p>\n    </div>\n    <div mat-dialog-actions class=\"Lesson_Videos_Modal_footer dilogcontentcancelcls\">\n        <button mat-button mat-dialog-close (click)=\"close('img')\">\n            <span class=\"material-icons\">\n                clear\n            </span>\n        </button>\n\n    </div>\n</div>","styles":[".pdftoimgcls{height:500px;width:800px}.pdftoimgcls img{height:400px;width:700px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":1716,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":1716,"character":12}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵbm"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":406,"character":53},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":406,"character":29}]}],"close":[{"__symbolic":"method"}],"nextprevbtn":[{"__symbolic":"method"}]}},"ɵbh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":1772,"character":1},"arguments":[{"selector":"BetoLessonVideo","template":"<div class=\"generalmodalcls\">\n    <div class=\"modal-content\">\n        <div class=\"logowrapperouter\">\n            <div class=\"logowrapper\">\n            </div>\n        </div>\n\n        <div mat-dialog-content class=\"videocls\">\n            <div class=\"video_timecls videoerror\" *ngIf=\"video_end_time != null  \">\n                Video Duration : {{video_end_time}}\n                <!-- <span>ddd</span> -->\n            </div>\n            <div class=\"videoprogress\">\n                <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n\n\n            </div>\n\n            <div class=\"mainvdcls hidecls videodiv\" *ngIf=\"flg==1\">\n                <div class=\"mt-1\" id=\"player\"></div>\n\n                <!-- <iframe width=\"700\" height=\"400\" [src]=\"data.safe_url\" frameborder=\"0\"\n                    allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n                    allowfullscreen></iframe> -->\n                <script src=\"https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js\"></script>\n                <video class=\"hidecls\" width=\"560\" height=\"315\" id=\"my-video-modal\" *ngIf=\"videoplayflag\" class=\"video-js videothwrapper-item videothwrapper-16by9\" (timeupdate)=\"onprocess()\" preload=\"auto\" poster=\"https://all-frontend-assets.s3.amazonaws.com/AWS-Physicians/images/dr_banner1.jpg\"\n                    data-setup=\"{}\">\n                    <source [src]=\"video_url1\" type=\"video/mp4\" />\n                    <p class=\"vjs-no-js\">\n                        To view this video please enable JavaScript, and consider upgrading to a\n                        web browser that\n                        <!-- <a href=\"https://videojs.com/html5-video-support/\" target=\"_blank\">\n                            supports HTML5 video\n                        </a> -->\n                    </p>\n                </video>\n                <mat-progress-bar class=\"loaderprogress videoerror\" mode=\"determinate\" value=\"{{ video_percent }}\">\n                </mat-progress-bar>\n\n                <!-- <mat-progress-bar class=\"loaderprogress\" mode=\"determinate\" value=\"{{ video_percent }}\">\n                    </mat-progress-bar> -->\n                <!-- {{video_percent}} -->\n                <div class=\"actioncontrol videoerror\">\n                    <ng-container *ngIf=\"videotimeflag&&data.data.video_skippable \">\n                        <button (click)=\"playbtn()\" *ngIf='playpausedata==0' class=\"playbtn\">\n                            <mat-icon>play_arrowaa</mat-icon>\n                        </button>\n                        <button (click)=\"pausebtn()\" *ngIf='playpausedata==1' class=\"pausebtn\">\n                            <mat-icon>pause</mat-icon>\n                        </button>\n                        <!-- <div class=\"playbtnlessplus\"> -->\n                        <button (click)=\"skip(-10)\" class=\"playbtnless\">\n                            <!-- <img src=\"https://img.icons8.com/ios-glyphs/30/000000/replay-10.png\" /> -->\n                            <mat-icon>replay_10</mat-icon>\n                        </button>\n                        <button (click)=\"skip(10)\" class=\"playbtnplus\">\n                            <!-- <img src=\"https://img.icons8.com/ios-glyphs/60/000000/forward-10.png\" /> -->\n                            <mat-icon>forward_10</mat-icon>\n                        </button>\n                    </ng-container>\n                    <!-- <button (click)=\"forcefinish()\"> finish this </button> -->\n\n                    <span class=\"videotime\">{{ video_time }}/{{ video_end_time }}</span>\n                    <button (click)=\"openfullscreen()\" class=\"openfullscreen\">\n                        <mat-icon>fullscreen</mat-icon>\n                    </button>\n                    <!-- </div> -->\n\n                </div>\n\n\n                <!-- <youtube-player\n                          [videoId]=\"data.video_url\"\n                          (ready)=\"savePlayer($event)\"\n                          (change)=\"onStateChange($event)\"\n                          [playerVars]=\"playerVars\" \n                          [height]=500 \n                          [autoplay]=true\n                          [width]=850>\n                        </youtube-player> -->\n            </div>\n            <!-- <div class=\"actioncontrol videoerror\">\n                <button (click)=\"openfullscreen()\" class=\"openfullscreen\">\n                    <mat-icon>fullscreen</mat-icon>\n                </button>\n            </div> -->\n\n            <div class=\"videocls\">\n                <p class=\"videotitlecls\">{{data?.data?.video_title}}</p>\n\n                <div class=\"video_descriptioncls\" [innerHTML]=\"data.data.video_description\"></div>\n            </div>\n        </div>\n\n\n        <mat-dialog-actions class=\"modalbtncls\">\n            <button class=\"btncancelcls\" mat-raised-button color=\"accent\" (click)=\"closedModals()\"><span\n                    class=\"material-icons\">\n                    clear\n                </span></button>\n        </mat-dialog-actions>\n    </div>\n</div>","styles":[".ytp-watermark{position:absolute;width:110px;height:26px;bottom:49px;right:16px;z-index:27;opacity:.9;display:none!important}.videocls{margin-top:10px}.videocls .videotitlecls{background-color:#0ff;padding:7px;font-size:large;margin-top:-4px;height:auto;width:100%}.videocls .video_descriptioncls{background-color:rgb(65 137 154);padding:7px;font-size:large;margin-top:-18px;height:auto;width:100%}.video_timecls{background-color:#9da3a3;padding:7px;font-size:large;margin-top:2px;height:auto;width:100%}.hidecls{display:none}.openfullscreen{float:right}.actioncontrol{margin-bottom:30px}.actioncontrol button{margin:5px 3px}.actioncontrol button .mat-icon{font-size:30px;height:30px!important;width:28px!important}.actioncontrol .videotime{margin:5px 21px;font-size:24px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":1819,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":1819,"character":12}]}],null,null,null,null,null,null],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵbm"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":406,"character":53},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":406,"character":217},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":406,"character":29},{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":406,"character":188},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":406,"character":89}]}],"forcefinish":[{"__symbolic":"method"}],"openfullscreen":[{"__symbolic":"method"}],"convertHMS":[{"__symbolic":"method"}],"onprocess":[{"__symbolic":"method"}],"closedModals":[{"__symbolic":"method"}],"close_video":[{"__symbolic":"method"}],"playbtn":[{"__symbolic":"method"}],"pausebtn":[{"__symbolic":"method"}],"skip":[{"__symbolic":"method"}],"onStateChange":[{"__symbolic":"method"}]}},"ɵbi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2201,"character":1},"arguments":[{"selector":"close-video-example-dialog","template":"<div>\n    <h2 class=\"generalmodalcls\">\n        Caution\n    </h2>\n    <span>\n        It is a mandatory to watch this video!\n    </span>\n    <div>\n        <button mat-raised-button (click)=\"onstop()\">\n            Stop the Video\n        </button>\n        <button mat-raised-button (click)=\"oncontinue()\">\n            Continue Watching\n        </button>\n    </div>\n</div>","styles":[".ytp-watermark{position:absolute;width:110px;height:26px;bottom:49px;right:16px;z-index:27;opacity:.9;display:none!important}.videocls{margin-top:10px}.videocls .videotitlecls{background-color:#0ff;padding:7px;font-size:large;margin-top:-4px;height:auto;width:100%}.videocls .video_descriptioncls{background-color:rgb(65 137 154);padding:7px;font-size:large;margin-top:-18px;height:auto;width:100%}.video_timecls{background-color:#9da3a3;padding:7px;font-size:large;margin-top:2px;height:auto;width:100%}.hidecls{display:none}.openfullscreen{float:right}.actioncontrol{margin-bottom:30px}.actioncontrol button{margin:5px 3px}.actioncontrol button .mat-icon{font-size:30px;height:30px!important;width:28px!important}.actioncontrol .videotime{margin:5px 21px;font-size:24px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":2209,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":2209,"character":12}]}],null],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵbm"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":406,"character":53}]}],"onstop":[{"__symbolic":"method"}],"oncontinue":[{"__symbolic":"method"}]}},"ɵbj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2230,"character":1},"arguments":[{"selector":"training_center_continue_resume_dialog","template":"<div>\n    <h2 class=\"generalmodalcls\">\n        Caution\n    </h2>\n    <span>\n        Would you like to resume from last completed lesson or start over?\n    </span>\n    <div>\n        <button mat-raised-button (click)=\"onlessonresume()\">\n            Resume Training\n        </button>\n        <button mat-raised-button (click)=\"onlessonredo()\">\n            Start Again\n        </button>\n    </div>\n</div>","styles":[".ytp-watermark{position:absolute;width:110px;height:26px;bottom:49px;right:16px;z-index:27;opacity:.9;display:none!important}.videocls{margin-top:10px}.videocls .videotitlecls{background-color:#0ff;padding:7px;font-size:large;margin-top:-4px;height:auto;width:100%}.videocls .video_descriptioncls{background-color:rgb(65 137 154);padding:7px;font-size:large;margin-top:-18px;height:auto;width:100%}.video_timecls{background-color:#9da3a3;padding:7px;font-size:large;margin-top:2px;height:auto;width:100%}.hidecls{display:none}.openfullscreen{float:right}.actioncontrol{margin-bottom:30px}.actioncontrol button{margin:5px 3px}.actioncontrol button .mat-icon{font-size:30px;height:30px!important;width:28px!important}.actioncontrol .videotime{margin:5px 21px;font-size:24px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":2238,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":2238,"character":12}]}],null],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵbm"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":406,"character":53}]}],"onlessonresume":[{"__symbolic":"method"}],"onlessonredo":[{"__symbolic":"method"}]}},"ɵbk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2259,"character":1},"arguments":[{"selector":"lessonquiz","template":"<div class=\"generalmodalcls\">\n    <div class=\"modal-content\">\n        <div class=\"logowrapperouter\">\n            <div class=\"logowrapper\">\n            </div>\n        </div>\n\n        <mat-card class=\"lessonquizcls\">\n            <mat-card-content *ngIf=\"quizData != null && quizData != ''\" class=\"questioncls\">\n\n                <h2 class=\"quizData\">Question {{indexVal}} of {{data?.quiz_data.length}} :</h2>\n\n                <h3 class=\"quizData\">{{quizData?.question}}</h3>\n                <br>\n\n\n                <mat-radio-group aria-labelledby=\"example-radio-group-label\" class=\"exampleradiogroupcls\" [(ngModel)]=\"quizVal\">\n                    <mat-radio-button class=\"example-radio-button\" *ngFor=\"let item of quizData.answer;let i=index\" [value]=\"item\">\n                        {{item.answer}}\n                    </mat-radio-button>\n                </mat-radio-group>\n\n            </mat-card-content>\n\n            <mat-card-content *ngIf=\"quizData == ''\" class=\"quizanscls\">\n                <div class=\"quizloadercls\">\n                    <!-- <mat-progress-bar mode=\"indeterminate\" *ngIf=\"progressSpinner.loading\"></mat-progress-bar> -->\n                </div>\n                <h2 class=\"example-h2\" style=\"text-align: center;\">Quiz Result</h2>\n\n                <span>\n                    <h2 class=\"quiz_data\">Total Question : {{data.quiz_data.length}}</h2>\n                    <h2 class=\"CheckedAnswer\">Attempt Question : {{CheckedAnswer.length}}</h2>\n                    <h2 class=\"correctQuizVal\">Correct Answer : {{correctQuizVal.length}}</h2>\n                    <h2 class=\"lesson_data\">Target Percentage : {{data.lesson_data.test_percentage}}%</h2>\n                    <h2 class=\"resultVal\">Your Score : {{resultVal}}%</h2>\n                    <h2 class=\"resultStatus\">\n                        Status : <span *ngIf=\"resultStatus == 'Success'\" style=\"color: forestgreen;\"> {{resultStatus}}\n                        </span>\n                <span *ngIf=\"resultStatus == 'Failed'\" style=\"color:rgb(211, 52, 52);\"> {{resultStatus}} </span>\n                </h2>\n\n                </span>\n            </mat-card-content>\n\n            <span class=\"noquizcls\" *ngIf=\"data.quiz_data.length == 0\">\n                <h2>No Quiz Available</h2>\n            </span>\n\n\n        </mat-card>\n\n\n\n        <mat-dialog-actions class=\"modalbtncls\">\n            <button class=\"btncancelcls\" mat-raised-button color=\"accent\" (click)=\"closedModal()\"><span\n                    class=\"material-icons\">\n                    clear\n                </span></button>\n\n            <button *ngIf=\"quizData == '' && resultStatus == 'Success'\" class=\"btnbluecls\" mat-raised-button color=\"accent\" (click)=\"saveQuizRecord(quizData)\">Continue</button>\n\n            <button *ngIf=\"quizData == '' && resultStatus == 'Failed'\" class=\"btnbluecls\" mat-raised-button color=\"primary\" (click)=\"startQuizAgain(quizData)\">Take Quiz Again</button>\n\n            <button *ngIf=\"quizData != null && quizData != ''\" class=\"btnbluecls\" mat-raised-button color=\"accent\" (click)=\"nextQuizRecord(quizData)\">Next <span class=\"material-icons\">\n                    arrow_forward_ios\n                </span></button>\n\n        </mat-dialog-actions>\n    </div>\n</div>"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":2278,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":2278,"character":12}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵbm"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":406,"character":53},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":406,"character":29}]}],"closedModal":[{"__symbolic":"method"}],"nextQuizRecord":[{"__symbolic":"method"}],"saveQuizRecord":[{"__symbolic":"method"}],"startQuizAgain":[{"__symbolic":"method"}]}},"ɵbl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2436,"character":1},"arguments":[{"selector":"game-plan-dialog","template":"<div>\n    <h2 class=\"game_planheadercls\">\n        Congratulation\n    </h2>\n    <span>\n        You have successfully complete \n\n        <ng-container *ngFor=\"let item of traingname\">\n            <strong *ngIf=\"item.traingcompleteflag=='true'\"> {{item.catagory_name}}</strong>\n        </ng-container>\n    </span>\n    <div>\n        <button (click)=\"onNoClick()\" class=\"Lesson_Videos_Modalclodse\"><span class=\"material-icons\">\n                clear\n            </span></button>\n        <button mat-raised-button (click)=\"gameplay(traingname)\">\n            Book Game Plan Meeting\n        </button>\n    </div>\n</div>","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":2445,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":2445,"character":12}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵbm"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":406,"character":53},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":406,"character":29}]}],"onNoClick":[{"__symbolic":"method"}],"gameplay":[{"__symbolic":"method"}]}},"ɵbm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2464,"character":1},"arguments":[{"selector":"quiz-report-dialog","template":"<div>\n    <mat-card-content class=\"quizanscls\">\n        \n        <h2 class=\"example-h2\" style=\"text-align: center;\">Quiz Result</h2>\n\n        <span>\n            <h2 class=\"quiz_data\">Total Question : {{data.data.QuizReportData.total_question}}</h2>\n            <h2 class=\"CheckedAnswer\">Attempt Question : {{data.data.QuizReportData.attempt_question}}</h2>\n            <h2 class=\"correctQuizVal\">Correct Answer : {{data.data.QuizReportData.correct_answer}}</h2>\n            <h2 class=\"lesson_data\">Target Percentage : {{data.data.QuizReportData.target_percentage}}%</h2>\n            <h2 class=\"resultVal\">Your Score : {{data.data.QuizReportData.score}}%</h2>\n            <h2 class=\"resultStatus\">\n                Status : <span style=\"color: forestgreen;\"> Success\n                </span>\n            </h2>\n\n        </span>\n    </mat-card-content>\n    <mat-dialog-actions class=\"modalbtncls\">\n        <button class=\"btncancelcls\" mat-raised-button color=\"accent\" (click)=\"closedModals()\"><span\n                class=\"material-icons\">\n                clear\n            </span></button>\n    </mat-dialog-actions>\n</div>"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":2477,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":2477,"character":12}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵbm"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":406,"character":53},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":406,"character":29}]}],"closedModals":[{"__symbolic":"method"}]}},"ɵbn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":34,"character":1},"arguments":[{"selector":"lib-traing-center-pece","template":"<div class=\"training_progresscls\">\n    <div class=\"trainingheadercls_wrapper\">\n        <div class=\"trainingheadercls_inner\">\n            <h2>You Have {{ allDonedata }}/{{divisor}} Lesson Completed</h2>\n            <div class=\"trainingheadercls\">\n\n                <mat-progress-bar *ngIf=\"percentageprogressLoader\" mode=\"determinate\"\n                    value=\"{{((allDonedata/divisor)*100)}}\">\n                </mat-progress-bar>\n                <h3>{{ (allDonedata/divisor)|percent }}</h3>\n            </div>\n        </div>\n\n        <div class='lodercls'>\n            <mat-progress-bar mode=\"indeterminate\" *ngIf=\"progressSpinner.loading\"></mat-progress-bar>\n\n        </div>\n    </div>\n</div>\n<div class=\"maincartcls_row_wrapper\">\n    <mat-card class=\"maincartcls_row\">\n        <mat-card class=\"alllession_cls\">\n            <mat-card-content class=\"trainingcentercls trainingcenterclsupdate\">\n                <mat-card-title class=\"mentortitle\" id=\"lessonData\">{{training_cat_name}}\n                    <ng-container *ngIf=\"userType=='admin'\">\n                        <span *ngIf=\"sequential_lock==0\" matTooltip=\"Click to Lock\" (click)=\"sequentiallock(1)\"\n                            class=\"material-icons\">\n                            lock\n                        </span> <span *ngIf=\"sequential_lock==1\" matTooltip=\"Click to UnLock\"\n                            (click)=\"sequentiallock(0)\" class=\"material-icons\">\n                            lock_open\n                        </span>\n                    </ng-container>\n                </mat-card-title>\n                <div fxLayout=\"row\" class=\"rowinner_block\" *ngFor=\"let item of trainingLessonData\n                  ; let i=index;\">\n\n                    <div (click)=\"openlesson(item,'click',i)\" id={{item._id}}classlessonongoing [ngClass]=\"paramslessonId == item._id\n                  ? 'classlessonongoing':(item.is_done == true ? 'classlessondone' : 'classlessonnotdone')\">\n                        {{item.lession_title}}\n\n                    </div>\n                    <div class=\"\" *ngIf=\"item._id==paramslessonId &&lesson_content_data.length>0\">\n                        <div class=\"lessoncontent\" *ngIf=\"lesson_content_data!=null && lesson_content_data!=''\">\n\n                            <div class=\"paragraphwrapper\">\n                                <p [innerHtml]=\"lesson_content_data[0]?.typeHtml\" class=\"paragraphcls\"></p>\n                            </div>\n                            <div *ngFor=\"let item of lesson_content_data[0]?.lesson_attachements;let a=index\"\n                                class=\"training_mainwrappercon\">\n                                <div class=\"video_div afvmaindiv\" *ngIf=\"item.type=='video' &&\n                                        item.type!=null && item.type!=undefined\">\n                                    <div class=\"videomainwrapper\">\n\n                                        <img src=\"https://all-frontend-assets.s3.amazonaws.com/AWS-Physicians/images/dr_banner1.jpg\"\n                                            class=\"videoimg\">\n                                        <img (click)=\"openLessonVideo(item)\"\n                                            src=\"https://awsbackend-dev-patient-files-test.s3.amazonaws.com/icon-videoplay.png\"\n                                            class=\"videoplayimg\">\n\n                                    </div>\n                                    <div class=\"fileinfocls\">\n                                        <div class=\"File_titlecls_wrapper\">\n                                            <p class=\"videotitlecls\">{{item.video_title}}</p>\n                                        </div>\n                                        <span *ngIf=\"complete_videoflag[item.video_url]==true\" class=\"donetikcls\">\n                                            Successfully Completed\n                                            <img class=\"doneimgcls\"\n                                                src=\"https://all-frontend-assets.s3.amazonaws.com/dna-frontend-new/assets/images/Trainninglibary_right_icon.jpg\"\n                                                alt=\"\">\n                                        </span>\n                                        <div class=\"descriptioncls\">\n                                            <p *ngIf='item.video_description.length > 120 && shwmorevideoflg==true'>{{\n                                                item.video_description\n                                                }}\n                                            </p>\n                                            <p *ngIf='item.video_description.length > 120 && shwmorevideoflg==false'>{{\n                                                item.video_description\n                                                |\n                                                slice:0:120}}</p>\n                                            <p class='greatercls'\n                                                *ngIf='item.video_description.length > 120 && shwmorevideoflg==true'>{{\n                                                item.video_description }}</p>\n                                            <p *ngIf='item.video_description.length < 120'>{{ item.video_description }}\n                                            </p>\n                                            <span class=\"shwmrcls\"\n                                                *ngIf='item.video_description.length > 120 && shwmorevideoflg==false'>\n                                                <button mat-raised-button (click)=\"shwmorevideoflg=true\">\n                                                    Show More ..\n                                                </button>\n                                            </span>\n                                            <span class='shwlesscls'\n                                                *ngIf='item.video_description.length > 120 && shwmorevideoflg==true'>\n                                                <button mat-raised-button (click)=\"shwmorevideoflg=false\">\n                                                    Show Less ..\n                                                </button>\n                                            </span>\n                                        </div>\n                                        <div class=\"mandetorycls_wrapper\">\n                                            <span class=\"mandetorycls\" *ngIf=\"item.video_skippable!=true\">*This is a\n                                                mandetory video to\n                                                complete this lesson\n\n                                            </span>\n                                        </div>\n\n                                    </div>\n\n\n\n                                </div>\n                                <div class=\"example-card audioWrapper\" *ngIf=\"item.type=='audio'\">\n\n                                    <audio id=\"audioPlayer_{{item.screenshots.fileservername}}\"\n                                        (timeupdate)=\"onprocess(item.screenshots.fileservername,item)\"\n                                        (loadstart)=\"loadstart(item,item.screenshots.fileservername)\"\n                                        (ended)=\"audioended(item,a,1)\" controls class=\"audioprogresscls\">\n                                        <source src=\"{{bucket_url +item.screenshots.fileservername }}\" type=\"audio/ogg\">\n                                        <source src=\"{{ bucket_url + item.screenshots.fileservername }}\"\n                                            type=\"audio/mpeg\">\n                                        Your browser does not support the audio element.\n                                    </audio>\n                                    <div *ngIf=\"audio_progress!=null &&\n                                    audio_progress[item.screenshots.fileservername]!=null\" class=\"audioseccls\">\n\n                                        <div class=\"audioseccls_slider\">\n                                            <div class=\"audiotitle_position\">\n                                                <span class=\"audioseccls_title\">\n\n                                                    <p>{{ item.audio_title }}</p>\n                                                </span>\n                                                <span *ngIf=\"complete_audioflag[item.screenshots.fileservername]==true\"\n                                                    class=\"donetikcls\">\n                                                    Successfully Completed\n                                                    <img class=\"doneimgcls\"\n                                                        src=\"https://all-frontend-assets.s3.amazonaws.com/dna-frontend-new/assets/images/Trainninglibary_right_icon.jpg\"\n                                                        alt=\"\">\n                                                </span>\n                                                <div class=\"descriptioncls\">\n                                                    <p *ngIf='item.audio_desc.length > 120 && shwmoreflg==false'>\n                                                        {{ item.audio_desc|slice:0:120}}</p>\n                                                    <p class='greatercls'\n                                                        *ngIf='item.audio_desc.length > 120 && shwmoreflg==true'>\n                                                        {{item.audio_description }}</p>\n                                                    <p *ngIf='item.audio_desc.length < 120'>{{ item.audio_desc }}</p>\n                                                    <span class=\"shwmrcls\"\n                                                        *ngIf='item.audio_desc.length > 120 && shwmoreflg==false'>\n                                                        <button mat-raised-button (click)=\"shwmoreflg=true\">\n                                                            Show More ..\n                                                        </button>\n                                                    </span>\n                                                    <span class='shwlesscls'\n                                                        *ngIf='item.audio_desc.length > 120 && shwmoreflg==true'>\n                                                        <button mat-raised-button (click)=\"shwmoreflg=false\">\n                                                            Show Less ..\n                                                        </button>\n                                                    </span>\n                                                </div>\n                                            </div>\n                                            <div class=\"audio_controlcls\">\n                                                <span class=\"mataudiocls\"\n                                                    (click)=\"progressbtn(item.screenshots.fileservername,item)\">\n                                                    <mat-slider class=\"audioprocls\"\n                                                        [(ngModel)]=\"modelval[item.screenshots.fileservername]\"\n                                                        (click)=\"progressbtn(item.screenshots.fileservername,item)\"\n                                                        [value]=\"audio_progress[item.screenshots.fileservername]\"\n                                                        [disabled]=\"disabled[item.screenshots.fileservername]\">\n                                                    </mat-slider>\n\n                                                </span>\n                                                <div class=\"controlcls audiocntrlbtn\">\n                                                    <p class=\"audiotitle_STARTtime\">\n                                                        {{audio_time[item.screenshots.fileservername]}}</p>\n\n                                                    <mat-card class=\"audiocntrlbtn_card\">\n                                                        <span class=\"skip_cls\" *ngIf=\"pause_flag[item.screenshots.fileservername]==true &&\n                            item.skippeble == true\" (click)=\"skipTensec(item.screenshots.fileservername,item,'previos')\">\n                                                            <img class=\"skip_cls\"\n                                                                src=\"https://training-centre-bucket.s3.amazonaws.com/10sec_backward.png\">\n                                                        </span>\n                                                        <span *ngIf=\"play_flag[item.screenshots.fileservername]==true\"\n                                                            (click)=\"playbtn(item.screenshots.fileservername,'play')\"\n                                                            class=\"material-icons audiocontrolcls\">\n                                                            play_circle\n                                                        </span>\n\n                                                        <span *ngIf=\"pause_flag[item.screenshots.fileservername]==true\"\n                                                            (click)=\"pausebtn(item.screenshots.fileservername,'pause')\"\n                                                            class=\"material-icons audiocontrolcls\">\n                                                            pause\n                                                        </span>\n\n                                                        <span class=\"skip_cls\" *ngIf=\"pause_flag[item.screenshots.fileservername]==true &&\n                            item.skippeble == true\" (click)=\"skipTensec(item.screenshots.fileservername,item,'next')\">\n                                                            <img class=\"skip_cls\"\n                                                                src=\"https://training-centre-bucket.s3.amazonaws.com/10sec_forward.png\">\n                                                        </span>\n\n                                                        <span class=\"material-icons audiocontrolcls\"\n                                                            (click)=\"replay(item.screenshots.fileservername)\">\n                                                            replay\n                                                        </span>\n\n                                                    </mat-card>\n\n                                                    <p class=\"audiodescendtime\">\n                                                        {{audio_end_time[item.screenshots.fileservername]}}</p>\n                                                </div>\n                                            </div>\n\n\n                                        </div>\n\n\n\n                                    </div>\n\n                                    <div class=\"mandetorycls_wrapper\">\n                                        <span class=\"mandetorycls\" *ngIf=\"item.skippeble!=true\">*This is a\n                                            mandetory audio to\n                                            complete this lesson\n\n                                        </span>\n                                    </div>\n                                </div>\n                                <div class=\"file_div afvmaindiv\"\n                                    *ngIf=\"item.type != null && item.type == 'jpeg' || item.type =='png'\">\n                                    <span class=\"image_filetype\">\n                                        <div class=\"previewpdfcls\">\n                                            <img (click)=\"previewpdf(item,'img')\" mat-card-image\n                                                [attr.src]=\"bucket_url +item.screenshots.fileservername\">\n                                        </div>\n                                        <div class=\"fileinfocls\">\n                                            <div class=\"File_titlecls_wrapper\">\n                                                <p class=\"File_titlecls\">{{ item.file_title }}</p>\n                                            </div>\n                                            <span *ngIf=\"complete_fileflag[item.screenshots.fileservername]==true\"\n                                                class=\"donetikcls\">\n                                                Successfully Completed\n                                                <img class=\"doneimgcls\"\n                                                    src=\"https://all-frontend-assets.s3.amazonaws.com/dna-frontend-new/assets/images/Trainninglibary_right_icon.jpg\"\n                                                    alt=\"\">\n                                            </span>\n\n                                            <div class=\"descriptioncls\">\n\n\n                                                <p *ngIf='item.file_desc.length > 120 && shwmorefileflg==false'>\n                                                    {{item.file_desc|slice:0:120}}yyy</p>\n\n                                                <p class='greatercls'\n                                                    *ngIf='item.file_desc.length > 120 && shwmorefileflg==true'>\n                                                    {{item.file_desc }}</p>\n                                                <p *ngIf='item.file_desc.length < 120'>{{ item.file_desc }}</p>\n                                                <span class=\"shwmrcls\"\n                                                    *ngIf='item.file_desc.length > 120 && shwmorefileflg==false'>\n                                                    <button mat-raised-button (click)=\"shwmorefileflg=true\">\n                                                        Show More ..\n                                                    </button>\n                                                </span>\n                                                <span class='shwlesscls'\n                                                    *ngIf='item.file_desc.length > 120 && shwmorefileflg==true'>\n                                                    <button mat-raised-button (click)=\"shwmorefileflg=false\">\n                                                        Show Less ..\n                                                    </button>\n                                                </span>\n\n                                            </div>\n\n                                            <div class=\"file_btn_cls\">\n                                                <button class=\"previewbtncls\" matTooltip=\"Preview\" mat-raised-button\n                                                    (click)=\"previewpdf(item,'img')\">\n                                                    Preview\n                                                </button>\n                                                <button class=\"downloadbtncls\" matTooltip=\"Download\" mat-raised-button\n                                                    (click)=\"downloadPdf(item,1)\">\n                                                    Download\n                                                </button>\n                                            </div>\n                                            <div class=\"mandetorycls_wrapper\">\n                                                <span class=\"mandetorycls\" *ngIf=\"item.skippeble!=true\">*This is a\n                                                    mandetory image to complete this lesson (after download)\n\n\n\n                                                </span>\n                                            </div>\n\n                                        </div>\n                                    </span>\n                                </div>\n                                <div\n                                    *ngIf=\"item.type != null && item.type == 'pdf' || item.type =='doc' || item.type == 'ppt' || item.type == 'pptx' || item.type =='msword'||item.type =='xlsx'||item.type == 'ods'||item.type =='docx'||item.type =='plain'||item.type =='vnd.openxmlformats-officedocument.spreadsheetml.sheet'||item.type =='vnd.openxmlformats-officedocument.wordprocessingml.document'\">\n                                    <span class=\"filetype_{{item.type}}\" mat-card-image>\n\n                                        <div class=\"documentcls_wrapper\">\n                                            <span class=\"material-icons icon_{{item.type}}\">\n                                                picture_as_pdf\n                                            </span>\n\n                                        </div>\n\n                                        <div class=\"fileinfocls\">\n                                            <div class=\"File_titlecls_wrapper\">\n                                                <p class=\"File_titlecls\">{{ item.file_title }}</p>\n                                            </div>\n                                            <span *ngIf=\"complete_fileflag[item.screenshots.fileservername]==true\"\n                                                class=\"donetikcls\">\n                                                Successfully Completed\n                                                <img class=\"doneimgcls\"\n                                                    src=\"https://all-frontend-assets.s3.amazonaws.com/dna-frontend-new/assets/images/Trainninglibary_right_icon.jpg\"\n                                                    alt=\"\">\n                                            </span>\n                                            <div class=\"descriptioncls\">\n                                                <p *ngIf='item.file_desc.length > 120 && shwmorefileflg==false'>\n                                                    {{item.file_desc|slice:0:120}}</p>\n\n                                                <p class='greatercls'\n                                                    *ngIf='item.file_desc.length > 120 && shwmorefileflg==true'>\n                                                    {{item.file_desc }}</p>\n                                                <p *ngIf='item.file_desc.length < 120'>{{ item.file_desc}}</p>\n                                                <span class=\"shwmrcls\"\n                                                    *ngIf='item.file_desc.length > 120 && shwmorefileflg==false'>\n                                                    <button mat-raised-button (click)=\"shwmorefileflg=true\">\n                                                        Show More ..\n                                                    </button>\n                                                </span>\n                                                <span class='shwlesscls'\n                                                    *ngIf='item.file_desc.length > 120 && shwmorefileflg==true'>\n                                                    <button mat-raised-button (click)=\"shwmorefileflg=false\">\n                                                        Show Less ..\n                                                    </button>\n                                                </span>\n                                            </div>\n                                            <div class=\"file_btn_cls\">\n                                                <!-- <button class=\"previewbtncls\" matTooltip=\"Preview\" mat-raised-button\n                                                    (click)=\"previewpdf(item,'pdf')\">\n                                                    Preview\n                                                </button> -->\n\n                                                <button matTooltip=\"Download\" class=\"downloadbtncls\" mat-raised-button\n                                                    (click)=\"downloadPdf(item,1)\">\n                                                    Download\n                                                </button>\n                                            </div>\n                                            <div class=\"mandetorycls_wrapper\">\n                                                <span class=\"mandetorycls\" *ngIf=\"item.skippeble!=true\">*This is a\n                                                    mandetory file to\n                                                    complete this lesson (after\n                                                    download)\n\n                                                </span>\n                                            </div>\n                                        </div>\n\n                                    </span>\n                                </div>\n                            </div>\n                            <mat-card class=\"banner1cls\" *ngIf=\"quizflag==true\">\n\n                                <div class=\"bannerclassmentor\">\n\n                                    <mat-card-content>\n                                        Please complete the Quiz to proceed with the your Training.\n                                    </mat-card-content>\n                                    <div class=\"submitbtngroup\">\n                                        <button mat-button type=\"button\" class=\"submitbtn\n                                        reviewlesson\" color=\"primary\" (click)=\"lessonQuiz()\">Take Quiz\n                                        </button>\n                                    </div>\n                                </div>\n                            </mat-card>\n                        </div>\n                        <!-- {{next_button_access}} -->\n                        <span *ngIf='item.is_done != true'>\n                            <button *ngIf=\"next_button_access==true\" button mat-raised-button color=\"accent\"\n                                type=\"button\" class=\"markbtncls\" (click)=\"nextbutton(item,'mark',i)\">Mark\n                                As Done\n                            </button>\n                        </span>\n\n                        <button *ngIf='item.is_done == true' button mat-raised-button color=\"accent\" type=\"button\"\n                            class=\"markbtncls\" (click)=\"nextbutton(item,'next',i)\">\n                            Next\n                        </button>\n                    </div>\n\n\n\n                </div>\n            </mat-card-content>\n        </mat-card>\n        <mat-card class=\"alltrainingcls\">\n            <mat-card-content class=\"trainingcentercls trainingcenterclsupdate\">\n                <ng-container *ngIf=\"reportpercent!=100\">\n                    <div class=\"trainingcentercls_group\">\n                        <h2>Incomplete Lesson</h2>\n                        <div class=\"trainingcentercls_box_wrapper\">\n                            <div class=\"trainingcentercls_box\" *ngFor=\"let item of trainingCategoryData;let\n                  i= index\">\n\n                                <div *ngIf=\"item.percentage !=100\">\n                                    <mat-list-item [ngClass]=\"paramsTrainingId == item._id ?'classongoing':'ssssss'\"\n                                        (click)=\"clicktrcataining(item._id,item.fistlesson_id,i)\">\n                                        <div class=\"categoryname\">\n                                            <span class=\"material-icons\">\n                                                folder_open\n                                            </span>\n                                            {{item.catagory_name}}\n                                            <ng-template [ngIf]=\"item?.done>0\" [ngIfElse]=\"elsesss\">\n                                                <span class=\"countcls\">\n                                                    ({{item.done}}/{{item.count}})\n                                                </span>\n                                            </ng-template>\n\n                                            <ng-template #elsesss>\n                                                <span class=\"countcls\">\n                                                    (0/{{item.count}})\n                                                </span>\n                                            </ng-template>\n\n\n                                        </div>\n                                        <ng-template [ngIf]=\"item.percentage>0\" [ngIfElse]=\"loggedOut\">\n                                            <span class=\"progresspercentagecls\">\n                                                {{item.percentage}}%\n                                            </span>\n                                        </ng-template>\n\n                                        <ng-template #loggedOut>\n                                            <span class=\"progresspercentagecls\">\n                                                0%\n                                            </span>\n                                        </ng-template>\n\n                                        <div class=\"progressbarcls\">\n                                            <mat-progress-bar *ngIf=\"percentageprogressLoader\" mode=\"determinate\"\n                                                value=\"{{item.percentage }}\">\n                                            </mat-progress-bar>\n\n                                        </div>\n                                    </mat-list-item>\n                                </div>\n                            </div>\n                        </div>\n\n                    </div>\n                </ng-container>\n                <!-- {{cmpltlesson}} -->\n                <ng-container *ngIf=\"cmpltlesson\">\n                    <div class=\"trainingcentercls_group\">\n                        <h2>Complete Lesson</h2>\n                        <div class=\"trainingcentercls_box_wrapper\">\n                            <div class=\"trainingcentercls_box\" *ngFor=\"let item of trainingCategoryData;let\n                      i= index\">\n\n                                <div *ngIf=\"item.percentage ==100\">\n                                    <mat-list-item [ngClass]=\"paramsTrainingId == item._id ?\n                              'classongoing':\n                              ( item.percentage >=100 ? 'classdone' : 'classnotdone')\"\n                                        (click)=\"clicktrcataining(item._id,item.fistlesson_id,i)\">\n                                        <div class=\"categoryname\">\n                                            <span class=\"material-icons\">\n                                                folder_open\n                                            </span>\n                                            {{item.catagory_name}}\n                                            <span class=\"countcls\">\n                                                ({{item.done}}/{{item.count}})\n                                            </span>\n                                            <span class=\"progresspercentagecls\">{{item.percentage}}%\n                                            </span>\n                                        </div>\n\n\n                                        <div class=\"progressbarcls\">\n                                            <mat-progress-bar *ngIf=\"percentageprogressLoader\" mode=\"determinate\"\n                                                value=\"{{item.percentage }}\">\n                                            </mat-progress-bar>\n\n                                        </div>\n                                    </mat-list-item>\n                                </div>\n                            </div>\n                        </div>\n\n\n                    </div>\n                </ng-container>\n\n            </mat-card-content>\n        </mat-card>\n    </mat-card>\n</div>","styles":[".leftRightPortion{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between}.mat-card-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;box-sizing:border-box}.row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;box-sizing:border-box;display:-webkit-box;display:flex;place-content:top space-around;-webkit-box-align:start;align-items:flex-start;-webkit-box-flex:1;flex:1 1 100%;max-width:100%}.column{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;box-sizing:border-box;display:-webkit-box;display:flex}.column .rowinner{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;box-sizing:border-box;display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1 1 100%;margin-bottom:10px}.column .rowinner:last-child{margin-bottom:0}.column .rowinner .mat-accordion{width:100%}.columnleft{width:70%}.submitbtn{display:block;min-width:40px;margin:16px 0 0;background:#5c5f61;color:#fff;float:left}.pointer{cursor:pointer}.leftside{width:67%;margin-right:3%}.rightside{width:30%}.class1{background-color:#8fef8d;height:100%!important}.class2{background-color:red;height:100%!important}.class3{background-color:#d67a56;height:100%!important}.class4{background-color:#d3d3d5;height:100%!important}.class5{background-color:#f5a216;height:100%!important}.class6{background-color:#ff8f91;height:100%!important}.wrapper{display:-webkit-box;display:flex;justify-content:space-around;width:100%;flex-wrap:wrap}.wrapper .buttonsingle{-webkit-box-flex:1;flex:1;margin:5px}.trainingcentercls .rightside{padding:10px;background-color:#e5e5e5}.trainingcentercls{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.sublistwrapper{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:start;justify-content:flex-start;flex-wrap:wrap}.trainingcentercls .mat-list .mat-list-item{height:auto;padding:8px 0;text-transform:capitalize;font-size:16px}.trainingcentercls .mat-list .mat-list-item.selectedclass:first-child{margin-top:0}.trainingcentercls .mat-list .mat-list-item.selectedclass{background-color:#c4c4c4;text-transform:uppercase;padding:8px 0;font-size:16px;margin-top:8px;font-weight:600}.trainingcentercls .mat-list.sublistone{background-color:#d0d0d0;text-transform:capitalize;padding:10px}.trainingcentercls .matprogressbar br{display:none}.trainingcentercls .mat-list{position:relative;padding-top:0}.trainingcentercls .mat-list.sublist{margin-bottom:8px}.trainingcentercls .progresspercentage{font-size:14px;font-weight:400;position:absolute;right:0;bottom:10px}.trainingcentercls .progresspercentagecls{float:right}.trainingcentercls .trainingheadercls{margin:0 0 10px;padding:0;position:relative}.trainingcentercls .trainingheadercls h2{margin:0;font-size:16px;text-transform:uppercase;width:90%;line-height:28px}.trainingcentercls .trainingheadercls h3{margin:0;position:absolute;right:4px;bottom:8px}.mat-card:not([class*=mat-elevation-z]){box-shadow:none!important}.rowinner .mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:none!important;background-color:#e5e5e5}.rowinner{margin-top:10px;display:inline-block;width:100%}.rowinner:first-child{margin-top:0}.rowinner .mat-expansion-panel-header{padding:10px 24px;height:auto!important;background-color:#c4c4c4;margin-bottom:16px}.paragraphcls img{width:100%}.imgwrappercls{display:block}.imgwrappercls img,.paragraphwrapper p img,.paragraphwrapper p p img{width:100%;height:auto;margin-top:0}.imgwrappercls img.mat-card-image{margin:0}.mat-expansion-panel-body{padding:16px 24px}:host ::ng-deep .paragraphcls{display:block;max-width:100%;overflow-wrap:break-word;word-wrap:break-word}:host ::ng-deep .paragraphcls img{margin:0 auto;width:100%;max-height:100%;max-width:100%;height:auto}.videoWrapper{position:relative;padding-bottom:10px;height:auto}.audioWrapper{margin:0;padding:0}.audioWrapper audio{width:100%}.trainingheadercls{text-transform:capitalize;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;padding:5px 10px;border:1px solid #bcbdbf}.trainingheadercls .mat-progress-bar,.trainingheadercls h2{-webkit-box-flex:1;flex:1;margin:0}.modalclslibrary h1.mat-dialog-title{margin:0;text-transform:uppercase;font-weight:700}.modalclslibrary h3{margin:0 0 5px;text-transform:capitalize}.modalclslibrary .mat-dialog-content{margin-top:5px}.modalclslibrary button,.modalclslibrary button.childButton{margin-right:5px;background:#5c5f61;color:#fff;margin-top:5px;width:100%}.modalclslibrary .matcheckboxcls{margin-top:5px;margin-bottom:5px}.videocls{margin-right:38px}.videocls p{background-color:#0ff;padding:7px;font-size:large;margin-top:-4px;height:auto}.video_iconcls{height:107px;width:107px;position:absolute;bottom:189px;display:block;margin-left:180px!important;cursor:pointer;-webkit-box-align:center;align-items:center}.trainingcenterclsnew{display:-webkit-box;display:flex;-webkit-box-align:stretch;align-items:stretch;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;flex-wrap:wrap;padding-top:0}.trainingcenterclsnew .trainingCategoryList{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;flex-wrap:wrap;-webkit-box-pack:justify;justify-content:space-between;height:auto}.trainingcenterclsnew .trainingCategoryList:nth-child(3n){margin-right:0!important}.trainingcenterclsnew .trainingCategoryList .selectedclass{height:100%;padding:6px 5px;box-sizing:border-box;margin:10px 10px 0 0;width:calc(1/3*100% - (1 - 1/3)*10px)}.trainingcenterclsnew .trainingCategoryList .selectedclass .progressbarcls{-webkit-box-flex:1;flex:1 1 100%}.countcls{-webkit-box-flex:1;flex:1 1 100%;display:-webkit-box;display:flex;cursor:pointer}.trainingcenterclsnew .trainingCategoryList .selectedclass .categoryname{-webkit-box-flex:1;flex:1 1 100%;padding:10px}.trainingcenterclsnew .trainingCategoryList .selectedclass .mat-list-item-content{padding:0;display:-webkit-box;display:flex;-webkit-box-align:stretch;align-items:stretch;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.trainingcenterclsnew .lessondatadiv{padding:10px;border:1px solid #bcbdbf;height:auto}.trainingcenterclsnew .paragraphwrapper .paragraphcls h1,.trainingcenterclsnew .paragraphwrapper .paragraphcls h2{margin:0;padding:0}.trainingcenterclsnew .paragraphwrapper .paragraphcls p{margin:5px 0;padding:0}.trainingcenterclsupdate{margin-top:20px}.trainingcenterclsupdate .rowinner{padding:5px;display:inherit;width:inherit;background-color:#dfdfdf;cursor:pointer;margin:5px 0;display:-webkit-box;display:flex}.lessondatadiv{margin:20px 0;border:1px solid #bcbdbf;padding:20px;display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:justify;justify-content:space-between}.lessondatadiv .lessondatabuttoncls{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;width:100%}.lessondatadiv .lessondatabuttoncls .submitbtn{margin-top:0}.video_arraycls{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;width:100%}.trainingcenterclsnew .mentortitle{display:block;padding:5px;background-color:#0ff;text-transform:uppercase}.banner1cls{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:start;justify-content:flex-start;background-color:#d4d0d0;border-radius:0;margin-top:20px}.banner1cls .submitbtngroup{display:-webkit-box;display:flex;-webkit-box-pack:start;justify-content:flex-start;-webkit-box-align:center;align-items:center;flex-wrap:wrap}.banner1cls .submitbtngroup .submitbtn{margin-right:10px}.lessontitlecls{margin-top:10px}.banner1cls .mat-card-content,.banner2cls{background:#1095e7;border-radius:8px;padding:25px}.bannercls{padding:5px;margin:0 0 10px;font-size:large}.active1{background-color:#885f94!important}.classnotdone{background-color:#f07466}.classongoing{background-color:#303ebb}.classdone{background-color:#3bb659}.classlessonnotdone{background-color:#f07466;width:100%;text-align:left;padding:6px;text-transform:capitalize}.classlessonongoing{background-color:#303ebb;text-align:left;padding:6px;text-transform:capitalize;width:auto}.classlessondone{background-color:#3bb659;width:auto;text-align:left;padding:6px;text-transform:capitalize}.trainingCategoryList .itemnamecls{display:block!important;width:100%}.mentortitle{display:block;padding:5px;background-color:#0ff;text-transform:uppercase}.btncancelcls{position:absolute;right:-20px;top:-17px;padding:4px;background:#0eadff!important;line-height:inherit;min-width:inherit;border-radius:100px;outline:0}.lowerlessoncls{padding:5px;display:inherit;width:inherit;background-color:#dfdfdf;cursor:pointer;margin:5px 0}.example-radio-group{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;margin:15px 0}.example-radio-button{margin:5px}.Audio_arraycls{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;width:100%}.Audiocls{margin-right:38px}.Audiocls p{background-color:#0ff;padding:7px;font-size:large;margin-top:-4px;height:auto}.File_arraycls{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;width:100%}.Filecls{margin-right:38px}.Filecls p{background-color:#0ff;padding:7px;font-size:large;margin-top:-4px;height:auto}.training_mainwrappercon{margin:5px 0;position:relative}.training_mainwrappercon .mat-card-image{width:100%;margin:0!important}.videomainwrapper{width:100%;background:#000;position:relative}.videomainwrapper .videoimg{width:100%;opacity:.5}.videoplayimg{position:absolute;width:20%;left:40%;top:40%}.lessondatadiv .mat-card-content{display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:justify;justify-content:space-between}.lessondatadiv .mat-card-content .trainingcentercls_newcls{width:49%;display:block}.lessondatadiv .mat-card-content .trainingcentercls_newcls:first-of-type{width:100%}.readmore{cursor:pointer}.content_div_cls{display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:justify;justify-content:space-between}.content_div_cls .training_mainwrappercon{width:49%}.audioprogresscls{display:none}.audioprocls{margin-bottom:3px;cursor:pointer}.mandetorycls{color:#b43e3e}.skip_cls{height:37px;margin-right:5px;cursor:pointer}.audiocontrolcls{font-size:35px;margin-right:5px;cursor:pointer}.audioseccls{background-size:100%;height:287px}.audioseccls_slider{background-color:#8fef8d}mat-slider{width:436px}.mat-slider-thumb{border-color:rgba(0,0,0,.26);background:0 0!important}.audiodescendtime{bottom:0;right:78px;-webkit-columns:#000;-moz-columns:#000;columns:#000}.audiotitle_STARTtime{left:87px;bottom:0;-webkit-columns:#000;-moz-columns:#000;columns:#000}.audiocntrlbtn_card{background:0 0!important}.audiocntrlbtn{display:-webkit-box;display:flex;padding:8px}.audiocntrlbtn p{margin-right:5px}.File_descriptioncls,.filetype_doc,.filetype_docx,.filetype_ppt,.filetype_pptx,.image_filetype{cursor:pointer}.donetikcls{width:100%}.doneimgcls{width:28px;margin:-9px;left:419px;position:absolute}.maincartcls{width:100%;height:auto}.alltrainingcls{float:right;width:20%;padding:5px}.alllession_cls{float:left;width:69%;padding:16px}.rowinner_block{display:block;padding:5px;width:inherit;background-color:#dfdfdf;cursor:pointer;margin:5px 0}.maincartcls_row{display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:justify;justify-content:space-between}.maincartcls_row .alllession_cls{width:68%;padding:0}.maincartcls_row .alltrainingcls{width:30%;padding:0;background-color:#c3c4c1;text-transform:inherit}.trainingcentercls_group{border-bottom:10px solid #fff}.trainingcentercls_group:last-of-type{border:none}.trainingcentercls_group h2{margin:0;padding:15px;background:#000;color:#fff}.trainingcentercls_box .mat-list-item{padding:15px;display:block}.trainingcentercls_box .classongoing{background:#234dd8}.markbtncls{left:816px;position:relative}.endtime{float:right}lib-training-centre-pece{position:relative}.lodercls{position:fixed;z-index:99;width:100%;overflow:hidden;top:0}"]}]}],"members":{"trainingDataListener":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":97,"character":3}}]}],"onWindowScroll":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":105,"character":3},"arguments":["window:scroll"]}]}],"formSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":111,"character":3}}]}],"TrainingCentreData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":120,"character":3}}]}],"TrainingCenterRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":237,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":243,"character":29},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":243,"character":53},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":243,"character":89},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"ngx-cookie-service","name":"CookieService","line":243,"character":158},{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":243,"character":188},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":243,"character":217}]}],"ngOnInit":[{"__symbolic":"method"}],"clicktrcataining":[{"__symbolic":"method"}],"onprocess":[{"__symbolic":"method"}],"openlesson":[{"__symbolic":"method"}],"nextbutton":[{"__symbolic":"method"}],"sequentiallock":[{"__symbolic":"method"}],"openLessonVideo":[{"__symbolic":"method"}],"lessonQuiz":[{"__symbolic":"method"}],"getTrainingCenterlistFunctionwithLessonId":[{"__symbolic":"method"}],"complete_video":[{"__symbolic":"method"}],"complete_audio":[{"__symbolic":"method"}],"complete_file":[{"__symbolic":"method"}],"addmrakdata":[{"__symbolic":"method"}],"loadstart":[{"__symbolic":"method"}],"audioended":[{"__symbolic":"method"}],"skipTensec":[{"__symbolic":"method"}],"playbtn":[{"__symbolic":"method"}],"pausebtn":[{"__symbolic":"method"}],"replay":[{"__symbolic":"method"}],"progressbtn":[{"__symbolic":"method"}],"previewpdf":[{"__symbolic":"method"}],"downloadPdf":[{"__symbolic":"method"}]}},"ɵbo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":1055,"character":1},"arguments":[{"selector":"lessonquiz","template":"<div class=\"generalmodalcls\">\n    <div class=\"modal-content\">\n        <div class=\"logowrapperouter\">\n            <div class=\"logowrapper\">\n            </div>\n        </div>\n        {{data.lesson_data.test_percentage|json}}\n\n        <mat-card class=\"lessonquizcls\">\n            <mat-card-content *ngIf=\"quizData != null && quizData != ''\" class=\"questioncls\">\n\n                <h2 class=\"quizData\">Question {{indexVal}} of {{data?.quiz_data.length}} :</h2>\n\n                <h3 class=\"quizData\">{{quizData?.question}}</h3>\n                <br>\n\n\n                <mat-radio-group aria-labelledby=\"example-radio-group-label\" class=\"exampleradiogroupcls\"\n                    [(ngModel)]=\"quizVal\">\n                    <mat-radio-button class=\"example-radio-button\" *ngFor=\"let item of quizData.answer;let i=index\"\n                        [value]=\"item\">\n                        {{item.answer}}\n                    </mat-radio-button>\n                </mat-radio-group>\n\n            </mat-card-content>\n\n            <mat-card-content *ngIf=\"quizData == ''\" class=\"quizanscls\">\n                <div class=\"quizloadercls\">\n                    <!-- <mat-progress-bar mode=\"indeterminate\" *ngIf=\"progressSpinner.loading\"></mat-progress-bar> -->\n                </div>\n                <h2 class=\"example-h2\" style=\"text-align: center;\">Quiz Result</h2>\n\n                <span>\n                    <h2 class=\"quiz_data\">Total Question : {{data.quiz_data.length}}</h2>\n                    <h2 class=\"CheckedAnswer\">Attempt Question : {{CheckedAnswer.length}}</h2>\n                    <h2 class=\"correctQuizVal\">Correct Answer : {{correctQuizVal.length}}</h2>\n                    <h2 class=\"lesson_data\">Target Percentage : {{data.lesson_data[0].test_percentage}}%</h2>\n                    <h2 class=\"resultVal\">Your Score : {{resultVal}}%</h2>\n                    <h2 class=\"resultStatus\">\n                        Status : <span *ngIf=\"resultStatus == 'Success'\" style=\"color: forestgreen;\"> {{resultStatus}}\n                        </span>\n                        <span *ngIf=\"resultStatus == 'Failed'\" style=\"color:rgb(211, 52, 52);\"> {{resultStatus}} </span>\n                    </h2>\n\n                </span>\n            </mat-card-content>\n\n            <span class=\"noquizcls\" *ngIf=\"data.quiz_data.length == 0\">\n                <h2>No Quiz Available</h2>\n            </span>\n\n\n        </mat-card>\n\n\n\n        <mat-dialog-actions class=\"modalbtncls\">\n            <button class=\"btncancelcls\" mat-raised-button color=\"accent\" (click)=\"closedModal()\"><span\n                    class=\"material-icons\">\n                    clear\n                </span></button>\n\n            <button *ngIf=\"quizData == '' && resultStatus == 'Success'\" class=\"btnbluecls\" mat-raised-button\n                color=\"accent\" (click)=\"saveQuizRecord(quizData)\">Continue</button>\n\n            <button *ngIf=\"quizData == '' && resultStatus == 'Failed'\" class=\"btnbluecls\" mat-raised-button\n                color=\"primary\" (click)=\"startQuizAgain(quizData)\">Take Quiz Again</button>\n\n            <button *ngIf=\"quizData != null && quizData != ''\" class=\"btnbluecls\" mat-raised-button color=\"accent\"\n                (click)=\"nextQuizRecord(quizData)\">Next <span class=\"material-icons\">\n                    arrow_forward_ios\n                </span></button>\n\n        </mat-dialog-actions>\n    </div>\n</div>"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":1074,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":1074,"character":12}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵbq"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":243,"character":53},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":243,"character":29}]}],"closedModal":[{"__symbolic":"method"}],"nextQuizRecord":[{"__symbolic":"method"}],"saveQuizRecord":[{"__symbolic":"method"}],"startQuizAgain":[{"__symbolic":"method"}]}},"ɵbp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":1191,"character":1},"arguments":[{"selector":"peceLessonVideo","template":"<div class=\"generalmodalcls\">\n    <div class=\"modal-content\">\n        <div class=\"logowrapperouter\">\n            <div class=\"logowrapper\">\n            </div>\n        </div>\n\n        <div mat-dialog-content class=\"videocls\">\n            <!-- <div class=\"video_timecls\" *ngIf=\"video_time != null\">\n                Video Duration : {{video_time}}\n            </div> -->\n            <div class=\"mainvdcls\">\n                <div class=\"mt-1\" id=\"player\"></div>\n                <video width=\"560\" height=\"315\" id=\"my-video-modal\" *ngIf=\"videoplayflag\"\n                class=\"video-js videothwrapper-item videothwrapper-16by9\" (timeupdate)=\"onprocess()\" preload=\"auto\"\n                poster=\"https://all-frontend-assets.s3.amazonaws.com/AWS-Physicians/images/dr_banner1.jpg\"\n                data-setup=\"{}\">\n                <source [src]=\"video_url1\" type=\"video/mp4\" /> \n                <p class=\"vjs-no-js\">\n                    To view this video please enable JavaScript, and consider upgrading to a\n                    web browser that\n                    <!-- <a href=\"https://videojs.com/html5-video-support/\" target=\"_blank\">\n                        supports HTML5 video\n                    </a> -->\n                </p>\n            </video>\n            <mat-progress-bar class=\"loaderprogress\" mode=\"determinate\" value=\"{{ video_percent }}\">\n            </mat-progress-bar>\n            <ng-container *ngIf=\"videotimeflag&&data.data.video_skippable\">\n                <mat-progress-bar class=\"loaderprogress\" mode=\"determinate\" value=\"{{ video_percent }}\">\n                </mat-progress-bar>\n\n                <div class=\"actioncontrol\">\n                    <span class=\"videotime\">{{ video_time }}/{{ video_end_time }}</span>\n\n                    <button (click)=\"playbtn()\" *ngIf='!playpauseflag' class=\"playbtn\">\n                        <mat-icon>play_arrow</mat-icon>\n                    </button>\n                    <button (click)=\"pausebtn()\" *ngIf='playpauseflag' class=\"pausebtn\">\n                        <mat-icon>pause</mat-icon>\n\n                    </button>\n                    <div class=\"playbtnlessplus\">\n                        <button (click)=\"skip(-10)\" class=\"playbtnless\">\n                            <img src=\"https://img.icons8.com/ios-glyphs/30/000000/replay-10.png\" />\n                        </button>\n                        <button (click)=\"skip(10)\" class=\"playbtnplus\">\n                            <img src=\"https://img.icons8.com/ios-glyphs/60/000000/forward-10.png\" />\n                        </button>\n                    </div>\n\n                </div>\n            </ng-container>\n                <!-- <iframe width=\"700\" height=\"400\" [src]=\"data.safe_url\" frameborder=\"0\"\n                    allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n                    allowfullscreen></iframe> -->\n                <!-- <youtube-player id=\"ytplayer\" [videoId]=\"data.video_url\" (ready)=\"savePlayer($event)\"\n                    (change)=\"onStateChange($event)\" [playerVars]=\"playerVars\" [height]=500 [autoplay]=true [width]=850>\n                </youtube-player> -->\n            </div>\n            <!-- {{data.data.video_skippable}} -->\n            <!-- <ng-container *ngIf=\"data.data.video_skippable!=true\">\n                <mat-progress-bar mode=\"determinate\" value={{percent}}></mat-progress-bar>\n                <span class=\"currenttime\">{{video_current_time}}</span><span class=\"endtime\">{{video_time}}</span>\n            </ng-container> -->\n\n            <!-- <div class=\"videocls\">\n                <p class=\"videotitlecls\">{{data?.data?.video_title}}</p>\n\n                <div class=\"video_descriptioncls\" [innerHTML]=\"data.data.video_description\"></div>\n            </div> -->\n        </div>\n\n\n        <mat-dialog-actions class=\"modalbtncls\">\n            <button class=\"btncancelcls\" mat-raised-button color=\"accent\" (click)=\"closedModals()\"><span\n                    class=\"material-icons\">\n                    clear\n                </span></button>\n        </mat-dialog-actions>\n    </div>\n</div>"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":1231,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":1231,"character":12}]}],null,null,null,null,null],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵbq"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":243,"character":217},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":243,"character":53},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":243,"character":29},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":243,"character":89}]}],"ngOnInit":[{"__symbolic":"method"}],"onprocess":[{"__symbolic":"method"}],"savePlayer":[{"__symbolic":"method"}],"close_video":[{"__symbolic":"method"}],"skip":[{"__symbolic":"method"}],"playbtn":[{"__symbolic":"method"}],"pausebtn":[{"__symbolic":"method"}],"closedModals":[{"__symbolic":"method"}]}},"ɵbq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":1487,"character":1},"arguments":[{"selector":"preview-content-dialog","template":"<div *ngIf=\"data.flag=='pdf'\" class=\"allcontent\">\n\n    <!-- {{previewImg|json}} -->\n    <span class=\"filetitle\">{{data.data.file_title}}</span>\n    <div class=\"pdftoimgcls\">\n        <img [src]=\"image\">\n    </div>\n    <p>{{data.data.file_desc}}</p>\n    <div class=\"allimgcountscls\">\n\n        <button mat-stroked-button (click)=\"nextprevbtn('prev')\"\n            [ngClass]=\"indeximg == 0?'preview_inactive':'preview_active'\">\n            <span class=\"material-icons\">\n                keyboard_arrow_left\n            </span></button>\n        <span class=\"paginationcls\" >\n            {{page}} of {{pos}}\n        </span>\n\n        <button mat-stroked-button (click)=\"nextprevbtn('next')\"\n            [ngClass]=\"page == pos?'preview_inactive':'preview_active'\">\n            <span class=\"material-icons\">\n                navigate_next\n            </span> </button>\n    </div>\n    <div mat-dialog-actions class=\"Lesson_Videos_Modal_footer dilogcontentcancelcls\">\n        <button mat-button mat-dialog-close (click)=\"close('file')\">\n            <span class=\"material-icons\">\n                clear\n            </span>\n        </button>\n\n    </div>\n</div>\n<div *ngIf=\"data.flag=='img'\">\n    <span class=\"filetitle\">{{data.data.file_title}}</span>\n    <div class=\"pdftoimgcls\">\n        <img [src]=\"image1\">\n    </div>\n    <div class=\"titledesc\">\n        <!-- <p class=\"File_titlecls\">{{data.data.file_title }}</p>              -->\n\n        <p class=\"File_descriptioncls\">{{ data.data.file_desc }}</p>\n    </div>\n    <div mat-dialog-actions class=\"Lesson_Videos_Modal_footer dilogcontentcancelcls\">\n        <button mat-button mat-dialog-close (click)=\"close('img')\">\n            <span class=\"material-icons\">\n                clear\n            </span>\n        </button>\n\n    </div>\n</div>","styles":[".ytp-watermark{position:absolute;width:110px;height:26px;bottom:49px;right:16px;z-index:27;opacity:.9;display:none!important}.videocls .videotitlecls{background-color:#0ff;padding:7px;font-size:large;margin-top:-4px;height:auto;width:100%}.videocls .video_descriptioncls{background-color:rgb(65 137 154);padding:7px;font-size:large;margin-top:-18px;height:auto;width:100%}.video_timecls{background-color:#9da3a3;padding:7px;font-size:large;margin-top:2px;height:auto;width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":1505,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":1505,"character":12}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material","arguments":[{"__symbolic":"reference","name":"ɵbq"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":243,"character":53},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":243,"character":29}]}],"close":[{"__symbolic":"method"}],"nextprevbtn":[{"__symbolic":"method"}]}},"ɵbr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":43,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule","line":45,"character":4},{"__symbolic":"reference","module":"@angular/cdk/stepper","name":"CdkStepperModule","line":46,"character":4},{"__symbolic":"reference","module":"@angular/cdk/table","name":"CdkTableModule","line":47,"character":4},{"__symbolic":"reference","module":"@angular/cdk/tree","name":"CdkTreeModule","line":48,"character":4},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDropModule","line":49,"character":4},{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteModule","line":50,"character":4},{"__symbolic":"reference","module":"@angular/material/badge","name":"MatBadgeModule","line":51,"character":4},{"__symbolic":"reference","module":"@angular/material/bottom-sheet","name":"MatBottomSheetModule","line":52,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":53,"character":4},{"__symbolic":"reference","module":"@angular/material/button-toggle","name":"MatButtonToggleModule","line":54,"character":4},{"__symbolic":"reference","module":"@angular/material/card","name":"MatCardModule","line":55,"character":4},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":56,"character":4},{"__symbolic":"reference","module":"@angular/material/chips","name":"MatChipsModule","line":57,"character":4},{"__symbolic":"reference","module":"@angular/material/stepper","name":"MatStepperModule","line":58,"character":4},{"__symbolic":"reference","module":"@angular/material/datepicker","name":"MatDatepickerModule","line":59,"character":4},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":60,"character":4},{"__symbolic":"reference","module":"@angular/material/divider","name":"MatDividerModule","line":61,"character":4},{"__symbolic":"reference","module":"@angular/material/expansion","name":"MatExpansionModule","line":62,"character":4},{"__symbolic":"reference","module":"@angular/material/grid-list","name":"MatGridListModule","line":63,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":64,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":65,"character":4},{"__symbolic":"reference","module":"@angular/material/list","name":"MatListModule","line":66,"character":4},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":67,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatNativeDateModule","line":68,"character":4},{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginatorModule","line":69,"character":4},{"__symbolic":"reference","module":"@angular/material/progress-bar","name":"MatProgressBarModule","line":70,"character":4},{"__symbolic":"reference","module":"@angular/material/progress-spinner","name":"MatProgressSpinnerModule","line":71,"character":4},{"__symbolic":"reference","module":"@angular/material/radio","name":"MatRadioModule","line":72,"character":4},{"__symbolic":"reference","module":"@angular/material/core","name":"MatRippleModule","line":73,"character":4},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":74,"character":4},{"__symbolic":"reference","module":"@angular/material/sidenav","name":"MatSidenavModule","line":75,"character":4},{"__symbolic":"reference","module":"@angular/material/slider","name":"MatSliderModule","line":76,"character":4},{"__symbolic":"reference","module":"@angular/material/slide-toggle","name":"MatSlideToggleModule","line":77,"character":4},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBarModule","line":78,"character":4},{"__symbolic":"reference","module":"@angular/material/sort","name":"MatSortModule","line":79,"character":4},{"__symbolic":"reference","module":"@angular/material/table","name":"MatTableModule","line":80,"character":4},{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabsModule","line":81,"character":4},{"__symbolic":"reference","module":"@angular/material/toolbar","name":"MatToolbarModule","line":82,"character":4},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":83,"character":4},{"__symbolic":"reference","module":"@angular/material/tree","name":"MatTreeModule","line":84,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":85,"character":4},{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"ScrollingModule","line":86,"character":4}]}]}],"members":{}},"ɵbs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ngInjectableDef":{}}}},"origins":{"TraningService":"./lib/traning.service","DialogData":"./lib/traning.component","DialogData1":"./lib/traning.component","TraningComponent":"./lib/traning.component","AddAudioVideoFileDialogComponent":"./lib/traning.component","videoDialogComponent":"./lib/traning.component","TraningModule":"./lib/traning.module","ɵa":"./lib/api.service","ɵb":"./lib/manage-lessions/add-edit-lessions/add-edit-lessions.component","ɵc":"./lib/training-center/add-edit-center/add-edit-center.component","ɵd":"./lib/manage-training/listing-training/listing-training.component","ɵe":"./lib/common/dialog-box/dialog-box.component","ɵf":"./lib/manage-lessions/list-lession/list-lesson.component","ɵg":"./lib/manage-lessions/list-lession/list-lesson.component","ɵh":"./lib/training-center/list/list.component","ɵi":"./lib/training-center/list/list.component","ɵj":"./lib/manage-quiz/manage-quiz.component","ɵk":"./lib/manage-quiz/manage-quiz.component","ɵl":"./lib/manage-quiz/add-edit/add-edit.component","ɵm":"./lib/manage-quiz/add-update-answer/add-update-answer.component","ɵn":"./lib/manage-quiz/update-answer/update-answer.component","ɵo":"./lib/manage-quiz/update-answer/update-answer.component","ɵp":"./lib/loginfortraining/loginfortraining.component","ɵq":"./lib/trainingreport/trainingreport.component","ɵr":"./lib/category-wise-report/category-wise-report.component","ɵs":"./lib/training-center-dna/training-center-dna.component","ɵt":"./lib/training-center-dna/training-center-dna.component","ɵu":"./lib/training-center-dna/training-center-dna.component","ɵv":"./lib/training-center-dna/training-center-dna.component","ɵw":"./lib/training-center-dna/training-center-dna.component","ɵx":"./lib/training-center-dna/training-center-dna.component","ɵy":"./lib/training-center-dna/training-center-dna.component","ɵz":"./lib/training-center-dna/training-center-dna.component","ɵba":"./lib/lesson-plan-material/lesson-plan-material.component","ɵbb":"./lib/manage-quiz/list-quiz/list-quiz.component","ɵbc":"./lib/manage-quiz/add-edit-quiz/add-edit-quiz.component","ɵbd":"./lib/pipe/details.pipe","ɵbe":"./lib/pipe/percentage.pipe","ɵbf":"./lib/training-centre-beto-paredes/training-centre-beto-paredes.component","ɵbg":"./lib/training-centre-beto-paredes/training-centre-beto-paredes.component","ɵbh":"./lib/training-centre-beto-paredes/training-centre-beto-paredes.component","ɵbi":"./lib/training-centre-beto-paredes/training-centre-beto-paredes.component","ɵbj":"./lib/training-centre-beto-paredes/training-centre-beto-paredes.component","ɵbk":"./lib/training-centre-beto-paredes/training-centre-beto-paredes.component","ɵbl":"./lib/training-centre-beto-paredes/training-centre-beto-paredes.component","ɵbm":"./lib/training-centre-beto-paredes/training-centre-beto-paredes.component","ɵbn":"./lib/traing-center-pece/traing-center-pece.component","ɵbo":"./lib/traing-center-pece/traing-center-pece.component","ɵbp":"./lib/traing-center-pece/traing-center-pece.component","ɵbq":"./lib/traing-center-pece/traing-center-pece.component","ɵbr":"./lib/material-module","ɵbs":"./lib/audio-service.service"},"importAs":"traning-lib-influxiq"}