From 08163f86bf66d0f7b174ce61fa335ed087845a33 Mon Sep 17 00:00:00 2001
From: Willem Dantuma <willem.dantuma@dobs.nl>
Date: Tue, 2 Mar 2021 12:20:53 +0100
Subject: [PATCH] Add more open options

---
 .../edit-image-modal/edit-image-modal.component.html      | 4 +++-
 .../edit-image-modal/edit-image-modal.component.ts        | 8 +++++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/projects/common/src/fm/components/edit-image-modal/edit-image-modal.component.html b/projects/common/src/fm/components/edit-image-modal/edit-image-modal.component.html
index 413e5d7..ce6161b 100644
--- a/projects/common/src/fm/components/edit-image-modal/edit-image-modal.component.html
+++ b/projects/common/src/fm/components/edit-image-modal/edit-image-modal.component.html
@@ -14,9 +14,11 @@
       <image-cropper #imageCropper
       [imageChangedEvent]="imageChangedEvent"
       [maintainAspectRatio]="true"
-      format="jpeg"
+      [format]="imageType"
       [aspectRatio]="aspectRatio"
       [autoCrop]="true"
+      [resizeToWidth]="maxWidth"
+      [roundCropper]="roundImage"
       (imageCropped)="imageCropped($event)"
       (imageLoaded)="imageLoaded($event)"
       (cropperReady)="cropperReady()"
diff --git a/projects/common/src/fm/components/edit-image-modal/edit-image-modal.component.ts b/projects/common/src/fm/components/edit-image-modal/edit-image-modal.component.ts
index 3b8e7fb..c43eb88 100644
--- a/projects/common/src/fm/components/edit-image-modal/edit-image-modal.component.ts
+++ b/projects/common/src/fm/components/edit-image-modal/edit-image-modal.component.ts
@@ -22,14 +22,20 @@ export class EditImageModalComponent implements OnInit {
   croppedImage: string = '';
   endpointUrl:string = null;
   imageUrl:string = null;
+  maxWidth:number = 200;
+  roundImage:boolean = false;
+  imageType:string = "jpeg";
 
   ngOnInit(): void {
   }
 
-  open(endpoint:string,aspectRatio:number) {
+  open(endpoint:string,aspectRatio:number,roundImage?:boolean,maxWidth?:number, imageType?:string) {
     this.endpointUrl = endpoint;
     this.imageUrl = endpoint;
     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' });
   }