11$output.file("web/src/app/app.component.ts")##
2- import { Component,OnInit } from '@angular/core';
3- import { RouterModule } from '@angular/router';
4- import { Observable } from 'rxjs/Observable';
2+ import { Component, OnInit } from '@angular/core';
53import 'rxjs/add/observable/throw';
64import { Message, MenuItem } from 'primeng/primeng';
75import { AuthService} from './service/auth.service';
@@ -12,80 +10,27 @@ import { MessageService} from './service/message.service';
1210 * Defines the main layout and handles user login in a dialog.
1311 */
1412@Component({
15- moduleId: module.id,
16- selector: 'app-root',
17- template: `
18- <p-growl [value]="msgs"></p-growl>
19-
20- <div class="ui-g layout">
21- <div class="ui-g-12 ui-md-1">The West...</div>
22- <div class="ui-g-12 ui-md-11 ui-g-nopad">
23- <div class="ui-g-12 ui-g-nopad" style="font-size: 14px;">
24- <p-menubar [model]="items"></p-menubar>
25- </div>
26- <div class="ui-g-12">
27- <router-outlet></router-outlet>
28- </div>
29- <div class="ui-g-12" style="text-align: center;">
30- <i class="fa fa-twitter"></i> <a href="https://twitter.com/jaxiosoft">@jaxiosoft</a> -
31- <i class="fa fa-github-alt"></i> <a href="https://github.com/jaxio/celerio-angular-quickstart">https://github.com/jaxio/celerio-angular-quickstart</a>
32- </div>
33- </div>
34- </div>
35- <p-dialog header="Please login" [visible]="displayLoginDialog" [responsive]="true" showEffect="fade" [modal]="true" [closable]="false" *ngIf="!authenticated">
36- <p>When using the sample database, use admin/admin</p>
37- <div ngForm class="ui-g">
38- <div class="ui-g-12" *ngIf="loginFailed">
39- <div class="ui-message ui-messages-error ui-corner-all">
40- Invalid login or password
41- </div>
42- </div>
43- <div class="ui-g-12">
44- <div class="ui-g-4">
45- <label for="j_username">Username</label>
46- </div>
47- <div class="ui-g-8">
48- <input pInputText id="j_username" [(ngModel)]="j_username" name="username"/>
49- </div>
50- </div>
51- <div class="ui-g-12">
52- <div class="ui-g-4">
53- <label for="j_password">Password</label>
54- </div>
55- <div class="ui-g-8">
56- <input type="password" pPassword id="j_password" [(ngModel)]="j_password" name="password"/>
57- </div>
58- </div>
59- </div>
60- <footer>
61- <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
62- <button pButton (click)="login()" icon="fa-sign-in" label="Login"></button>
63- </div>
64- </footer>
65- </p-dialog>
66- `,
67- styles:[`
68- .layout div {
69- background-color: white;
70- border: 1px solid #f5f7f8;
71- }
72- `]
13+ selector: 'app-root',
14+ templateUrl: 'app.component.html',
15+ styles: [`
16+ .layout div {
17+ background-color: white;
18+ border: 1px solid #f5f7f8;
19+ }
20+ `]
7321})
7422export class AppComponent implements OnInit {
75- public items : MenuItem[] = [{label: 'hello'}];
76- msgs : Message[] = [];
23+ items: MenuItem[] = [{label: 'hello'}];
24+ msgs: Message[] = [];
7725
78- displayLoginDialog : boolean = false;
79- loginFailed : boolean = false;
80- authenticated : boolean = false;
81- j_username : string = " admin" ;
82- j_password : string = " admin" ;
26+ displayLoginDialog = false;
27+ loginFailed = false;
28+ authenticated = false;
29+ j_username = ' admin' ;
30+ j_password = ' admin' ;
8331
8432 constructor(private authService: AuthService, private messageService: MessageService) {
85- messageService.messageSource${d}.subscribe(
86- msg => {
87- this.msgs.push(msg);
88- });
33+ messageService.messageSource${d}.subscribe(msg => this.msgs.push(msg));
8934 }
9035
9136 ngOnInit() {
@@ -94,33 +39,37 @@ export class AppComponent implements OnInit {
9439
9540 { label: 'Entities', icon: 'fa-search', items: [
9641#foreach($entity in $project.withoutManyToManyJoinEntities.list)
97- {label: '${entity.model.type} Search', routerLink: ['/${entity.model.var}-list']},
98- {label: '${entity.model.type} Create', routerLink: ['/${entity.model.var}/new']}#if($velocityHasNext),
42+ {
43+ label: '${entity.model.type}',
44+ items: [
45+ {label: 'Search', routerLink: ['/${entity.model.var}-list']},
46+ {label: 'Create', routerLink: ['/${entity.model.var}/new']}
47+ ]
48+ }#if($velocityHasNext),
9949#end
10050#end
10151 ]
10252 },
103- { label: 'Swagger', url : " /swagger-ui.html" , icon: 'fa-gear' },
53+ { label: 'Swagger', url : ' /swagger-ui.html' , icon: 'fa-gear' },
10454 { label: 'Documentation',
10555 icon: 'fa-book',
10656 items: [
107- {label: " Source code" , icon: 'fa-github-alt', url: " https://github.com/jaxio/celerio-angular-quickstart" },
108- {label: " Celerio Documentation" , icon: 'fa-external-link', url: " http://www.jaxio.com/documentation/celerio/" },
109- {label: " Angular Cli" , icon: 'fa-external-link', url: " https://cli.angular.io/" },
110- {label: " Angular 5" , icon: 'fa-external-link', url: " https://angular.io/" },
111- {label: " Material 5" , icon: 'fa-external-link', url: " https://material.angular.io/" },
112- {label: " PrimeNG Showcase" , icon: 'fa-external-link', url: " http://www.primefaces.org/primeng" },
113- {label: " TypeScript" , icon: 'fa-external-link', url: " https://www.typescriptlang.org/" },
114- {label: " Spring Boot" , icon: 'fa-external-link', url: " http://projects.spring.io/spring-boot/" },
115- {label: " Spring Data JPA" , icon: 'fa-external-link', url: " http://projects.spring.io/spring-data-jpa/" }
57+ {label: ' Source code' , icon: 'fa-github-alt', url: ' https://github.com/jaxio/celerio-angular-quickstart' },
58+ {label: ' Celerio Documentation' , icon: 'fa-external-link', url: ' http://www.jaxio.com/documentation/celerio/' },
59+ {label: ' Angular Cli' , icon: 'fa-external-link', url: ' https://cli.angular.io/' },
60+ {label: ' Angular 5' , icon: 'fa-external-link', url: ' https://angular.io/' },
61+ {label: ' Material 5' , icon: 'fa-external-link', url: ' https://material.angular.io/' },
62+ {label: ' PrimeNG Showcase' , icon: 'fa-external-link', url: ' http://www.primefaces.org/primeng' },
63+ {label: ' TypeScript' , icon: 'fa-external-link', url: ' https://www.typescriptlang.org/' },
64+ {label: ' Spring Boot' , icon: 'fa-external-link', url: ' http://projects.spring.io/spring-boot/' },
65+ {label: ' Spring Data JPA' , icon: 'fa-external-link', url: ' http://projects.spring.io/spring-data-jpa/' }
11666 ]
11767 }
11868 ];
11969
12070 this.authService.isAuthenticated().
12171 subscribe(
122- resp =>
123- {
72+ resp => {
12473 this.authenticated = resp;
12574 this.displayLoginDialog = !this.authenticated;
12675 if (this.authenticated) {
0 commit comments