refactor(progress indicator): move app progress indicator into shared lib

apps/dsp-app/src/app/app.module.ts

@@ -20,7 +20,6 @@ import { AppComponent } from './app.component';
 import { ConfirmationDialogComponent } from './main/action/confirmation-dialog/confirmation-dialog.component';
 import { ConfirmationMessageComponent } from './main/action/confirmation-dialog/confirmation-message/confirmation-message.component';
 import { LoginFormComponent } from './main/action/login-form/login-form.component';
-import { ProgressIndicatorComponent } from './main/action/progress-indicator/progress-indicator.component';
 import { SelectedResourcesComponent } from './main/action/selected-resources/selected-resources.component';
 import { SortButtonComponent } from './main/action/sort-button/sort-button.component';
 import { StringLiteralInputComponent } from './main/action/string-literal-input/string-literal-input.component';
@@ -180,6 +179,7 @@ import {
 } from '@dasch-swiss/vre/shared/app-config';
 import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
 import { AppDatePickerModule } from '@dasch-swiss/vre/shared/app-date-picker';
+import { AppProgressIndicatorComponent } from "@dasch-swiss/vre/shared/app-progress-indicator";
 
 // translate: AoT requires an exported function for factories
 export function httpLoaderFactory(httpClient: HttpClient) {
@@ -256,7 +256,6 @@ export function httpLoaderFactory(httpClient: HttpClient) {
         PermissionComponent,
         PermissionInfoComponent,
         ProfileComponent,
-        ProgressIndicatorComponent,
         ProjectComponent,
         ProjectFormComponent,
         ProjectsComponent,
@@ -337,6 +336,7 @@ export function httpLoaderFactory(httpClient: HttpClient) {
     imports: [
         AngularSplitModule,
         AppDatePickerModule,
+        AppProgressIndicatorComponent,
         AppRoutingModule,
         BrowserAnimationsModule,
         BrowserModule,

apps/dsp-app/src/app/main/action/login-form/login-form.component.html

@@ -42,7 +42,7 @@
             [class.mat-warn]="isError"
         >
             <div class="progress-button-content">
-                <app-progress-indicator
+                <dasch-swiss-app-progress-indicator
                 *ngIf="loading"
                 [color]="'white'"
                 [status]="0"
@@ -73,7 +73,7 @@
         class="full-width mat-warn logout-button"
     >
         <div class="progress-button-content">
-            <app-progress-indicator
+            <dasch-swiss-app-progress-indicator
             [color]="'white'"
             [status]="0"
             *ngIf="loading"

apps/dsp-app/src/app/main/status/status.component.html

@@ -36,6 +36,6 @@ <h2 class="mat-headline-6">
         </div>
     </div>
     <ng-template #isLoading>
-        <app-progress-indicator></app-progress-indicator>
+        <dasch-swiss-app-progress-indicator></dasch-swiss-app-progress-indicator>
     </ng-template>
 </div>

apps/dsp-app/src/app/project/collaboration/add-user/add-user.component.html

@@ -81,4 +81,4 @@ <h2 class="mat-headline-6">
     </div>
 </div>
 
-<app-progress-indicator *ngIf="loading"></app-progress-indicator>
+<dasch-swiss-app-progress-indicator *ngIf="loading"></dasch-swiss-app-progress-indicator>

apps/dsp-app/src/app/project/collaboration/collaboration.component.html

@@ -1,4 +1,4 @@
-<app-progress-indicator *ngIf="loading"></app-progress-indicator>
+<dasch-swiss-app-progress-indicator *ngIf="loading"></dasch-swiss-app-progress-indicator>
 
 <div *ngIf="!loading">
     <div *ngIf="projectAdmin" class="content large middle">

apps/dsp-app/src/app/project/description/description.component.html

@@ -1,4 +1,4 @@
-<app-progress-indicator *ngIf="loading"></app-progress-indicator>
+<dasch-swiss-app-progress-indicator *ngIf="loading"></dasch-swiss-app-progress-indicator>
 <div *ngIf="!loading && project"
     class="content large middle">
     <div>

apps/dsp-app/src/app/project/list/list-info-form/list-info-form.component.html

@@ -1,5 +1,5 @@
 <div>
-    <app-progress-indicator *ngIf="loading"></app-progress-indicator>
+    <dasch-swiss-app-progress-indicator *ngIf="loading"></dasch-swiss-app-progress-indicator>
 
     <div *ngIf="!loading" class="form-content list-info">
         <h3 *ngIf="mode ==='create'">Create new controlled vocabulary</h3>

apps/dsp-app/src/app/project/list/list-item-form/edit-list-item/edit-list-item.component.html

@@ -1,4 +1,4 @@
-<app-progress-indicator *ngIf="loading"></app-progress-indicator>
+<dasch-swiss-app-progress-indicator *ngIf="loading"></dasch-swiss-app-progress-indicator>
 
 <div *ngIf="!loading" class="form-content list-info">
     <!-- list label -->

apps/dsp-app/src/app/project/list/list-item-form/edit-list-item/edit-list-item.component.spec.ts

@@ -21,7 +21,6 @@ import { TranslateModule } from '@ngx-translate/core';
 import { of } from 'rxjs';
 import { AjaxResponse } from 'rxjs/ajax';
 import { AppConfigService } from '@dasch-swiss/vre/shared/app-config';
-import { ProgressIndicatorComponent } from '@dsp-app/src/app/main/action/progress-indicator/progress-indicator.component';
 import { ApplicationStateService } from '@dasch-swiss/vre/shared/app-state-service';
 import { DspApiConnectionToken } from '@dasch-swiss/vre/shared/app-config';
 import { ProjectService } from '@dsp-app/src/app/workspace/resource/services/project.service';
@@ -120,7 +119,6 @@ describe('EditListItemComponent', () => {
                 EditListItemComponent,
                 TestHostUpdateChildNodeComponent,
                 TestHostInsertChildNodeComponent,
-                ProgressIndicatorComponent,
                 MockStringLiteralInputComponent,
             ],
             imports: [

apps/dsp-app/src/app/project/list/list-item-form/list-item-form.component.html

@@ -9,7 +9,7 @@
             add
         </mat-icon>
     </button>
-    <app-progress-indicator [status]="0" *ngIf="loading" class="progress-indicator"></app-progress-indicator>
+    <dasch-swiss-app-progress-indicator [status]="0" *ngIf="loading" class="progress-indicator"></dasch-swiss-app-progress-indicator>
 </div>
 
 <!-- node item -->

apps/dsp-app/src/app/project/list/list.component.html

@@ -1,5 +1,5 @@
 <div *ngIf="!disableContent">
-    <app-progress-indicator *ngIf="loading"></app-progress-indicator>
+    <dasch-swiss-app-progress-indicator *ngIf="loading"></dasch-swiss-app-progress-indicator>
 
     <!-- display only when loading is finished and project member has value -->
     <div *ngIf="!loading">

apps/dsp-app/src/app/project/ontology/ontology-form/ontology-form.component.html

@@ -62,7 +62,7 @@ <h3 *ngIf="!iri">Create new ontology</h3>
                     [disabled]="!ontologyForm.valid"
                 >
                     <div class="progress-button-content">
-                        <app-progress-indicator
+                        <dasch-swiss-app-progress-indicator
                         *ngIf="loading"
                         [color]="'white'"
                         [status]="0"