From 8a3b5a5d2717ce984a9c01726110f21be98fee3b Mon Sep 17 00:00:00 2001
From: venbainfotech <bitbucket@venbainfotech.com>
Date: Thu, 2 Jun 2022 14:00:44 +0530
Subject: [PATCH] Google Video Issue fix

---
 .../image-video/image-video.component.html    | 88 +++++++------------
 .../image-video/image-video.component.ts      | 11 ++-
 .../list-pd/view-pd/view-pd.component.ts      |  4 +-
 3 files changed, 43 insertions(+), 60 deletions(-)

diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/image-video/image-video.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/image-video/image-video.component.html
index 898205e01..395d74813 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/image-video/image-video.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/image-video/image-video.component.html
@@ -1,8 +1,8 @@
 
 <!--Start Image Code-->  
 <div *ngIf="details.flag == 0">
-<h2 mat-dialog-title class="paragraph_change">
-  <div fxFlex="70" style="padding: 10px !important;">
+<h2 mat-dialog-title>
+  <div fxFlex="70" style="padding: 10px !important;font-weight: bold;">
           Image Capture URL
   </div>
   <div fxFlex="30" align="end" style="padding: 10px !important;">
@@ -38,8 +38,8 @@
 <!--End Image Code-->
 <!--Start Video Code--> 
 <div *ngIf="details.flag == 1">
-    <h2 mat-dialog-title class="paragraph_change">
-        <div fxFlex="50" style="padding: 10px !important;font-weight: bold;color: #f34436;">
+    <h2 mat-dialog-title>
+        <div fxFlex="50" style="padding: 10px !important;font-weight: bold;">
                 VIDEO CALL
         </div>
         <div fxFlex="50" align="end" style="padding: 10px !important;">
@@ -49,73 +49,51 @@
                     <mat-icon>play_circle_filled</mat-icon>&nbsp;
                   <strong>Play Recorded Video</strong>
                   </button>
-              </span>
-              <!-- <button *ngIf="master.fk_pd_type == '3' || master.fk_pd_type == '2'" mat-button mat-raised-button class="mr-1 mb-1"  color="primary" (click)="openVideoChat()">
-                  <mat-icon>videocam</mat-icon>&nbsp;
-                  <strong>Call</strong>
-                </button> -->
+              </span> 
               <button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="closeComponent()" matTooltip="Close" matTooltipPosition="below"><mat-icon>close</mat-icon></button>
         </div>
         
         </h2>
         <div *ngIf="hideDetails == false">
-    <div fxLayout="row" fxLayoutAlign="center center">
-        <!-- <div fxFlex.xs="20%" fxFlex.sm="20%" fxFlex.md="20%" fxFlex.lg="20%" fxFlex.xl="20%" fxLayoutAlign="start center">
+    <div fxLayout="row" fxLayoutAlign="center center" style="margin-bottom: 10px;">
+        <div fxFlex.xs="20%" fxFlex.sm="20%" fxFlex.md="20%" fxFlex.lg="20%" fxFlex.xl="20%" fxLayoutAlign="start center">
           <h4 style="color: green !important;padding: 0px;margin: 0px;"> <strong>PDGenie Chat :</strong></h4>
-        </div> -->
-        <div fxFlex.xs="30%" fxFlex.sm="30%" fxFlex.md="30%" fxFlex.lg="30%" fxFlex.xl="30%" fxLayoutAlign="center center">
+        </div>
+        <div fxFlex.xs="10%" fxFlex.sm="10%" fxFlex.md="10%" fxFlex.lg="10%" fxFlex.xl="10%" fxLayoutAlign="start center">
+          <button disabled="{{pdgenie_hide_button}}" mat-raised-button mat-icon-button class="hover-icon" type="button" (click)="copyToClipBoard(details.videoChatLink,'videoChat')" matTooltip="Copy PDGenie Customer link" matTooltipPosition="below"><mat-icon>file_copy</mat-icon></button>
+        </div>
+        <div fxFlex.xs="30%" fxFlex.sm="30%" fxFlex.md="30%" fxFlex.lg="30%" fxFlex.xl="30%" fxLayoutAlign="start center">
             <!-- <mat-card class="linkStyle">{{details.videoChatLink}}</mat-card> -->
-            <button disabled="{{pdgenie_hide_button}}" mat-button mat-raised-button color="primary" (click)="copyToClipBoard(details.videoChatLink,'videoChat')">
+            <button disabled="{{pdgenie_hide_button}}" mat-button mat-raised-button color="primary" (click)="open_PDGenie_GMeet('PDGenie')" style="width: 184px;">
                 <mat-icon>video_call</mat-icon>&nbsp;
                 <strong>Join PDGenie Meet</strong>
               </button>
         </div>
-        <!-- <div fxFlex.xs="20%" fxFlex.sm="20%" fxFlex.md="20%" fxFlex.lg="20%" fxFlex.xl="20%" fxLayoutAlign="start center">
-            <h4 style="color: green !important;padding: 0px;margin: 0px;"> <strong>Google Meet :</strong></h4>
-          </div> -->
-        <div fxFlex.xs="30%" fxFlex.sm="30%" fxFlex.md="30%" fxFlex.lg="30%" fxFlex.xl="30%" fxLayoutAlign="center center">
-            <!-- <mat-card class="linkStyle">{{google_Meet_Link}}</mat-card> -->
-            <button disabled="{{g_meet_hide_button}}" mat-button mat-raised-button color="primary" (click)="copyToClipBoard(google_Meet_Link,'G_Meet')">
-                <mat-icon>video_call</mat-icon>&nbsp;
-                <strong>Join Google Meet</strong>
-              </button>
-        </div>
-        <!-- <div fxFlex.xs="8%" fxFlex.sm="8%" fxFlex.md="8%" fxFlex.lg="8%" fxFlex.xl="8%" fxLayoutAlign="start center">
-          <button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="copyToClipBoard(details.videoChatLink,'videoChat')" matTooltip="Copy To ClipBoard" matTooltipPosition="below"><mat-icon>file_copy</mat-icon></button>
-        </div> -->
-        <!-- <div fxFlex.xs="8%" fxFlex.sm="8%" fxFlex.md="8%" fxFlex.lg="8%" fxFlex.xl="8%" fxLayoutAlign="start center">
-            <button mat-raised-button class="mr-1 mb-1"  color="primary" type="button" (click)="smsCheck(1)" matTooltip="Send Link Via SMS" matTooltipPosition="above" >
-            <mat-icon>textsms</mat-icon></button>
-        </div> -->
-    </div> 
-    <!-- <div fxLayout="row" fxLayoutAlign="start center">
-        <div fxFlex.xs="20%" fxFlex.sm="20%" fxFlex.md="20%" fxFlex.lg="20%" fxFlex.xl="20%" fxLayoutAlign="start center">
-            <h4 style="color: green !important;"> <strong>Google Meet :</strong></h4>
-          </div>
-        <div fxFlex.xs="70%" fxFlex.sm="70%" fxFlex.md="70%" fxFlex.lg="70%" fxFlex.xl="70%" fxLayoutAlign="start center">
-            <mat-card class="linkStyle">{{google_Meet_Link}}</mat-card>
-            <button  mat-button mat-raised-button color="primary" (click)="copyToClipBoard(google_Meet_Link,'G_Meet')">
-                <mat-icon>video_call</mat-icon>&nbsp;
-                <strong>Join Google Meet</strong>
-              </button>
-        </div>
-        <div fxFlex.xs="8%" fxFlex.sm="8%" fxFlex.md="8%" fxFlex.lg="8%" fxFlex.xl="8%" fxLayoutAlign="start center">
-          <button mat-raised-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="copyToClipBoard(google_Meet_Link,'G_Meet')" matTooltip="Copy To ClipBoard" matTooltipPosition="below"><mat-icon>file_copy</mat-icon></button>
-        </div>
-        <div fxFlex.xs="8%" fxFlex.sm="8%" fxFlex.md="8%" fxFlex.lg="8%" fxFlex.xl="8%" fxLayoutAlign="start center">
-            <button mat-raised-button class="mr-1 mb-1"  color="primary" type="button" (click)="smsCheck(1)" matTooltip="Send Link Via SMS" matTooltipPosition="above" >
-            <mat-icon>textsms</mat-icon></button>
-        </div>
-    </div>  -->
+    </div>
+        <div fxLayout="row" fxLayoutAlign="center center">
+            <div fxFlex.xs="20%" fxFlex.sm="20%" fxFlex.md="20%" fxFlex.lg="20%" fxFlex.xl="20%" fxLayoutAlign="start center">
+                <h4 style="color: green !important;padding: 0px;margin: 0px;"> <strong>Google Meet :</strong></h4>
+              </div>
+              <div fxFlex.xs="10%" fxFlex.sm="10%" fxFlex.md="10%" fxFlex.lg="10%" fxFlex.xl="10%" fxLayoutAlign="start center">
+                <button disabled="{{g_meet_hide_button}}" mat-raised-button mat-icon-button class="hover-icon" type="button" (click)="copyToClipBoard(google_Meet_Link,'G_Meet')" matTooltip="Copy Google Meet link" matTooltipPosition="below"><mat-icon>file_copy</mat-icon></button>
+              </div>
+            <div fxFlex.xs="30%" fxFlex.sm="30%" fxFlex.md="30%" fxFlex.lg="30%" fxFlex.xl="30%" fxLayoutAlign="start center">
+                <!-- <mat-card class="linkStyle">{{google_Meet_Link}}</mat-card> -->
+                <button disabled="{{g_meet_hide_button}}" mat-button mat-raised-button color="primary" (click)="open_PDGenie_GMeet('G_Meet')" style="width: 184px;">
+                    <mat-icon>video_call</mat-icon>&nbsp;
+                    <strong>Join Google Meet</strong>
+                  </button>
+            </div> 
+    </div>  
   
   <div fxLayout="row" fxLayoutAlign="center center" *ngIf="showLinkCard == true" style="margin-top: 20px;">
       <div fxFlex.xs="70%" fxFlex.sm="70%" fxFlex.md="70%" fxFlex.lg="70%" fxFlex.xl="70%" fxLayoutAlign="center center">
           <mat-card class="linkStyle">{{pdGenie_GMeet_Link}}</mat-card>
       </div> 
-      <div fxFlex.xs="8%" fxFlex.sm="8%" fxFlex.md="8%" fxFlex.lg="8%" fxFlex.xl="8%" fxLayoutAlign="start center">
+      <!-- <div fxFlex.xs="8%" fxFlex.sm="8%" fxFlex.md="8%" fxFlex.lg="8%" fxFlex.xl="8%" fxLayoutAlign="start center">
         <button mat-raised-button class="mr-1 mb-1"  color="primary" type="button" (click)="smsCheck(1)" matTooltip="Send Link Via SMS" matTooltipPosition="above" >
         <mat-icon>textsms</mat-icon></button>
-    </div>
+    </div> -->
   </div>
 </div>
   <div fxLayout="row" *ngIf="hideDetails == true" fxLayoutAlign="center center">
@@ -132,8 +110,8 @@
   
 
   <div *ngIf="details.flag == 2">
-      <h2 mat-dialog-title class="paragraph_change">
-          <div fxFlex="70" style="padding: 10px !important;font-weight: bold;color: #f34436;">
+      <h2 mat-dialog-title>
+          <div fxFlex="70" style="padding: 10px !important;font-weight: bold;">
                   VIDEO CALL
           </div>
           <div fxFlex="30" align="end" style="padding: 10px !important;">        
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/image-video/image-video.component.ts b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/image-video/image-video.component.ts
index a98d33aff..744964fed 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/image-video/image-video.component.ts
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/view-pd/image-video/image-video.component.ts
@@ -134,7 +134,7 @@ export class ImageVideoComponent implements OnInit {
     })
   }
 
-  openVideoChat(){
+  open_PDGenie_GMeet(event){
     // let dialogRef  = this.dialog.open(VideoChatComponent,{
     //   data:{type:'init',random_string:this.pdMasterData[0].random_string,pd_id:this.viewID},
     //   maxWidth: '100vw',
@@ -144,8 +144,13 @@ export class ImageVideoComponent implements OnInit {
     //   disableClose: true,
     //   panelClass:'video-chat'
     // })
-    let url = window.location.origin+'/vchat/#/chat/'+this.master.random_string+';id='+this.master.pd_id+';type=2'
-    window.open(url,'_blank')
+    if(event == 'PDGenie'){
+      let url = window.location.origin+'/vchat/#/chat/'+this.master.random_string+';id='+this.master.pd_id+';type=2'
+      window.open(url,'_blank')
+    } else if(event == 'G_Meet'){
+      let url = this.google_Meet_Link
+      window.open(url,'_blank')
+    }
   }
   openPlayer(){
     // if(this.videoplayback.url == null) {
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 fa33f337b..3a9c38f67 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
@@ -785,8 +785,8 @@ export class ViewPdComponent implements OnInit, OnDestroy {
        data: {masterDetails:master,videoChatLink:videoChatLink,applicantNo:this.pdApplicantData[0].mobile_no,flag:1},
        // position: { right: '0' },
        maxWidth: '70vw',
-       maxHeight: '50vw',
-       height: '50%',
+       maxHeight: '60vw',
+       height: '60%',
        width: '70%',
        disableClose: true
      });