2020-03-16 17:50:29 +01:00
|
|
|
<div class="header-image" *ngIf="isPublic">
|
|
|
|
<div class="header-text-container">
|
|
|
|
<h3>{{ 'ABOUT.WELCOME' | translate }}</h3>
|
|
|
|
<h4>{{ 'ABOUT.WELCOME-MESSAGE' | translate }}</h4>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div [ngClass]="isPublic ? 'explore-dmp-content': 'main-content'">
|
2019-05-08 11:53:23 +02:00
|
|
|
<div class="container-fluid">
|
|
|
|
<div class="card">
|
2020-03-16 17:50:29 +01:00
|
|
|
<div class="card-header card-header-plain d-flex">
|
2019-05-08 11:53:23 +02:00
|
|
|
<div class="card-desc d-flex flex-column justify-content-center">
|
|
|
|
<h4 class="card-title">{{'DASHBOARD.DATASETS' | translate}} {{titlePrefix}}</h4>
|
2019-06-05 09:33:37 +02:00
|
|
|
<!-- <p class="card-category">{{'DATASET-LISTING.SUBTITLE' | translate}}</p> -->
|
2019-05-08 11:53:23 +02:00
|
|
|
</div>
|
2020-03-16 17:50:29 +01:00
|
|
|
<div class="row ml-auto p-2" *ngIf="!isPublic">
|
2019-05-15 10:55:53 +02:00
|
|
|
<button mat-raised-button color="primary" class="text-uppercase lightblue-btn" [routerLink]="['/datasets/new']">
|
2019-05-08 11:53:23 +02:00
|
|
|
<mat-icon>add</mat-icon> {{'DATASET-LISTING.ACTIONS.NEW' | translate}}
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="card-body table-responsive">
|
2019-09-26 17:08:04 +02:00
|
|
|
<div class="listing row pb-2">
|
|
|
|
<div class="col-12 col-sm-12 col-md-3">
|
2020-03-16 17:50:29 +01:00
|
|
|
<app-dataset-criteria-component [isPublic]="isPublic" [status]="status" class="col-auto"></app-dataset-criteria-component>
|
2019-05-08 11:53:23 +02:00
|
|
|
</div>
|
2019-09-26 17:08:04 +02:00
|
|
|
<div class="col-12 col-sm-12 col-md-9 pt-4">
|
2019-05-09 15:57:00 +02:00
|
|
|
<div *ngFor="let item of listingItems; let i = index">
|
2020-03-16 17:50:29 +01:00
|
|
|
<app-dataset-listing-item-component [isPublic]="isPublic" [dataset]="item" [showDivider]="i != (listingItems.length - 1)"></app-dataset-listing-item-component>
|
2019-05-08 11:53:23 +02:00
|
|
|
</div>
|
2019-09-26 17:08:04 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-12 col-sm-12 col-md-9 ml-auto paginator">
|
2019-05-14 15:18:10 +02:00
|
|
|
<mat-paginator #paginator [length]="totalCount" [pageSizeOptions]="[10, 25, 100]" (page)="pageThisEvent($event)" class="mt-2">
|
2019-05-08 11:53:23 +02:00
|
|
|
</mat-paginator>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2019-05-08 15:29:52 +02:00
|
|
|
</div>
|