Yrkki/cv-generator-fe

<header>
    <h1>
        <span class="form-inline toolbar">
            <a #clickableDownloadSettings [href]="settings" class="btn btn-square close p-0 bd-highlight text-success"
                [download]="defaultSettingsFileName" title="{{uiService.uiText('Download settings')}}"
                rel="noopener noreferrer" [attr.aria-label]="uiService.linkLabel(uiService.uiText('Download settings'))"
                (keypress)="inputService.keypress($event)" role="button" tabindex="0">
                <ng-container aria-hidden="true"><em class="fas fa-download"></em></ng-container>
            </a>
            <div class="custom-file d-none">
                <input #inputGroupUploadSettings type="file" class="custom-file-input" id="inputGroupUploadSettings"
                    (change)="onUploadSettingsChanged($event)" [accept]="defaultSettingsFileExtension">
                <label #uploadSettingsLabel class="custom-file-label" for="inputGroupUploadSettings"></label>
            </div>
            <a #clickableUploadSettings class="btn btn-square close p-0 bd-highlight text-danger"
                title="{{uiService.uiText('Upload settings')}}" rel="noopener noreferrer"
                [attr.aria-label]="uiService.linkLabel(uiService.uiText('Upload settings'))"
                (click)="onUploadClicked($event)" (keypress)="inputService.keypress($event)" role="button" tabindex="0">
                <ng-container aria-hidden="true"><em class="fas fa-upload"></em></ng-container>
            </a>
        </span>
    </h1>
</header>