mrtoth/frontend-tutorial-framework
1
0
Fork 0
mirror of https://github.com/avatao-content/frontend-tutorial-framework synced 2025-04-03 10:12:41 +00:00
Code Issues Releases Wiki Activity

Implement changing between terminal menu items

Browse Source
This commit is contained in:
Kristóf Tóth 2018-05-25 15:45:56 +02:00
parent 32dab3b967
commit 469c5ced7b
2 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/dashboard/dashboard.component.html
View File

@ -23,13 +23,15 @@
<div class="tfw-terminal"> <div class="tfw-terminal">
<div class="btn-group btn-group-sm flex-wrap tao-grid-center-left tfw-console-terminal-menu"> <div class="btn-group btn-group-sm flex-wrap tao-grid-center-left tfw-console-terminal-menu">
<button class="tfw-console-terminal-menu-button" <button class="tfw-console-terminal-menu-button"
[class.selected]="terminalOrConsole === 'terminal'">TERMINAL</button> (click)="selectTerminalMenuItem('terminal')"
[class.selected]="selectedTerminalMenuItem === 'terminal'">TERMINAL</button>
<button class="tfw-console-terminal-menu-button" <button class="tfw-console-terminal-menu-button"
[class.selected]="terminalOrConsole === 'console'">CONSOLE</button> (click)="selectTerminalMenuItem('console')"
[class.selected]="selectedTerminalMenuItem === 'console'">CONSOLE</button>
</div> </div>
<hr> <hr>
<app-terminal *ngIf="terminalOrConsole === 'terminal'"></app-terminal> <app-terminal [hidden]="selectedTerminalMenuItem !== 'terminal'"></app-terminal>
<app-console *ngIf="terminalOrConsole === 'console'"></app-console> <app-console [hidden]="selectedTerminalMenuItem !== 'console'"></app-console>
</div> </div>
<div class="tfw-sidebar"> <div class="tfw-sidebar">
<app-sidebar (layoutChanged)="setLayout($event)" [layout]="layout"></app-sidebar> <app-sidebar (layoutChanged)="setLayout($event)" [layout]="layout"></app-sidebar>

9
src/app/dashboard/dashboard.component.ts
View File

@ -20,7 +20,7 @@ export class DashboardComponent implements OnInit, OnDestroy {
hide_messages: boolean = config.dashboard.hide_messages; hide_messages: boolean = config.dashboard.hide_messages;
iframeUrl: string = config.dashboard.iframeUrl; iframeUrl: string = config.dashboard.iframeUrl;
@ViewChild('webiframe') webiframe: ElementRef; @ViewChild('webiframe') webiframe: ElementRef;
terminalOrConsole = config.dashboard.terminalOrConsole; selectedTerminalMenuItem = config.dashboard.terminalOrConsole;
command_handlers = {'layout': this.layoutHandler.bind(this), command_handlers = {'layout': this.layoutHandler.bind(this),
'reload_frontend': this.reloadFrontendHandlder.bind(this)}; 'reload_frontend': this.reloadFrontendHandlder.bind(this)};
@ -85,4 +85,11 @@ export class DashboardComponent implements OnInit, OnDestroy {
this.webiframe.nativeElement.contentWindow.location.reload(true); this.webiframe.nativeElement.contentWindow.location.reload(true);
}); });
} }
selectTerminalMenuItem(item: string) {
if (!item.match('(terminal|console)')) {
return;
}
this.selectedTerminalMenuItem = item;
}
} }