From b441cb8814f54a2af13337b93fa5ce44e7f30165 Mon Sep 17 00:00:00 2001
From: "venbatechnologies@gmail.com" <venbatechnologies@gmail.com>
Date: Fri, 12 Jun 2020 19:00:27 +0530
Subject: [PATCH] Fairoj : Playback button is enabled after the pd is completed

---
 .../list-pd/view-pd/view-pd.component.html          |  6 ++++--
 .../list-pd/view-pd/view-pd.component.scss          |  3 +++
 .../manage-pd/list-pd/view-pd/view-pd.component.ts  | 13 ++++++++-----
 3 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.html
index 5fbe85637..2aeefe05a 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.html
@@ -146,10 +146,12 @@
            </button>&nbsp;&nbsp;</span>
            <!-- <div class="fab-group" *ngIf="master.fk_pd_type == '3'"> -->
           <!-- </div> -->
-            <button *ngIf="master.fk_pd_type == '3'"  mat-stroked-button class="mr-1 mb-1"  color="primary" (click)="openPlayer()">
-              <mat-icon>play_circle_filled</mat-icon>&nbsp;
+          <span  matTooltip="{{!videoplayback.enableBtn ? 'Recorded video is available after the PD is completed' : 'Play Recorded Video'}}" matTooltipPosition="above">
+            <button *ngIf="master.fk_pd_type == '3'"  mat-stroked-button class="mr-1 mb-1"  color="primary" (click)="openPlayer()" [disabled]="!videoplayback.enableBtn" >
+                <mat-icon>play_circle_filled</mat-icon>&nbsp;
               <strong>Play</strong>
               </button>
+            </span>
                   <button *ngIf="master.fk_pd_type == '3'" mat-button mat-raised-button class="mr-1 mb-1"  color="primary" (click)="openVideoChat()">
                       <mat-icon>videocam</mat-icon>&nbsp;
                       <strong>Call</strong>
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.scss b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.scss
index 690abec80..72064503b 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.scss
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.scss
@@ -86,4 +86,7 @@
     // right: 415px;
     }
     // }
+}
+.mat-tooltip{
+    font-size: 12px !important;
 }
\ No newline at end of file
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.ts b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.ts
index a70553a1b..01e334b0b 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.ts
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/view-pd.component.ts
@@ -127,7 +127,7 @@ export class ViewPdComponent implements OnInit, OnDestroy {
       // }
     ]
   };
-  videoSrc: any = null;
+  videoplayback: any = {enableBtn:false,url:null};
 
   constructor(notifier: NotifierService, private dialog: MatDialog, private _fb: FormBuilder,
     private _pd: PdTrigerService, private route: ActivatedRoute, private router: Router, private ListPdComponent: ListPdComponent) {
@@ -147,7 +147,6 @@ export class ViewPdComponent implements OnInit, OnDestroy {
     // this.masterRandomString = this.route.snapshot.params['rdmstr'];
     this.viewPdDetails(this.viewID,this.masterRandomString);
     this.getAllNotes();
-   this.getVideoUrl(this.viewID,this.masterRandomString)
   }
   pd_QC_Rating: Number;
 
@@ -162,6 +161,10 @@ export class ViewPdComponent implements OnInit, OnDestroy {
         if (data.status == 200) {
           let masterData: any = data.records.pd_master_details;
           this.pdMasterData.push(masterData[0]);
+          if(this.pdMasterData[0].pd_status == 'COMPLETED') { 
+            this.getVideoUrl(this.viewID,this.masterRandomString)
+            this.videoplayback.enableBtn = true;
+          }
           this.mandatoryFieldsValidations = masterData[1].mandatory_fields;
           this.pd_QC_Rating = Number(this.pdMasterData.qc_rating);
           this.pdApplicantData = data.records.applicants_details;
@@ -631,12 +634,12 @@ export class ViewPdComponent implements OnInit, OnDestroy {
     })
   }
   openPlayer(){
-    if(this.videoSrc == null) {
+    if(this.videoplayback.url == null) {
       this.notifier.notify('info',"No Videos Found");
       return;
     }
   let dialogRef  = this.dialog.open(VideoPlayerComponent,{
-    data:{videoUrl:this.videoSrc},
+    data:{videoUrl:this.videoplayback.url},
     maxWidth: '100vw',
     maxHeight: '100vh',
     height: '80%',
@@ -648,7 +651,7 @@ export class ViewPdComponent implements OnInit, OnDestroy {
 getVideoUrl(pd_id,randomStr){
   let params = {"pd_id":pd_id,"random_string":randomStr}
   this._pd.getRecordedPlaybackUrl(params).subscribe(result=>{
-    this.videoSrc=result['url'];
+    this.videoplayback.url=result['url'];
   })
 }