2020-07-03 16:17:23 +02:00
< div class = "dmp-card" >
2023-12-20 08:20:38 +01:00
< a [ routerLink ] = " isPublic ? [ ' / explore-plans / overview / public / ' + dmp . id ] : [ ' / plans / overview / ' + dmp . id ] " class = "pointer" >
2020-07-03 16:17:23 +02:00
< div class = "d-flex flex-direction-row" >
< div class = "col-auto dmp-label" > {{ 'DMP-LISTING.DMP' | translate }}< / div >
2023-11-29 14:26:40 +01:00
< div * ngIf = "!isPublic" class = "col-auto ml-auto edited-date" > {{ 'DMP-LISTING.EDITED' | translate }}: {{ dmp.updatedAt | dateTimeCultureFormatter: "d MMMM y" }}< / div >
2020-11-09 16:14:10 +01:00
< div * ngIf = "isPublic" class = "col-auto ml-auto edited-date" > {{ 'DMP-LISTING.PUBLISHED' | translate }}: {{ dmp.publishedAt | dateTimeCultureFormatter: "d MMMM y" }}< / div >
2020-07-03 16:17:23 +02:00
< / div >
< div class = "col-auto" [ ngClass ] = " { ' dmp-title ' : ! isDraft , ' dmp-title-draft ' : isDraft } " > {{dmp.label}}< / div >
< div class = "dmp-subtitle" >
2023-12-01 18:18:41 +01:00
< span * ngIf = "isUserDMPRelated()" class = "col-auto" > {{ enumUtils.toDmpUserRolesString(dmpService.getCurrentUserRolesInDmp(dmp?.dmpUsers)) }}< / span >
2020-07-23 15:24:34 +02:00
< span * ngIf = "isUserDMPRelated()" > .< / span >
2023-11-29 14:26:40 +01:00
< span class = "col-auto" * ngIf = "dmp.status === dmpStatusEnum.Finalized && isPublic" > < span class = "material-icons icon-align" > public< / span > {{'TYPES.DMP-VISIBILITY.PUBLIC' | translate}}< / span >
< span * ngIf = "dmp.status === dmpStatusEnum.Finalized && !isPublic" class = "col-auto" > < span class = "material-icons icon-align" > done< / span > {{ enumUtils.toDmpStatusString(dmp.status) }}< / span >
< span * ngIf = "dmp.status === dmpStatusEnum.Draft" class = " col-auto draft" > < span class = "material-icons icon-align" > create< / span > {{ enumUtils.toDmpStatusString(dmp.status) }}< / span >
2020-07-03 16:17:23 +02:00
< span > .< / span >
< span class = "col-auto" > {{'DMP-LISTING.VERSION' | translate}} {{dmp.version}}< / span >
< span > .< / span >
2024-02-09 21:46:05 +01:00
< span class = "col" > {{ 'DMP-LISTING.GRANT' | translate }}: {{referenceService.getReferencesForTypesFirstSafe(dmp?.dmpReferences, [this.referenceTypeService.getGrantReferenceType()])?.reference?.label}}< / span >
2020-07-03 16:17:23 +02:00
< / div >
2023-12-04 16:56:12 +01:00
< div class = "col-auto dmp-dataset-descriptions-title" > {{'DMP-LISTING.CONTAINED-DESCRIPTIONS' | translate}}: ({{ dmp.descriptions?.length }})
2020-07-03 16:17:23 +02:00
< / div >
2023-12-04 16:56:12 +01:00
< div * ngFor = "let description of dmp.descriptions; let i = index; let last = last" [ ngClass ] = " { ' pb-3 ' : i = == dmp . descriptions ? . length - 1 } " >
2020-07-03 16:17:23 +02:00
< div * ngIf = "i < 3" >
2023-12-01 18:18:41 +01:00
< div class = "col-auto dmp-dataset-descriptions-name" * ngIf = "!last && i !== 2" > {{description.label}},< / div >
< div class = "col-auto dmp-dataset-descriptions-name" * ngIf = "last || i == 2" > {{description.label}}< / div >
2020-07-03 16:17:23 +02:00
< / div >
< / div >
2023-12-20 08:20:38 +01:00
< a class = "d-flex justify-content-center pb-3 show-more" * ngIf = "dmp.descriptions?.length > 3" [ routerLink ] = " isPublic ? [ ' / explore-plans / overview / public / ' + dmp . id ] : [ ' / plans / overview / ' + dmp . id ] " > < u > {{'GENERAL.ACTIONS.SHOW-MORE' | translate}}< / u > < / a >
2020-07-03 16:17:23 +02:00
< / a >
< div class = "dmp-card-actions" >
2024-03-06 13:39:10 +01:00
< a class = "col-auto border-right pointer" * ngIf = "canExportDmp(dmp) && fileTransformerService.availableFormats.length > 0" [ matMenuTriggerFor ] = " exportMenu " > < span class = "material-icons icon-align pr-2" > open_in_new< / span > {{'DMP-LISTING.ACTIONS.EXPORT' | translate}}< / a >
2023-09-25 09:36:04 +02:00
< a class = "col-auto border-right pointer" * ngIf = "isDraftDmp(dmp)" [ routerLink ] = " [ ' / plans / edit / ' + dmp . id ] " target = "_blank" > < span class = "material-icons icon-align" > add< / span > {{'DMP-LISTING.ACTIONS.ADD-DESCRIPTION-SHORT' | translate}}< / a >
2024-03-01 17:50:46 +01:00
< a class = "col-auto border-right pointer" * ngIf = "canInviteDmpUsers(dmp)" ( click ) = " inviteToDmp ( ) " > < 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" * ngIf = "canCloneDmp(dmp)" ( click ) = " cloneClicked ( ) " > < span class = "material-icons icon-align pr-2" > filter_none< / span > {{'DMP-LISTING.ACTIONS.CLONE' | translate}}< / a >
2023-12-06 22:10:01 +01:00
< a class = "col-auto border-right pointer" * ngIf = "!isAuthenticated()" ( click ) = " viewVersions ( dmp ) " > < span class = "material-icons icon-align pr-2" > library_books< / span > {{'DMP-LISTING.ACTIONS.VIEW-VERSION' | translate}}< / a >
2020-11-17 12:16:06 +01:00
2024-03-01 17:50:46 +01:00
< a class = "col-auto border-right pointer" * ngIf = "isDraftDmp(dmp) && canDeleteDmp(dmp)" ( click ) = " deleteClicked ( dmp . id ) " > < span class = "material-icons icon-align pr-2" > delete< / span > {{ 'DMP-LISTING.ACTIONS.DELETE' | translate }}< / a >
2020-11-17 12:16:06 +01:00
< a class = "col-auto pointer" * ngIf = "isAuthenticated()" [ matMenuTriggerFor ] = " actionsMenu " > < span class = "material-icons icon-align pl-2" > more_horiz< / span > < / a >
2020-07-03 16:17:23 +02:00
< / div >
< mat-menu # exportMenu = "matMenu" xPosition = "before" >
2024-01-17 13:47:32 +01:00
< button mat-menu-item * ngFor = 'let fileTransformer of fileTransformerService.availableFormats' ( click ) = " fileTransformerService . exportDmp ( dmp . id , fileTransformer . format ) " >
< i class = "fa pr-2" [ ngClass ] = " fileTransformer . hasLogo ? fileTransformer . icon : ' fa-file-o ' " > < / i >
< span > {{'GENERAL.FILE-TRANSFORMER.' + fileTransformer.format.toUpperCase() | translate}}< / span >
2020-07-03 16:17:23 +02:00
< / button >
2023-12-29 16:04:16 +01:00
< / mat-menu >
2020-07-03 16:17:23 +02:00
< mat-menu # actionsMenu = "matMenu" xPosition = "before" >
2024-03-01 09:54:02 +01:00
< button * ngIf = "canCreateNewVersion(dmp)" mat-menu-item ( click ) = " newVersionClicked ( ) " >
2020-07-03 16:17:23 +02:00
< mat-icon > queue< / mat-icon > {{'DMP-LISTING.ACTIONS.NEW-VERSION' | translate}}
< / button >
2023-12-06 22:10:01 +01:00
< button mat-menu-item ( click ) = " viewVersions ( dmp ) " >
2020-07-03 16:17:23 +02:00
< mat-icon > library_books< / mat-icon > {{'DMP-LISTING.ACTIONS.VIEW-VERSION' | translate}}
< / button >
2024-03-14 10:41:32 +01:00
< button mat-menu-item * ngIf = "isDraftDmp(dmp) && canDeleteDmp(dmp)" ( click ) = " deleteClicked ( dmp . id ) " class = "menu-item" >
2020-07-03 16:17:23 +02:00
< mat-icon > delete< / mat-icon > {{ 'DMP-LISTING.ACTIONS.DELETE' | translate }}
< / button >
< / mat-menu >
2024-01-17 13:47:32 +01:00
< / div >