[Library | Trunk]: Change reload page to have a loading

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@59970 d315682c-612b-4755-9ff5-7f18f6832af3

reload/reload.component.ts

@@ -6,15 +6,7 @@ import {HelperFunctions} from "../utils/HelperFunctions.class";
 @Component({
   selector: 'reload',
   template: `
-    <div id="tm-main" class=" uk-section  uk-margin-small-top tm-middle">
-      <div uk-grid uk-grid>
-        <div class="tm-main uk-width-1-1@s uk-width-1-1@m  uk-width-1-1@l uk-row-first ">
-          <div class="uk-container uk-margin-top publication">
-            Go to initial page....
-          </div>
-        </div>
-      </div>
-    </div>
+    <loading [full]="true"></loading>
   `
 })
 export class ReloadComponent {

reload/reload.module.ts

@@ -8,12 +8,13 @@ import{ReloadComponent} from './reload.component';
 
 
 import {PreviousRouteRecorder} from '../utils/piwik/previousRouteRecorder.guard';
+import {LoadingModule} from "../utils/loading/loading.module";
 
 @NgModule({
   imports: [
     CommonModule, FormsModule, RouterModule,
-      ReloadRoutingModule
-
+    ReloadRoutingModule, LoadingModule
+  
   ],
   declarations: [
     ReloadComponent

utils/loading/loading.component.ts

@@ -4,7 +4,7 @@ import {Component, Input} from "@angular/core";
   selector: 'loading',
   template: `
     <ng-template [ngIf]="full" [ngIfElse]="loading">
-      <div class="uk-position-relative" style="height: 100vh; width: 99vw; z-index: 1000; background: transparent">
+      <div class="uk-position-relative" style="height: 100vh; width: 99vw; z-index: 1000; background-color: var(--background-color)">
         <div class="uk-position-center">
           <ng-container [ngTemplateOutlet]="loading"></ng-container>
         </div>