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

<div class="start-new-dmp-dialog-wrapper">
	<div class="d-flex justify-content-between">
		<div class="pl-0 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 close-btn" (click)="close()">
			<mat-icon class="close-icon">close</mat-icon>
		</div>
	</div>

	<div class="content">
		<div class="col-12 p-0">
			<h1 class="title p-0">{{'START-NEW-PLAN-DIALOG.TITLE' | translate}}</h1>
		</div>
		<div class="col-12 p-0">
			<p class="text">{{'START-NEW-PLAN-DIALOG.MESSAGE' | translate}}</p>
		</div>
		<div class="col-12">
			<div class="d-flex justify-content-between align-items-center">
				<div class="col-auto p-0">
					<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>
						{{ 'START-NEW-PLAN-DIALOG.IMPORT-FROM-FILE' | translate }}
					</button>
				</div>
				<div class="col-auto p-0">
					<p class="m-0">{{ 'START-NEW-PLAN-DIALOG.OR' | translate }}</p>
				</div>
				<div class="col-auto p-0">
					<button type="button" class="normal-btn font-weight-bold d-flex flex-row align-items-center" (click)="startWizard()">
						<mat-icon>chevron_right</mat-icon>
						{{ 'START-NEW-PLAN-DIALOG.START-WIZARD' | translate }}
					</button>
				</div>
			</div>
		</div>
	</div>

	<div class="d-flex justify-content-between pt-4">
		<div class="pr-2">
			<mat-icon class="material-icons-outlined warn">info</mat-icon>
		</div>
		<span>
			<b>{{'START-NEW-PLAN-DIALOG.IMPORT' | translate }}</b> {{'START-NEW-PLAN-DIALOG.FUNCTION-SUPPORTS' | translate }}
			<b>{{'START-NEW-PLAN-DIALOG.JSON-FILES' | translate }}</b> {{'START-NEW-PLAN-DIALOG.PRODUCED' | translate }}
			<b><a href="https://github.com/RDA-DMP-Common/RDA-DMP-Common-Standard" target="_blank">{{'START-NEW-PLAN-DIALOG.RDA-SPECIFICATIONS' | translate }}</a></b>
			{{'START-NEW-PLAN-DIALOG.MACHINE-ACTIONABLE' | translate }}
		</span>
	</div>
</div>