[ACA-1432] unified selection and single info drawer (#385)

* track document list selection state * selection management enhancements * (fix) hide info drawer on selection reset * use store selection * remove event handler * upgrade info drawer for personal files * upgrade favorties * upgrade recent files * move info drawer to a separate component * test fixes * update tests * test fixes * remove obsolete directive * use last selection entry * switch back to first selected node * selection improvements, versioning uses same node * optimised toolbar visibility evaluation * upgrade libs * update js api * test fixes * test fixes * test updates * test fixes * fix e2e tests * show metadata for last clicked node
2025-07-31 17:38:28 +00:00 · 2018-06-06 12:44:13 +01:00
parent a67dd43ad6
commit f0c0fe162b
39 changed files with 512 additions and 671 deletions
--- a/src/app/components/info-drawer/info-drawer.component.ts
+++ b/src/app/components/info-drawer/info-drawer.component.ts
@@ -0,0 +1,94 @@
+/*!
+ * @license
+ * Alfresco Example Content Application
+ *
+ * Copyright (C) 2005 - 2018 Alfresco Software Limited
+ *
+ * This file is part of the Alfresco Example Content Application.
+ * If the software was purchased under a paid Alfresco license, the terms of
+ * the paid license agreement will prevail.  Otherwise, the software is
+ * provided under the following open source license terms:
+ *
+ * The Alfresco Example Content Application is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * The Alfresco Example Content Application is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with Alfresco. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';
+import { MinimalNodeEntity, MinimalNodeEntryEntity } from 'alfresco-js-api';
+import { NodePermissionService } from '../../common/services/node-permission.service';
+import { AlfrescoApiService } from '@alfresco/adf-core';
+
+@Component({
+    selector: 'aca-info-drawer',
+    templateUrl: './info-drawer.component.html'
+})
+export class InfoDrawerComponent implements OnChanges {
+    @Input() nodeId: string;
+
+    @Input() node: MinimalNodeEntity;
+
+    isLoading = false;
+    displayNode: MinimalNodeEntryEntity;
+
+    canUpdateNode(): boolean {
+        if (this.node) {
+            if ((<any>this.node.entry).nodeId) {
+                return this.permission.check(this.node.entry, ['update'], {
+                    target: 'allowableOperationsOnTarget'
+                });
+            }
+            return this.permission.check(this.node.entry, ['update']);
+        }
+
+        return false;
+    }
+
+    get isFileSelected(): boolean {
+        if (this.node && this.node.entry) {
+            return this.node.entry.isFile;
+        }
+        return false;
+    }
+
+    constructor(
+        public permission: NodePermissionService,
+        private apiService: AlfrescoApiService
+    ) {}
+
+    ngOnChanges(changes: SimpleChanges) {
+        if (this.node) {
+            const entry = this.node.entry;
+            if (entry.nodeId) {
+                this.loadNodeInfo(entry.nodeId);
+            } else {
+                this.displayNode = this.node.entry;
+            }
+        }
+    }
+
+    private loadNodeInfo(nodeId: string) {
+        if (nodeId) {
+            this.isLoading = true;
+
+            this.apiService.nodesApi
+                .getNodeInfo(nodeId, { include: ['allowableOperations'] })
+                .then((entity: MinimalNodeEntryEntity) => {
+                    this.displayNode = entity;
+                    this.isLoading = false;
+                })
+                .catch(() => {
+                    this.isLoading = false;
+                });
+        }
+    }
+}