import { Location } from '@angular/common'; import { HttpClient } from '@angular/common/http'; import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core'; import { MatDialog } from '@angular/material/dialog'; import { Router } from '@angular/router'; import { DmpAccessType } from '@app/core/common/enum/dmp-access-type'; import { DmpUserRole } from '@app/core/common/enum/dmp-user-role'; import { Dmp } from '@app/core/model/dmp/dmp'; import { DmpBlueprintService } from '@app/core/services/dmp/dmp-blueprint.service'; import { DmpService } from '@app/core/services/dmp/dmp.service'; import { FileTransformerService } from '@app/core/services/file-transformer/file-transformer.service'; import { LockService } from '@app/core/services/lock/lock.service'; import { MatomoService } from '@app/core/services/matomo/matomo-service'; import { SnackBarNotificationLevel, UiNotificationService } from '@app/core/services/notification/ui-notification-service'; import { ReferenceTypeService } from '@app/core/services/reference-type/reference-type.service'; import { ReferenceService } from '@app/core/services/reference/reference.service'; import { EnumUtils } from '@app/core/services/utilities/enum-utils.service'; import { FileUtils } from '@app/core/services/utilities/file-utils.service'; import { BaseComponent } from '@common/base/base.component'; import { ConfirmationDialogComponent } from '@common/modules/confirmation-dialog/confirmation-dialog.component'; import { Guid } from '@common/types/guid'; import { TranslateService } from '@ngx-translate/core'; import { takeUntil } from 'rxjs/operators'; import { DmpStatus } from '../../../../core/common/enum/dmp-status'; import { AuthService } from '../../../../core/services/auth/auth.service'; import { CloneDmpDialogComponent } from '../../clone-dialog/dmp-clone-dialog.component'; import { DmpInvitationDialogComponent } from '../../invitation/dialog/dmp-invitation-dialog.component'; import { NewVersionDmpDialogComponent } from '../../new-version-dialog/dmp-new-version-dialog.component'; import { AppPermission } from '@app/core/common/enum/permission.enum'; @Component({ selector: 'app-dmp-listing-item-component', templateUrl: './dmp-listing-item.component.html', styleUrls: ['./dmp-listing-item.component.scss'], }) export class DmpListingItemComponent extends BaseComponent implements OnInit { @Input() dmp: Dmp; @Input() showDivider: boolean = true; @Input() isPublic: boolean; @Output() onClick: EventEmitter = new EventEmitter(); isDraft: boolean; isFinalized: boolean; isPublished: boolean; dmpStatusEnum = DmpStatus; constructor( private router: Router, private dialog: MatDialog, private authentication: AuthService, public enumUtils: EnumUtils, private dmpService: DmpService, private dmpBlueprintService: DmpBlueprintService, private language: TranslateService, private uiNotificationService: UiNotificationService, private lockService: LockService, private location: Location, private httpClient: HttpClient, private matomoService: MatomoService, public referenceService: ReferenceService, public referenceTypeService: ReferenceTypeService, public fileTransformerService: FileTransformerService, private fileUtils: FileUtils) { super(); } ngOnInit() { this.matomoService.trackPageView('DMP Listing Item'); if (this.dmp.status == DmpStatus.Draft) { this.isDraft = true; this.isFinalized = false; this.isPublished = false; } else if (this.dmp.status == DmpStatus.Finalized) { this.isDraft = false; this.isFinalized = true; this.isPublished = false; if (this.dmp.status === DmpStatus.Finalized && this.dmp.accessType === DmpAccessType.Public) { this.isPublished = true } } } public isAuthenticated(): boolean { return this.authentication.currentAccountIsAuthenticated(); } inviteToDmp() { const dialogRef = this.dialog.open(DmpInvitationDialogComponent, { // height: '250px', // width: '700px', autoFocus: false, restoreFocus: false, data: { dmpId: this.dmp.id, dmpName: this.dmp.label, blueprint: this.dmp.blueprint } }); } editClicked(dmpId: String) { this.router.navigate(['/plans/edit/' + dmpId]); } showDatasets(rowId: String, rowLabel: String) { this.router.navigate(['/datasets/dmp/' + rowId, { dmpLabel: rowLabel }]); } viewVersions(dmp: Dmp) { if (dmp.accessType == DmpAccessType.Public && dmp.status == DmpStatus.Finalized && !this.dmp.authorizationFlags?.some(x => x === AppPermission.EditDmp)) { let url = this.router.createUrlTree(['/explore-plans/versions/', dmp.groupId]); window.open(url.toString(), '_blank'); } else { let url = this.router.createUrlTree(['/plans/versions/', dmp.groupId]); window.open(url.toString(), '_blank'); } } isUserDMPRelated() { const principalId: Guid = this.authentication.userId(); return this.dmp.dmpUsers?.some(x => (x.user.id === principalId)); } cloneClicked() { const dialogRef = this.dialog.open(CloneDmpDialogComponent, { maxWidth: '700px', maxHeight: '80vh', data: { dmp: this.dmp } }); dialogRef.afterClosed().pipe(takeUntil(this._destroyed)).subscribe((result: Dmp) => { if (result) { this.uiNotificationService.snackBarNotification(this.language.instant('GENERAL.SNACK-BAR.SUCCESSFUL-UPDATE'), SnackBarNotificationLevel.Success); this.router.navigate(['/plans/edit/', result.id]); } }); } newVersionClicked() { const dialogRef = this.dialog.open(NewVersionDmpDialogComponent, { maxWidth: '700px', maxHeight: '80vh', data: { dmp: this.dmp } }); dialogRef.afterClosed().pipe(takeUntil(this._destroyed)).subscribe((result: Dmp) => { if (result) { this.uiNotificationService.snackBarNotification(this.language.instant('GENERAL.SNACK-BAR.SUCCESSFUL-UPDATE'), SnackBarNotificationLevel.Success); this.router.navigate(['/plans/edit/', result.id]); } }); } deleteClicked(id: Guid) { this.lockService.checkLockStatus(Guid.parse(id.toString())).pipe(takeUntil(this._destroyed)) .subscribe(lockStatus => { if (!lockStatus.status) { this.openDeleteDialog(id); } else { this.openLockedByUserDialog(); } }); } openDeleteDialog(id: Guid) { const dialogRef = this.dialog.open(ConfirmationDialogComponent, { maxWidth: '300px', restoreFocus: false, data: { message: this.language.instant('GENERAL.CONFIRMATION-DIALOG.DELETE-ITEM'), confirmButton: this.language.instant('GENERAL.CONFIRMATION-DIALOG.ACTIONS.DELETE'), cancelButton: this.language.instant('GENERAL.CONFIRMATION-DIALOG.ACTIONS.CANCEL'), isDeleteConfirmation: true } }); dialogRef.afterClosed().pipe(takeUntil(this._destroyed)).subscribe(result => { if (result) { this.dmpService.delete(id) .pipe(takeUntil(this._destroyed)) .subscribe( complete => this.onDeleteCallbackSuccess(), error => this.onDeleteCallbackError(error) ); } }); } openLockedByUserDialog() { const dialogRef = this.dialog.open(ConfirmationDialogComponent, { maxWidth: '400px', restoreFocus: false, data: { message: this.language.instant('DMP-EDITOR.ACTIONS.LOCK') } }); } isDraftDmp(activity: Dmp) { return activity.status == DmpStatus.Draft; } reloadPage(): void { const path = this.location.path(); this.router.navigateByUrl('/reload', { skipLocationChange: true }).then(() => { this.router.navigate([path]); }); } onDeleteCallbackSuccess(): void { this.uiNotificationService.snackBarNotification(this.language.instant('GENERAL.SNACK-BAR.SUCCESSFUL-DELETE'), SnackBarNotificationLevel.Success); this.reloadPage(); } onDeleteCallbackError(error) { this.uiNotificationService.snackBarNotification(error.error.message ? error.error.message : this.language.instant('GENERAL.SNACK-BAR.UNSUCCESSFUL-DELETE'), SnackBarNotificationLevel.Error); } canEditDmp(dmp: Dmp): boolean { return (this.dmp.authorizationFlags?.some(x => x === AppPermission.EditDmp) || this.authentication.hasPermission(AppPermission.EditDmp)) && this.isPublic == false; } canCreateNewVersion(dmp: Dmp): boolean { return (this.dmp.authorizationFlags?.some(x => x === AppPermission.CreateNewVersionDmp) || this.authentication.hasPermission(AppPermission.CreateNewVersionDmp)) && this.isPublic == false; } canDeleteDmp(dmp: Dmp): boolean { return (this.dmp.authorizationFlags?.some(x => x === AppPermission.DeleteDmp) || this.authentication.hasPermission(AppPermission.DeleteDmp)) && this.isPublic == false; } canCloneDmp(dmp: Dmp): boolean { return this.dmp.authorizationFlags?.some(x => x === AppPermission.CloneDmp) || this.authentication.hasPermission(AppPermission.CloneDmp); } canFinalizeDmp(dmp: Dmp): boolean { return (this.dmp.authorizationFlags?.some(x => x === AppPermission.FinalizeDmp) || this.authentication.hasPermission(AppPermission.FinalizeDmp)) && this.isPublic == false; } canExportDmp(dmp: Dmp): boolean { return this.dmp.authorizationFlags?.some(x => x === AppPermission.ExportDmp) || this.authentication.hasPermission(AppPermission.ExportDmp); } canInviteDmpUsers(dmp: Dmp): boolean { return (this.dmp.authorizationFlags?.some(x => x === AppPermission.InviteDmpUsers) || this.authentication.hasPermission(AppPermission.InviteDmpUsers)) && this.isPublic == false; } canAssignDmpUsers(dmp: Dmp): boolean { return (this.dmp.authorizationFlags?.some(x => x === AppPermission.AssignDmpUsers) || this.authentication.hasPermission(AppPermission.AssignDmpUsers)) && this.isPublic == false; } }