From f3f2452adb2723f2dde0b3429c282b835b5cdfcf Mon Sep 17 00:00:00 2001
From: César Calvo <ccalvo@curisit.net>
Date: Tue, 14 Mar 2017 14:41:35 +0000
Subject: [PATCH] #3527 - Main menu
---
securis/src/main/webapp/src/app/home.component.html | 43 +++++++++++++++++++++
/dev/null | 46 -----------------------
securis/src/main/webapp/src/app/app.module.ts | 6 +-
securis/src/main/webapp/src/app/home.component.ts | 19 ++++++++-
securis/src/main/webapp/src/app/app.routes.ts | 2
5 files changed, 63 insertions(+), 53 deletions(-)
diff --git a/securis/src/main/webapp/src/app/app.home.html b/securis/src/main/webapp/src/app/app.home.html
deleted file mode 100644
index a611be9..0000000
--- a/securis/src/main/webapp/src/app/app.home.html
+++ /dev/null
@@ -1,46 +0,0 @@
-<td-layout-nav toolbarTitle="SeCuris" logo="assets:logo-white" >
- <div td-toolbar-content layout="row" layout-align="start center" flex>
- <!-- <button>Hola</button> -->
- <md-menu #notificationsMenu="mdMenu">
- <td-menu>
- <div td-menu-header class="md-subhead">Templates</div>
- <md-nav-list dense>
- <a md-list-item [routerLink]="['/login']">
- <md-icon md-list-avatar>system_update_alt</md-icon>
- <h4 md-line><span class="text-wrap">Landing Page</span></h4>
- <p md-line>a landing page template</p>
- </a>
- <md-divider></md-divider>
- <a md-list-item [routerLink]="['/login']">
- <md-icon md-list-avatar>dashboard</md-icon>
- <h4 md-line><span class="text-wrap">Dashboard</span></h4>
- <p md-line>an ngx-charts dashboard template</p>
- </a>
- <md-divider></md-divider>
- <a md-list-item [routerLink]="['/login']">
- <md-icon md-list-avatar>email</md-icon>
- <h4 md-line><span class="text-wrap">Email App</span></h4>
- <p md-line>an email app template</p>
- </a>
- <md-divider></md-divider>
- <a md-list-item [routerLink]="['/login']">
- <md-icon md-list-avatar>view_array</md-icon>
- <h4 md-line><span class="text-wrap">IDE Editor</span></h4>
- <p md-line>an IDE text editor app template</p>
- </a>
- </md-nav-list>
- <a md-button color="accent" td-menu-footer href="https://github.com/Teradata/covalent-quickstart/tree/develop/src/app/templates" target="_blank">
- View Code
- </a>
- </td-menu>
- </md-menu>
- </div>
- <router-outlet></router-outlet>
- <td-layout-footer>
- <div layout="row" layout-align="start center" flex>
- <div flex layout="row" layout-align="start center">v. {{securisVersion}}</div>
- <div flex layout="row" layout-align="center center"><a href="http://www.curistec.com/" target="_blank">CurisTec</a> ©2017</div>
- <div flex></div>
- </div>
- </td-layout-footer>
-</td-layout-nav>
diff --git a/securis/src/main/webapp/src/app/app.module.ts b/securis/src/main/webapp/src/app/app.module.ts
index 9b3ec9d..bb76eeb 100644
--- a/securis/src/main/webapp/src/app/app.module.ts
+++ b/securis/src/main/webapp/src/app/app.module.ts
@@ -11,7 +11,7 @@
import { LocalStorageModule } from 'angular-2-local-storage';
import { ToastModule } from 'ng2-toastr/ng2-toastr';
-import { AppHomeComponent } from './app.component';
+import { HomeComponent } from './home.component';
import { I18nDirective } from './common/i18n';
import { UserService } from './user.service';
import { PacksService } from './resources/packs';
@@ -53,9 +53,9 @@
LoginFormComponent,
ErrorCheckerComponent,
I18nDirective,
- AppHomeComponent
+ HomeComponent
],
- bootstrap: [ AppHomeComponent ],
+ bootstrap: [ HomeComponent ],
entryComponents: [ PackFormComponent ],
providers: [
SeCurisSession,
diff --git a/securis/src/main/webapp/src/app/app.routes.ts b/securis/src/main/webapp/src/app/app.routes.ts
index 953f644..2989b5a 100644
--- a/securis/src/main/webapp/src/app/app.routes.ts
+++ b/securis/src/main/webapp/src/app/app.routes.ts
@@ -1,6 +1,6 @@
import { Routes, RouterModule } from '@angular/router';
-import { AppHomeComponent } from './app.component';
+import { HomeComponent } from './home.component';
import { PackListComponent } from './pack.list.component';
import { LoginFormComponent } from './login.form.component';
diff --git a/securis/src/main/webapp/src/app/home.component.html b/securis/src/main/webapp/src/app/home.component.html
new file mode 100644
index 0000000..13d7a62
--- /dev/null
+++ b/securis/src/main/webapp/src/app/home.component.html
@@ -0,0 +1,43 @@
+<td-layout>
+ <td-navigation-drawer sidenavTitle="SeCuris">
+ </td-navigation-drawer>
+
+ <md-nav-list td-sidenav-content>
+ <a routerLink="/packs" md-list-item>
+ <md-icon md-list-avatar>view_compact</md-icon>
+ <h3 md-line> Packs </h3>
+ <p md-line> Packs to manage licenses </p>
+ </a>
+ <a routerLink="/packs" md-list-item>
+ <md-icon md-list-avatar>view_compact</md-icon>
+ <h3 md-line>Applications </h3>
+ <p md-line>Applications </p>
+ </a>
+ <a routerLink="/packs" md-list-item>
+ <md-icon md-list-avatar>view_compact</md-icon>
+ <h3 md-line>License types</h3>
+ <p md-line>License types</p>
+ </a>
+ <a routerLink="/packs" md-list-item>
+ <md-icon md-list-avatar>view_compact</md-icon>
+ <h3 md-line> Organizations </h3>
+ <p md-line> Organizations </p>
+ </a>
+ <a routerLink="/packs" md-list-item>
+ <md-icon md-list-avatar>view_compact</md-icon>
+ <h3 md-line> Users </h3>
+ <p md-line> Users </p>
+ </a>
+ </md-nav-list>
+
+<td-layout-nav toolbarTitle="SeCuris" logo="assets:logo-white">
+ <router-outlet></router-outlet>
+ <td-layout-footer>
+ <div layout="row" layout-align="start center" flex>
+ <div flex layout="row" layout-align="start center">v. {{securisVersion}}</div>
+ <div flex layout="row" layout-align="center center"><a href="http://www.curistec.com/" target="_blank">CurisTec</a> ©2017</div>
+ <div flex></div>
+ </div>
+ </td-layout-footer>
+</td-layout-nav>
+</td-layout>
diff --git a/securis/src/main/webapp/src/app/app.component.ts b/securis/src/main/webapp/src/app/home.component.ts
similarity index 83%
rename from securis/src/main/webapp/src/app/app.component.ts
rename to securis/src/main/webapp/src/app/home.component.ts
index c791107..a2cbc86 100644
--- a/securis/src/main/webapp/src/app/app.component.ts
+++ b/securis/src/main/webapp/src/app/home.component.ts
@@ -1,23 +1,29 @@
import { Observable } from 'rxjs/Observable';
import { BaseRequestOptions, Http } from '@angular/http';
import { ToastsManager } from 'ng2-toastr/ng2-toastr';
-import { AfterViewInit, Component, ViewContainerRef } from '@angular/core';
+import { AfterViewInit, Component, ViewContainerRef, ViewChild } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';
import { MdIconRegistry } from '@angular/material';
import { UserService } from './user.service';
import { LocalStorageService } from 'angular-2-local-storage';
import { TdMediaService } from '@covalent/core';
import { Router } from '@angular/router';
+import { TdNavigationDrawerComponent } from '@covalent/core'
// https://github.com/Teradata/covalent-quickstart/tree/develop/src/app
// https://teradata.github.io/covalent-quickstart/#/
@Component({
selector: 'app-home',
- templateUrl: 'src/app/app.home.html'
+ templateUrl: 'src/app/home.component.html'
})
-export class AppHomeComponent implements AfterViewInit {
+export class HomeComponent implements AfterViewInit {
+
+ @ViewChild('varName') child: TdNavigationDrawerComponent;
+
securisVersion : string;
+ showMenu : boolean = false;
+
constructor(private userService: UserService,
toaster: ToastsManager,
vRef: ViewContainerRef,
@@ -49,9 +55,16 @@
this._domSanitizer.bypassSecurityTrustResourceUrl('assets/securis_logo_black.svg'));
}
+
+ public clicked() {
+ //this.child.open();
+ }
+
ngAfterViewInit(): void {
+ // this.showMenu = true;
this.media.broadcast();
this.userService.isLoggedIn().subscribe(authOk => {
+ //this.showMenu = authOk.valueOf();
this.router.navigateByUrl(authOk ? 'packs' : 'login');
},
err => /* Show message */ this.router.navigateByUrl('login'));
--
Gitblit v1.3.2