[ADF-5305] - Added aspect list component (#6549)

* [ADF-5305] - Creation of aspect list and aspect list dialog components * [ADF-5305] - unit test for aspect list * [ADF-5305] - added filtering for aspects * [ADF-5305] - enabling tests * [ADF-5305] - added filtering and unit test * [ADF-5305] - added context action to demo shell * [ADF-5305] - added button on metadata card for opening aspects * [ADF-5305] - fixed unit test for filtering aspects * [ADF-5305] - added documentation * [ADF-5305] - fixed lint * [ADF-5305] - Updated the js-api calls * [ADF-5305] - Removed circle dependency * [ADF-5305] - Simplified code * [ADF-5305] - revert changes on package.json * [ADF-5305] - removed extra cspell word * [ADF-5305] - added filtering on aspect list service * [ADF-5305] - fix unit test for aspect service * [ADF-5305] - reverted changes to package-loc * [ADF-5305] - removed unused changes * [ADF-5305] - attempt to fix PR #§ * [ADF-5305] - attempt to fix PR #2 * [ADF-5305] - attempt to fix PR #3 * [ADF-5305] - attempt to fix PR #4 * [ADF-5305] - attempt to fix PR #5 Co-authored-by: Vito Albano <vitoalbano@vitoalbano-mbp-0120.local>
2025-09-17 14:21:29 +00:00 · 2021-02-17 11:13:35 +00:00
parent f7f80bc013
commit e62c752f1f
38 changed files with 1690 additions and 11 deletions
--- a/lib/content-services/src/lib/aspect-list/aspect-list.component.ts
+++ b/lib/content-services/src/lib/aspect-list/aspect-list.component.ts
@@ -0,0 +1,99 @@
+/*!
+ * @license
+ * Copyright 2019 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Component, EventEmitter, Input, OnDestroy, OnInit, Output, ViewEncapsulation } from '@angular/core';
+import { NodesApiService } from '@alfresco/adf-core';
+import { Observable, Subject } from 'rxjs';
+import { concatMap, takeUntil, tap } from 'rxjs/operators';
+import { AspectListService } from './aspect-list.service';
+import { MatCheckboxChange } from '@angular/material/checkbox';
+import { AspectEntry } from '@alfresco/js-api';
+@Component({
+    selector: 'adf-aspect-list',
+    templateUrl: './aspect-list.component.html',
+    styleUrls: ['./aspect-list.component.scss'],
+    encapsulation: ViewEncapsulation.None
+})
+
+export class AspectListComponent implements OnInit, OnDestroy {
+
+    /** Node Id of the node that we want to update */
+    @Input()
+    nodeId: string = '';
+
+    /** Emitted every time the user select a new aspect */
+    @Output()
+    valueChanged: EventEmitter<string[]> = new EventEmitter<string[]>();
+
+    propertyColumns: string[] = ['name', 'title', 'dataType'];
+    aspects$: Observable<AspectEntry[]> = null;
+    nodeAspects: string[] = [];
+    nodeAspectStatus: string[] = null;
+
+    private onDestroy$ = new Subject<boolean>();
+
+    constructor(private aspectListService: AspectListService, private nodeApiService: NodesApiService) {
+    }
+
+    ngOnDestroy(): void {
+        this.onDestroy$.next(true);
+        this.onDestroy$.complete();
+    }
+
+    ngOnInit(): void {
+        if (this.nodeId) {
+            this.aspects$ = this.nodeApiService.getNode(this.nodeId).pipe(
+                tap((node) => {
+                    this.nodeAspects = node.aspectNames.filter((aspect) => this.aspectListService.getVisibleAspects().includes(aspect));
+                    this.nodeAspectStatus = Array.from(node.aspectNames);
+                    this.valueChanged.emit(this.nodeAspects);
+                }),
+                concatMap(() => this.aspectListService.getAspects()),
+                takeUntil(this.onDestroy$));
+        } else {
+            this.aspects$ = this.aspectListService.getAspects()
+                .pipe(takeUntil(this.onDestroy$));
+        }
+    }
+
+    onCheckBoxClick(event: Event) {
+        event.stopImmediatePropagation();
+    }
+
+    onChange(change: MatCheckboxChange, prefixedName: string) {
+        if (change.checked) {
+            this.nodeAspects.push(prefixedName);
+        } else {
+            this.nodeAspects.splice(this.nodeAspects.indexOf(prefixedName), 1);
+        }
+        this.valueChanged.emit(this.nodeAspects);
+    }
+
+    reset() {
+        if (this.nodeAspectStatus && this.nodeAspectStatus.length > 0) {
+            this.nodeAspects.splice(0, this.nodeAspects.length, ...this.nodeAspectStatus);
+            this.valueChanged.emit(this.nodeAspects);
+        } else {
+            this.clear();
+        }
+    }
+
+    clear() {
+        this.nodeAspects = [];
+        this.valueChanged.emit(this.nodeAspects);
+    }
+}