mirror of
https://github.com/avatao-content/frontend-tutorial-framework
synced 2025-11-04 05:42:54 +00:00
31 lines
979 B
HTML
31 lines
979 B
HTML
<div class="btn-group btn-group-sm flex-wrap">
|
|
<button *ngFor="let file of files"
|
|
class="btn btn-secondary"
|
|
[class.active]="filename === file"
|
|
[class.disabled]="filename === file"
|
|
(click)="selectCode(file); requestCode()"
|
|
[disabled]="filename === file">
|
|
{{file}}
|
|
</button>
|
|
</div>
|
|
|
|
<div (textChanged)="setButtonStateDirty()"
|
|
ace-editor
|
|
[(text)]="code"
|
|
[(mode)]="language"
|
|
[theme]="theme"
|
|
class="tfw-ace-editor"
|
|
>
|
|
</div>
|
|
|
|
<button (click)="sendCode()"
|
|
[disabled]="saveButtonState === 'SAVING'"
|
|
type="submit"
|
|
class="btn btn-secondary"
|
|
[class.btn-success]="saveButtonState === 'SAVED'"
|
|
[class.btn-warning]="saveButtonState === 'SAVING'"
|
|
[class.disabled]="saveButtonState === 'SAVING'"
|
|
><span *ngIf="saveButtonState === 'DIRTY'">Save!</span>
|
|
<span *ngIf="saveButtonState === 'SAVED'">Saved!</span>
|
|
<span *ngIf="saveButtonState === 'SAVING'">Saving...</span></button>
|