MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

Adds full-width bar on top of datasets-tab - (Issue #117)

This commit is contained in:
apapachristou 2019-06-20 10:25:26 +03:00
parent a40def3162
commit 4e93bf7387
2 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
dmp-frontend/src/app/ui/dmp/editor/datasets-tab/datasets-tab.component.html
View File

@ -1,15 +1,21 @@
<div class="container-fluid">
<div class="row d-flex">
<div class="col-12 add-dataset" *ngIf="!isPublic" (click)="addDataset(dmp.id)">
<mat-icon>add</mat-icon><span>{{ 'DMP-LISTING.ACTIONS.ADD-DATASET' | translate }}</span>
<div class="col-12 pr-4 pl-4" *ngIf="!isPublic">
<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 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 class="dataset-card" (click)="datasetClicked(dataset.id)">
<mat-icon *ngIf="isDraft(dataset)" class="draft-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>
<div matTooltip="{{ dataset.profile }}" class="chip">
{{ dataset.profile }}</div>

4
dmp-frontend/src/app/ui/dmp/editor/datasets-tab/datasets-tab.component.scss
View File

@ -65,9 +65,9 @@
display: flex;
justify-content: flex-end;
margin-top: 1.5em;
padding-right: 2em;
padding: 0.5em 0.8em;
cursor: pointer;
color: #0070c0;
background-color: rgb(248, 248, 248);
}
h4 span {