dspin icons fix

Author: ErykKul

src/app/compare/compare.component.html

@@ -160,6 +160,9 @@ <h2 class="page-title m-0">Select file actions</h2>
     (onNodeExpand)="recountVisibleRows()"
     (onNodeCollapse)="recountVisibleRows()"
   >
+    <ng-template pTemplate="loadingicon">
+      <i class="pi pi-spin pi-spinner"></i>
+    </ng-template>
     <ng-template pTemplate="header">
       <tr>
         <th>

src/app/compute/compute.component.html

@@ -105,14 +105,16 @@
     <p-treeTable
       [value]="rootNodeChildren()"
       [loading]="loading()"
-      loadingIcon="pi pi-spin pi-spinner"
       [scrollable]="true"
       scrollHeight="flex"
       [virtualScroll]="useVirtualScroll()"
       [virtualScrollItemSize]="41"
       (onNodeExpand)="recountVisibleRows()"
       (onNodeCollapse)="recountVisibleRows()"
     >
+      <ng-template pTemplate="loadingicon">
+        <i class="pi pi-spin pi-spinner"></i>
+      </ng-template>
       <ng-template pTemplate="header">
         <tr>
           <th style="text-align: left">

src/app/connect/connect.component.html

@@ -257,9 +257,12 @@ <h2 class="page-title m-0">Select source and destination</h2>
                   [value]="rootOptions()"
                   (onNodeExpand)="getOptions($event.node)"
                   [loading]="optionsLoading()"
-                  loadingIcon="pi pi-spin pi-spinner"
                   (onNodeSelect)="optionSelected($event.node)"
-                ></p-tree>
+                >
+                  <ng-template pTemplate="loadingicon">
+                    <i class="pi pi-spin pi-spinner"></i>
+                  </ng-template>
+                </p-tree>
               </div>
             </div>
           </div>

src/app/ddi-cdi/ddi-cdi.component.html

@@ -168,14 +168,16 @@ <h2 class="page-title m-0">Generate DDI-CDI Metadata</h2>
           <p-treeTable
             [value]="rootNodeChildren()"
             [loading]="loading()"
-            loadingIcon="pi pi-spin pi-spinner"
             [scrollable]="true"
             scrollHeight="flex"
             [virtualScroll]="useVirtualScroll()"
             [virtualScrollItemSize]="41"
             (onNodeExpand)="recountVisibleRows()"
             (onNodeCollapse)="recountVisibleRows()"
           >
+            <ng-template pTemplate="loadingicon">
+              <i class="pi pi-spin pi-spinner"></i>
+            </ng-template>
             <ng-template pTemplate="header">
               <tr>
                 <th style="text-align: left">

src/app/download/download.component.html

@@ -164,14 +164,16 @@ <h2 class="page-title m-0">Download to Globus endpoint</h2>
       <p-treeTable
         [value]="rootNodeChildren()"
         [loading]="loading()"
-        loadingIcon="pi pi-spin pi-spinner"
         [scrollable]="true"
         scrollHeight="flex"
         [virtualScroll]="useVirtualScroll()"
         [virtualScrollItemSize]="41"
         (onNodeExpand)="recountVisibleRows()"
         (onNodeCollapse)="recountVisibleRows()"
       >
+        <ng-template pTemplate="loadingicon">
+          <i class="pi pi-spin pi-spinner"></i>
+        </ng-template>
         <ng-template pTemplate="header">
           <tr>
             <th style="text-align: left">
@@ -237,9 +239,12 @@ <h2 class="page-title m-0">Download to Globus endpoint</h2>
             [value]="rootOptions()"
             (onNodeExpand)="getOptions($event.node)"
             [loading]="optionsLoading()"
-            loadingIcon="pi pi-spin pi-spinner"
             (onNodeSelect)="optionSelected($event.node)"
-          ></p-tree>
+          >
+            <ng-template pTemplate="loadingicon">
+              <i class="pi pi-spin pi-spinner"></i>
+            </ng-template>
+          </p-tree>
         </div>
       </div>
     </div>