Adds full-width bar on top of datasets-tab - (Issue #117)
This commit is contained in:
parent
a40def3162
commit
4e93bf7387
|
@ -1,15 +1,21 @@
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<div class="row d-flex">
|
<div class="row d-flex">
|
||||||
<div class="col-12 add-dataset" *ngIf="!isPublic" (click)="addDataset(dmp.id)">
|
<div class="col-12 pr-4 pl-4" *ngIf="!isPublic">
|
||||||
<mat-icon>add</mat-icon><span>{{ 'DMP-LISTING.ACTIONS.ADD-DATASET' | translate }}</span>
|
<div class="add-dataset">
|
||||||
|
<button mat-raised-button color="primary" (click)="addDataset(dmp.id)"
|
||||||
|
class="lightblue-btn ml-2 text-uppercase">
|
||||||
|
<mat-icon>add</mat-icon> {{ 'DMP-LISTING.ACTIONS.ADD-DATASET' | translate }}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row pt-2 pb-4" *ngIf="dmp.datasets">
|
<div class="row pt-2 pb-4 pl-3" *ngIf="dmp.datasets">
|
||||||
<div *ngFor="let dataset of dmp.datasets" class="col-3">
|
<div *ngFor="let dataset of dmp.datasets" class="col-3">
|
||||||
<div class="dataset-card" (click)="datasetClicked(dataset.id)">
|
<div class="dataset-card" (click)="datasetClicked(dataset.id)">
|
||||||
<mat-icon *ngIf="isDraft(dataset)" class="draft-bookmark">bookmark</mat-icon>
|
<mat-icon *ngIf="isDraft(dataset)" class="draft-bookmark">bookmark</mat-icon>
|
||||||
<mat-icon *ngIf="!isDraft(dataset)" class="finalized-bookmark">bookmark</mat-icon>
|
<mat-icon *ngIf="!isDraft(dataset)" class="finalized-bookmark">bookmark</mat-icon>
|
||||||
<h4 *ngIf="isDraft(dataset)"><span>{{ 'TYPES.DATASET-STATUS.DRAFT' | translate }}:</span> {{ dataset.label }}</h4>
|
<h4 *ngIf="isDraft(dataset)"><span>{{ 'TYPES.DATASET-STATUS.DRAFT' | translate }}:</span>
|
||||||
|
{{ dataset.label }}</h4>
|
||||||
<h4 *ngIf="!isDraft(dataset)">{{ dataset.label }}</h4>
|
<h4 *ngIf="!isDraft(dataset)">{{ dataset.label }}</h4>
|
||||||
<div matTooltip="{{ dataset.profile }}" class="chip">
|
<div matTooltip="{{ dataset.profile }}" class="chip">
|
||||||
{{ dataset.profile }}</div>
|
{{ dataset.profile }}</div>
|
||||||
|
|
|
@ -65,9 +65,9 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
margin-top: 1.5em;
|
margin-top: 1.5em;
|
||||||
padding-right: 2em;
|
padding: 0.5em 0.8em;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: #0070c0;
|
background-color: rgb(248, 248, 248);
|
||||||
}
|
}
|
||||||
|
|
||||||
h4 span {
|
h4 span {
|
||||||
|
|
Loading…
Reference in New Issue