inteligr8/alfresco-content-app
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-content-app.git synced 2025-05-12 17:04:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACS-3545] a11y aca metadata sidebar (#2742)

Browse Source 
* ACS-3545 Added aria label to progress bar for metadata sidebar

* ACS-3545 Fixed lint issues
This commit is contained in:
AleksanderSklorz 2022-10-27 10:18:37 +02:00 committed by GitHub
parent 49e5f56d31
commit fd83219d54
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/src/assets/i18n/en.json
View File

@ -395,6 +395,7 @@
}, },
"INFO_DRAWER": { "INFO_DRAWER": {
"TITLE": "Details", "TITLE": "Details",
"DATA_LOADING": "Data is loading",
"TABS": { "TABS": {
"PROPERTIES": "Properties", "PROPERTIES": "Properties",
"LIBRARY_PROPERTIES": "About", "LIBRARY_PROPERTIES": "About",

2
projects/aca-shared/src/lib/components/info-drawer/info-drawer.component.html
View File

@ -1,5 +1,5 @@
<div *ngIf="isLoading"> <div *ngIf="isLoading">
<mat-progress-bar mode="indeterminate"></mat-progress-bar> <mat-progress-bar mode="indeterminate" [attr.aria-label]="'APP.INFO_DRAWER.DATA_LOADING' | translate"></mat-progress-bar>
</div> </div>
<ng-container *ngIf="!isLoading && !!displayNode"> <ng-container *ngIf="!isLoading && !!displayNode">
<adf-info-drawer [title]="'APP.INFO_DRAWER.TITLE'" cdkTrapFocus cdkTrapFocusAutoCapture> <adf-info-drawer [title]="'APP.INFO_DRAWER.TITLE'" cdkTrapFocus cdkTrapFocusAutoCapture>

3
projects/aca-shared/src/lib/components/info-drawer/shared-info-drawer.module.ts
View File

@ -30,9 +30,10 @@ import { InfoDrawerModule, ToolbarModule } from '@alfresco/adf-core';
import { ExtensionsModule } from '@alfresco/adf-extensions'; import { ExtensionsModule } from '@alfresco/adf-extensions';
import { MatProgressBarModule } from '@angular/material/progress-bar'; import { MatProgressBarModule } from '@angular/material/progress-bar';
import { SharedToolbarModule } from '../tool-bar/shared-toolbar.module'; import { SharedToolbarModule } from '../tool-bar/shared-toolbar.module';
import { TranslateModule } from '@ngx-translate/core';
@NgModule({ @NgModule({
imports: [CommonModule, InfoDrawerModule, MatProgressBarModule, ExtensionsModule, ToolbarModule, SharedToolbarModule], imports: [CommonModule, InfoDrawerModule, MatProgressBarModule, ExtensionsModule, ToolbarModule, SharedToolbarModule, TranslateModule],
declarations: [InfoDrawerComponent], declarations: [InfoDrawerComponent],
exports: [InfoDrawerComponent] exports: [InfoDrawerComponent]
}) })