frontend-tutorial-framework/src/app/dashboard/dashboard.component.html

34 lines
1.2 KiB
HTML

<!-- Copyright (C) 2018 Avatao.com Innovative Learning Kft.
All Rights Reserved. See LICENSE file for details. -->
<div [attr.class]="layout">
<div class="tfw-grid-main-components">
<div class="tfw-header"><app-header></app-header></div>
<div [ngClass]="{ 'hide-attribute': hide_messages }" class="tfw-messages"><app-messages></app-messages></div>
<div class="tfw-web tao-grid-top-left"
[ngClass]="{ 'deploy-blur': deploying }">
<app-web *ngIf="!iframeUrl"></app-web>
<div *ngIf="iframeUrl" class="iframe-container">
<iframe class="iframe"
#webiframe
scrolling="yes"
frameborder="0"
[src]="iframeUrl | safe">
</iframe>
</div>
</div>
<div class="tfw-ide">
<app-ide></app-ide>
</div>
<div class="tfw-terminal">
<app-terminal *ngIf="terminalOrConsole === 'terminal'"></app-terminal>
<app-console *ngIf="terminalOrConsole === 'console'"></app-console>
</div>
<div class="tfw-sidebar">
<app-sidebar (layoutChanged)="setLayout($event)" [layout]="layout"></app-sidebar>
</div>
<div class="tfw-terminal-footer"></div>
</div>
</div>