ng (build|serve) -prod about ng-snotify HOT 5 CLOSED

Date: 2018-06-22T10:04:13.172Z - Hash: 8dfa24488b39ef243e34 - Time: 10375ms
5 unchanged chunks
chunk {main} main.js, main.js.map (main) 16.2 MB [initial] [rendered]

WARNING in ./src/app/app.component.ngfactory.js
7:0-88 "export 'ɵb' (reexported as 'ɵb_5') was not found in 'ng-snotify'

WARNING in ./src/app/app.component.ngfactory.js
7:0-88 "export 'ɵc' (reexported as 'ɵc_6') was not found in 'ng-snotify'
i ｢wdm｣: Compiled with warnings.

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';

import { AppComponent } from './app.component';
import {SnotifyModule, SnotifyService, ToastDefaults} from 'ng-snotify';
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    SnotifyModule
  ],
  providers: [
    { provide: 'SnotifyToastConfig', useValue: ToastDefaults},
    SnotifyService
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

import { Component } from '@angular/core';
import {Observable} from 'rxjs';
import {SnotifyService, SnotifyPosition, SnotifyToastConfig} from 'ng-snotify';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {

  constructor(private snotifyService: SnotifyService) {
    setTimeout(() => {
      this.onAsyncLoading();
    }, 2000);
  }

  getConfig(): SnotifyToastConfig {
    this.snotifyService.setDefaults({
      global: {
        newOnTop: true,
        maxAtPosition: 6,
        maxOnScreen: 8,
      }
    });
    return {
      bodyMaxLength: 80,
      titleMaxLength: 15,
      backdrop: -1,
      position: SnotifyPosition.rightTop,
      timeout: 3000,
      showProgressBar: false,
      closeOnClick: true,
      pauseOnHover: true
    };
  }

  onSuccess() {
    this.snotifyService.success('Réussite', 'Réussite', this.getConfig());
  }
  onInfo() {
    this.snotifyService.info('Information', 'Information', this.getConfig());
  }
  onError() {
    this.snotifyService.error('Erreur', 'Erreur', this.getConfig());
  }
  onWarning() {
    this.snotifyService.warning('Warning', 'Warning', this.getConfig());
  }

  onAsyncLoading() {
    const errorAction = Observable.create(observer => {
      setTimeout(() => {
        observer.error({
          title: 'Error',
          body: 'Example. Error 404. Service not found',
        });
      }, 2000);
    });

    const successAction = Observable.create(observer => {
      setTimeout(() => {
        observer.next({
          body: 'Still loading.....',
        });
      }, 2000);

      setTimeout(() => {
        observer.next({
          title: 'Success',
          body: 'Example. Data loaded!',
          config: {
            closeOnClick: true,
            timeout: 5000,
            showProgressBar: true
          }
        });
        observer.complete();
      }, 5000);
    });
    const {timeout, ...config} = this.getConfig(); // Omit timeout
    this.snotifyService.async('This will resolve with error', 'Async', errorAction, config);
    this.snotifyService.async('This will resolve with success', successAction, config);
    this.snotifyService.async('Called with promise', 'Error async',
      new Promise((resolve, reject) => {
        setTimeout(() => reject({
          title: 'Error!!!',
          body: 'We got an example error!',
          config: {
            closeOnClick: true
          }
        }), 1000);
        setTimeout(() => resolve(), 1500);
      }), config);
  }

}

<div class="main">
  <app-logged-in class="logged-in"></app-logged-in>
</div>
<ng-snotify class="material"></ng-snotify>

{
  "name": "web.ui",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve  --aot  --proxy-config proxy.json",
    "build": "ng b --prod",
    "test": "ng test",
    "lint": "ng lint"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^6.0.4",
    "@angular/cdk": "^6.2.1",
    "@angular/common": "^6.0.4",
    "@angular/compiler": "^6.0.4",
    "@angular/core": "^6.0.4",
    "@angular/forms": "^6.0.4",
    "@angular/http": "^6.0.4",
    "@angular/material": "^6.2.1",
    "@angular/platform-browser": "^6.0.4",
    "@angular/platform-browser-dynamic": "^6.0.4",
    "@angular/router": "^6.0.4",
    "@ncstate/sat-popover": "^2.1.1",
    "@ngx-translate/i18n-polyfill": "^1.0.0",
    "@types/underscore": "^1.8.7",
    "angular-font-awesome": "^3.1.2",
    "bootstrap": "^4.1.1",
    "classlist.js": "^1.1.20150312",
    "core-js": "^2.5.3",
    "file-saver": "^1.3.8",
    "font-awesome": "^4.7.0",
    "iconv-lite": "^0.4.23",
    "jquery": "^3.3.1",
    "lodash": "^4.17.5",
    "ng-snotify": "^4.3.1",
    "ng2-ion-range-slider": "^2.0.0",
    "ngx-bootstrap": "^3.0.0",
    "ngx-dropzone-wrapper": "^6.1.0",
    "popper.js": "^1.14.3",
    "rxjs": "^6.2.0",
    "typescript": "2.7.2",
    "underscore": "^1.9.1",
    "web-animations-js": "^2.3.1",
    "zone.js": "^0.8.20"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.6.8",
    "@angular/cli": "^6.0.8",
    "@angular/compiler-cli": "^6.0.4",
    "@angular/language-service": "^6.0.4",
    "@types/jasmine": "^2.8.8",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "~10.3.2",
    "codelyzer": "^4.2.1",
    "postcss-modules": "^1.1.0",
    "protractor": "~5.3.0",
    "ts-node": "~6.1.0",
    "tslint": "~5.10.0"
  }
}