inteligr8/alfresco-content-app
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-content-app.git synced 2025-07-24 17:31:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACS-5675] replace breadcrumbs with H1 tags (#3358)

Browse Source 
* rename tabs css class to match the ACA app

* fix incorrect tooltip for close button

* fix close button layout and a11y

* lazy loading for details component

* replace breadcrumbs with H1 tag

* replace breadcrumbs with H1 tag

* cleanup unused playwright pages

* remove breadcrumbs from e2e

* remove line height
This commit is contained in:
Denys Vuika
2023-07-21 10:42:23 +01:00
committed by GitHub
parent e2257bad23
commit 9204194e53
42 changed files with 99 additions and 206 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
e2e/playwright/actions/src/tests/create-library.spec.ts
View File

@@ -89,14 +89,12 @@ test.describe('Create Libraries ', () => {
test('[C280025] Create a public library', async ({ myLibrariesPage }) => {
const libraryDialog = myLibrariesPage.libraryDialog;
const libraryTable = myLibrariesPage.dataTable;
const libraryBreadcrumb = myLibrariesPage.breadcrumb;
await myLibrariesPage.selectCreateLibrary();
await libraryDialog.getLabelText(libraryNameLabel).fill(randomLibraryName);
await expect(libraryDialog.getLabelText(libraryNameLabel)).toHaveValue(randomLibraryName);
await expect(libraryDialog.getLabelText(libraryIdLabel)).toHaveValue(randomLibraryName);
await libraryDialog.createButton.click();
await expect(libraryBreadcrumb.getBreadcrumbItem(randomLibraryName)).toBeVisible();
await myLibrariesPage.navigate();
await libraryTable.goThroughPagesLookingForRowWithName(randomLibraryName);
@@ -108,11 +106,9 @@ test.describe('Create Libraries ', () => {
test('[C289880] Create a moderated library', async ({ myLibrariesPage }) => {
const libraryDialog = myLibrariesPage.libraryDialog;
const libraryTable = myLibrariesPage.dataTable;
const libraryBreadcrumb = myLibrariesPage.breadcrumb;
await myLibrariesPage.selectCreateLibrary();
await libraryDialog.createLibraryWithNameAndId(randomLibraryName, randomLibraryId, null, moderatedVisibility);
await expect(libraryBreadcrumb.getBreadcrumbItem(randomLibraryName)).toBeVisible();
await myLibrariesPage.navigate();
await libraryTable.goThroughPagesLookingForRowWithName(randomLibraryName);
@@ -124,11 +120,9 @@ test.describe('Create Libraries ', () => {
test('[C289881] Create a private library', async ({ myLibrariesPage }) => {
const libraryDialog = myLibrariesPage.libraryDialog;
const libraryTable = myLibrariesPage.dataTable;
const libraryBreadcrumb = myLibrariesPage.breadcrumb;
await myLibrariesPage.selectCreateLibrary();
await libraryDialog.createLibraryWithNameAndId(randomLibraryName, randomLibraryId, null, privateVisibility);
await expect(libraryBreadcrumb.getBreadcrumbItem(randomLibraryName)).toBeVisible();
await myLibrariesPage.navigate();
await libraryTable.goThroughPagesLookingForRowWithName(randomLibraryName);
@@ -140,13 +134,11 @@ test.describe('Create Libraries ', () => {
test('[C289882] Create a library with a given ID and description', async ({ myLibrariesPage }) => {
const libraryDialog = myLibrariesPage.libraryDialog;
const libraryTable = myLibrariesPage.dataTable;
const libraryBreadcrumb = myLibrariesPage.breadcrumb;
const libraryViewDetails = myLibrariesPage.acaHeader.viewDetails;
const libraryDetails = myLibrariesPage.libraryDetails;
await myLibrariesPage.selectCreateLibrary();
await libraryDialog.createLibraryWithNameAndId(randomLibraryName, randomLibraryId, randomLibraryDescription);
await expect(libraryBreadcrumb.getBreadcrumbItem(randomLibraryName)).toBeVisible();
await myLibrariesPage.navigate();
await libraryTable.goThroughPagesLookingForRowWithName(randomLibraryName);
@@ -193,7 +185,6 @@ test.describe('Create Libraries ', () => {
test('[C280029] Cancel button', async ({ myLibrariesPage }) => {
const libraryDialog = myLibrariesPage.libraryDialog;
const libraryTable = myLibrariesPage.dataTable;
const libraryBreadcrumb = myLibrariesPage.breadcrumb;
await myLibrariesPage.selectCreateLibrary();
await expect(libraryDialog.getDialogTitle(libraryDialogTitle)).toBeVisible();
@@ -201,7 +192,6 @@ test.describe('Create Libraries ', () => {
await libraryDialog.cancelButton.click();
await expect(libraryDialog.getDialogTitle(libraryDialogTitle)).toBeHidden();
await expect(libraryBreadcrumb.getBreadcrumbItem(randomLibraryName)).toHaveCount(0);
await expect(libraryTable.getRowByName(randomLibraryName)).toHaveCount(0);
});
@@ -243,15 +233,12 @@ test.describe('Create Libraries ', () => {
test('[C280030] Create 2 libraries with same name but different IDs', async ({ myLibrariesPage }) => {
const libraryDialog = myLibrariesPage.libraryDialog;
const libraryTable = myLibrariesPage.dataTable;
const libraryBreadcrumb = myLibrariesPage.breadcrumb;
const libraryName = commonLibraryName + ' (' + commonLibraryId + ')';
const libraryName2 = commonLibraryName + ' (' + randomLibraryId + ')';
await myLibrariesPage.selectCreateLibrary();
await libraryDialog.createLibraryWithNameAndId(commonLibraryName, randomLibraryId);
await expect(libraryBreadcrumb.getBreadcrumbItem(commonLibraryName)).toBeVisible();
await myLibrariesPage.navigate();
await libraryTable.goThroughPagesLookingForRowWithName(libraryName);
await expect(libraryTable.getRowByName(libraryName)).toBeVisible();

30
e2e/protractor/suites/navigation/breadcrumb.test.ts
View File

@@ -96,36 +96,6 @@ describe('Breadcrumb', () => {
await verifyBreadcrumb(1, 'Personal Files');
});
it('[C260966] My Libraries breadcrumb main node', async () => {
await page.goToMyLibrariesAndWait();
await verifyBreadcrumb(1, 'My Libraries');
});
it('[C289891] Favorite Libraries breadcrumb main node', async () => {
await page.goToFavoriteLibrariesAndWait();
await verifyBreadcrumb(1, 'Favorite Libraries');
});
it('[C260971] Recent Files breadcrumb main node', async () => {
await page.clickRecentFiles();
await verifyBreadcrumb(1, 'Recent Files');
});
it('[C260972] Shared Files breadcrumb main node', async () => {
await page.clickSharedFiles();
await verifyBreadcrumb(1, 'Shared Files');
});
it('[C260973] Favorites breadcrumb main node', async () => {
await page.clickFavorites();
await verifyBreadcrumb(1, 'Favorites');
});
it('[C260974] Trash breadcrumb main node', async () => {
await page.clickTrash();
await verifyBreadcrumb(1, 'Trash');
});
it('[C260965] Personal Files breadcrumb for a folder hierarchy', async () => {
await page.clickPersonalFilesAndWait();
await page.dataTable.doubleClickOnRowByName(parent);

3
projects/aca-content/assets/i18n/ar.json
View File

@@ -408,8 +408,7 @@
"VERSIONS": "الإصدارات",
"COMMENTS": "تعليقات",
"PERMISSIONS": "أذونات",
"EXPAND": "يوسع",
"CLOSE_LIBRARY": "أغلق المكتبة"
"EXPAND": "يوسع"
}
},
"TOOLTIPS": {

3
projects/aca-content/assets/i18n/cs.json
View File

@@ -408,8 +408,7 @@
"VERSIONS": "Verze",
"COMMENTS": "Poznámky",
"PERMISSIONS": "Oprávnění",
"EXPAND": "Rozbalit",
"CLOSE_LIBRARY": "Close Library"
"EXPAND": "Rozbalit"
}
},
"TOOLTIPS": {

3
projects/aca-content/assets/i18n/da.json
View File

@@ -408,8 +408,7 @@
"VERSIONS": "Versioner",
"COMMENTS": "Kommentarer",
"PERMISSIONS": "Tilladelser",
"EXPAND": "Udvid",
"CLOSE_LIBRARY": "Luk bibliotek"
"EXPAND": "Udvid"
}
},
"TOOLTIPS": {

3
projects/aca-content/assets/i18n/de.json
View File

@@ -408,8 +408,7 @@
"VERSIONS": "Versionen",
"COMMENTS": "Kommentare",
"PERMISSIONS": "Berechtigungen",
"EXPAND": "Erweitern",
"CLOSE_LIBRARY": "Bibliothek schließen"
"EXPAND": "Erweitern"
}
},
"TOOLTIPS": {

4
projects/aca-content/assets/i18n/en.json
View File

@@ -401,6 +401,7 @@
},
"INFO_DRAWER": {
"TITLE": "Details",
"CLOSE": "Close",
"DATA_LOADING": "Data is loading",
"TABS": {
"PROPERTIES": "Properties",
@@ -408,8 +409,7 @@
"VERSIONS": "Versions",
"COMMENTS": "Comments",
"PERMISSIONS": "Permissions",
"EXPAND": "Expand",
"CLOSE_LIBRARY": "Close Library"
"EXPAND": "Expand"
}
},
"TOOLTIPS": {

3
projects/aca-content/assets/i18n/es.json
View File

@@ -408,8 +408,7 @@
"VERSIONS": "Versiones",
"COMMENTS": "Comentarios",
"PERMISSIONS": "Permisos",
"EXPAND": "Ampliar",
"CLOSE_LIBRARY": "Cerrar biblioteca"
"EXPAND": "Ampliar"
}
},
"TOOLTIPS": {

3
projects/aca-content/assets/i18n/fi.json
View File

@@ -408,8 +408,7 @@
"VERSIONS": "Versiot",
"COMMENTS": "Kommentit",
"PERMISSIONS": "Oikeudet",
"EXPAND": "Laajenna",
"CLOSE_LIBRARY": "Sulje kirjasto"
"EXPAND": "Laajenna"
}
},
"TOOLTIPS": {

3
projects/aca-content/assets/i18n/fr.json
View File

@@ -408,8 +408,7 @@
"VERSIONS": "Versions",
"COMMENTS": "Commentaires",
"PERMISSIONS": "Permissions",
"EXPAND": "Développer",
"CLOSE_LIBRARY": "Fermer la bibliothèque"
"EXPAND": "Développer"
}
},
"TOOLTIPS": {

3
projects/aca-content/assets/i18n/it.json
View File

@@ -408,8 +408,7 @@
"VERSIONS": "Versioni",
"COMMENTS": "Commenti",
"PERMISSIONS": "Autorizzazioni",
"EXPAND": "Espandi",
"CLOSE_LIBRARY": "Chiudi libreria"
"EXPAND": "Espandi"
}
},
"TOOLTIPS": {

3
projects/aca-content/assets/i18n/ja.json
View File

@@ -408,8 +408,7 @@
"VERSIONS": "バージョン",
"COMMENTS": "コメント",
"PERMISSIONS": "権限",
"EXPAND": "展開",
"CLOSE_LIBRARY": "ライブラリを閉じる"
"EXPAND": "展開"
}
},
"TOOLTIPS": {

3
projects/aca-content/assets/i18n/nb.json
View File

@@ -408,8 +408,7 @@
"VERSIONS": "Versjoner",
"COMMENTS": "Kommentarer",
"PERMISSIONS": "Tillatelser",
"EXPAND": "Utvid",
"CLOSE_LIBRARY": "Lukk bibliotek"
"EXPAND": "Utvid"
}
},
"TOOLTIPS": {

3
projects/aca-content/assets/i18n/nl.json
View File

@@ -408,8 +408,7 @@
"VERSIONS": "Versies",
"COMMENTS": "Opmerkingen",
"PERMISSIONS": "Rechten",
"EXPAND": "Uitvouwen",
"CLOSE_LIBRARY": "Bibliotheek sluiten"
"EXPAND": "Uitvouwen"
}
},
"TOOLTIPS": {

3
projects/aca-content/assets/i18n/pl.json
View File

@@ -408,8 +408,7 @@
"VERSIONS": "Wersje",
"COMMENTS": "Komentarze",
"PERMISSIONS": "Uprawnienia",
"EXPAND": "Rozwiń",
"CLOSE_LIBRARY": "Zamknij bibliotekę"
"EXPAND": "Rozwiń"
}
},
"TOOLTIPS": {

3
projects/aca-content/assets/i18n/pt-BR.json
View File

@@ -408,8 +408,7 @@
"VERSIONS": "Versões",
"COMMENTS": "Comentários",
"PERMISSIONS": "Permissões",
"EXPAND": "Expandir",
"CLOSE_LIBRARY": "Fechar biblioteca"
"EXPAND": "Expandir"
}
},
"TOOLTIPS": {

3
projects/aca-content/assets/i18n/ru.json
View File

@@ -408,8 +408,7 @@
"VERSIONS": "Версии",
"COMMENTS": "Комментарии",
"PERMISSIONS": "Разрешения",
"EXPAND": "Развернуть",
"CLOSE_LIBRARY": "Закрыть библиотеку"
"EXPAND": "Развернуть"
}
},
"TOOLTIPS": {

3
projects/aca-content/assets/i18n/sv.json
View File

@@ -408,8 +408,7 @@
"VERSIONS": "Versioner",
"COMMENTS": "Kommentarer",
"PERMISSIONS": "Behörigheter",
"EXPAND": "Expandera",
"CLOSE_LIBRARY": "Stäng bibliotek"
"EXPAND": "Expandera"
}
},
"TOOLTIPS": {

3
projects/aca-content/assets/i18n/zh-CN.json
View File

@@ -408,8 +408,7 @@
"VERSIONS": "版本",
"COMMENTS": "注释",
"PERMISSIONS": "权限",
"EXPAND": "展开",
"CLOSE_LIBRARY": "关闭库"
"EXPAND": "展开"
}
},
"TOOLTIPS": {

5
projects/aca-content/folder-rules/src/manage-rules/manage-rules.smart-component.html
View File

@@ -6,7 +6,7 @@
<mat-icon>arrow_back</mat-icon>
</button>
</adf-toolbar>
<adf-breadcrumb root="{{'ACA_FOLDER_RULES.ACTIONS.MANAGE_RULES' | translate}}"></adf-breadcrumb>
<h1 class="aca-page-title">{{ 'ACA_FOLDER_RULES.ACTIONS.MANAGE_RULES' | translate }}</h1>
</div>
<div class="aca-page-layout-content">
@@ -22,8 +22,7 @@
<adf-toolbar-title class="aca-manage-rules__actions-bar__title">
<mat-icon class="icon-aligner">folder</mat-icon>
<adf-breadcrumb root="{{ (folderInfo$ | async).name }}:{{'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.BREADCRUMB.RULES' | translate}}"
class="aca-manage-rules__actions-bar__title__breadcrumb"></adf-breadcrumb>
<h2 class="aca-page-title">{{ (folderInfo$ | async).name }}:{{'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.BREADCRUMB.RULES' | translate}}</h2>
</adf-toolbar-title>
<mat-slide-toggle

9
projects/aca-content/folder-rules/src/manage-rules/manage-rules.smart-component.scss
View File

@@ -4,14 +4,14 @@
display: flex;
align-items: center;
.aca-page-title {
margin-left: 18px;
}
&__title {
align-items: center;
width: unset !important;
flex: 1;
&__breadcrumb {
margin-left: 18px;
}
}
&__buttons {
@@ -23,7 +23,6 @@
.mat-slide-toggle-label {
font-weight: 600;
font-size: 14px;
color: var(--adf-breadcrumb-item-active-color);
}
.vertical-divider {

3
projects/aca-content/folder-rules/src/manage-rules/manage-rules.smart-component.ts
View File

@@ -32,7 +32,7 @@ import { NodeInfo } from '@alfresco/aca-shared/store';
import { delay, takeUntil } from 'rxjs/operators';
import { EditRuleDialogUiComponent } from '../rule-details/edit-rule-dialog.ui-component';
import { MatDialog, MatDialogModule } from '@angular/material/dialog';
import { BreadcrumbModule, ConfirmDialogComponent } from '@alfresco/adf-content-services';
import { ConfirmDialogComponent } from '@alfresco/adf-content-services';
import { NotificationService, TemplateModule, ToolbarModule } from '@alfresco/adf-core';
import { ActionDefinitionTransformed } from '../model/rule-action.model';
import { ActionsService } from '../services/actions.service';
@@ -59,7 +59,6 @@ import { RuleDetailsUiComponent } from '../rule-details/rule-details.ui-componen
ToolbarModule,
MatButtonModule,
MatIconModule,
BreadcrumbModule,
MatProgressBarModule,
MatSlideToggleModule,
MatDividerModule,

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

@@ -17,22 +17,31 @@
-
<span class="acs-details-breadcrumb-item">{{ 'APP.INFO_DRAWER.TITLE' | translate }}</span>
</div>
<div class="acs-close-members-container">
<button mat-icon-button data-automation-id="close-library" title="{{ 'APP.INFO_DRAWER.CLOSE_LIBRARY' | translate }}" (click)="goBack()">
<mat-icon>close</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>close</mat-icon>
</button>
</div>
<mat-tab-group [selectedIndex]="activeTab" class="adw-details-tabs">
<mat-tab-group [selectedIndex]="activeTab" class="aca-details-tabs" animationDuration="0">
<mat-tab label="{{ 'APP.INFO_DRAWER.TABS.PROPERTIES' | translate }}">
<app-metadata-tab *ngIf="node && !isLoading; else loading" [node]="node"> </app-metadata-tab>
<ng-template matTabContent>
<app-metadata-tab *ngIf="node && !isLoading; else loading" [node]="node"></app-metadata-tab>
</ng-template>
</mat-tab>
<mat-tab label="{{ 'APP.INFO_DRAWER.TABS.COMMENTS' | translate }}">
<app-comments-tab *ngIf="node && !isLoading; else loading" [node]="node"> </app-comments-tab>
<ng-template matTabContent>
<app-comments-tab *ngIf="node && !isLoading; else loading" [node]="node"></app-comments-tab>
</ng-template>
</mat-tab>
<mat-tab label="{{ 'APP.INFO_DRAWER.TABS.PERMISSIONS' | translate }}">
<adf-permission-list *ngIf="node && !isLoading; else loading" [nodeId]="node.id"></adf-permission-list>
<ng-template matTabContent>
<adf-permission-list *ngIf="node && !isLoading; else loading" [nodeId]="node.id"></adf-permission-list>
</ng-template>
</mat-tab>
</mat-tab-group>
</div>
@@ -40,5 +49,5 @@
</aca-page-layout>
<ng-template #loading>
<mat-progress-bar color="primary" mode="indeterminate"> </mat-progress-bar>
<mat-progress-bar color="primary" mode="indeterminate"></mat-progress-bar>
</ng-template>

20
projects/aca-content/src/lib/components/details/details.component.scss
View File

@@ -1,9 +1,23 @@
app-details-manager {
.aca-close-details-button {
margin-right: 15px;
margin-top: 2px;
outline: none;
border-radius: 4px;
&:focus-visible {
outline: 2px solid var(--theme-blue-button-color);
border-radius: 4px;
}
}
}
.acs-details-container {
background-color: var(--theme-card-background-color);
width: 100%;
}
.adw-details-tabs {
.aca-details-tabs {
margin-top: 40px;
height: calc(100% - 80px);
@@ -21,10 +35,6 @@
display: flex;
align-items: center;
justify-content: space-between;
.acs-close-members-container {
margin-right: 15px;
}
}
.acs-details-breadcrumb {

2
projects/aca-content/src/lib/components/favorite-libraries/favorite-libraries.component.html
View File

@@ -1,6 +1,6 @@
<aca-page-layout>
<div class="aca-page-layout-header">
<adf-breadcrumb root="APP.BROWSE.LIBRARIES.MENU.FAVORITE_LIBRARIES.TITLE"> </adf-breadcrumb>
<h1 class="aca-page-title">{{ 'APP.BROWSE.LIBRARIES.MENU.FAVORITE_LIBRARIES.TITLE' | translate }}</h1>
<adf-toolbar class="adf-toolbar--inline">
<ng-container *ngFor="let entry of actions; trackBy: trackByActionId">

7
projects/aca-content/src/lib/components/favorite-libraries/favorite-libraries.component.ts
View File

@@ -37,14 +37,14 @@ import { NavigateLibraryAction } from '@alfresco/aca-shared/store';
import { DataTableModule, PaginationModule, TemplateModule, ToolbarModule, UserPreferencesService } from '@alfresco/adf-core';
import { DocumentListPresetRef, ExtensionsModule } from '@alfresco/adf-extensions';
import { CommonModule } from '@angular/common';
import { BreadcrumbModule, DocumentListModule } from '@alfresco/adf-content-services';
import { DocumentListModule } from '@alfresco/adf-content-services';
import { DocumentListDirective } from '../../directives/document-list.directive';
import { TranslateModule } from '@ngx-translate/core';
@Component({
standalone: true,
imports: [
CommonModule,
BreadcrumbModule,
ToolbarModule,
DocumentListModule,
DocumentListDirective,
@@ -55,7 +55,8 @@ import { DocumentListDirective } from '../../directives/document-list.directive'
PaginationModule,
InfoDrawerComponent,
ToolbarActionComponent,
PageLayoutComponent
PageLayoutComponent,
TranslateModule
],
templateUrl: './favorite-libraries.component.html',
encapsulation: ViewEncapsulation.None

2
projects/aca-content/src/lib/components/favorites/favorites.component.html
View File

@@ -1,6 +1,6 @@
<aca-page-layout>
<div class="aca-page-layout-header">
<adf-breadcrumb root="APP.BROWSE.FAVORITES.TITLE"> </adf-breadcrumb>
<h1 class="aca-page-title">{{ 'APP.BROWSE.FAVORITES.TITLE' | translate }}</h1>
<adf-toolbar class="adf-toolbar--inline">
<ng-container *ngFor="let entry of actions; trackBy: trackByActionId">

7
projects/aca-content/src/lib/components/favorites/favorites.component.ts
View File

@@ -36,15 +36,15 @@ import { Component, OnInit, ViewEncapsulation } from '@angular/core';
import { debounceTime, map } from 'rxjs/operators';
import { DocumentListPresetRef, ExtensionsModule } from '@alfresco/adf-extensions';
import { CommonModule } from '@angular/common';
import { BreadcrumbModule, DocumentListModule } from '@alfresco/adf-content-services';
import { DocumentListModule } from '@alfresco/adf-content-services';
import { DataTableModule, PaginationModule, TemplateModule, ToolbarModule } from '@alfresco/adf-core';
import { DocumentListDirective } from '../../directives/document-list.directive';
import { TranslateModule } from '@ngx-translate/core';
@Component({
standalone: true,
imports: [
CommonModule,
BreadcrumbModule,
ToolbarModule,
DocumentListModule,
DocumentListDirective,
@@ -56,7 +56,8 @@ import { DocumentListDirective } from '../../directives/document-list.directive'
PaginationDirective,
InfoDrawerComponent,
ToolbarActionComponent,
PageLayoutComponent
PageLayoutComponent,
TranslateModule
],
templateUrl: './favorites.component.html',
encapsulation: ViewEncapsulation.None

2
projects/aca-content/src/lib/components/libraries/libraries.component.html
View File

@@ -1,6 +1,6 @@
<aca-page-layout>
<div class="aca-page-layout-header">
<adf-breadcrumb root="APP.BROWSE.LIBRARIES.MENU.MY_LIBRARIES.TITLE"> </adf-breadcrumb>
<h1 class="aca-page-title">{{ 'APP.BROWSE.LIBRARIES.MENU.MY_LIBRARIES.TITLE' | translate }}</h1>
<adf-toolbar class="adf-toolbar--inline">
<ng-container *ngFor="let entry of actions; trackBy: trackByActionId">

7
projects/aca-content/src/lib/components/libraries/libraries.component.ts
View File

@@ -36,15 +36,15 @@ import {
} from '@alfresco/aca-shared';
import { DocumentListPresetRef, ExtensionsModule } from '@alfresco/adf-extensions';
import { CommonModule } from '@angular/common';
import { BreadcrumbModule, DocumentListModule } from '@alfresco/adf-content-services';
import { DocumentListModule } from '@alfresco/adf-content-services';
import { DataTableModule, PaginationModule, TemplateModule, ToolbarModule } from '@alfresco/adf-core';
import { DocumentListDirective } from '../../directives/document-list.directive';
import { TranslateModule } from '@ngx-translate/core';
@Component({
standalone: true,
imports: [
CommonModule,
BreadcrumbModule,
ToolbarModule,
DocumentListModule,
DocumentListDirective,
@@ -56,7 +56,8 @@ import { DocumentListDirective } from '../../directives/document-list.directive'
PaginationDirective,
InfoDrawerComponent,
ToolbarActionComponent,
PageLayoutComponent
PageLayoutComponent,
TranslateModule
],
templateUrl: './libraries.component.html',
encapsulation: ViewEncapsulation.None

2
projects/aca-content/src/lib/components/recent-files/recent-files.component.html
View File

@@ -1,6 +1,6 @@
<aca-page-layout>
<div class="aca-page-layout-header">
<adf-breadcrumb root="APP.BROWSE.RECENT.TITLE"> </adf-breadcrumb>
<h1 class="aca-page-title">{{ 'APP.BROWSE.RECENT.TITLE' | translate }}</h1>
<adf-toolbar class="adf-toolbar--inline">
<ng-container *ngFor="let entry of actions; trackBy: trackByActionId">

7
projects/aca-content/src/lib/components/recent-files/recent-files.component.ts
View File

@@ -35,15 +35,15 @@ import {
} from '@alfresco/aca-shared';
import { DocumentListPresetRef, ExtensionsModule } from '@alfresco/adf-extensions';
import { CommonModule } from '@angular/common';
import { BreadcrumbModule, DocumentListModule } from '@alfresco/adf-content-services';
import { DocumentListModule } from '@alfresco/adf-content-services';
import { DataTableModule, PaginationModule, TemplateModule, ToolbarModule } from '@alfresco/adf-core';
import { DocumentListDirective } from '../../directives/document-list.directive';
import { TranslateModule } from '@ngx-translate/core';
@Component({
standalone: true,
imports: [
CommonModule,
BreadcrumbModule,
ToolbarModule,
DocumentListModule,
DocumentListDirective,
@@ -55,7 +55,8 @@ import { DocumentListDirective } from '../../directives/document-list.directive'
PaginationDirective,
InfoDrawerComponent,
ToolbarActionComponent,
PageLayoutComponent
PageLayoutComponent,
TranslateModule
],
templateUrl: './recent-files.component.html',
encapsulation: ViewEncapsulation.None

2
projects/aca-content/src/lib/components/shared-files/shared-files.component.html
View File

@@ -1,6 +1,6 @@
<aca-page-layout>
<div class="aca-page-layout-header">
<adf-breadcrumb root="APP.BROWSE.SHARED.TITLE"></adf-breadcrumb>
<h1 class="aca-page-title">{{ 'APP.BROWSE.SHARED.TITLE' | translate }}</h1>
<adf-toolbar class="adf-toolbar--inline">
<ng-container *ngFor="let entry of actions; trackBy: trackByActionId">

7
projects/aca-content/src/lib/components/shared-files/shared-files.component.ts
View File

@@ -36,15 +36,15 @@ import {
} from '@alfresco/aca-shared';
import { DocumentListPresetRef, ExtensionsModule } from '@alfresco/adf-extensions';
import { CommonModule } from '@angular/common';
import { BreadcrumbModule, DocumentListModule } from '@alfresco/adf-content-services';
import { DocumentListModule } from '@alfresco/adf-content-services';
import { DataTableModule, PaginationModule, TemplateModule, ToolbarModule } from '@alfresco/adf-core';
import { DocumentListDirective } from '../../directives/document-list.directive';
import { TranslateModule } from '@ngx-translate/core';
@Component({
standalone: true,
imports: [
CommonModule,
BreadcrumbModule,
ToolbarModule,
DocumentListModule,
DocumentListDirective,
@@ -56,7 +56,8 @@ import { DocumentListDirective } from '../../directives/document-list.directive'
InfoDrawerComponent,
PaginationDirective,
ToolbarActionComponent,
PageLayoutComponent
PageLayoutComponent,
TranslateModule
],
templateUrl: './shared-files.component.html',
encapsulation: ViewEncapsulation.None

2
projects/aca-content/src/lib/components/trashcan/trashcan.component.html
View File

@@ -1,6 +1,6 @@
<aca-page-layout>
<div class="aca-page-layout-header">
<adf-breadcrumb root="APP.BROWSE.TRASHCAN.TITLE"> </adf-breadcrumb>
<h1 class="aca-page-title">{{ 'APP.BROWSE.TRASHCAN.TITLE' | translate }}</h1>
<adf-toolbar class="adf-toolbar--inline">
<ng-container *ngFor="let entry of actions; trackBy: trackByActionId">

3
projects/aca-content/src/lib/components/trashcan/trashcan.component.ts
View File

@@ -28,7 +28,7 @@ import { Component, OnInit, ViewEncapsulation } from '@angular/core';
import { ContextActionsDirective, PageComponent, PageLayoutComponent, PaginationDirective, ToolbarActionComponent } from '@alfresco/aca-shared';
import { CommonModule } from '@angular/common';
import { TranslateModule } from '@ngx-translate/core';
import { BreadcrumbModule, DocumentListModule } from '@alfresco/adf-content-services';
import { DocumentListModule } from '@alfresco/adf-content-services';
import { DataTableModule, PaginationModule, TemplateModule, ToolbarModule } from '@alfresco/adf-core';
import { DocumentListDirective } from '../../directives/document-list.directive';
@@ -37,7 +37,6 @@ import { DocumentListDirective } from '../../directives/document-list.directive'
imports: [
CommonModule,
TranslateModule,
BreadcrumbModule,
ToolbarModule,
DocumentListModule,
TemplateModule,

11
projects/aca-content/src/lib/ui/application.scss
View File

@@ -59,3 +59,14 @@ ng-component {
max-width: 350px;
width: 350px;
}
.aca-page-title {
cursor: default;
font-size: 20px;
font-weight: 400;
letter-spacing: 0.15px;
line-height: 33px;
margin: 0;
color: var(--adf-theme-foreground-text-color-087);
width: 100%;
}

13
projects/aca-content/src/lib/ui/overrides/ay11.scss
View File

@@ -45,19 +45,6 @@
}
}
.acs-close-members-container {
.mat-icon-button {
outline: none;
line-height: 36px !important;
@include rounded-border(transparent);
&:focus-visible {
@include rounded-border;
}
}
}
.adf-search-user-button,
.app-search-button {
line-height: 36px !important;

36
projects/aca-playwright-shared/src/page-objects/components/breadcrumb/breadcrumb.component.ts
View File

@@ -1,36 +0,0 @@
/*!
* Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
*
* Alfresco Example Content Application
*
* 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
* from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
*/
import { BaseComponent } from '../base.component';
import { Page } from '@playwright/test';
export class AdfBreadcrumbComponent extends BaseComponent {
private static rootElement = 'adf-breadcrumb';
constructor(page: Page) {
super(page, AdfBreadcrumbComponent.rootElement);
}
public getBreadcrumbItem = (text: string) => this.getChild('.adf-breadcrumb-item-current', { hasText: text });
}

25
projects/aca-playwright-shared/src/page-objects/components/breadcrumb/index.ts
View File

@@ -1,25 +0,0 @@
/*!
* Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
*
* Alfresco Example Content Application
*
* 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
* from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
*/
export * from './breadcrumb.component';

2
projects/aca-playwright-shared/src/page-objects/components/index.ts
View File

@@ -31,9 +31,7 @@ export * from './spinner.component';
export * from './actions-dropdown.component';
export * from './conditions.component';
export * from './pagination.component';
export * from './breadcrumb';
export * from './adf-info-drawer.component';
export * from './viewer.component';
export * from './search/search-input.component';
export * from './search/search-overlay.components';

7
projects/aca-playwright-shared/src/page-objects/pages/my-libraries.page.ts
View File

@@ -22,11 +22,10 @@
* from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
*/
import { Page } from '@playwright/test';
import { BasePage } from './base.page';
import { AcaHeader } from '../components/aca-header.component';
import { AdfBreadcrumbComponent, AdfInfoDrawerComponent, AdfLibraryDialogComponent, DataTableComponent, MatMenuComponent } from '../components';
import { AdfInfoDrawerComponent, AdfLibraryDialogComponent, DataTableComponent, MatMenuComponent } from '../components';
export class MyLibrariesPage extends BasePage {
private static pageUrl = 'libraries';
@@ -38,12 +37,10 @@ export class MyLibrariesPage extends BasePage {
public matMenu = new MatMenuComponent(this.page);
public libraryDialog = new AdfLibraryDialogComponent(this.page);
public dataTable = new DataTableComponent(this.page);
public breadcrumb = new AdfBreadcrumbComponent(this.page);
public libraryDetails = new AdfInfoDrawerComponent (this.page);
public libraryDetails = new AdfInfoDrawerComponent(this.page);
async selectCreateLibrary(): Promise<void> {
await this.acaHeader.createButton.click();
await this.matMenu.createLibrary.click();
}
}