ui and guided tour fixes

This commit is contained in:
Sofia Papacharalampous 2024-04-16 15:25:10 +03:00
parent 733dad05cd
commit af52c4aa8d
3 changed files with 23 additions and 15 deletions

View File

@ -39,11 +39,15 @@
</p>
<div class="row d-flex align-items-center">
<div *ngIf="!this.hasDmps()" class="col-auto add-dataset-btn d-flex">
<button type="button" class="col-auto align-self-center normal-btn" (click)="openNewDmpDialog()">{{'DASHBOARD.START-YOUR-FIRST-DMP' | translate}}</button>
<div *ngIf="!this.hasDmps()" class="col-auto p-0 add-dataset-btn d-flex">
<div class="pr-2">
<button type="button" class="align-self-center normal-btn" (click)="openNewDmpDialog()">{{'DASHBOARD.START-YOUR-FIRST-DMP' | translate}}</button>
</div>
</div>
<div *ngIf="this.hasDmps()" class="new-dataset-tour add-dataset-btn col-auto d-flex">
<button mat-raised-button type="button" class="col-auto align-self-center yellow-btn" (click)="addNewDescription()">{{'DASHBOARD.ACTIONS.ADD-DESCRIPTION' | translate}}</button>
<div *ngIf="this.hasDmps()" class="col-auto p-0 new-dataset-tour add-dataset-btn col-auto d-flex">
<div class="pr-2">
<button mat-raised-button type="button" class="align-self-center yellow-btn" (click)="addNewDescription()">{{'DASHBOARD.ACTIONS.ADD-DESCRIPTION' | translate}}</button>
</div>
</div>
<span class="col-auto ml-auto">
<img class="laptop-img\6" src="../../../assets/images/dashboard-popup.png">

View File

@ -186,7 +186,7 @@ export class DashboardComponent extends BaseComponent implements OnInit {
closeAction: () => this.dialog.closeAll()
},
{
selector: '.new-description-tour',
selector: '.new-dataset-tour',
content: 'Step 4',
orientation: Orientation.BottomLeft,
isStepUnique: false,

View File

@ -15,20 +15,24 @@
</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 class="import-file col-auto p-0">
<div class="pr-2">
<button type="button" class="normal-btn pr-2 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>
<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 class="start-wizard col-auto p-0">
<div class="pr-2">
<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>