52 lines
2.3 KiB
HTML
52 lines
2.3 KiB
HTML
<div [attr.class]="layout | async">
|
|
<div class="tfw-grid-main-components">
|
|
<div class="tfw-header"><app-header></app-header></div>
|
|
<div [ngClass]="{'hide-attribute': hideMessages | async}" class="tfw-messages">
|
|
<app-messages></app-messages>
|
|
</div>
|
|
<div class="tfw-web tao-grid-top-left"
|
|
[ngClass]="{'deploy-blur': deploying || (iframeReloadPoller.isPolling | async)}">
|
|
<div *ngIf="iframeUrl | async" class="iframe-container">
|
|
<div *ngIf="showUrlBar | async" class="urlbar-container">
|
|
<button class="refresh btn btn-sm rounded-circle" (click)="reloadIframe()">↻</button>
|
|
<input type="text"
|
|
#urlbar
|
|
class="urlbar form-control"
|
|
value="{{actualIframeUrl}}"
|
|
(keyup.enter)="changeIframeURL()">
|
|
<button class="go btn btn-sm rounded-circle" (click)="changeIframeURL()">⇨</button>
|
|
</div>
|
|
<iframe class="iframe"
|
|
#webiframe
|
|
name="webiframe"
|
|
scrolling="yes"
|
|
frameborder="0"
|
|
(load)="iframeLoad()"
|
|
[src]="iframeUrl | async | safe">
|
|
</iframe>
|
|
</div>
|
|
</div>
|
|
<div class="tfw-ide">
|
|
<app-ide></app-ide>
|
|
</div>
|
|
<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"
|
|
(click)="selectTerminalMenuItem('terminal')"
|
|
[class.selected]="(terminalMenuItem | async) === 'terminal'">TERMINAL</button>
|
|
<button class="tfw-console-terminal-menu-button"
|
|
(click)="selectTerminalMenuItem('console')"
|
|
[class.selected]="(terminalMenuItem | async) === 'console'">CONSOLE</button>
|
|
</div>
|
|
<hr>
|
|
<app-terminal [class.hidden]="(terminalMenuItem | async) !== 'terminal'"></app-terminal>
|
|
<app-console [class.hidden]="(terminalMenuItem | async) !== 'console'"></app-console>
|
|
</div>
|
|
<div class="tfw-sidebar">
|
|
<app-sidebar (layoutChanged)="setLayout($event)" [layout]="layout | async"></app-sidebar>
|
|
</div>
|
|
|
|
<div class="tfw-terminal-footer"></div>
|
|
</div>
|
|
</div>
|