trinhvanhuy

import { BrowserModule } from '@angular/platform-browser';
import { NgModule, Injector } from '@angular/core';
import { OAuthModule } from 'angular-oauth2-oidc';
import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';

import { AppComponent } from '@containers/app/app.component';
import { StoreModule } from '@ngrx/store';
import { EffectsModule } from '@ngrx/effects';
import { StoreDevtoolsModule } from '@ngrx/store-devtools';
import {

trinhvanhuy

.spinner-container {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: $z-spinner;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.56);
}

trinhvanhuy

import { Component, OnInit, AfterViewInit } from '@angular/core';
import { Angulartics2Piwik } from 'angulartics2/piwik';$
import { LoaderService } from '@services/loader.service';
import * as fromRoot from '@core/reducers';
import { Store } from '@ngrx/store';
import * as fromGlobal from '@actions/global.action';

import { Subscription } from 'rxjs';
import { OnDestroy } from '@angular/core';

trinhvanhuy

<div *ngIf="isShowSpinner" class="spinner-container"><img src="./assets/spinner.gif" /></div>
<div
  style="
height: 100%;
"
>
  <router-outlet></router-outlet>
  <app-modal-container></app-modal-container>
</div>

trinhvanhuy

import { Injectable } from '@angular/core';
import {
  HttpClient,
  HttpHeaders,
  HttpParams,
  HttpParameterCodec
} from '@angular/common/http';
import { Observable } from 'rxjs';
import { LoaderService } from '@services/loader.service';
import {

trinhvanhuy

import { Injectable } from '@angular/core';
import * as globalAction from '@actions/global.action';
import * as fromRoot from '@core/reducers';
import { Store } from '@ngrx/store';


@Injectable({
  providedIn: 'root'
})
export class LoaderService {

trinhvanhuy

import {
  ActionReducerMap,
  createSelector,
  createFeatureSelector,
  ActionReducer,
  MetaReducer,
} from '@ngrx/store';
import { environment } from '@environments/environment';
import { storeFreeze } from 'ngrx-store-freeze';
import * as fromGlobal from '@reducers/gloabal.reducer';

trinhvanhuy

import { assign } from '@utils/reducer';
import {
  GlobalActionTypes,
  GlobalActionsUnion
} from '@app/core/actions/global.action';

export interface State {
  spinnerCounter: number;
}

trinhvanhuy

import { Action } from '@ngrx/store';

export enum GlobalActionTypes {
  ShowSpinner = '[Global] showSpinner',
  HideSpinner = '[Global] HideSpinner',
}

export class ShowSpinner implements Action {
  readonly type = GlobalActionTypes.ShowSpinner;
  constructor() {}

trinhvanhuy

const lib = {
    'L': {
        'N': 'W',
        'E': 'N',
        'S': 'E',
        'W': 'S',
    },
    'R': {
        'N': 'E',
        'E': 'S',