<div class="container">
  <div id="toggle-lang">C++</div>
  <div id="attempt">
    <span *ngIf="!isUpToDate">• </span>
    <span id="ideFileName">{{file.filename + file.language}}</span>
    <button id="inputBtn" (click)="inputField.setState(true);">Input</button>
    <button id="runBtn" (click)="this.runField.isActive = true; this.runCodeService.run()">Run Code</button>
    <button id="saveBtn" (click)="!isSaved ? this.saveField.setState(true) : updateFile();" [class.disabled]="isUploading || isUpToDate">{{isUploading ? "Saving File..." : "Save File"}}</button>
  </div>
  <label for="editor"></label>
  <textarea name="editor" id="editor" value="{{inp}}"></textarea>
</div>
<app-input (valueEmit)="updateInput($event)"></app-input>
<app-ide-compile [statusVal]="runCodeService.status" [resultVal]="runCodeService.result"></app-ide-compile>
<app-save-file [file]="file" (savedFile)="isSaved = isUpToDate = true;"></app-save-file>
