stabzs / angular2-toaster Goto Github PK

WARNING in ./~/angular2-toaster/src/toaster-container.component.js
Cannot find source file 'toaster-container.component.ts': Error: Cannot resolve 'file' or 'directory' ./toaster-container.component.ts in /Users/maximilianalexander/edenwebpack/node_modules/angular2-toaster/src

WARNING in ./~/angular2-toaster/src/toaster.service.js
Cannot find source file 'toaster.service.ts': Error: Cannot resolve 'file' or 'directory' ./toaster.service.ts in /Users/maximilianalexander/edenwebpack/node_modules/angular2-toaster/src

WARNING in ./~/angular2-toaster/src/bodyOutputType.js
Cannot find source file 'bodyOutputType.ts': Error: Cannot resolve 'file' or 'directory' ./bodyOutputType.ts in /Users/maximilianalexander/edenwebpack/node_modules/angular2-toaster/src

WARNING in ./~/angular2-toaster/src/toast.js
Cannot find source file 'toast.ts': Error: Cannot resolve 'file' or 'directory' ./toast.ts in /Users/maximilianalexander/edenwebpack/node_modules/angular2-toaster/src

WARNING in ./~/angular2-toaster/src/toaster-config.js
Cannot find source file 'toaster-config.ts': Error: Cannot resolve 'file' or 'directory' ./toaster-config.ts in /Users/maximilianalexander/edenwebpack/node_modules/angular2-toaster/src
`

i get exports not defined:

exports.BodyOutputType = require('./lib/bodyOutputType').BodyOutputType;
exports.Toast = require('./lib/toast').Toast;
exports.ToasterConfig = require('./lib/toaster-config').ToasterConfig;
exports.ToasterContainerComponent = require('./lib/toaster-container.component').ToasterContainerComponent;
exports.ToasterService = require('./lib/toaster.service').ToasterService;

 createLibFolderObj("systemjs", "systemjs/dist/system.src.js"),
        createLibFolderObj("angular2", "angular2/bundles/angular2.dev.js"),
        createLibFolderObj("angular2", "angular2/bundles/router.dev.js"),
        createLibFolderObj("angular2", "angular2/bundles/http.dev.js"),        
        createLibFolderObj("rxjs", "rxjs/bundles/Rx.js"),
        createLibFolderObj("toastr", "angular2-toaster/angular2-toaster.js")

 "angular2": "^2.0.0-beta.11",
        "bootstrap": "^3.3.6",
        "es6-promise": "^3.1.2",
        "es6-shim": "^0.35.0",
        "font-awesome": "^4.5.0",
        "reflect-metadata": "0.1.3",
        "rxjs": "^5.0.0-beta.3",
        "systemjs": "^0.19.24",
        "zone.js": "^0.6.5",
        "angular2-toaster": "0.1.0-beta.2"

EXCEPTION: Error: Uncaught (in promise): Template parse errors:
Can't bind to 'ngSwitchCase' since it isn't a known native property ("ngClass]="toast.toasterConfig.messageClass" [ngSwitch]="toast.bodyOutputType">
                <div [ERROR ->]*ngSwitchCase="bodyOutputType.Component" #componentBody></div>
                <div *ngSwitchCase="bo"): ToastComponent@5:21
Property binding ngSwitchCase not used by any directive on an embedded template ("div [ngClass]="toast.toasterConfig.messageClass" [ngSwitch]="toast.bodyOutputType">
                [ERROR ->]<div *ngSwitchCase="bodyOutputType.Component" #componentBody></div>
                <div *ngSwitchCas"): ToastComponent@5:16
Can't bind to 'ngSwitchCase' since it isn't a known native property ("           <div *ngSwitchCase="bodyOutputType.Component" #componentBody></div>
                <div [ERROR ->]*ngSwitchCase="bodyOutputType.TrustedHtml" [innerHTML]="toast.body"></div>
                <div *ngSw"): ToastComponent@6:21
Property binding ngSwitchCase not used by any directive on an embedded template ("                <div *ngSwitchCase="bodyOutputType.Component" #componentBody></div>
                [ERROR ->]<div *ngSwitchCase="bodyOutputType.TrustedHtml" [innerHTML]="toast.body"></div>
                <div "): ToastComponent@6:16
Can't bind to 'ngSwitchCase' since it isn't a known native property ("div *ngSwitchCase="bodyOutputType.TrustedHtml" [innerHTML]="toast.body"></div>
                <div [ERROR ->]*ngSwitchCase="bodyOutputType.Default">{{toast.body}}</div>
            </div>
        </div>
"): ToastComponent@7:21
Property binding ngSwitchCase not used by any directive on an embedded template ("    <div *ngSwitchCase="bodyOutputType.TrustedHtml" [innerHTML]="toast.body"></div>
                [ERROR ->]<div *ngSwitchCase="bodyOutputType.Default">{{toast.body}}</div>
            </div>
        </div>
"): ToastComponent@7:16

WARNING in ./~/angular2-toaster/lib/bodyOutputType.js
Cannot find source file '../src/bodyOutputType.ts': Error: Cannot resolve 'file' or 'directory' ../src/bodyOutputType.ts in /Users/Mac/Documents/CODE/fontend-netvivu/node_modules/angular2-toaster/lib

WARNING in ./~/angular2-toaster/lib/toast.js
Cannot find source file '../src/toast.ts': Error: Cannot resolve 'file' or 'directory' ../src/toast.ts in /Users/Mac/Documents/CODE/fontend-netvivu/node_modules/angular2-toaster/lib

WARNING in ./~/angular2-toaster/lib/toaster-config.js
Cannot find source file '../src/toaster-config.ts': Error: Cannot resolve 'file' or 'directory' ../src/toaster-config.ts in /Users/Mac/Documents/CODE/fontend-netvivu/node_modules/angular2-toaster/lib

WARNING in ./~/angular2-toaster/lib/toaster-container.component.js
Cannot find source file '../src/toaster-container.component.ts': Error: Cannot resolve 'file' or 'directory' ../src/toaster-container.component.ts in /Users/Mac/Documents/CODE/fontend-netvivu/node_modules/angular2-toaster/lib

WARNING in ./~/angular2-toaster/lib/toaster.service.js
Cannot find source file '../src/toaster.service.ts': Error: Cannot resolve 'file' or 'directory' ../src/toaster.service.ts in /Users/Mac/Documents/CODE/fontend-netvivu/node_modules/angular2-toaster/lib

/*
 * Angular 2 decorators and services
 */
import {Component} from 'angular2/core';
import {RouteConfig, Router} from 'angular2/router';

import {Home} from './home/home';
import {HeaderComponent} from './header/header';
import {Admin} from './admin/admin';
import {ToasterContainerComponent, ToasterConfig} from 'angular2-toaster/angular2-toaster';
/*
 * App Component
 * Top Level Component
 */
@Component({
  selector: 'app',
  directives: [HeaderComponent, ToasterContainerComponent],
  providers: [],
  pipes: [],
  styles: [`
    main {
      font-size: 1rem;
      line-height: 1.5;
      color: #666;
      background-color: #ededed;
    }
    :global(body) {
      color: #666;
      background-color: #ededed;
    }
  `],
  template: `
    <header-component></header-component>
    <ToasterContainerComponent></ToasterContainerComponent>
    <main>
      <router-outlet></router-outlet>
    </main>
  `
})
@RouteConfig([
  { path: '/', component: Home, name: 'Index' },
  { path: '/home', component: Home, name: 'Home' },
])

export class App {

  constructor() {
  }

  public toasterconfig: ToasterConfig =
  new ToasterConfig({
    showCloseButton: false,
    positionClass: "toast-top-center",
    tapToDismiss: true,
    timeout: 3000
  });
}

// @AngularClass

var webpack = require('webpack');
var helpers = require('./helpers');

var CopyWebpackPlugin = require('copy-webpack-plugin');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var ForkCheckerPlugin = require('awesome-typescript-loader').ForkCheckerPlugin;
var ProvidePlugin = require('webpack/lib/ProvidePlugin');

var ENV = process.env.ENV = process.env.NODE_ENV = 'development';
var HMR = helpers.hasProcessFlag('hot');
var autoprefixer = require('autoprefixer');

var metadata = {
  title: 'Cổng thông tin game lớn nhất Việt Nam |  NETVIVU',
  baseUrl: '/',
  host: 'localhost',
  port: 3000,
  ENV: ENV,
  HMR: HMR
};
/*
 * Config
 * with default values at webpack.default.conf
 */
module.exports = {
  // static data for index.html
  metadata: metadata,
  devtool: 'cheap-module-eval-source-map',
  // cache: true,
  debug: true,
  // devtool: 'eval' // for faster builds use 'eval'

  // our angular app
  entry: {
    'polyfills': './src/polyfills.ts',
    'vendor': './src/vendor.ts',
    'app': './src/main.ts'
  },

  resolve: {
    extensions: ['', '.ts', '.js', '.json', '.css', '.scss', '.html'] // <-- include .scss
  },

  // Config for our build files
  output: {
    path: helpers.root('dist'),
    filename: '[name].bundle.js',
    sourceMapFilename: '[name].map',
    chunkFilename: '[id].chunk.js'
  },

  module: {
    preLoaders: [
      // { test: /\.ts$/, loader: 'tslint-loader', exclude: [ helpers.root('node_modules') ] },
      // TODO(gdi2290): `exclude: [ helpers.root('node_modules/rxjs') ]` fixed with rxjs 5 beta.3 release
      { test: /\.js$/, loader: "source-map-loader", exclude: [helpers.root('node_modules/rxjs')] }
    ],
    loaders: [
      // Support for .ts files.
      { test: /\.ts$/, lo
```ader: 'awesome-typescript-loader', exclude: [/\.(spec|e2e)\.ts$/] },

      // Support for *.json files.
      { test: /\.json$/, loader: 'json-loader' },

      // Support for CSS as raw text
      { test: /\.css$/, loader: 'raw-loader' },

      // support for .html as raw text
      { test: /\.html$/, loader: 'raw-loader', exclude: [helpers.root('src/index.html')] },
// if you add a loader include the resolve file extension above

      { test: /\.scss$/, loaders: ['raw-loader', 'sass-loader?sourceMap'] },

      // { test: /\.(woff2?|ttf|eot|svg)$/, loader: 'url?limit=10000', exclude: [helpers.root('node_modules')] },

      // Bootstrap 4
      { test: /bootstrap\/dist\/js\/umd\//, loader: 'imports?jQuery=jquery', exclude: [helpers.root('node_modules')] },

      { test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "url-loader?limit=10000&mimetype=application/font-woff" },

      { test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "file-loader" }
    ]
  },

  // sassResources: path.resolve(__dirname, "./node_modules/bootstrap/scss"),

  postcss: [autoprefixer], // <--- postcss
  plugins: [
    new ForkCheckerPlugin(),
    new webpack.optimize.OccurenceOrderPlugin(true),
    new webpack.optimize.CommonsChunkPlugin({ name: ['app', 'vendor', 'polyfills'], minChunks: Infinity }),
    // static assets
    new CopyWebpackPlugin([{ from: 'src/assets', to: 'assets' }]),
    // generating html
    new HtmlWebpackPlugin({ template: 'src/index.html', chunksSortMode: 'none' }),
    // Environment helpers (when adding more properties make sure you include them in custom-typings.d.ts)
    new webpack.DefinePlugin({
      'ENV': JSON.stringify(metadata.ENV),
      'HMR': HMR
    }),
    // jQuery, Tether
    new ProvidePlugin({
      jQuery: 'jquery',
      $: 'jquery',
      jquery: 'jquery',
      "Tether": 'tether',
      "window.Tether": "tether",
      "CKEDITOR": "CKEDITOR"
    })
  ],

  // Other module loader config

  // our Webpack Development Server config
  tslint: {
    emitErrors: false,
    failOnHint: false,
    resourcePath: 'src',
  },
  devServer: {
    port: metadata.port,
    host: metadata.host,
    historyApiFallback: true,
    watchOptions: {
      aggregateTimeout: 300,
      poll: 1000
    }
  },
  node: {
    global: 'window',
    process: true,
    crypto: 'empty',
    module: false,
    clearImmediate: false,
    setImmediate: false
  }
};

var toast : Toast = {
    type: 'info',
    title: 'Mic Request',
    body: 'Stabzs wants to speak.  Open Mic?',
    showCloseButton: true,
    actionButton: 'Yes',
    onHideCallback: function() { console.log('no'); },
    onActionCallback: function() { console.log('yes'); }
};

this.toasterService.pop(toast);

var toast : Toast = {
    type: 'info',
    title: 'Mic Request',
    body: 'Stabzs wants to speak.  Open Mic?',
    showCloseButton: true,
    actions: [
      {text: 'Yes', callback: function() { console.log('yes'); } },
      {text: 'Ignore', callback: function() { console.log('ignored'); } }
    ],
    onHideCallback: function() { console.log('no'); }
};

this.toasterService.pop(toast);

import {Component, OnInit, OnDestroy} from "@angular/core";
import {WebSocketService} from "../services/websocket.service";
import {ActivatedRoute} from '@angular/router';
import {Subscription} from "rxjs/Rx";
import {ToasterContainerComponent, ToasterService} from 'angular2-toaster/angular2-toaster';
import {User} from "../../client/user.model";


@Component({
    selector: 'main',
    template: `main`,
    providers: [WebSocketService, ToasterService],
    directives: [ToasterContainerComponent]
})
export class MainComponent implements OnInit, OnDestroy {

    private sub:Subscription;
    private user:User;
    private toasterService:ToasterService;

    constructor(private route:ActivatedRoute,
                private ws:WebSocketService,
                toasterService:ToasterService) {
        this.user = new User();
        this.toasterService = toasterService;
    }

    ngOnInit() {
        this.sub = this.route
            .params
            .subscribe(params => {
                this.user.room = params['room'];
                this.user.name = params['name'];
                this.user.lastname = params['lastname'];
            });

        this.init();
    }

    init() {
        this.ws = new WebSocketService();
        this.ws.run(this.onMessage);

        setTimeout(() =>
            this.ws.send({
                name: this.user.name,
                lastname: this.user.lastname,
                room: this.user.room,
                action: 'client_go_test'
            }), 200);
    }

    ngOnDestroy() {
        this.sub.unsubscribe();
    }

    onMessage(event:MessageEvent) {
        console.log('onMessage');
        let routes:any = {
            'go_test': function (response) {
                console.log(response)
            },
            'client_test_not_found': function (response) {
                console.log(this.toaserService);
                this.toasterService.pop(
                    'error',
                    response,
                    {
                        showCloseButton: true,
                        timeout: 5000
                    });
            }
        };

        let data = JSON.parse(event.data);

        if (routes.hasOwnProperty(data.action)) {
            routes[data.action](data.response);
        }
    }
}

browser_adapter.ts:73 Error: More tasks executed then were scheduled.
    at ZoneDelegate._updateTaskCount (https://code.angularjs.org/2.0.0-beta.14/angular2-polyfills.js:398:24)
    at ZoneDelegate.invokeTask (https://code.angularjs.org/2.0.0-beta.14/angular2-polyfills.js:369:27)
    at Zone.runTask (https://code.angularjs.org/2.0.0-beta.14/angular2-polyfills.js:263:48)
    at ZoneTask.invoke (https://code.angularjs.org/2.0.0-beta.14/angular2-polyfills.js:431:34)
  -------------   Elapsed: 5004 ms; At: Fri Apr 15 2016 08:17:01 GMT+0200 (CEST)   -------------  
    at Object.Zone.longStackTraceZoneSpec.onScheduleTask (https://code.angularjs.org/2.0.0-beta.14/angular2-polyfills.js:1354:23)
    at ZoneDelegate.scheduleTask (https://code.angularjs.org/2.0.0-beta.14/angular2-polyfills.js:342:50)
    at Zone.scheduleMacroTask (https://code.angularjs.org/2.0.0-beta.14/angular2-polyfills.js:283:40)
    at https://code.angularjs.org/2.0.0-beta.14/angular2-polyfills.js:133:26
    at setTimeout (eval at createNamedFn (https://code.angularjs.org/2.0.0-beta.14/angular2-polyfills.js:973:18), <anonymous>:3:37)
    at ToasterContainerComponent.configureTimer (http://localhost:8000/node_modules/angular2-toaster/lib/toaster-container.component.js:136:38)
    at ToasterContainerComponent.addToast (http://localhost:8000/node_modules/angular2-toaster/lib/toaster-container.component.js:113:14)
    at SafeSubscriber.eval [as _next] (http://localhost:8000/node_modules/angular2-toaster/lib/toaster-container.component.js:70:19)
  -------------   Elapsed: 2 ms; At: Fri Apr 15 2016 08:17:01 GMT+0200 (CEST)   -------------  
    at Object.Zone.longStackTraceZoneSpec.onScheduleTask (https://code.angularjs.org/2.0.0-beta.14/angular2-polyfills.js:1354:23)
    at ZoneDelegate.scheduleTask (https://code.angularjs.org/2.0.0-beta.14/angular2-polyfills.js:342:50)
    at Zone.scheduleMacroTask (https://code.angularjs.org/2.0.0-beta.14/angular2-polyfills.js:283:40)
    at https://code.angularjs.org/2.0.0-beta.14/angular2-polyfills.js:133:26
    at setTimeout (eval at createNamedFn (https://code.angularjs.org/2.0.0-beta.14/angular2-polyfills.js:973:18), <anonymous>:3:37)
    at ToasterService.popAsync (http://localhost:8000/node_modules/angular2-toaster/lib/toaster.service.js:31:9)
    at Home.ok (http://localhost:8000/app/mysew-app.js:63:35)
    at AbstractChangeDetector.ChangeDetector_Home_0.handleEventInternal (viewFactory_Home:131:21)

    var toasterconfig : ToasterConfig = new ToasterConfig({timeout: {error:0 }});
    var toast : Toast = {
        type: "error",
        title: title,
        body: message,
        showCloseButton: true,
        toasterConfig: toasterconfig
    };

    this.toasterService.pop(toast);    


    var toast : Toast = {
        type: "error",
        title: title,
        body: message,
        showCloseButton: true,
        timeout: 0
    };
    this.toasterService.pop(toast);  

#toast-container > .toast-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.toast-success .toast-close-button {
    color: #3c763d;

}#toast-container > .toast-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.toast-info .toast-close-button {
    color: #31708f;

}#toast-container > .toast-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.toast-warning .toast-close-button {
    color: #8a6d3b;
}

#toast-container > .toast-error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.toast-error .toast-close-button {
    color: #a94442;
}

.toaster-icon {
    filter: invert(0.5);
}
#toast-container > div {
    opacity: 1;
    border: 1px solid transparent;
    border-radius: 4px;
}

var toast : Toast = {
                type: 'info',
                title: 'Check',
                body: 'Are you sure you want to do this?<br/><button md-button (click)="freeUser()">I'm sure</button>',
                bodyOutputType: BodyOutputType.TrustedHtml
                };
            this.toasterService.pop(toast);