From d22397c7f0768caebcf1b95baed792a5b4e43ab4 Mon Sep 17 00:00:00 2001
From: Marco Zeisler <pfingstfrosch@gmail.com>
Date: Sat, 16 Jan 2021 17:03:26 +0100
Subject: [PATCH] display relatedImageMetadata only if relatedImageMetadata;

---
 .../component/images/images.component.html    | 26 +++++++++++--------
 1 file changed, 15 insertions(+), 11 deletions(-)

diff --git a/frontend/src/app/component/images/images.component.html b/frontend/src/app/component/images/images.component.html
index 903e658..b112dd2 100644
--- a/frontend/src/app/component/images/images.component.html
+++ b/frontend/src/app/component/images/images.component.html
@@ -64,17 +64,21 @@
                        (reload)="this.reload.emit()"
     ></app-file-uploader>
 
-    <mat-expansion-panel>
-      <mat-expansion-panel-header>Previous version meta</mat-expansion-panel-header>
-      <ng-template matExpansionPanelContent>
-        <div *ngFor="let imageMeta of getRelatedImageMeta(image)">
-          <p *ngIf="imageMeta.filename">filename: {{imageMeta.filename}}</p>
-          <p *ngIf="imageMeta.latitude">latitude: {{imageMeta.latitude}}</p>
-          <p *ngIf="imageMeta.longitude">longitude: {{imageMeta.longitude}}</p>
-          <p *ngIf="imageMeta.version">version: {{imageMeta.version}}</p>
-        </div>
-      </ng-template>
-    </mat-expansion-panel>
+    <ng-container *ngIf="getRelatedImageMeta(image); let relatedImageMetadata">
+      <mat-expansion-panel *ngIf="relatedImageMetadata.length > 0">
+        <mat-expansion-panel-header>
+          Previous version meta
+        </mat-expansion-panel-header>
+        <ng-template matExpansionPanelContent>
+          <div *ngFor="let imageMeta of relatedImageMetadata">
+            <p *ngIf="imageMeta.filename">filename: {{imageMeta.filename}}</p>
+            <p *ngIf="imageMeta.latitude">latitude: {{imageMeta.latitude}}</p>
+            <p *ngIf="imageMeta.longitude">longitude: {{imageMeta.longitude}}</p>
+            <p *ngIf="imageMeta.version">version: {{imageMeta.version}}</p>
+          </div>
+        </ng-template>
+      </mat-expansion-panel>
+    </ng-container>
 
   </ng-template>
 </mat-expansion-panel>