interactive-mining/interactive-mining-angular-frontend/src/app/saveprofile/saveprofile.component.html

<app-stepsnvabar></app-stepsnvabar>
<div class="uk-section uk-section-default"  style="padding-top: 20px;">
  <div class="uk-container uk-width-1-3 uk-align-left">
    <button *ngIf="profileId" class="uk-button cm-button-primary uk-width-1-1 uk-button-medium uk-text-center" (click)="saveCurrentProfile()">Save changes</button>
    <div *ngIf="profileId" class="uk-heading-line uk-text-center uk-margin-medium"><span>or</span></div>
    <!--<label for="profile-name" [ngClass]="{'uk-text-danger':!profileName}">New profile's name:</label>-->
    <input [(ngModel)]="profileName" class="uk-input" id="profile-name" type="text" placeholder="Profile name" autofocus>
    <span *ngIf="!profileName" class="uk-text-danger">Profile name cannot be empty!</span>
    <button *ngIf="profileId" class="uk-button cm-button-primary cm-margin-medium-top uk-width-1-1 uk-button-medium uk-text-center" [disabled]="!profileName" (click)="saveNewProfile()">Save as new profile</button>
    <button *ngIf="!profileId" class="uk-button cm-button-primary cm-margin-medium-top uk-width-1-1 uk-button-medium uk-text-center" [disabled]="!profileName" (click)="saveNewProfile()">Save profile</button>
  </div>
</div>