From 2a7e2804dbf7a219900ae87e10c9e30902b84e40 Mon Sep 17 00:00:00 2001
From: "venbatechnologies@gmail.com" <venbatechnologies@gmail.com>
Date: Wed, 16 Feb 2022 22:09:14 +0530
Subject: [PATCH] crop tools view changes

---
 .../image-crop/image-crop.component.html      | 59 +++++++++++++------
 1 file changed, 41 insertions(+), 18 deletions(-)

diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/dialogue/image-crop/image-crop.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/dialogue/image-crop/image-crop.component.html
index df7e389f2..c41278e10 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/dialogue/image-crop/image-crop.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/dialogue/image-crop/image-crop.component.html
@@ -19,46 +19,69 @@
 <mat-dialog-content>
     <div class="card-container">
             <span *ngIf="isBase64Image; else loader">
-        <div class="container">
+        <!--<div class="container">
                <img [src]="transform()">  
-        </div>
+        </div>-->
         <div fxLayout="row wrap" class="mt-1">
-            <div fxFlex="40">
+            <div class="container" fxFlex="20">
+                <img [src]="transform()">  
+            </div>
+            <div fxFlex="20">
                         <mat-form-field style="width: 95%">
                             <input matInput [(ngModel)]="document_title" autocomplete="off" placeholder="Enter Name" type="text">
+                            
                         </mat-form-field>
-                </div>
-                <div fxFlex="20" style="text-align: left !important;">
+                        <button *ngIf="previewflag" mat-button mat-raised-button mat-icon-button (click)="onSubmit()" class="mr-1 mb-1 hover-icon" matTooltip="Save1" matTooltipPosition="above"><mat-icon>save</mat-icon></button>
+                            <button  *ngIf="previewflag" mat-button mat-raised-button mat-icon-button (click)="closeDialogue()" class="mr-1 mb-1 hover-icon" matTooltip="Cancel" matTooltipPosition="above"><mat-icon>close</mat-icon></button>
+                        <div *ngIf="!previewflag">   
+                            <button mat-raised-button mat-icon-button (click)="onSubmit()" class="mr-1 mb-1 hover-icon" matTooltip="Save" matTooltipPosition="above"><mat-icon>save</mat-icon></button>
+                            <button  *ngIf="cropflag" mat-button mat-raised-button mat-icon-button (click)="crop()" class="mr-1 mb-1 hover-icon" matTooltip="Preview Image" matTooltipPosition="above"><mat-icon>image</mat-icon></button>
+                            <button mat-raised-button mat-icon-button (click)="closeDialogue()" class="mr-1 mb-1 hover-icon" matTooltip="Cancel" matTooltipPosition="above"><mat-icon>close</mat-icon></button>
+                            
+                             
+                        
+                        </div>
+                        <div *ngIf="previewflag">
+                        <span>Preview - Cropped Image </span>   
+                        <img [src]="cropImage">
+                        
+                        </div> 
+                    
+            </div>
+            <div fxFlex="20" style="text-align: left !important;">
                         <span *ngIf="doc_data.is_show_report !== null">
                             <mat-checkbox color="primary"  [checked]='doc_data.is_show_report == "1" ? true : false'
                                     (change)="isshownreportforaddress($event.checked)"> Is shown report ?                                    
                             </mat-checkbox>
                         </span>  
-                </div>
-                <div fxFlex="30" style="text-align: left !important;">
+            </div>
+            <!--<div fxFlex="20">
                     <div *ngIf="!previewflag">   
                             <button mat-raised-button mat-icon-button (click)="onSubmit()" class="mr-1 mb-1 hover-icon" matTooltip="Save" matTooltipPosition="above"><mat-icon>save</mat-icon></button>
                             <button mat-raised-button mat-icon-button (click)="closeDialogue()" class="mr-1 mb-1 hover-icon" matTooltip="Cancel" matTooltipPosition="above"><mat-icon>close</mat-icon></button>
                     </div>
-                </div>
+            </div>-->
               </div>
           </span>
           
     </div>
     
-    <div style="text-align:center" *ngIf="cropflag">  
-        <button mat-button mat-raised-button mat-icon-button (click)="crop()" class="mr-1 mb-1 hover-icon" matTooltip="Preview Image" matTooltipPosition="above"><mat-icon>image</mat-icon></button>
-        <button mat-button mat-raised-button mat-icon-button (click)="closeDialogue()" class="mr-1 mb-1 hover-icon" matTooltip="Cancel" matTooltipPosition="above"><mat-icon>close</mat-icon></button>   
+       <div style="text-align:center" *ngIf="cropflag">  
+        <!--<button mat-button mat-raised-button mat-icon-button (click)="crop()" class="mr-1 mb-1 hover-icon" matTooltip="Preview Image" matTooltipPosition="above"><mat-icon>image</mat-icon></button>
+        <button mat-button mat-raised-button mat-icon-button (click)="closeDialogue()" class="mr-1 mb-1 hover-icon" matTooltip="Cancel" matTooltipPosition="above"><mat-icon>close</mat-icon></button>-->   
         <br/>
-        <div *ngIf="previewflag">  
-            <span>Preview - Cropped Image </span>
+        <div *ngIf="previewflag"> 
+            
+            <!-- <span>Preview - Cropped Image </span>
             <br/>
-            <img [src]="cropImage"> 
-            <button mat-button mat-raised-button mat-icon-button (click)="onSubmit()" class="mr-1 mb-1 hover-icon" matTooltip="Save" matTooltipPosition="above"><mat-icon>save</mat-icon></button>
-            <button mat-button mat-raised-button mat-icon-button (click)="closeDialogue()" class="mr-1 mb-1 hover-icon" matTooltip="Cancel" matTooltipPosition="above"><mat-icon>close</mat-icon></button>
+            <img [src]="cropImage">  -->
+          
+           
+            <!-- <button mat-button mat-raised-button mat-icon-button (click)="onSubmit()" class="mr-1 mb-1 hover-icon" matTooltip="Save1" matTooltipPosition="above"><mat-icon>save</mat-icon></button>
+            <button mat-button mat-raised-button mat-icon-button (click)="closeDialogue()" class="mr-1 mb-1 hover-icon" matTooltip="Cancel" matTooltipPosition="above"><mat-icon>close</mat-icon></button> -->
+         
         </div>
-
-</div>
+      </div> 
 
 
     <ng-template #loader>