Improved properties component content loading

dasch-swiss · Nov 28, 2023 · 3ee211c · 3ee211c
1 parent e1a775e
commit 3ee211c
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/apps/dsp-app/src/app/workspace/resource/properties/properties.component.html b/apps/dsp-app/src/app/workspace/resource/properties/properties.component.html
@@ -101,7 +101,7 @@ <h3 class="label mat-headline-6">
 </div>
 
 <!-- list of properties -->
-<div class="properties-container">
+<div class="properties-container" *ngIf="!loading">
     <div class="properties" *ngIf="resource.resProps.length > 0; else noProperties">
         <!-- list of properties -->
         <div *ngFor="let prop of resource.resProps; let last = last">
@@ -160,8 +160,7 @@ <h3 class="label mat-headline-6">
 
                     <!-- in case of incoming links we have to display them here -->
                     <div *ngIf="prop.propDef.id === hasIncomingLinkIri">
-                        <dasch-swiss-app-progress-indicator *ngIf="loading"></dasch-swiss-app-progress-indicator>
-                        <div *ngIf="!loading">
+                        <div>
                             <!-- the value(s) of the incoming links -->
                             <a class="link link-value" *ngFor="let inRes of displayedIncomingLinkResources"
                                 (click)="openResource(inRes.id)">{{inRes.resourceClassLabel}}: <strong>{{inRes.label}}</strong></a>
@@ -223,3 +222,4 @@ <h3 class="label mat-subtitle-2">
         </div>
     </ng-template>
 </div>
+<dasch-swiss-app-progress-indicator *ngIf="loading"></dasch-swiss-app-progress-indicator>