FarmMaps/FarmMapsLib
8
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add more open options
All checks were successful
FarmMaps.Develop/FarmMapsLib/pipeline/head This commit looks good
Details

Browse Source
This commit is contained in:
Willem Dantuma 2021-03-02 12:20:53 +01:00
parent 33adb35923
commit 08163f86bf
2 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
projects/common/src/fm/components/edit-image-modal/edit-image-modal.component.html
View File

@ -14,9 +14,11 @@
<image-cropper #imageCropper <image-cropper #imageCropper
[imageChangedEvent]="imageChangedEvent" [imageChangedEvent]="imageChangedEvent"
[maintainAspectRatio]="true" [maintainAspectRatio]="true"
format="jpeg" [format]="imageType"
[aspectRatio]="aspectRatio" [aspectRatio]="aspectRatio"
[autoCrop]="true" [autoCrop]="true"
[resizeToWidth]="maxWidth"
[roundCropper]="roundImage"
(imageCropped)="imageCropped($event)" (imageCropped)="imageCropped($event)"
(imageLoaded)="imageLoaded($event)" (imageLoaded)="imageLoaded($event)"
(cropperReady)="cropperReady()" (cropperReady)="cropperReady()"

8
projects/common/src/fm/components/edit-image-modal/edit-image-modal.component.ts
View File

@ -22,14 +22,20 @@ export class EditImageModalComponent implements OnInit {
croppedImage: string = ''; croppedImage: string = '';
endpointUrl:string = null; endpointUrl:string = null;
imageUrl:string = null; imageUrl:string = null;
maxWidth:number = 200;
roundImage:boolean = false;
imageType:string = "jpeg";
ngOnInit(): void { ngOnInit(): void {
} }
open(endpoint:string,aspectRatio:number) { open(endpoint:string,aspectRatio:number,roundImage?:boolean,maxWidth?:number, imageType?:string) {
this.endpointUrl = endpoint; this.endpointUrl = endpoint;
this.imageUrl = endpoint; this.imageUrl = endpoint;
this.aspectRatio= aspectRatio; this.aspectRatio= aspectRatio;
this.roundImage = roundImage === undefined?this.roundImage:roundImage;
this.maxWidth = maxWidth === undefined?this.maxWidth:maxWidth;
this.imageType = imageType === undefined?this.imageType:imageType.substr(6);
this.modalService.open(this.modal,{ size: 'lg' }); this.modalService.open(this.modal,{ size: 'lg' });
} }