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

worked on docs image edit

Browse Source
This commit is contained in:
sriram-at-840620226347 2019-10-25 15:13:38 +05:30
parent 716c7d51ed
commit 3a2dfbafad
2 changed files with 39 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -5,14 +5,14 @@
<h2 mat-dialog-title >{{doc_data.document_title}}</h2>
<span class="empty-spacer"></span>
<!-- Buttons -->
<!-- <button mat-button color="accent"><mat-icon>zoom_in</mat-icon></button>-->
<!-- <button mat-button color="accent"><mat-icon>zoom_out</mat-icon></button> -->
<!-- <button mat-button mat-raised-button mat-icon-button><mat-icon>zoom_in</mat-icon></button>-->
<!-- <button mat-button mat-raised-button mat-icon-button><mat-icon>zoom_out</mat-icon></button> -->
<button mat-button class="toolbar-icon" (click)="rotate(1)" class="hover-icon" matTooltip="rotate left" matTooltipPosition="above"><mat-icon>rotate_left</mat-icon></button>
<button mat-button class="toolbar-icon" (click)="rotate(2)" class="hover-icon" matTooltip="rotate right" matTooltipPosition="above"><mat-icon>rotate_right</mat-icon></button>
<button mat-button class="toolbar-icon" (click)="clickToCrop()" class="hover-icon" matTooltip="Click the Image to Crop" matTooltipPosition="above"><mat-icon>crop</mat-icon></button>
<!-- <button mat-button color="accent" class="hover-icon" matTooltip="Click for Image focus " matTooltipPosition="above"><mat-icon>filter_center_focus</mat-icon></button> -->
<!-- <button mat-button color="accent" class="hover-icon" matTooltip="Click for Image fit" matTooltipPosition="above">Fit to screen</button>-->
<!-- <button mat-button color="accent" class="hover-icon" matTooltip="Click for Image ratio" matTooltipPosition="above">1:1</button> -->
<!-- <button mat-button mat-raised-button mat-icon-button class="hover-icon" matTooltip="Click for Image focus " matTooltipPosition="above"><mat-icon>filter_center_focus</mat-icon></button> -->
<!-- <button mat-button mat-raised-button mat-icon-button class="hover-icon" matTooltip="Click for Image fit" matTooltipPosition="above">Fit to screen</button>-->
<!-- <button mat-button mat-raised-button mat-icon-button class="hover-icon" matTooltip="Click for Image ratio" matTooltipPosition="above">1:1</button> -->
<button mat-button class="toolbar-icon" (click)="closeDialogue()" class="hover-icon" matTooltip="Close" matTooltipPosition="right"><mat-icon>close</mat-icon></button>
</mat-toolbar-row>
</mat-toolbar>
@ -22,28 +22,45 @@
<div class="container">
<img [src]="transform()">
</div>
<div fxLayout="row wrap" class="mt-1">
<div fxFlex="40">
<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;">
<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 *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>
</span>
</div>
<div style="text-align:center" *ngIf="cropflag">
<button mat-button color="accent" (click)="crop()">Preview</button>
<button mat-button color="accent" (click)="closeDialogue()">Cancel</button>
<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>
<br/>
<img [src]="cropImage">
<br/>
<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>
<br/>
<button mat-button color="accent" (click)="onSubmit()">Save</button>
<button mat-button color="accent" (click)="closeDialogue()">Cancel</button>
<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>
</div>
</div>
<ng-template #loader>
<div fxLayoutAlign="center">
<mat-progress-spinner mode="indeterminate"></mat-progress-spinner>

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

@ -25,12 +25,13 @@ export class ImageCropComponent implements OnInit, OnDestroy {
isBase64Image:boolean = false;
previewflag = false;
address_form_id : any; //this one for
document_title ='';
constructor( notifier: NotifierService,
private dialogRef: MatDialogRef<ImageCropComponent>,
private sanitizer: DomSanitizer,
private _pd: PdTrigerService,@Inject(MAT_DIALOG_DATA) public doc_data: any) {
this.document_title = doc_data.document_title;
if(this.doc_data.hasOwnProperty('form_id')){
var str = this.doc_data.document_name;
var splitted = str.split("(", 2);
@ -111,12 +112,15 @@ export class ImageCropComponent implements OnInit, OnDestroy {
let records: any = {
"pd_document_id": this.doc_data.document_id,
"pd_document_title": this.doc_data.document_title,
"pd_document_title": this.document_title,
"pd_document_name": this.doc_data.document_name,
"is_show_report": this.address_form_id != 0 ? this.isshownreport : this.doc_data.is_show_report,
"image": this.cropImage,
"fk_pd_id":this.doc_data.pdid
};
// console.log(this.isshownreport);
// console.log(this.doc_data.is_show_report);
// console.log(this.is_show_report);
this._pd.updatePDPhoto(records).subscribe(
dataresult=>{