argos/dmp-frontend/src/app/ui/dmp/new/start-new-dmp-dialogue/start-new-dmp-dialog.component.html

<div class="container form-container">
	<div class="row d-flex justify-content-between align-items-center m-0">
		<div class="col-auto"><a class="logo"><img class="logo" src="../../../assets/images/new-dmp-logo.png" onerror="this.style.display='none'"></a></div>
		<div class="col-auto ml-auto close-btn" (click)="close()">
			<mat-icon class="close-icon">close</mat-icon>
		</div>
	</div>
	<div class="row content">
		<div class="col-12">
			<h1 mat-dialog-title class="title p-0">{{'NAV-BAR.START-NEW-DMP' | translate}}</h1>
		</div>
		<div class="col-12">
			<p class="text">{{'NAV-BAR.START-NEW-DMP-TXT' | translate}}</p>
		</div>
		<div class="col-12">
			<div class="row d-flex justify-content-between align-items-center">
				<div class="col-auto">
					<button type="button" class="normal-btn upload-btn d-flex flex-row align-items-center" (click)="uploadFile($event)">
						<mat-icon class="pr-2">file_upload</mat-icon>
						{{ 'NAV-BAR.IMPORT-FROM-FILE' | translate }}
					</button>
				</div>
				<div class="col-auto pl-0 pr-0">
					<p class="">{{ 'QUICKWIZARD.CREATE-ADD.CREATE.QUICKWIZARD_CREATE.FIRST-STEP.OR' | translate }}</p>
				</div>
				<div class="col-auto">
					<button type="button" class="normal-btn font-weight-bold d-flex flex-row align-items-center" (click)="startWizard()">
						<mat-icon>chevron_right</mat-icon>
						{{ 'NAV-BAR.START-WIZARD' | translate }}
					</button>
				</div>
			</div>
		</div>
	</div>
	<div class="row m-0 pt-4">
		<div class="col-auto">
			<mat-icon class="material-icons-outlined warn">info</mat-icon>
		</div>
		<span class="col">
			<b>{{'GENERAL.START-NEW-DMP-DIALOG.IMPORT' | translate }}</b> {{'GENERAL.START-NEW-DMP-DIALOG.FUNCTION-SUPPORTS' | translate }}
			<b>{{'GENERAL.START-NEW-DMP-DIALOG.JSON-FILES' | translate }}</b> {{'GENERAL.START-NEW-DMP-DIALOG.PRODUCED' | translate }}
			<b><a href="https://github.com/RDA-DMP-Common/RDA-DMP-Common-Standard" target="_blank">{{'GENERAL.START-NEW-DMP-DIALOG.RDA-SPECIFICATIONS' | translate }}</a></b>
			{{'GENERAL.START-NEW-DMP-DIALOG.MACHINE-ACTIONABLE' | translate }}
		</span>
	</div>
</div>