Add more open options

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()"

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' });
   }