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

Implement save saving... saved! button magic. Refactor via enum

Browse Source
This commit is contained in:
Kristóf Tóth
2018-02-09 14:30:37 +01:00
parent 9030df0a2b
commit d0a35b53d3
3 changed files with 18 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,7 +2,8 @@
<button *ngFor="let file of files"
class="btn btn-secondary"
[class.active]="filename === file"
(click)="selectCode(file); requestCode();">
[class.disabled]="filename === file"
(click)="selectCode(file); requestCode()">
{{file}}
</button>
</div>
@ -17,7 +18,17 @@
</div>
<button (click)="sendCode()"
[disabled]="saving === true"
type="submit"
class="btn btn-secondary"
[class.btn-success]="saved === true"
>Save<span *ngIf="saved === true">d!</span></button>
[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>