mrtoth/frontend-tutorial-framework
1
0
Fork 0
mirror of https://github.com/avatao-content/frontend-tutorial-framework synced 2025-06-28 14:15:13 +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
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="btn-group btn-group-sm flex-wrap tao-grid-center-left tfw-console-terminal-menu">
<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"
[class.selected]="terminalOrConsole === 'console'">CONSOLE</button>
(click)="selectTerminalMenuItem('console')"
[class.selected]="selectedTerminalMenuItem === 'console'">CONSOLE</button>
</div>
<hr>
<app-terminal *ngIf="terminalOrConsole === 'terminal'"></app-terminal>
<app-console *ngIf="terminalOrConsole === 'console'"></app-console>
<app-terminal [hidden]="selectedTerminalMenuItem !== 'terminal'"></app-terminal>
<app-console [hidden]="selectedTerminalMenuItem !== 'console'"></app-console>
</div>
<div class="tfw-sidebar">
<app-sidebar (layoutChanged)="setLayout($event)" [layout]="layout"></app-sidebar>