lydemann

/*
  This class provides helpers for easy and typesafe mocking with spies
*/

// get keys of type
export declare function keys<T extends object>(): Array<keyof T>;

export class SpyHelper {

  /*

lydemann

export class GenericAction<ActionType, PayloadType> {

    constructor(type: ActionType, payload?: PayloadType) {
        this.type = type;
        this.payload = payload;
    }

    type: ActionType;
    payload?: PayloadType;

lydemann

"husky": {
  "hooks": {
    "pre-commit": "concurrently --kill-others \"npm run lint\" \"npm run test\" \"npm run build\"",
    "pre-push": "git pull origin master"
  }
}

lydemann

{
    "gitlens.advanced.messages": {
        "suppressFileNotUnderSourceControlWarning": true,
        "suppressShowKeyBindingsNotice": true
    },
    "editor.codeActionsOnSave": {
        "source.organizeImports": true
    },
    "workbench.editor.enablePreview": false,
    "tslint.autoFixOnSave": true,

lydemann

<app-root>
  <div class="container">
    <div class="row">
      <div id="loader">
          <div class="dot"></div>
        <div class="dot"></div>
        <div class="dot"></div>
        <div class="dot"></div>
        <div class="dot"></div>
        <div class="dot"></div>

lydemann

/* You can add global styles to this file, and also import other style files */

/* Bootstrap */
@import '~bootstrap/scss/bootstrap';

@import "styles/spinner";

lydemann

import { Overlay, OverlayRef } from '@angular/cdk/overlay';
import { ComponentPortal } from '@angular/cdk/portal';
import { Injectable } from '@angular/core';
import { SpinnerOverlayComponent } from '@app/core/spinner-overlay/spinner-overlay.component';

@Injectable({
  providedIn: 'root'
})
export class SpinnerOverlayService {
  private overlayRef: OverlayRef = null;

lydemann

<div class="spinner-wrapper">
  <app-spinner></app-spinner>
</div>

lydemann

.spinner-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.5);

lydemann

import { Component, Input, OnInit } from '@angular/core';

@Component({
  selector: 'app-spinner-overlay',
  templateUrl: './spinner-overlay.component.html',
  styleUrls: ['./spinner-overlay.component.scss']
})
export class SpinnerOverlayComponent implements OnInit {
  @Input() public message: string;
  constructor() {}