[ACS-5645] Property Panel Feature

.github/actions/adf-linking/action.yml

@@ -9,7 +9,7 @@ runs:
       shell: bash
       run: |
         if [[ $COMMIT_MESSAGE == *"[link-adf:"* ]]; then
-          echo "BUILD_OPTS=--configuration=adfprod,e2e" >> $GITHUB_ENV
+          echo "BUILD_OPTS=--configuration=adf,e2e" >> $GITHUB_ENV
           echo "TEST_OPTS=--configuration=adfprod" >> $GITHUB_ENV
           echo "E2E_PROTRACTOR_OPTS=--with-local-adf" >> $GITHUB_ENV
           echo "E2E_TSCONFIG=tsconfig.e2e.adf.json" >> $GITHUB_ENV

e2e/protractor/suites/extensions/ext-metadata.test.ts

@@ -94,7 +94,6 @@ describe('Extensions - Metadata presets', () => {
     await infoDrawer.waitForInfoDrawerToOpen();
 
     await infoDrawer.clickTab(PROPERTIES_TAB.title);
-    await BrowserActions.click(metadataCard.expandButton);
     await metadataCard.waitForFirstExpansionPanel();
   });
 

e2e/protractor/suites/info-drawer/comments.test.ts

@@ -117,7 +117,7 @@ describe('Comments', () => {
       await infoDrawer.waitForInfoDrawerToOpen();
       await infoDrawer.clickCommentsTab();
 
-      expect(await infoDrawer.getActiveTabTitle()).toBe('COMMENTS');
+      expect(await infoDrawer.getActiveTabTitle()).toBe('Comments');
       expect(await commentsTab.getCommentsTabHeaderText()).toBe('Comments (0)');
       expect(await commentsTab.isCommentTextAreaDisplayed()).toBe(true, 'Comment field not present');
       expect(await commentsTab.isAddCommentButtonEnabled()).toBe(false, 'Add comment button not disabled');

e2e/protractor/suites/info-drawer/file-folder-properties.test.ts

@@ -59,7 +59,6 @@ describe('File / Folder properties', () => {
   };
 
   const infoDrawer = new InfoDrawer();
-  const { propertiesTab } = infoDrawer;
 
   const loginPage = new LoginPage();
   const page = new BrowsingPage();
@@ -91,33 +90,12 @@ describe('File / Folder properties', () => {
       await BrowserActions.click(page.toolbar.viewDetailsButton);
       await infoDrawer.waitForInfoDrawerToOpen();
 
-      expect(await infoDrawer.getHeaderTitle()).toEqual('Details');
+      expect(await infoDrawer.getHeaderTitle()).toEqual(file1.name);
       expect(await infoDrawer.isPropertiesTabDisplayed()).toBe(true, 'Properties tab is not displayed');
       expect(await infoDrawer.isCommentsTabDisplayed()).toBe(true, 'Comments tab is not displayed');
       expect(await infoDrawer.getTabsCount()).toBe(2, 'Incorrect number of tabs');
     });
 
-    it('[C269004] Less / More information buttons', async () => {
-      await dataTable.selectItem(file1.name);
-      await BrowserActions.click(page.toolbar.viewDetailsButton);
-      await infoDrawer.waitForInfoDrawerToOpen();
-
-      expect(await propertiesTab.isMoreInfoButtonEnabled()).toBe(true, 'More information button not enabled');
-      expect(await propertiesTab.isPropertiesListExpanded()).toBe(true, 'Properties list not expanded');
-
-      await BrowserActions.click(propertiesTab.moreInfoButton);
-
-      expect(await propertiesTab.isMoreInfoButtonDisplayed()).toBe(false, 'More information button displayed');
-      expect(await propertiesTab.isLessInfoButtonEnabled()).toBe(true, 'Less information button not enabled');
-      expect(await propertiesTab.isPropertiesListExpanded()).toBe(false, 'Properties list expanded');
-
-      await BrowserActions.click(propertiesTab.lessInfoButton);
-
-      expect(await propertiesTab.isMoreInfoButtonDisplayed()).toBe(true, 'More information button not displayed');
-      expect(await propertiesTab.isLessInfoButtonEnabled()).toBe(false, 'Less information button enabled');
-      expect(await propertiesTab.isPropertiesListExpanded()).toBe(true, 'Properties list not expanded');
-    });
-
     it('[C599174] Should be able to make the files/folders info drawer expandable as for Sites', async () => {
       await dataTable.selectItem(file1.name);
       await BrowserActions.click(page.toolbar.viewDetailsButton);

e2e/protractor/suites/info-drawer/library-properties.test.ts

@@ -99,7 +99,7 @@ describe('Library properties', () => {
     await BrowserActions.click(page.toolbar.viewDetailsButton);
     await infoDrawer.waitForInfoDrawerToOpen();
 
-    expect(await infoDrawer.getHeaderTitle()).toEqual('Details');
+    expect(await infoDrawer.getHeaderTitle()).toEqual(site.name);
     expect(await infoDrawer.isPropertiesTabDisplayed()).toBe(true, 'Properties tab is not displayed');
     expect(await aboutTab.isNameDisplayed()).toBe(true, 'Name field not displayed');
     expect(await aboutTab.isLibraryIdDisplayed()).toBe(true, 'Library ID field not displayed');

package.json

@@ -33,11 +33,11 @@
   },
   "private": true,
   "dependencies": {
-    "@alfresco/adf-content-services": "6.6.0-7146652899",
-    "@alfresco/adf-core": "6.6.0-7146652899",
-    "@alfresco/adf-extensions": "6.6.0-7146652899",
-    "@alfresco/eslint-plugin-eslint-angular": "6.6.0-7146652899",
-    "@alfresco/js-api": "7.5.0-7146652899",
+    "@alfresco/adf-content-services": "6.6.0-7287333895",
+    "@alfresco/adf-core": "6.6.0-7287333895",
+    "@alfresco/adf-extensions": "6.6.0-7287333895",
+    "@alfresco/eslint-plugin-eslint-angular": "6.6.0-7287333895",
+    "@alfresco/js-api": "7.5.0-7287333895",
     "@angular/animations": "14.1.3",
     "@angular/cdk": "14.1.3",
     "@angular/common": "14.1.3",
@@ -65,8 +65,8 @@
     "zone.js": "0.11.8"
   },
   "devDependencies": {
-    "@alfresco/adf-cli": "6.6.0-7146652899",
-    "@alfresco/adf-testing": "6.6.0-7146652899",
+    "@alfresco/adf-cli": "6.6.0-7287333895",
+    "@alfresco/adf-testing": "6.6.0-7287333895",
     "@angular-devkit/build-angular": "14.2.11",
     "@angular-devkit/core": "14.1.2",
     "@angular-devkit/schematics": "14.1.2",

projects/aca-content/assets/app.extensions.json

@@ -1243,6 +1243,18 @@
             "visible": "showInfoSelectionButton"
           }
         },
+        {
+          "id": "app.toolbar.aspects",
+          "order": 160,
+          "title": "APP.ACTIONS.ADD_ASPECTS",
+          "icon": "playlist_add",
+          "actions": {
+            "click": "ASPECT_LIST"
+          },
+          "rules": {
+            "visible": "editAspects"
+          }
+        },
         {
           "id": "app.sidebar.expand",
           "order": 200,
@@ -1252,7 +1264,7 @@
             "click": "EXPAND_INFO_DRAWER"
           },
           "rules": {
-            "visible": "app.navigation.isNotLibraries"
+            "visible": "canShowExpand"
           }
         }
       ],

projects/aca-content/assets/i18n/en.json

@@ -259,7 +259,8 @@
             "LEAVE": "Leave Library",
             "EDIT_OFFLINE": "Edit Offline",
             "EDIT_OFFLINE_CANCEL": "Cancel Editing",
-            "CHANGE_ASPECT": "Edit Aspects"
+            "CHANGE_ASPECT": "Edit Aspects",
+            "ADD_ASPECTS": "Add Aspects"
         },
         "DIALOGS": {
             "CONFIRM_PURGE": {
@@ -394,15 +395,16 @@
         },
         "INFO_DRAWER": {
             "TITLE": "Details",
-            "CLOSE": "Close",
+            "REDUCE_PANEL": "Reduce panel",
             "DATA_LOADING": "Data is loading",
+            "ICON": "Node Icon",
             "TABS": {
                 "PROPERTIES": "Properties",
                 "LIBRARY_PROPERTIES": "About",
                 "VERSIONS": "Versions",
                 "COMMENTS": "Comments",
                 "PERMISSIONS": "Permissions",
-                "EXPAND": "Expand"
+                "EXPAND": "Expand panel"
             }
         },
         "TOOLTIPS": {

projects/aca-content/src/lib/aca-content.module.ts

@@ -192,6 +192,8 @@ export class ContentServiceExtensionModule {
       canToggleFavorite: rules.canToggleFavorite,
       isLibraryManager: rules.isLibraryManager,
       canEditAspects: rules.canEditAspects,
+      editAspects: rules.editAspects,
+      canShowExpand: rules.canShowExpand,
       canInfoPreview: rules.canInfoPreview,
       showInfoSelectionButton: rules.showInfoSelectionButton,
 

projects/aca-content/src/lib/components/details/details.component.html

@@ -8,18 +8,21 @@
     <div class="aca-details-container">
       <div class="aca-details-title">
         <div class="aca-details-breadcrumb" role="heading" aria-level="2" *ngIf="node">
-          <span class="aca-details-breadcrumb-library"> {{ node.name }} </span>
-          -
-          <span class="aca-details-breadcrumb-item">{{ 'APP.INFO_DRAWER.TITLE' | translate }}</span>
+          <span class="aca-details-breadcrumb-library">
+            <img class="aca-details-breadcrumb-icon" alt="{{ 'APP.INFO_DRAWER.ICON' | translate }}" src="{{ nodeIcon }}">       
+            {{ node.name }} </span>
+        </div>
+        <div class="acs-details-buttons">
+          <aca-toolbar [items]="aspectActions" info-drawer-buttons></aca-toolbar>
+          <button
+                class="aca-close-details-button"
+                mat-icon-button
+                data-automation-id="close-library"
+                title="{{ 'APP.INFO_DRAWER.REDUCE_PANEL' | translate }}"
+                (click)="goBack()">
+                <mat-icon>fullscreen_exit</mat-icon>
+          </button>
         </div>
-        <button
-          class="aca-close-details-button"
-          mat-icon-button
-          data-automation-id="close-library"
-          title="{{ 'APP.INFO_DRAWER.CLOSE' | translate }}"
-          (click)="goBack()">
-          <mat-icon>fullscreen_exit</mat-icon>
-        </button>
       </div>
 
       <mat-tab-group [selectedIndex]="activeTab" class="aca-details-tabs" animationDuration="0">