mrtoth/frontend-tutorial-framework
1
0
Fork 0
mirror of https://github.com/avatao-content/frontend-tutorial-framework synced 2025-01-16 05:41:56 +00:00
Code Issues Releases Wiki Activity

Disable buttons when they should not be used

Browse Source
This commit is contained in:
Kristóf Tóth 2018-03-02 15:38:37 +01:00
parent c508f367d9
commit 3266854db8
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -22,20 +22,20 @@
<button type="submit" <button type="submit"
class="btn btn-secondary" class="btn btn-secondary"
(click)="sendCode(); deployCode()" (click)="sendCode(); deployCode()"
[disabled]="deployButtonState === 'DEPLOYING'" [disabled]="deployButtonState === 'DEPLOYING' || deployButtonState === 'DEPLOYED'"
[class.btn-success]="deployButtonState === 'DEPLOYED'" [class.btn-success]="deployButtonState === 'DEPLOYED'"
[class.btn-info]="deployButtonState === 'DEPLOYING'" [class.btn-info]="deployButtonState === 'DEPLOYING'"
[class.disabled]="deployButtonState === 'DEPLOYING'" [class.disabled]="deployButtonState === 'DEPLOYING' || deployButtonState === 'DEPLOYED'"
><span *ngIf="deployButtonState === 'TODEPLOY'">Deploy</span> ><span *ngIf="deployButtonState === 'TODEPLOY'">Deploy</span>
<span *ngIf="deployButtonState === 'DEPLOYED'">Deploy</span> <span *ngIf="deployButtonState === 'DEPLOYED'">Deploy</span>
<span *ngIf="deployButtonState === 'DEPLOYING'"><div class="loader"></div>Reloading app...</span></button> <span *ngIf="deployButtonState === 'DEPLOYING'"><div class="loader"></div>Reloading app...</span></button>
<button (click)="sendCode()" <button (click)="sendCode()"
[disabled]="saveButtonState === 'SAVING'" [disabled]="saveButtonState === 'SAVING' || saveButtonState === 'SAVED'"
type="submit" type="submit"
class="btn btn-secondary" class="btn btn-secondary"
[class.btn-success]="saveButtonState === 'SAVED'" [class.btn-success]="saveButtonState === 'SAVED'"
[class.btn-warning]="saveButtonState === 'SAVING'" [class.btn-warning]="saveButtonState === 'SAVING'"
[class.disabled]="saveButtonState === 'SAVING'" [class.disabled]="saveButtonState === 'SAVING' || saveButtonState === 'SAVED'"
><span *ngIf="saveButtonState === 'DIRTY'">Save</span> ><span *ngIf="saveButtonState === 'DIRTY'">Save</span>
<span *ngIf="saveButtonState === 'SAVED'">Save</span> <span *ngIf="saveButtonState === 'SAVED'">Save</span>
<span *ngIf="saveButtonState === 'SAVING'">Saving...</span></button> <span *ngIf="saveButtonState === 'SAVING'">Saving...</span></button>