fix(core/forms): hide image preview in read only mode w/ null value

gnucoop · Jun 3, 2020 · f645e0b · f645e0b
1 parent 91c09a6
commit f645e0b
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/core/forms/read-only-image-field.html b/src/core/forms/read-only-image-field.html
@@ -1 +1,4 @@
-<img [src]="imageUrl|async">
+<img *ngIf="imageUrl|async as iu ; else noImage" [src]="imageUrl|async">
+<ng-template #noImage>
+  <div class="ajf-no-image-placeholder"></div>
+</ng-template>
diff --git a/src/core/forms/read-only-image-field.scss b/src/core/forms/read-only-image-field.scss
@@ -0,0 +1,7 @@
+ajf-read-only-image-field {
+  .ajf-no-image-placeholder {
+    width: 100%;
+    height: 32px;
+    background-color: #eeeeee;
+  }
+}