mirror of
				https://github.com/avatao-content/frontend-tutorial-framework
				synced 2025-11-04 06:22:56 +00:00 
			
		
		
		
	Merge pull request #9 from avatao-content/webide_revisit
Update WebIDE component to conform to reality and type safety
This commit is contained in:
		@@ -1,8 +1,6 @@
 | 
			
		||||
export class SourceCode {
 | 
			
		||||
  filename: string;
 | 
			
		||||
  content: string;
 | 
			
		||||
  language: string;
 | 
			
		||||
  files: string[];
 | 
			
		||||
  saved: boolean;
 | 
			
		||||
export interface SourceCode {
 | 
			
		||||
  filename?: string;
 | 
			
		||||
  content?: string;
 | 
			
		||||
  files?: string[];
 | 
			
		||||
  command: string;
 | 
			
		||||
}
 | 
			
		||||
 
 | 
			
		||||
@@ -48,31 +48,31 @@ export class WebideComponent implements OnInit {
 | 
			
		||||
 | 
			
		||||
  subscribeWS() {
 | 
			
		||||
    this.webSocketService.observeAnchor<SourceCode>(this.anchor_id).subscribe((event) => {
 | 
			
		||||
      this.command_handlers[event.data.command](event);
 | 
			
		||||
      this.command_handlers[event.data.command](event.data);
 | 
			
		||||
      this.changeDetectorRef.detectChanges();
 | 
			
		||||
    });
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  updateFileData(event: any) {
 | 
			
		||||
    this.filename = event.data.filename;
 | 
			
		||||
    this.code = event.data.content;
 | 
			
		||||
  updateFileData(data: SourceCode) {
 | 
			
		||||
    this.filename = data.filename;
 | 
			
		||||
    this.code = data.content;
 | 
			
		||||
    this.language = modelist.getModeForPath(this.filename).name;
 | 
			
		||||
    this.files = event.data.files;
 | 
			
		||||
    this.files = data.files;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  selectHandler(event: any) {
 | 
			
		||||
    this.updateFileData(event);
 | 
			
		||||
  selectHandler(data: SourceCode) {
 | 
			
		||||
    this.updateFileData(data);
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  reloadHandler(event: any) {
 | 
			
		||||
  reloadHandler(data: SourceCode) {
 | 
			
		||||
    this.requestCode();
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  readHandler(event: any) {
 | 
			
		||||
    this.updateFileData(event);
 | 
			
		||||
  readHandler(data: SourceCode) {
 | 
			
		||||
    this.updateFileData(data);
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  writeHandler(event: any) {
 | 
			
		||||
  writeHandler(data: SourceCode) {
 | 
			
		||||
    this.saveButtonState = 'SAVED';
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user