mrtoth/frontend-tutorial-framework
1
0
Fork 0
mirror of https://github.com/avatao-content/frontend-tutorial-framework synced 2025-06-28 17:55:13 +00:00
Code Issues Releases Wiki Activity

Refactor save! saving... saved! truth table to single string :D

Browse Source
This commit is contained in:
Kristóf Tóth
2018-02-09 14:59:10 +01:00
parent d0a35b53d3
commit 13e60e5d98
2 changed files with 13 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/app/webide/webide.component.html
View File

@ -3,12 +3,13 @@
class="btn btn-secondary"
[class.active]="filename === file"
[class.disabled]="filename === file"
(click)="selectCode(file); requestCode()">
(click)="selectCode(file); requestCode()"
[disabled]="filename === file">
{{file}}
</button>
</div>
<div (textChanged)="saved = false"
<div (textChanged)="saveButtonState = 'DIRTY'"
ace-editor
[(text)]="code"
[(mode)]="language"
@ -18,17 +19,12 @@
</div>
<button (click)="sendCode()"
[disabled]="saving === true"
[disabled]="saveButtonState === 'SAVING'"
type="submit"
class="btn btn-secondary"
[class.btn-success]="saved === true"
[class.btn-warning]="saving === true"
[class.disabled]="saving === true"
><span *ngIf="saved === false && saving === false">Save</span>
<span *ngIf="saved === true && saving === false">Saved!</span>
<span *ngIf="saved === false && saving === true">Saving...</span></button>
<span *ngIf="saved === true">Saved</span>
<span *ngIf="saving === true">Saving</span>
<span *ngIf="saved === false">Not Saved</span>
<span *ngIf="saving === false">Not Saving</span>
[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>