209 lines
10 KiB
HTML
209 lines
10 KiB
HTML
|
<div *ngIf="dmpActivities != null">
|
||
|
<div *ngFor="let activity of dmpActivities">
|
||
|
<!-- if dmp -->
|
||
|
<div class="dmp-card">
|
||
|
<div [routerLink]="['../plans/overview/' + activity.id]" class="pointer">
|
||
|
<div class="d-flex flex-direction-row">
|
||
|
<div class="col-auto dmp-label">{{ 'DMP-LISTING.DMP' | translate }}</div>
|
||
|
<div class="col-auto ml-auto edited-date">{{ 'DMP-LISTING.EDITED' | translate }}: {{ activity.modifiedTime | date: "longDate" }}</div>
|
||
|
</div>
|
||
|
<div class="col-auto" [ngClass]="{'dmp-title': !isDraft, 'dmp-title-draft': isDraft}">{{activity.label}}</div>
|
||
|
<div class="dmp-subtitle">
|
||
|
<span class="col-auto">{{ roleDisplay(activity.users) }}</span>
|
||
|
<span>.</span>
|
||
|
<span class="col-auto" *ngIf="activity.status === 1 && activity.public === true"><span class="material-icons icon-align">public</span>{{'TYPES.DMP-VISIBILITY.PUBLIC' | translate}}</span>
|
||
|
<span *ngIf="activity.status === 1 && activity.public === false" class="col-auto"><span class="material-icons icon-align">done</span>{{ enumUtils.toDmpStatusString(activity.status) }}</span>
|
||
|
<span *ngIf="activity.status === 0" class=" col-auto draft"><span class="material-icons icon-align">create</span>{{ enumUtils.toDmpStatusString(activity.status) }}</span>
|
||
|
<span>.</span>
|
||
|
<span class="col-auto">{{'DMP-LISTING.VERSION' | translate}} {{activity.version}}</span>
|
||
|
<span>.</span>
|
||
|
<span class="col">{{ 'DMP-LISTING.GRANT' | translate }}: {{activity.grant}}</span>
|
||
|
</div>
|
||
|
<div class="col-auto dmp-dataset-descriptions-title">{{'DMP-LISTING.CONTAINED-DATASETS' | translate}}: ({{activity.datasets.length}})
|
||
|
</div>
|
||
|
<div *ngFor="let dataset of activity.datasets; let i = index; let last = last" [ngClass]="{'pb-3': i === activity.datasets.length - 1}">
|
||
|
<div *ngIf="i < 3">
|
||
|
<div class="col-auto dmp-dataset-descriptions-name" *ngIf="!last">{{dataset.label}},</div>
|
||
|
<div class="col-auto dmp-dataset-descriptions-name" *ngIf="last">{{dataset.label}}</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<a class="d-flex justify-content-center pb-3 show-more" *ngIf="activity.datasets.length > 3" [routerLink]="['../plans/overview/' + activity.id]"><u>{{'GENERAL.ACTIONS.SHOW-MORE' | translate}}</u></a>
|
||
|
</div>
|
||
|
<div class="dmp-card-actions">
|
||
|
<a class="col-auto border-right pointer" [matMenuTriggerFor]="exportMenu"><span class="material-icons icon-align pr-2">open_in_new</span>{{'DMP-LISTING.ACTIONS.EXPORT' | translate}}</a>
|
||
|
<a class="col-auto border-right pointer" (click)="addDataset(activity.id)"><span class="material-icons icon-align">add</span>{{'DMP-LISTING.ACTIONS.ADD-DATASET-SHORT' | translate}}</a>
|
||
|
<a class="col-auto border-right pointer" (click)="openShareDialog(activity.id, activity.label)"><span class="material-icons icon-align pr-2">group_add</span>{{'DMP-LISTING.ACTIONS.INVITE-SHORT' | translate}}</a>
|
||
|
<a class="col-auto border-right pointer" (click)="cloneClicked(activity)"><span class="material-icons icon-align pr-2">filter_none</span>{{'DMP-LISTING.ACTIONS.CLONE' | translate}}</a>
|
||
|
<a class="col-auto pointer" [matMenuTriggerFor]="actionsMenu"><span class="material-icons icon-align pl-2">more_horiz</span></a>
|
||
|
</div>
|
||
|
|
||
|
<mat-menu #exportMenu="matMenu" xPosition="before">
|
||
|
<button mat-menu-item (click)="downloadPDF(activity.id)">
|
||
|
<i class="fa fa-file-pdf-o pr-2"></i>
|
||
|
<span>{{'GENERAL.FILE-TYPES.PDF' | translate}}</span>
|
||
|
</button>
|
||
|
<button mat-menu-item (click)="downloadDocx(activity.id)">
|
||
|
<i class="fa fa-file-word-o pr-2"></i>
|
||
|
<span>{{'GENERAL.FILE-TYPES.DOC' | translate}}</span>
|
||
|
</button>
|
||
|
<button mat-menu-item (click)="downloadXml(activity.id)">
|
||
|
<i class="fa fa-file-code-o pr-2"></i>
|
||
|
<span>{{'GENERAL.FILE-TYPES.XML' | translate}}</span>
|
||
|
</button>
|
||
|
<button mat-menu-item (click)="downloadJson(activity.id)">
|
||
|
<i class="fa fa-file-o pr-2"></i>
|
||
|
<span>{{'GENERAL.FILE-TYPES.JSON' | translate}}</span>
|
||
|
</button>
|
||
|
</mat-menu>
|
||
|
<mat-menu #actionsMenu="matMenu" xPosition="before">
|
||
|
<button *ngIf="isUserOwner(activity)" mat-menu-item (click)="newVersion(activity.id, activity.label)">
|
||
|
<mat-icon>queue</mat-icon>{{'DMP-LISTING.ACTIONS.NEW-VERSION' | translate}}
|
||
|
</button>
|
||
|
<button mat-menu-item (click)="viewVersions(activity.groupId, activity.label)">
|
||
|
<mat-icon>library_books</mat-icon>{{'DMP-LISTING.ACTIONS.VIEW-VERSION' | translate}}
|
||
|
</button>
|
||
|
<button mat-menu-item *ngIf="isDraftDmp(activity) && isUserOwner(activity)" (click)="deleteClicked()" class="menu-item">
|
||
|
<mat-icon>delete</mat-icon>{{ 'DMP-LISTING.ACTIONS.DELETE' | translate }}
|
||
|
</button>
|
||
|
</mat-menu>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="d-flex justify-content-center">
|
||
|
<button type="button" class="btn-load-more" (click)="loadMore()">{{'GENERAL.ACTIONS.LOAD-MORE' | translate}}</button>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<!-- if dataset -->
|
||
|
<!-- <div *ngIf="true" class="dataset-card">
|
||
|
<div class="d-flex flex-direction-row">
|
||
|
<div class="col-auto dataset-label">Dataset Description</div>
|
||
|
<div class="col-auto ml-auto edited-date">Edited: 9 May 2020</div>
|
||
|
</div>
|
||
|
<div class="col-auto dataset-title">Dataset description: Horizon 2020 for Grant DMP of
|
||
|
Dataset description</div>
|
||
|
<div class="dataset-subtitle">
|
||
|
<span class="col-auto">Owner</span>
|
||
|
<span>.</span>
|
||
|
<span class="col-auto"><span class="material-icons icon-align">done</span>Finalized</span>
|
||
|
<span>.</span>
|
||
|
<span class="col-auto">Grant: NEANIAS Project</span>
|
||
|
</div>
|
||
|
<div class="d-flex flex-direction-row pt-3 pb-3">
|
||
|
<div class="col-auto dataset-subtitle">Part of</div>
|
||
|
<div class="col-auto dmp-label">DMP</div>
|
||
|
<div class="col-auto dmp-title">DMP for: Horizon 2020 for Grant DMP of the NEANIAS
|
||
|
DMP plan</div>
|
||
|
</div>
|
||
|
<div class="dataset-card-actions">
|
||
|
<a href="#" class="col-auto border-right"><span class="material-icons icon-align pr-2">open_in_new</span>Export</a>
|
||
|
<a href="#" class="col-auto border-right"><span class="material-icons icon-align pr-2">group_add</span>Invite
|
||
|
collaborators</a>
|
||
|
<a href="#" class="col-auto"><span class="material-icons icon-align pl-2">more_horiz</span></a>
|
||
|
</div>
|
||
|
</div> -->
|
||
|
|
||
|
|
||
|
<!-- Old version of dashboard -->
|
||
|
<!-- <div class="card">
|
||
|
<div class="card-header card-header-plain">
|
||
|
<div class="card-desc">
|
||
|
<h4 class="card-title">
|
||
|
{{ 'RECENT-ACTIVITY.LAST-EDITED-DMP' | translate}}
|
||
|
</h4>
|
||
|
</div>
|
||
|
<a class="view-all" [class.clickable]="isAuthenticated()" [routerLink]="['/plans/']">
|
||
|
{{ 'GENERAL.ACTIONS.VIEW-ALL' | translate}}</a>
|
||
|
</div>
|
||
|
<div class="card-body table-responsive">
|
||
|
<table class="table table-hover">
|
||
|
<thead class="text-default">
|
||
|
<th>{{ 'DATASET-PROFILE-LISTING.COLUMNS.NAME' | translate}}</th>
|
||
|
<th>{{ 'DATASET-PROFILE-LISTING.COLUMNS.TEMPLATE' | translate }}</th>
|
||
|
<th>{{ 'DATASET-PROFILE-LISTING.COLUMNS.GRANT' | translate }}</th>
|
||
|
<th>{{ 'DATASET-PROFILE-LISTING.COLUMNS.ROLE' | translate }}</th>
|
||
|
<th>{{ 'DATASET-PROFILE-LISTING.COLUMNS.ORGANIZATION' | translate }}</th>
|
||
|
<th>{{ 'DATASET-PROFILE-LISTING.COLUMNS.STATUS' | translate }}</th>
|
||
|
<th>{{ 'DATASET-PROFILE-LISTING.COLUMNS.EDITED' | translate }}</th>
|
||
|
<th></th>
|
||
|
</thead>
|
||
|
<tbody *ngIf="dmpActivities != null">
|
||
|
<a *ngFor="let activity of dmpActivities" class="table-row" [routerLink]="['../plans/overview/' + activity.id]">
|
||
|
<td>{{ activity.label }}</td>
|
||
|
<td>
|
||
|
<div *ngIf="activity.profile" matTooltip="{{ activity.profile }}" class="template-name">
|
||
|
{{ activity.profile }}
|
||
|
</div>
|
||
|
<div *ngIf="!(activity.profile)" class="template-name">--</div>
|
||
|
</td>
|
||
|
<td>{{ activity.grant }}</td>
|
||
|
<td>{{ roleDisplay(activity.users)}}</td>
|
||
|
<td>{{ activity.organisations }}</td>
|
||
|
<td *ngIf="activity.status === 1 && activity.public === true">
|
||
|
<div class="is-public">
|
||
|
{{'TYPES.DMP-VISIBILITY.PUBLIC' | translate}}
|
||
|
</div>
|
||
|
</td>
|
||
|
<td *ngIf="activity.status === 1 && activity.public === false" class="text-center">
|
||
|
{{ enumUtils.toDmpStatusString(activity.status) }}
|
||
|
</td>
|
||
|
<td *ngIf="activity.status === 0" class="text-center">
|
||
|
{{ enumUtils.toDmpStatusString(activity.status) }}
|
||
|
</td>
|
||
|
<td>
|
||
|
{{ activity.modifiedTime | date: "shortDate" }}
|
||
|
</td>
|
||
|
<td>
|
||
|
<button mat-icon-button [matMenuTriggerFor]="actionsMenu" class="ml-auto more-icon" (click)="$event.preventDefault(); $event.stopPropagation();">
|
||
|
<mat-icon class="more-horiz">more_horiz</mat-icon>
|
||
|
</button>
|
||
|
<mat-menu #actionsMenu="matMenu">
|
||
|
<button mat-menu-item (click)="editClicked(activity)" class="menu-item">
|
||
|
<mat-icon>edit</mat-icon>{{ 'DMP-LISTING.ACTIONS.EDIT' | translate }}
|
||
|
</button>
|
||
|
<button mat-menu-item (click)="cloneClicked(activity)" class="menu-item">
|
||
|
<mat-icon>add</mat-icon>{{ 'DMP-LISTING.ACTIONS.CLONE' | translate }}
|
||
|
</button>
|
||
|
<button mat-menu-item (click)="deleteClicked(activity)" class="menu-item">
|
||
|
<mat-icon>delete</mat-icon>{{ 'DMP-LISTING.ACTIONS.DELETE' | translate }}
|
||
|
</button>
|
||
|
<button mat-menu-item [matMenuTriggerFor]="exportMethod" class="menu-item">
|
||
|
<mat-icon>save_alt</mat-icon>{{ 'DMP-LISTING.ACTIONS.EXP-AS' | translate }}
|
||
|
</button>
|
||
|
</mat-menu>
|
||
|
<mat-menu #exportMethod>
|
||
|
<button mat-menu-item (click)="downloadPDF(activity.id)">
|
||
|
<i class="fa fa-file-pdf-o pr-2"></i>
|
||
|
<span>{{'GENERAL.FILE-TYPES.PDF' | translate}}</span>
|
||
|
</button>
|
||
|
<button mat-menu-item (click)="downloadDocx(activity.id)">
|
||
|
<i class="fa fa-file-word-o pr-2"></i>
|
||
|
<span>{{'GENERAL.FILE-TYPES.DOC' | translate}}</span>
|
||
|
</button>
|
||
|
<button mat-menu-item (click)="downloadXml(activity.id)">
|
||
|
<i class="fa fa-file-code-o pr-2"></i>
|
||
|
<span>{{'GENERAL.FILE-TYPES.XML' | translate}}</span>
|
||
|
</button>
|
||
|
<button mat-menu-item (click)="downloadJson(activity.id)">
|
||
|
<i class="fa fa-file-o pr-2"></i>
|
||
|
<span>{{'GENERAL.FILE-TYPES.JSON' | translate}}</span>
|
||
|
</button>
|
||
|
</mat-menu>
|
||
|
</td>
|
||
|
</a>
|
||
|
</tbody>
|
||
|
<tbody *ngIf="dmpActivities == null">
|
||
|
<tr>
|
||
|
<td></td>
|
||
|
<td></td>
|
||
|
<td></td>
|
||
|
<td></td>
|
||
|
<td></td>
|
||
|
<td></td>
|
||
|
<td></td>
|
||
|
<td></td>
|
||
|
</tr>
|
||
|
</tbody>
|
||
|
</table>
|
||
|
</div>
|
||
|
</div> -->
|