import { Component, OnInit, Output, EventEmitter } from '@angular/core'; import { MatDialog } from '@angular/material'; import { Router } from '@angular/router'; import { RecentActivityType } from '@app/core/common/enum/recent-activity-type'; import { Principal } from '@app/core/model/auth/principal'; import { DataTableRequest } from '@app/core/model/data-table/data-table-request'; import { DmpListingModel } from '@app/core/model/dmp/dmp-listing'; import { DmpCriteria } from '@app/core/query/dmp/dmp-criteria'; import { AuthService } from '@app/core/services/auth/auth.service'; import { DmpService } from '@app/core/services/dmp/dmp.service'; import { SnackBarNotificationLevel, UiNotificationService } from '@app/core/services/notification/ui-notification-service'; import { EnumUtils } from '@app/core/services/utilities/enum-utils.service'; import { ConfirmationDialogComponent } from '@common/modules/confirmation-dialog/confirmation-dialog.component'; import { BaseComponent } from '@common/base/base.component'; import { TranslateService } from '@ngx-translate/core'; import * as FileSaver from 'file-saver'; import { takeUntil } from 'rxjs/operators'; import { DmpInvitationDialogComponent } from '@app/ui/dmp/invitation/dmp-invitation-dialog.component'; import { DmpStatus } from '@app/core/common/enum/dmp-status'; import { DatasetService } from '@app/core/services/dataset/dataset.service'; import { DatasetListingModel } from '@app/core/model/dataset/dataset-listing'; import { Role } from '@app/core/common/enum/role'; import { FormBuilder, FormControl } from '@angular/forms'; import { RecentActivityOrder } from '@app/core/common/enum/recent-activity-order'; import { Location } from '@angular/common'; import { LockService } from '@app/core/services/lock/lock.service'; @Component({ selector: 'app-recent-edited-dmp-activity', templateUrl: './recent-edited-dmp-activity.component.html', styleUrls: ['./recent-edited-dmp-activity.component.css'] }) export class RecentEditedDmpActivityComponent extends BaseComponent implements OnInit { @Output() totalCountDmps: EventEmitter = new EventEmitter(); dmpActivities: DmpListingModel[]; datasetActivities: DatasetListingModel[]; recentActivityTypeEnum = RecentActivityType; isDraft: boolean; totalCount: number; startIndex: number = 0; pageSize: number = 5; public formGroup = new FormBuilder().group({ like: new FormControl(), order: new FormControl() }); order = RecentActivityOrder; constructor( private router: Router, public enumUtils: EnumUtils, private authentication: AuthService, private dmpService: DmpService, private datasetService: DatasetService, private language: TranslateService, private dialog: MatDialog, private uiNotificationService: UiNotificationService, private location: Location, private lockService: LockService ) { super(); } ngOnInit() { if (this.isAuthenticated()) { // const fields: Array = ["-modified"]; this.formGroup.get('order').setValue(this.order.MODIFIED); const fields: Array = ["-" + this.formGroup.get('order').value]; const dmpDataTableRequest: DataTableRequest = new DataTableRequest(0, 5, { fields: fields }); dmpDataTableRequest.criteria = new DmpCriteria(); dmpDataTableRequest.criteria.like = ""; this.dmpService .getPaged(dmpDataTableRequest, "listing") .subscribe(response => { this.dmpActivities = response.data; this.totalCount = response.totalCount; this.totalCountDmps.emit(this.dmpActivities.length); // this.totalCount < this.pageSize ? this.totalCountDmps.emit(response.totalCount) : this.totalCountDmps.emit(this.pageSize); // this.totalCountDmps.emit(this.totalCount); // this.dmpActivities.forEach(dmpActivity => { // const recentActivity: RecentActivity = { // activityData: dmpActivity, // activityType: RecentActivityType.Dmp // }; // this.allRecentActivities.push(recentActivity) // }) }); this.formGroup.get('like').valueChanges .pipe(takeUntil(this._destroyed)) .subscribe(x => this.refresh()); this.formGroup.get('order').valueChanges .pipe(takeUntil(this._destroyed)) .subscribe(x => this.refresh()); // const datasetDataTableRequest: DataTableRequest = new DataTableRequest(0, 5, { fields: fields }); // datasetDataTableRequest.criteria = new DatasetCriteria(); // datasetDataTableRequest.criteria.like = ""; // this.datasetService // .getPaged(datasetDataTableRequest) // .subscribe(response => { // this.datasetActivities = response.data; // this.datasetActivities.forEach(datasetActivity => { // const recentActivity: RecentActivity = { // activityData: datasetActivity, // activityType: RecentActivityType.Dataset // }; // this.allRecentActivities.push(recentActivity) // }) // }); } } public isAuthenticated(): boolean { return !!this.authentication.current(); } isUserOwner(activity: DmpListingModel): boolean { const principal: Principal = this.authentication.current(); if (principal) return principal.id === activity.users.find(x => x.role === Role.Owner).id; } editClicked(dmp: DmpListingModel) { this.router.navigate(['/plans/edit/' + dmp.id]); } cloneClicked(dmp: DmpListingModel) { let url = this.router.createUrlTree(['/plans/clone/', dmp.id]); window.open(url.toString(), '_blank'); } deleteClicked(id: string) { this.lockService.checkLockStatus(id).pipe(takeUntil(this._destroyed)) .subscribe(lockStatus => { if (!lockStatus) { this.openDeleteDialog(id); } else { this.openLockedByUserDialog(); } }); } openDeleteDialog(id: string) { 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') } }); } openShareDialog(rowId: any, rowName: any) { const dialogRef = this.dialog.open(DmpInvitationDialogComponent, { // height: '250px', // width: '700px', restoreFocus: false, data: { dmpId: rowId, dmpName: rowName } }); } isDraftDmp(activity: DmpListingModel) { return activity.status == DmpStatus.Draft; } onCallbackSuccess(): void { this.uiNotificationService.snackBarNotification(this.language.instant('GENERAL.SNACK-BAR.SUCCESSFUL-UPDATE'), SnackBarNotificationLevel.Success); this.router.navigate(['/plans']); } 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); } redirect(id: string, type: RecentActivityType) { switch (type) { case RecentActivityType.Grant: { this.router.navigate(["grants/edit/" + id]); return; } case RecentActivityType.Dataset: { this.router.navigate(["datasets/edit/" + id]); return; } case RecentActivityType.Dmp: { this.router.navigate(["plans/overview/" + id]); return; } default: throw new Error("Unsupported Activity Type "); } } // navigateToUrl() { // this.router.navigate(["plans/"]); // } roleDisplay(value: any) { const principal: Principal = this.authentication.current(); let role: number; if (principal) { value.forEach(element => { if (principal.id === element.id) { role = element.role; } }); } if (role === 0) { return this.language.instant('DMP-LISTING.OWNER'); } else if (role === 1) { return this.language.instant('DMP-LISTING.MEMBER'); } else { return this.language.instant('DMP-LISTING.OWNER'); } } // dmpProfileDisplay(value: any) { // if (value != null) { // return value; // } // else { // return "--"; // } // } downloadXml(id: string) { this.dmpService.downloadXML(id) .pipe(takeUntil(this._destroyed)) .subscribe(response => { const blob = new Blob([response.body], { type: 'application/xml' }); const filename = this.getFilenameFromContentDispositionHeader(response.headers.get('Content-Disposition')); FileSaver.saveAs(blob, filename); }); } downloadDocx(id: string) { this.dmpService.downloadDocx(id) .pipe(takeUntil(this._destroyed)) .subscribe(response => { const blob = new Blob([response.body], { type: 'application/msword' }); const filename = this.getFilenameFromContentDispositionHeader(response.headers.get('Content-Disposition')); FileSaver.saveAs(blob, filename); }); } downloadPDF(id: string) { this.dmpService.downloadPDF(id) .pipe(takeUntil(this._destroyed)) .subscribe(response => { const blob = new Blob([response.body], { type: 'application/pdf' }); const filename = this.getFilenameFromContentDispositionHeader(response.headers.get('Content-Disposition')); FileSaver.saveAs(blob, filename); }); } downloadJson(id: string) { this.dmpService.downloadJson(id) .pipe(takeUntil(this._destroyed)) .subscribe(response => { const blob = new Blob([response.body], { type: 'application/json' }); const filename = this.getFilenameFromContentDispositionHeader(response.headers.get('Content-Disposition')); FileSaver.saveAs(blob, filename); }) } getFilenameFromContentDispositionHeader(header: string): string { const regex: RegExp = new RegExp(/filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/g); const matches = header.match(regex); let filename: string; for (let i = 0; i < matches.length; i++) { const match = matches[i]; if (match.includes('filename="')) { filename = match.substring(10, match.length - 1); break; } else if (match.includes('filename=')) { filename = match.substring(9); break; } } return filename; } newVersion(id: String, label: String) { let url = this.router.createUrlTree(['/plans/new_version/', id, { dmpLabel: label }]); window.open(url.toString(), '_blank'); } viewVersions(rowId: String, rowLabel: String, activity: DmpListingModel) { if (activity.public && !this.isUserOwner(activity)) { let url = this.router.createUrlTree(['/explore-plans/versions/', rowId, { groupLabel: rowLabel }]); window.open(url.toString(), '_blank'); // this.router.navigate(['/explore-plans/versions/' + rowId], { queryParams: { groupLabel: rowLabel } }); } else { let url = this.router.createUrlTree(['/plans/versions/', rowId, { groupLabel: rowLabel }]); window.open(url.toString(), '_blank'); // this.router.navigate(['/plans/versions/' + rowId], { queryParams: { groupLabel: rowLabel } }); } } refresh(): void { // const fields: Array = ["-modified"]; const fields: Array = ["-" + this.formGroup.get('order').value]; this.startIndex = 0; const dmpDataTableRequest: DataTableRequest = new DataTableRequest(this.startIndex, this.pageSize, { fields: fields }); dmpDataTableRequest.criteria = new DmpCriteria(); dmpDataTableRequest.criteria.like = this.formGroup.get("like").value; this.dmpService .getPaged(dmpDataTableRequest, "listing") .subscribe(response => { this.dmpActivities = response.data; this.totalCount = response.totalCount; this.totalCountDmps.emit(this.dmpActivities.length); }); } public loadMore() { this.startIndex = this.startIndex + this.pageSize; // const fields: Array = ["-modified"]; const fields: Array = ["-" + this.formGroup.get('order').value]; const request = new DataTableRequest(this.startIndex, this.pageSize, { fields: fields }); request.criteria = new DmpCriteria(); request.criteria.like = this.formGroup.get("like").value ? this.formGroup.get("like").value : ""; this.dmpService.getPaged(request, "listing").pipe(takeUntil(this._destroyed)).subscribe(result => { if (!result) { return []; } this.dmpActivities = this.dmpActivities.concat(result.data); this.totalCountDmps.emit(this.dmpActivities.length); }); } // advancedClicked(dmp: DmpListingModel) { // const dialogRef = this.dialog.open(ExportMethodDialogComponent, { // maxWidth: '500px', // data: { // message: "Download as:", // XMLButton: "XML", // documentButton: "Document", // pdfButton: "PDF", // jsonButton: "JSON" // } // }); // dialogRef.afterClosed().pipe(takeUntil(this._destroyed)).subscribe(result => { // if (result == "pdf") { // this.downloadPDF(dmp.id); // } else if (result == "xml") { // this.downloadXml(dmp.id); // } else if (result == "doc") { // this.downloadDocx(dmp.id); // } else if (result == "json") { // this.downloadJson(dmp.id) // } // }); // } }