#3527 - Main menu

César Calvo

2017-03-14 f3f2452adb2723f2dde0b3429c282b835b5cdfcf

#3527 - Main menu

 securis/src/main/webapp/src/app/app.home.html
deleted file mode 100644
..
..
@@ -1,46 +0,0 @@
1
-<td-layout-nav toolbarTitle="SeCuris" logo="assets:logo-white" >
2
-	<div td-toolbar-content layout="row" layout-align="start center" flex>
3
-		<!-- <button>Hola</button> -->
4
-		<md-menu #notificationsMenu="mdMenu">
5
-			<td-menu>
6
-				<div td-menu-header class="md-subhead">Templates</div>
7
-				<md-nav-list dense>
8
-				<a md-list-item [routerLink]="['/login']">
9
-					<md-icon md-list-avatar>system_update_alt</md-icon>
10
-					<h4 md-line><span class="text-wrap">Landing Page</span></h4>
11
-					<p md-line>a landing page template</p>
12
-				</a>
13
-				<md-divider></md-divider>
14
-				<a md-list-item [routerLink]="['/login']">
15
-					<md-icon md-list-avatar>dashboard</md-icon>
16
-					<h4 md-line><span class="text-wrap">Dashboard</span></h4>
17
-					<p md-line>an ngx-charts dashboard template</p>
18
-				</a>
19
-				<md-divider></md-divider>
20
-				<a md-list-item [routerLink]="['/login']">
21
-					<md-icon md-list-avatar>email</md-icon>
22
-					<h4 md-line><span class="text-wrap">Email App</span></h4>
23
-					<p md-line>an email app template</p>
24
-				</a>
25
-				<md-divider></md-divider>
26
-				<a md-list-item [routerLink]="['/login']">
27
-					<md-icon md-list-avatar>view_array</md-icon>
28
-					<h4 md-line><span class="text-wrap">IDE Editor</span></h4>
29
-					<p md-line>an IDE text editor app template</p>
30
-				</a>
31
-				</md-nav-list>
32
-				<a md-button color="accent" td-menu-footer href="https://github.com/Teradata/covalent-quickstart/tree/develop/src/app/templates" target="_blank">
33
-				View Code
34
-				</a>
35
-			</td-menu>
36
-		</md-menu>
37
-	</div>
38
-	<router-outlet></router-outlet>
39
-  <td-layout-footer>
40
-	<div layout="row" layout-align="start center" flex>
41
-		<div flex layout="row" layout-align="start center">v. {{securisVersion}}</div>
42
-		<div flex layout="row" layout-align="center center"><a href="http://www.curistec.com/" target="_blank">CurisTec</a>&nbsp;©2017</div>
43
-		<div flex></div>
44
-	</div>
45
-  </td-layout-footer>
46
-</td-layout-nav>
 securis/src/main/webapp/src/app/app.module.ts
..
..
@@ -11,7 +11,7 @@
11
11
 import { LocalStorageModule } from 'angular-2-local-storage';
12
12
 import { ToastModule } from 'ng2-toastr/ng2-toastr';
13
13
 
14
-import { AppHomeComponent }  from './app.component';
14
+import { HomeComponent }  from './home.component';
15
15
 import { I18nDirective }  from './common/i18n';
16
16
 import { UserService }  from './user.service';
17
17
 import { PacksService }  from './resources/packs';
..
..
@@ -53,9 +53,9 @@
53
53
     LoginFormComponent,
54
54
     ErrorCheckerComponent,
55
55
     I18nDirective,
56
-    AppHomeComponent
56
+    HomeComponent
57
57
   ],
58
-  bootstrap: [ AppHomeComponent ],
58
+  bootstrap: [ HomeComponent ],
59
59
   entryComponents: [ PackFormComponent ],
60
60
   providers: [
61
61
     SeCurisSession,
 securis/src/main/webapp/src/app/app.routes.ts
..
..
@@ -1,6 +1,6 @@
1
1
 import { Routes, RouterModule } from '@angular/router';
2
2
 
3
-import { AppHomeComponent } from './app.component';
3
+import { HomeComponent } from './home.component';
4
4
 import { PackListComponent } from './pack.list.component';
5
5
 import { LoginFormComponent } from './login.form.component';
6
6
 
 securis/src/main/webapp/src/app/home.component.html
..
..
@@ -0,0 +1,43 @@
1
+<td-layout>
2
+  <td-navigation-drawer sidenavTitle="SeCuris">
3
+  </td-navigation-drawer>
4
+
5
+  <md-nav-list td-sidenav-content>
6
+    <a routerLink="/packs" md-list-item>
7
+      <md-icon md-list-avatar>view_compact</md-icon>
8
+      <h3 md-line> Packs </h3>
9
+      <p md-line> Packs to manage licenses </p>
10
+    </a>
11
+    <a routerLink="/packs" md-list-item>
12
+      <md-icon md-list-avatar>view_compact</md-icon>
13
+      <h3 md-line>Applications </h3>
14
+      <p md-line>Applications </p>
15
+    </a>
16
+    <a routerLink="/packs" md-list-item>
17
+      <md-icon md-list-avatar>view_compact</md-icon>
18
+      <h3 md-line>License types</h3>
19
+      <p md-line>License types</p>
20
+    </a>
21
+    <a routerLink="/packs" md-list-item>
22
+      <md-icon md-list-avatar>view_compact</md-icon>
23
+      <h3 md-line> Organizations </h3>
24
+      <p md-line> Organizations </p>
25
+    </a>
26
+    <a routerLink="/packs" md-list-item>
27
+      <md-icon md-list-avatar>view_compact</md-icon>
28
+      <h3 md-line> Users </h3>
29
+      <p md-line> Users </p>
30
+    </a>                
31
+  </md-nav-list>
32
+
33
+<td-layout-nav toolbarTitle="SeCuris" logo="assets:logo-white">
34
+	<router-outlet></router-outlet>
35
+  <td-layout-footer>
36
+	<div layout="row" layout-align="start center" flex>
37
+		<div flex layout="row" layout-align="start center">v. {{securisVersion}}</div>
38
+		<div flex layout="row" layout-align="center center"><a href="http://www.curistec.com/" target="_blank">CurisTec</a>&nbsp;©2017</div>
39
+		<div flex></div>
40
+	</div>
41
+  </td-layout-footer>
42
+</td-layout-nav>
43
+</td-layout>
 securis/src/main/webapp/src/app/app.component.ts
similarity index 83%rename from securis/src/main/webapp/src/app/app.component.tsrename to securis/src/main/webapp/src/app/home.component.ts
..
..
@@ -1,23 +1,29 @@
1
1
 import { Observable } from 'rxjs/Observable';
2
2
 import { BaseRequestOptions, Http } from '@angular/http';
3
3
 import { ToastsManager } from 'ng2-toastr/ng2-toastr';
4
-import { AfterViewInit, Component, ViewContainerRef } from '@angular/core';
4
+import { AfterViewInit, Component, ViewContainerRef, ViewChild } from '@angular/core';
5
5
 import { DomSanitizer } from '@angular/platform-browser';
6
6
 import { MdIconRegistry } from '@angular/material';
7
7
 import { UserService } from './user.service';
8
8
 import { LocalStorageService } from 'angular-2-local-storage';
9
9
 import { TdMediaService } from '@covalent/core';
10
10
 import { Router } from '@angular/router';
11
+import { TdNavigationDrawerComponent } from '@covalent/core'
11
12
 
12
13
 // https://github.com/Teradata/covalent-quickstart/tree/develop/src/app
13
14
 // https://teradata.github.io/covalent-quickstart/#/
14
15
 
15
16
 @Component({
16
17
   selector: 'app-home',
17
-  templateUrl: 'src/app/app.home.html' 
18
+  templateUrl: 'src/app/home.component.html' 
18
19
 })
19
-export class AppHomeComponent implements AfterViewInit {
20
+export class HomeComponent implements AfterViewInit {
21
+
22
+  @ViewChild('varName') child: TdNavigationDrawerComponent;
23
+
20
24
   securisVersion : string;
25
+  showMenu : boolean = false;
26
+
21
27
   constructor(private userService: UserService,
22
28
               toaster: ToastsManager,
23
29
               vRef: ViewContainerRef,
..
..
@@ -49,9 +55,16 @@
49
55
       this._domSanitizer.bypassSecurityTrustResourceUrl('assets/securis_logo_black.svg'));
50
56
   }
51
57
 
58
+
59
+  public clicked() {
60
+    //this.child.open();
61
+  }
62
+
52
63
   ngAfterViewInit(): void {
64
+     // this.showMenu = true;    
53
65
       this.media.broadcast();
54
66
       this.userService.isLoggedIn().subscribe(authOk => {
67
+        //this.showMenu = authOk.valueOf();
55
68
         this.router.navigateByUrl(authOk ? 'packs' : 'login');
56
69
       }, 
57
70
       err => /* Show message */ this.router.navigateByUrl('login'));