fix: show loading indicator for wlo-topics-column-browser, if no topi…

…c collection ID is yet loaded, to avoid error message being shown on page loading
openeduhub · Oct 29, 2024 · 78c30e9 · 78c30e9
1 parent 09ec7f1
commit 78c30e9
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/app/wlo-search/template/template.component.html b/src/app/wlo-search/template/template.component.html
@@ -102,6 +102,7 @@
       <ng-container *ngIf="selectedMenuItem === menuItems.topicTree">
         <h2 style="font-size: 18px">Themenbaum von {{ topic() }}</h2>
         <wlo-topics-column-browser
+          *ngIf="topicCollectionID(); else loadingIndicator"
           [contextNodeId]="topicCollectionID()"
           [customUrl]="retrieveCustomUrl"
           [defaultNodeId]="defaultTopicsColumnBrowserNodeId"
@@ -119,13 +120,13 @@ <h2 style="font-size: 18px">Inhalte von {{ topic() }}</h2>
         >
           ></wlo-statistics-summary
         >
-        <ng-template #loadingIndicator>
-          <es-spinner></es-spinner>
-        </ng-template>
       </ng-container>
       <ng-container *ngIf="selectedMenuItem === menuItems.feedback">
         Inhalt von {{ menuItems.feedback }} folgt.
       </ng-container>
+      <ng-template #loadingIndicator>
+        <es-spinner></es-spinner>
+      </ng-template>
     </ng-container>
   </wlo-side-menu-wrapper>