|
|
|
@ -1,38 +1,33 @@
|
|
|
|
|
<div class="main-content pl-5 pr-5">
|
|
|
|
|
<div class="container-fluid pl-0 pr-0">
|
|
|
|
|
<!-- <div *ngIf="dataset"> -->
|
|
|
|
|
<a class="row mb-2 pl-1" (click)="goBack()" role="button">
|
|
|
|
|
<mat-icon class="back-icon">chevron_left</mat-icon>
|
|
|
|
|
<p class="label-txt">{{'DMP-WIZARD.ACTIONS.BACK' | translate}}</p>
|
|
|
|
|
</a>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-8 col-lg-8 pl-4">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<span class="dataset-logo">{{ 'NAV-BAR.DATASET' | translate }}</span>
|
|
|
|
|
<!-- <p class="dataset-label ml-2 mb-0">{{ dataset.label }}</p> -->
|
|
|
|
|
<p class="dataset-label ml-3 mb-0">Dataset Label dataset label</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row d-flex align-items-center mt-3 mb-4 label-txt">
|
|
|
|
|
<!-- <div *ngIf="isUserDatasetRelated()" class="d-flex"> -->
|
|
|
|
|
<div class="d-flex">
|
|
|
|
|
<p class="ml-0 mr-3 mb-0 label2-txt">
|
|
|
|
|
Owner
|
|
|
|
|
<!-- {{ roleDisplayFromList(dataset.users) }} -->
|
|
|
|
|
</p>
|
|
|
|
|
<div *ngIf="dataset">
|
|
|
|
|
<a class="row mb-2 pl-1" (click)="goBack()" role="button">
|
|
|
|
|
<mat-icon class="back-icon">chevron_left</mat-icon>
|
|
|
|
|
<p class="label-txt">{{'DMP-WIZARD.ACTIONS.BACK' | translate}}</p>
|
|
|
|
|
</a>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-md-8 col-lg-8 pl-4">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<span class="dataset-logo">{{ 'NAV-BAR.DATASET' | translate }}</span>
|
|
|
|
|
<p class="dataset-label ml-2 mb-0">{{ dataset.label }}</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="d-flex mr-4">
|
|
|
|
|
<!-- <div *ngIf="dataset.public" class="d-flex flex-row"> -->
|
|
|
|
|
<div class="d-flex flex-row">
|
|
|
|
|
<mat-icon class="status-icon">public</mat-icon>
|
|
|
|
|
<!-- {{'DMP-OVERVIEW.PUBLIC' | translate}} -->
|
|
|
|
|
Public
|
|
|
|
|
<div class="row d-flex align-items-center mt-3 mb-4 label-txt">
|
|
|
|
|
<div *ngIf="isUserDatasetRelated()" class="d-flex">
|
|
|
|
|
<p class="ml-0 mr-3 mb-0 label2-txt">
|
|
|
|
|
{{ roleDisplayFromList(dataset.users) }}
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div *ngIf="!dataset.public" class="d-flex flex-row">
|
|
|
|
|
<mat-icon class="status-icon">public_off</mat-icon>
|
|
|
|
|
{{'DMP-OVERVIEW.PRIVATE' | translate}}
|
|
|
|
|
</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div class="d-flex mr-4">
|
|
|
|
|
<div class="d-flex mr-4">
|
|
|
|
|
<div *ngIf="dataset.public" class="d-flex flex-row">
|
|
|
|
|
<mat-icon class="status-icon">public</mat-icon>
|
|
|
|
|
{{'DMP-OVERVIEW.PUBLIC' | translate}}
|
|
|
|
|
</div>
|
|
|
|
|
<div *ngIf="!dataset.public" class="d-flex flex-row">
|
|
|
|
|
<mat-icon class="status-icon">public_off</mat-icon>
|
|
|
|
|
{{'DMP-OVERVIEW.PRIVATE' | translate}}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div class="d-flex mr-4">
|
|
|
|
|
<div *ngIf="lockStatus" class="d-flex flex-row">
|
|
|
|
|
<mat-icon class="status-icon">lock_outline</mat-icon>
|
|
|
|
|
{{'DMP-OVERVIEW.LOCKED' | translate}}
|
|
|
|
@ -42,83 +37,74 @@
|
|
|
|
|
{{'DMP-OVERVIEW.UNLOCKED' | translate}}
|
|
|
|
|
</div>
|
|
|
|
|
</div> -->
|
|
|
|
|
<!-- <button class="d-flex mr-4 version-btn label2-txt"
|
|
|
|
|
<!-- <button class="d-flex mr-4 version-btn label2-txt"
|
|
|
|
|
(click)="viewVersions(dmp.groupId, dmp.label)">
|
|
|
|
|
{{'DMP-LISTING.ACTIONS.VIEW-VERSION' | translate}}
|
|
|
|
|
</button> -->
|
|
|
|
|
<div class="d-flex mr-4">{{'GENERAL.STATUSES.EDIT' | translate}} :
|
|
|
|
|
<!-- {{dataset.modified | date:"longDate"}} -->
|
|
|
|
|
03/07/2020
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div class="d-flex mr-4">
|
|
|
|
|
<div class="d-flex mr-4">{{'GENERAL.STATUSES.EDIT' | translate}} :
|
|
|
|
|
{{dataset.modified | date:"longDate"}}
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div class="d-flex mr-4">
|
|
|
|
|
<div *ngIf="dmp.status" class="d-flex flex-row uppercase">
|
|
|
|
|
<mat-icon class="status-icon">check</mat-icon>
|
|
|
|
|
{{'DATASET-LISTING.COLUMNS.FINALIZED' | translate}}
|
|
|
|
|
</div>
|
|
|
|
|
</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row mb-4 pb-3">
|
|
|
|
|
<!-- <button *ngIf="isAuthenticated()" (click)="cloneClicked(dataset)" mat-mini-fab -->
|
|
|
|
|
<button mat-mini-fab class="mr-3 d-flex justify-content-center align-items-center"
|
|
|
|
|
matTooltip="{{'DMP-LISTING.ACTIONS.CLONE' | translate}}" matTooltipPosition="above">
|
|
|
|
|
<mat-icon class="mat-mini-fab-icon">content_copy</mat-icon>
|
|
|
|
|
</button>
|
|
|
|
|
<!-- <button *ngIf="isDraftDataset(dataset) && isUserOwner" (click)="editClicked(dataset)" mat-mini-fab -->
|
|
|
|
|
<button mat-mini-fab class="mr-3 d-flex justify-content-center align-items-center"
|
|
|
|
|
matTooltip="{{'DMP-LISTING.ACTIONS.EDIT' | translate}}" matTooltipPosition="above">
|
|
|
|
|
<mat-icon class="mat-mini-fab-icon">create</mat-icon>
|
|
|
|
|
</button>
|
|
|
|
|
<!-- <button *ngIf="isDraftDataset(dataset) && isUserOwner" (click)="deleteClicked()" mat-mini-fab -->
|
|
|
|
|
<button mat-mini-fab class="mr-3 d-flex justify-content-center align-items-center"
|
|
|
|
|
matTooltip="{{'DMP-LISTING.ACTIONS.DELETE' | translate}}" matTooltipPosition="above">
|
|
|
|
|
<mat-icon class="mat-mini-fab-icon">delete</mat-icon>
|
|
|
|
|
</button>
|
|
|
|
|
<!-- <button *ngIf="isDraftDmp(dmp) && isUserOwner && !lockStatus" mat-mini-fab (click)="createOrUpdate(dmp.id)"
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row mb-4 pb-3">
|
|
|
|
|
<button *ngIf="isAuthenticated()" (click)="cloneClicked(dataset)" mat-mini-fab
|
|
|
|
|
class="mr-3 d-flex justify-content-center align-items-center"
|
|
|
|
|
matTooltip="{{'DMP-LISTING.ACTIONS.CLONE' | translate}}" matTooltipPosition="above">
|
|
|
|
|
<mat-icon class="mat-mini-fab-icon">content_copy</mat-icon>
|
|
|
|
|
</button>
|
|
|
|
|
<button *ngIf="isDraftDataset(dataset) && isUserOwner" (click)="editClicked(dataset)"
|
|
|
|
|
mat-mini-fab class="mr-3 d-flex justify-content-center align-items-center"
|
|
|
|
|
matTooltip="{{'DMP-LISTING.ACTIONS.EDIT' | translate}}" matTooltipPosition="above">
|
|
|
|
|
<mat-icon class="mat-mini-fab-icon">create</mat-icon>
|
|
|
|
|
</button>
|
|
|
|
|
<button *ngIf="isDraftDataset(dataset) && isUserOwner" (click)="deleteClicked()" mat-mini-fab
|
|
|
|
|
class="mr-3 d-flex justify-content-center align-items-center"
|
|
|
|
|
matTooltip="{{'DMP-LISTING.ACTIONS.DELETE' | translate}}" matTooltipPosition="above">
|
|
|
|
|
<mat-icon class="mat-mini-fab-icon">delete</mat-icon>
|
|
|
|
|
</button>
|
|
|
|
|
<!-- <button *ngIf="isDraftDmp(dmp) && isUserOwner && !lockStatus" mat-mini-fab (click)="createOrUpdate(dmp.id)"
|
|
|
|
|
class="mr-3 d-flex justify-content-center align-items-center">
|
|
|
|
|
<mat-icon class="mat-mini-fab-icon" matTooltip="{{'DMP-OVERVIEW.LOCK' | translate}}"
|
|
|
|
|
matTooltipPosition="above">lock_outline
|
|
|
|
|
</mat-icon>
|
|
|
|
|
</button> -->
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row header">{{'DATASET-LISTING.TOOLTIP.PART-OF' | translate}}</div>
|
|
|
|
|
<div class="row d-flex flex-column">
|
|
|
|
|
<button mat-raised-button class="mb-2 pl-0 pr-0">
|
|
|
|
|
<div class="dmp-btn">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row header">{{'DATASET-LISTING.TOOLTIP.PART-OF' | translate}}</div>
|
|
|
|
|
<div class="row ">
|
|
|
|
|
<button class="dmp-btn">
|
|
|
|
|
<div class="dmp-btn-label">
|
|
|
|
|
<!-- {{ 'DATASET-LISTING.TOOLTIP.DMP-FOR' | translate }}: {{ dataset.datasetTemplate.label }} -->
|
|
|
|
|
{{ 'DATASET-LISTING.TOOLTIP.DMP-FOR' | translate }}: HORIZON 2020 FOR GRANT DMP
|
|
|
|
|
{{ 'DATASET-LISTING.TOOLTIP.DMP-FOR' | translate }}: {{ dataset.datasetTemplate.label }}
|
|
|
|
|
</div>
|
|
|
|
|
<mat-icon>launch</mat-icon>
|
|
|
|
|
</div>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row header">{{'DMP-OVERVIEW.GRANT' | translate}}</div>
|
|
|
|
|
<div class="row dmp-label">Label</div>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="row header">{{'DMP-OVERVIEW.GRANT' | translate}}</div>
|
|
|
|
|
<div class="row dmp-label">Grant label</div>
|
|
|
|
|
<!-- <div class="row dmp-label">{{ dataset.grant.label }}</div> -->
|
|
|
|
|
<div class="row header">{{'DMP-OVERVIEW.RESEARCHERS' | translate}}</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div *ngFor="let researcher of dataset.dmp.researchers; let last = last">
|
|
|
|
|
<a href="{{getOrcidPath() + dmp.id }}" target="blank" class="researcher">
|
|
|
|
|
<!-- <div *ngFor="let researcher of dataset.dmp.researchers; let last = last">
|
|
|
|
|
<a href="{{getOrcidPath() + researcher.id }}" target="blank" class="researcher">
|
|
|
|
|
<div class="id-btn"> </div>
|
|
|
|
|
<div *ngIf="!last">{{ researcher.name }}, </div>
|
|
|
|
|
<div *ngIf="last">{{ researcher.name }}</div>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div class="row header">{{'DATASET-LISTING.COLUMNS.DESCRIPTION' | translate}}</div>
|
|
|
|
|
<div class="row" *ngIf="dmp.description">
|
|
|
|
|
<p class="desc-txt">{{ dmp.description }}</p>
|
|
|
|
|
</div> -->
|
|
|
|
|
<!-- <div class="row mt-2 add-dataset-txt">
|
|
|
|
|
<button class="add-dataset-btn" *ngIf="isDraftDmp(dmp) && isUserOwner"
|
|
|
|
|
(click)="addDataset(dmp.id)">
|
|
|
|
|
<mat-icon>add</mat-icon>
|
|
|
|
|
{{'DMP-LISTING.ACTIONS.ADD-DATASET-SHORT' | translate}}
|
|
|
|
|
</button>
|
|
|
|
|
</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-4 col-lg-4 p-0">
|
|
|
|
|
<!-- <div *ngIf="!hasDoi(dmp)" class="row d-flex flex-column ml-0 mr-0 mb-3">
|
|
|
|
|
|
|
|
|
|
<div class="row header">{{'DATASET-LISTING.COLUMNS.DESCRIPTION' | translate}}</div>
|
|
|
|
|
<div class="row" *ngIf="dataset.description">
|
|
|
|
|
<p class="desc-txt">{{ dataset.description }}</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-md-4 col-lg-4 p-0">
|
|
|
|
|
<!-- <div *ngIf="!hasDoi(dmp)" class="row d-flex flex-column ml-0 mr-0 mb-3">
|
|
|
|
|
<p class="doi-label">{{'DMP-EDITOR.TITLE.SUBTITLE' | translate}}</p>
|
|
|
|
|
<div class="doi-panel">
|
|
|
|
|
<p *ngIf="!hasDoi(dmp)" class="mb-0 ml-3">
|
|
|
|
@ -139,9 +125,9 @@
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div> -->
|
|
|
|
|
<div class="frame mb-3 pt-4 pl-3 pr-5 pb-1">
|
|
|
|
|
<div *ngIf="!dmp.status && isDraftDmp(dmp) && isUserOwner">
|
|
|
|
|
<!-- <div *ngIf="!dmp.status && isDraftDmp(dmp) && isUserOwner">
|
|
|
|
|
<div class="row ml-0 mr-0 pl-4 d-flex align-items-center" (click)="finalize(dmp)">
|
|
|
|
|
<button mat-mini-fab class="finalize-btn">
|
|
|
|
|
<mat-icon class="mat-mini-fab-icon">check</mat-icon>
|
|
|
|
@ -151,30 +137,30 @@
|
|
|
|
|
<div class="row ml-0 mr-0 pl-4 d-flex align-items-center">
|
|
|
|
|
<hr class="hr-line">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div *ngIf="hasDoi(dmp) && isFinalizedDmp(dmp) && !this.isPublicView && isUserOwner"
|
|
|
|
|
</div> -->
|
|
|
|
|
<!-- <div *ngIf="hasDoi(dmp) && isFinalizedDmp(dmp) && !this.isPublicView && isUserOwner"
|
|
|
|
|
(click)="getDoi(dmp)" class="row ml-0 mr-0 pl-4 pb-3 d-flex align-items-center">
|
|
|
|
|
<button mat-mini-fab class="frame-btn">
|
|
|
|
|
<mat-icon class="mat-mini-fab-icon">archive</mat-icon>
|
|
|
|
|
</button>
|
|
|
|
|
<p class="mb-0 pl-2 frame-txt">{{ 'DMP-LISTING.ACTIONS.DEPOSIT' | translate }}</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row ml-0 mr-0 pl-4 pb-3 d-flex align-items-center">
|
|
|
|
|
</div> -->
|
|
|
|
|
<!-- <div class="row ml-0 mr-0 pl-4 pb-3 d-flex align-items-center">
|
|
|
|
|
<button mat-mini-fab class="frame-btn" [matMenuTriggerFor]="exportMenu">
|
|
|
|
|
<mat-icon class="mat-mini-fab-icon">open_in_new</mat-icon>
|
|
|
|
|
</button>
|
|
|
|
|
<p class="mb-0 mr-0 pl-2 frame-txt" [matMenuTriggerFor]="exportMenu">
|
|
|
|
|
{{ 'DMP-LISTING.ACTIONS.EXPORT' | translate }}</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row ml-0 mr-0 pl-4 pb-3 d-flex align-items-center" *ngIf="isUserOwner"
|
|
|
|
|
</div> -->
|
|
|
|
|
<!-- <div class="row ml-0 mr-0 pl-4 pb-3 d-flex align-items-center" *ngIf="isUserOwner"
|
|
|
|
|
(click)="newVersion(dmp.id, dmp.label)">
|
|
|
|
|
<button mat-mini-fab class="frame-btn">
|
|
|
|
|
<mat-icon class="mat-mini-fab-icon">add_to_photos</mat-icon>
|
|
|
|
|
</button>
|
|
|
|
|
<p class="mb-0 pl-2 frame-txt">{{ 'DMP-LISTING.ACTIONS.START-NEW-VERSION' | translate }}
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div *ngIf="!dmp.isPublic && showPublishButton(dmp) && isUserOwner"
|
|
|
|
|
</div> -->
|
|
|
|
|
<!-- <div *ngIf="!dataset.public && showPublishButton(dmp) && isUserOwner"
|
|
|
|
|
class="row ml-0 mr-0 pl-4 pb-3 d-flex align-items-center" (click)="publish(dmp.id)">
|
|
|
|
|
<button mat-mini-fab class="frame-btn">
|
|
|
|
|
<mat-icon class="mat-mini-fab-icon">public</mat-icon>
|
|
|
|
@ -199,10 +185,10 @@
|
|
|
|
|
<span>{{'GENERAL.FILE-TYPES.JSON' | translate}}</span>
|
|
|
|
|
</button>
|
|
|
|
|
</mat-menu>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="frame mb-3 pt-4 pl-3 pr-3 pb-1">
|
|
|
|
|
</div> -->
|
|
|
|
|
<!-- <div class="frame mb-3 pt-4 pl-3 pr-3 pb-1">
|
|
|
|
|
<div class="row ml-0 mr-0 pl-4 pb-3">
|
|
|
|
|
<p class="header">{{ 'DMP-OVERVIEW.DMP-AUTHORS' | translate }}</p>
|
|
|
|
|
<p class="header">{{ 'DATASET-OVERVIEW.DATASET-AUTHORS' | translate }}</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="row ml-0 mr-0 pl-4 ml-2 pb-3 d-flex align-items-center">
|
|
|
|
|
<div *ngFor="let user of dmp.users" class="row authors">
|
|
|
|
@ -231,8 +217,8 @@
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- </div> -->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|