MaDgIK
/
openaire-library
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[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
This commit is contained in:
k.triantafyllou 2020-11-26 11:14:14 +00:00
parent 8d82140ab9
commit c94f78dfee
3 changed files with 5 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
reload/reload.component.ts
View File

@ -6,15 +6,7 @@ import {HelperFunctions} from "../utils/HelperFunctions.class";
@Component({ @Component({
selector: 'reload', selector: 'reload',
template: ` template: `
<div id="tm-main" class=" uk-section uk-margin-small-top tm-middle"> <loading [full]="true"></loading>
<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>
` `
}) })
export class ReloadComponent { export class ReloadComponent {

5
reload/reload.module.ts
View File

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

2
utils/loading/loading.component.ts
View File

@ -4,7 +4,7 @@ import {Component, Input} from "@angular/core";
selector: 'loading', selector: 'loading',
template: ` template: `
<ng-template [ngIf]="full" [ngIfElse]="loading"> <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"> <div class="uk-position-center">
<ng-container [ngTemplateOutlet]="loading"></ng-container> <ng-container [ngTemplateOutlet]="loading"></ng-container>
</div> </div>