<div id="save-cover" [class.open]="isActive"></div>

<div id="save-popup" [class.open]="isActive">
  <div *ngIf="!isUploading">
    <label for="filenameInput" id="filenameInputLabel">Enter Filename:</label><br>
    <input id="filenameInput" type="text" name="filenameInput" [(ngModel)]="file.filename">
    <span>{{file.language}}</span>
    <br>
    <button id="save-cancel" (click)="isActive = false">Cancel</button>
    <button id="save-done" [class.disabled]="file.filename === ''" (click)="file.filename !== '' && submitFile()">Done</button>
  </div>
  <div *ngIf="isUploading">Uploading...</div>
</div>
