diff --git a/projects/common/src/fm/components/edit-image-modal/edit-image-modal.component.scss b/projects/common/src/fm/components/edit-image-modal/edit-image-modal.component.scss
index 66b7237..be7e1fd 100644
--- a/projects/common/src/fm/components/edit-image-modal/edit-image-modal.component.scss
+++ b/projects/common/src/fm/components/edit-image-modal/edit-image-modal.component.scss
@@ -1,4 +1,13 @@
.cropper {
position: relative;
height: calc(60vh);
+}
+
+.no-image {
+ text-align: center;
+}
+
+.no-image i {
+ font-size: calc(50vh);
+ color: gray;
}
\ No newline at end of file
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 fbbb878..8591dde 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
@@ -21,8 +21,8 @@ export class EditImageModalComponent implements OnInit {
this.modalService.open(this.modal,{ size: 'lg' });
}
+ isImageLoaded:boolean = false;
aspectRatio:number = 4/3;
-
imageChangedEvent: any = '';
croppedImage: any = '';
@@ -33,6 +33,7 @@ export class EditImageModalComponent implements OnInit {
this.croppedImage = event.base64;
}
imageLoaded(image: LoadedImage) {
+ this.isImageLoaded=true;
}
cropperReady() {
// cropper ready