Sineedge/sparqsineedge
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

crop tools view changes

Browse Source
This commit is contained in:
venbatechnologies@gmail.com 2022-02-16 22:09:14 +05:30
parent cb63947293
commit 2a7e2804db
1 changed files with 41 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/dialogue/image-crop/image-crop.component.html
View File

@ -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>