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

Optimize tab switching: saving only happens if state is 'DIRTY'

Browse Source
This commit is contained in:
Kristóf Tóth 2018-03-02 10:40:31 +01:00
parent ddc4430bde
commit 685b9755b9
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -3,7 +3,7 @@
class="btn btn-secondary" class="btn btn-secondary"
[class.active]="filename === file" [class.active]="filename === file"
[class.disabled]="filename === file" [class.disabled]="filename === file"
(click)="sendCodeContents(); selectCode(file); requestCode()" (click)="tabSwitchButtonHandler(file)"
[disabled]="filename === file"> [disabled]="filename === file">
{{file}} {{file}}
</button> </button>

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

@ -76,6 +76,14 @@ export class WebideComponent implements OnInit {
this.updateFileData(data); this.updateFileData(data);
} }
tabSwitchButtonHandler(file) {
if (this.saveButtonState === 'DIRTY') {
this.sendCodeContents();
}
this.selectCode(file);
this.requestCode();
}
setButtonStateSaved() { setButtonStateSaved() {
this.saveButtonState = 'SAVED'; this.saveButtonState = 'SAVED';
} }