Marmelator/red-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1.4k Wiki Activity

RED-6154 - add an unique id for each button/action in the UI

Browse Source
This commit is contained in:
Valentin Mihai 2023-02-22 11:02:24 +02:00
parent ae73dbf175
commit dab5101b88
6 changed files with 17 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/red-ui/src/app/components/base-screen/base-screen.component.html
View File

@ -27,7 +27,7 @@
[placeholder]="'search.placeholder' | translate"
></redaction-spotlight-search>
<iqser-help-button *deny="roles.getRss" [iqserHelpMode]="'help_mode'"></iqser-help-button>
<iqser-help-button *deny="roles.getRss" [iqserHelpMode]="'help_mode'" id="help-mode-button"></iqser-help-button>
<redaction-notifications [iqserHelpMode]="'open_notifications'"></redaction-notifications>
</div>

4
apps/red-ui/src/app/modules/dashboard/dashboard-screen/dashboard-screen.component.html
View File

@ -10,8 +10,8 @@
<div class="mb-32" translate="dashboard.greeting.subtitle"></div>
<redaction-template-stats
*ngFor="let dossierTemplate of stats$ | async"
*ngFor="let dossierTemplate of stats$ | async; let index = index"
[stats]="dossierTemplate"
id="dossier-template"
[id]="'dossier-template-card-' + index"
></redaction-template-stats>
</div>

1
apps/red-ui/src/app/modules/shared/components/donut-chart/donut-chart.component.html
View File

@ -36,6 +36,7 @@
*ngFor="let val of config"
[class.active]="filterChecked$(val.key) | async"
[class.filter-disabled]="!val.key || !(filters$ | async).length"
[id]="val.id"
>
<iqser-status-bar
[configs]="[

9
apps/red-ui/src/app/modules/shared/components/dossiers-type-switch/dossiers-type-switch.component.html
View File

@ -1,5 +1,11 @@
<ng-container *ngIf="dossierTemplate$ | async as dossierTemplate">
<button [routerLinkActive]="'active'" [routerLink]="['..', DOSSIERS_ROUTE]" [iqserHelpMode]="'dossier_list'" class="red-tab">
<button
[routerLinkActive]="'active'"
[routerLink]="['..', DOSSIERS_ROUTE]"
[iqserHelpMode]="'dossier_list'"
class="red-tab"
id="active-button"
>
{{ 'dossiers-type-switch.active' | translate }}
</button>
@ -9,6 +15,7 @@
[routerLink]="['..', ARCHIVE_ROUTE]"
[iqserHelpMode]="'dossier_list'"
class="red-tab"
id="archived-button"
>
{{ 'dossiers-type-switch.archive' | translate }}
</button>

6
libs/red-domain/src/lib/dossier-templates/dashboard-stats.model.ts
View File

@ -60,7 +60,8 @@ export class DashboardStats implements IListable, IDashboardStats {
}
get #dossiersChartConfig(): DonutChartConfig[] {
return this.dossierCountByStatus.map(d => ({
return this.dossierCountByStatus.map((d, index) => ({
id: `dossier-chart-filter-${index}`,
value: d.count,
color: '#e2e4e9',
label: 'dossier-state.placeholder',
@ -69,7 +70,8 @@ export class DashboardStats implements IListable, IDashboardStats {
}
get #documentsChartConfig(): DonutChartConfig[] {
const configArray: DonutChartConfig[] = this.fileCountPerWorkflowStatus.map(d => ({
const configArray: DonutChartConfig[] = this.fileCountPerWorkflowStatus.map((d, index) => ({
id: `document-chart-filter-${index}`,
value: d.count,
color: d.workflowStatus,
label: d.workflowStatus,

1
libs/red-domain/src/lib/shared/charts.ts
View File

@ -6,4 +6,5 @@ export interface DonutChartConfig {
label: string;
key?: string;
active?: boolean;
id?: string;
}