94207: Extract RP entries into a separate component

2022-09-02 12:21:43 +02:00
parent 47b9b09139
commit 030b1c33db
7 changed files with 394 additions and 262 deletions
--- a/src/app/shared/resource-policies/entry/resource-policy-entry.component.ts
+++ b/src/app/shared/resource-policies/entry/resource-policy-entry.component.ts
@@ -0,0 +1,103 @@
+/**
+ * The contents of this file are subject to the license and copyright
+ * detailed in the LICENSE and NOTICE files at the root of the source
+ * tree and available online at
+ *
+ * http://www.dspace.org/license/
+ */
+import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { ResourcePolicy } from '../../../core/resource-policy/models/resource-policy.model';
+import { hasValue, isNotEmpty } from '../../empty.util';
+import { dateToString, stringToNgbDateStruct } from '../../date.util';
+import { Observable } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { getAllSucceededRemoteData, getFirstSucceededRemoteDataPayload } from '../../../core/shared/operators';
+import { DSONameService } from '../../../core/breadcrumbs/dso-name.service';
+import { RemoteData } from '../../../core/data/remote-data';
+import { DSpaceObject } from '../../../core/shared/dspace-object.model';
+import { ActivatedRoute, Router } from '@angular/router';
+import { Group } from '../../../core/eperson/models/group.model';
+import { ACCESS_CONTROL_MODULE_PATH } from '../../../app-routing-paths';
+import { GROUP_EDIT_PATH } from '../../../access-control/access-control-routing-paths';
+import { GroupDataService } from '../../../core/eperson/group-data.service';
+
+export interface ResourcePolicyCheckboxEntry {
+  id: string;
+  policy: ResourcePolicy;
+  checked: boolean;
+}
+
+@Component({
+  /* eslint-disable @angular-eslint/component-selector */
+  selector: 'tr[ds-resource-policy-entry]',
+  templateUrl: './resource-policy-entry.component.html',
+})
+export class ResourcePolicyEntryComponent implements OnInit {
+  @Input()
+  entry: ResourcePolicyCheckboxEntry;
+
+  @Output()
+  public toggleCheckbox: EventEmitter<boolean> = new EventEmitter();
+
+  epersonName$: Observable<string>;
+  groupName$: Observable<string>;
+
+  constructor(
+    protected dsoNameService: DSONameService,
+    protected groupService: GroupDataService,
+    protected route: ActivatedRoute,
+    protected router: Router,
+  ) {
+  }
+
+  public ngOnInit(): void {
+    this.epersonName$ = this.getName$(this.entry.policy.eperson);
+    this.groupName$ = this.getName$(this.entry.policy.group);
+  }
+
+  private getName$(dso$: Observable<RemoteData<DSpaceObject>>): Observable<string> {
+    return dso$.pipe(
+      getAllSucceededRemoteData(),
+      map((rd: RemoteData<DSpaceObject>) => {
+        if (hasValue(rd?.payload)) {
+          return this.dsoNameService.getName(rd.payload);
+        }
+        return undefined;
+      }),
+    );
+  }
+
+  /**
+   * Returns a date in simplified format (YYYY-MM-DD).
+   *
+   * @param date
+   * @return a string with formatted date
+   */
+  formatDate(date: string): string {
+    return isNotEmpty(date) ? dateToString(stringToNgbDateStruct(date)) : '';
+  }
+
+  /**
+   * Redirect to resource policy editing page
+   */
+  redirectToResourcePolicyEditPage(): void {
+    this.router.navigate([`./edit`], {
+      relativeTo: this.route,
+      queryParams: {
+        policyId: this.entry.policy.id,
+      },
+    });
+  }
+
+  /**
+   * Redirect to group edit page
+   */
+  redirectToGroupEditPage(): void {
+    this.groupService.findByHref(this.entry.policy._links.group.href, false).pipe(
+      getFirstSucceededRemoteDataPayload(),
+      map((group: Group) => group.id),
+    ).subscribe((groupUUID) => {
+      this.router.navigate([ACCESS_CONTROL_MODULE_PATH, GROUP_EDIT_PATH, groupUUID]);
+    });
+  }
+}