122 lines
5.3 KiB
HTML
122 lines
5.3 KiB
HTML
<div class="header-image">
|
|
<div class="header-text-container">
|
|
<h3>{{ 'ABOUT.WELCOME' | translate }}</h3>
|
|
<h4>{{ 'ABOUT.WELCOME-MESSAGE' | translate }}</h4>
|
|
</div>
|
|
</div>
|
|
<div class="main-content dashboard-main-container" [class.non-auth-main-container]="!this.isAuthenticated()">
|
|
<div *ngIf="this.isAuthenticated()" class="container-fluid">
|
|
<div class="row" *ngIf="this.isAuthenticated()">
|
|
<div class="col-sm-6 col-md-6 col-lg-6">
|
|
<app-wizard title="{{'QUICKWIZARD.CREATE-ADD.CREATE.TITLE' | translate}}"
|
|
subtitle="Follow the steps of the wizard" routerLink="/quick-wizard" icon="play_circle_outline">
|
|
</app-wizard>
|
|
</div>
|
|
<div class="col-sm-6 col-md-6 col-lg-6">
|
|
<app-wizard title="{{'QUICKWIZARD.CREATE-ADD.ADD.TITLE' | translate}}"
|
|
subtitle="Follow the steps of the wizard" routerLink="/datasetcreatewizard"
|
|
icon="play_circle_outline"></app-wizard>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-9">
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-6 col-sm-6">
|
|
<app-info-counter [title]="'DASHBOARD.MY-DMPS'"
|
|
[subtitle]="dashboardStatisticsData?.totalDataManagementPlanCount" routerLink='/plans'
|
|
buttonRedirectLink="/plans/new" icon="view_agenda"></app-info-counter>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 col-sm-6">
|
|
<app-info-counter [title]="'DASHBOARD.MY-DATASETS'"
|
|
[subtitle]="dashboardStatisticsData?.totalDataSetCount" routerLink='/datasets'
|
|
buttonRedirectLink="/datasets/new" icon="library_books"></app-info-counter>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 col-sm-6">
|
|
<app-info-counter [title]="'DASHBOARD.MY-PROJECTS'"
|
|
[subtitle]="dashboardStatisticsData?.totalProjectCount" routerLink='/projects'
|
|
buttonRedirectLink="/projects/new" icon="work_outline"></app-info-counter>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 col-sm-6">
|
|
<app-info-counter title="Related Organizations"
|
|
[subtitle]="dashboardStatisticsData?.totalOrganisationCount" icon="scatter_plot">
|
|
</app-info-counter>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-12 col-md-12">
|
|
<app-recent-edited-activity></app-recent-edited-activity>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<app-drafts></app-drafts>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div *ngIf="!this.isAuthenticated()" class="container-fluid">
|
|
<div class="row non-auth-stats">
|
|
<div class="col-lg-3 col-md-6 col-sm-6">
|
|
<app-info-counter [title]="'DASHBOARD.DMPS'"
|
|
[subtitle]="dashboardStatisticsData?.totalDataManagementPlanCount" routerLink='/plans'
|
|
buttonRedirectLink="/plans/new" icon="view_agenda"></app-info-counter>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 col-sm-6">
|
|
<app-info-counter [title]="'DASHBOARD.DATASETS'" [subtitle]="dashboardStatisticsData?.totalDataSetCount"
|
|
routerLink='/datasets' buttonRedirectLink="/datasets/new" icon="library_books"></app-info-counter>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 col-sm-6">
|
|
<app-info-counter [title]="'DASHBOARD.PROJECTS'" [subtitle]="dashboardStatisticsData?.totalProjectCount"
|
|
routerLink='/projects' buttonRedirectLink="/projects/new" icon="work_outline"></app-info-counter>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 col-sm-6">
|
|
<app-info-counter title="Related Organizations"
|
|
[subtitle]="dashboardStatisticsData?.totalOrganisationCount" icon="scatter_plot"></app-info-counter>
|
|
</div>
|
|
</div>
|
|
<div class="d-flex flex-column align-items-center non-auth-title-container">
|
|
<h4>This project is funded by Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
|
|
</h4>
|
|
<p>incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
|
|
ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
|
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
|
|
proident, sunt in culpa qui official deserunt mollit anim id est laborum.
|
|
</p>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-6 mt-4">
|
|
<div class="title">
|
|
<h4> {{'DASHBOARD.DATA-MANAGEMENT-PLANS' | translate}} </h4>
|
|
<div class="info">
|
|
<p class="subtitle">{{ dashboardStatisticsData?.totalDataManagementPlanCount }} {{'HOME.DMPS' | translate}}</p>
|
|
<p class="view-all" (click)=viewAllPublicDmpsClicked()>{{ 'GENERAL.ACTIONS.VIEW-ALL' | translate }}</p>
|
|
</div>
|
|
</div>
|
|
<mat-divider></mat-divider>
|
|
<div *ngFor="let dmp of dmpListingItems">
|
|
<app-dmp-info-counter [dmp]="dmp" (onClick)="dmpClicked($event)"></app-dmp-info-counter>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 mt-4">
|
|
<div class="row">
|
|
<div class="col-12 title">
|
|
<h4> DATASETS </h4>
|
|
<div class="info">
|
|
<p class="subtitle">{{ dashboardStatisticsData?.totalDataSetCount }} {{'HOME.DATASETS' | translate}}</p>
|
|
<p class="view-all" (click)=viewAllPublicDatasetsClicked()>{{ 'GENERAL.ACTIONS.VIEW-ALL' | translate }}</p>
|
|
</div>
|
|
</div>
|
|
<mat-divider class="col-12"></mat-divider>
|
|
<div class="col-12">
|
|
<div class="row">
|
|
<div *ngFor="let dataset of datasetListingItems" class="col-md-6">
|
|
<app-dataset-info-counter [dataset]="dataset" (onClick)="datasetClicked($event)">
|
|
</app-dataset-info-counter>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|