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

src/app/webide/webide.component.html

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

src/app/webide/webide.component.ts

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