import { Component } from '@angular/core' ; import { Router } from '@angular/router' ; @ Component ( { providers : [ AppManager ] , selector : 'AppManager' , template : `
    <div id="appEntry">
        <small>I am AppManager component</small>
        <div id="appSelector" class="noScroll container" >
            <div align="center" style="padding-top: 100px">
                <button (click)="goToApp1(event)" data-ripple-color="black" type="button" name="mailWasp" class="btn btn-default">
                <i style="margin: 20px; padding: 20px; font-size: 5em" class="fa fa-paper-plane"></i> <span
                        data-localize="none"></span>
                        <small>App 1</small>
                 </button>
                <button (click)="goToApp2(event)" data-ripple-color="black" type="button" name="everNodes" class="btn btn-default">
                <i style="margin: 20px; padding: 20px ; font-size: 5em" class="fa fa-rocket"></i> <span
                        data-localize="none"></span>
                        <small>App 2</small>
                </button>

                <button (click)="goToApp3(event)" data-ripple-color="black" type="button" name="everNodes" class="btn btn-default">
                <i style="margin: 20px; padding: 20px ; font-size: 5em" class="fa fa-film"></i> <span
                        data-localize="none"></span>
                        <small>App 3</small>
                </button>

            </div>
        </div>
        <div id="appMailWaspContent" class="noScroll container" style="display: none">
        </div>
        <div id="appEverNodesContent" class="noScroll container" style="display: none">
        </div>
    </div>
    ` } ) export class AppManager { private myRouter : Router ; constructor ( router ) { this . myRouter = router ; } routerOnActivate ( ) { } ngAfterViewInit ( ) { } private goToApp1 ( ) { setTimeout ( e => this . myRouter . navigate ( [ '/App1' ] ) , 500 ) ; } private goToApp2 ( ) { setTimeout ( e => this . myRouter . navigate ( [ '/App2' ] ) , 500 ) ; } private goToApp3 ( ) { setTimeout ( e => this . myRouter . navigate ( [ '/App3' ] ) , 500 ) ; } }