mirror of
https://github.com/avatao-content/frontend-tutorial-framework
synced 2025-04-03 12:02:40 +00:00
45 lines
2.1 KiB
HTML
45 lines
2.1 KiB
HTML
<!-- Copyright (C) 2018 Avatao.com Innovative Learning Kft.
|
|
All Rights Reserved. See LICENSE file for details. -->
|
|
|
|
<div class="tfw-grid-ide-statusbar">
|
|
<div class="btn-group btn-group-sm flex-wrap tao-grid-center-left">
|
|
<button *ngFor="let file of files"
|
|
class="btn tfw-tab-btn"
|
|
(click)="tabSwitchButtonHandler(file)"
|
|
[class.active]="filename === file"
|
|
[class.disabled]="filename === file"
|
|
[disabled]="filename === file"
|
|
[class.tao-tab-btn-saved]="filename === file && codeState === CodeState.SAVED">
|
|
<span *ngIf="filename !== file">{{file}}</span>
|
|
<span *ngIf="filename === file"
|
|
[class.underline]="codeState === CodeState.DIRTY">{{file}}</span>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="btn-group-sm tfw-deploy-btn-group">
|
|
<button *ngIf="showDeployButton"
|
|
type="submit"
|
|
class="btn tfw-deploy-btn tao-grid-top-center"
|
|
(click)="sendCodeIfDirty(); deployCode()"
|
|
[disabled]="deployButtonState === DeployButtonState.DEPLOYING || deployButtonState === DeployButtonState.DEPLOYED"
|
|
[class.deployed]="deployButtonState === DeployButtonState.DEPLOYED"
|
|
[class.deploy]="deployButtonState === DeployButtonState.DEPLOYING"
|
|
[class.disabled]="deployButtonState === DeployButtonState.DEPLOYING || deployButtonState === DeployButtonState.DEPLOYED"
|
|
[class.failed]="deployButtonState === DeployButtonState.FAILED">
|
|
<span *ngIf="deployButtonState === DeployButtonState.TODEPLOY">Deploy</span>
|
|
<span *ngIf="deployButtonState === DeployButtonState.DEPLOYED">
|
|
<img src="images/greentick_icon.svg"/>
|
|
<span>Deployed</span>
|
|
</span>
|
|
<span *ngIf="deployButtonState === DeployButtonState.DEPLOYING"><div class="loader"></div>Reloading app...</span>
|
|
<span *ngIf="deployButtonState === DeployButtonState.FAILED">Deployment failed. Retry</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<ngx-monaco-editor [(ngModel)]="code"
|
|
class="tfw-ide-editor"
|
|
(keyup)="editorWriteHanlder()"
|
|
[options]="editorOptions"
|
|
></ngx-monaco-editor>
|