mrtoth/frontend-tutorial-framework
1
0
Fork 0
mirror of https://github.com/avatao-content/frontend-tutorial-framework synced 2024-07-06 09:28:47 +00:00
Code Issues Releases Wiki Activity

Implement feedback for "save" button

Browse Source
This commit is contained in:
Kristóf Tóth 2018-02-09 13:43:08 +01:00
parent 5ed4c0b428
commit 9030df0a2b
3 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/app/webide/source-code.ts
View File

@ -3,4 +3,5 @@ export class SourceCode {
content: string;
language: string;
files: string[];
saved: boolean;
}

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

@ -7,7 +7,7 @@
</button>
</div>
<div
<div (textChanged)="saved = false"
ace-editor
[(text)]="code"
[(mode)]="language"
@ -16,4 +16,8 @@
>
</div>
<button (click)="sendCode()" type="submit" class="btn btn-secondary">Save</button>
<button (click)="sendCode()"
type="submit"
class="btn btn-secondary"
[class.btn-success]="saved === true"
>Save<span *ngIf="saved === true">d!</span></button>

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

@ -20,6 +20,7 @@ export class WebideComponent implements OnInit {
language = 'javascript';
theme = 'monokai';
files: string[];
saved = false;
constructor(private webSocketService: WebSocketService) { }
@ -29,6 +30,7 @@ export class WebideComponent implements OnInit {
this.code = event.data.content;
this.language = event.data.language;
this.files = event.data.files;
this.saved = event.data.saved;
});
this.requestCode();
}