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

DM-358 - WIP on implementing Help Mode-IDs for DocuMine

Browse Source
This commit is contained in:
Valentin Mihai 2023-09-05 17:35:33 +03:00
parent 9ebc5623fe
commit 3c1122fa99
7 changed files with 75 additions and 40 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

@ -21,7 +21,7 @@
<redaction-spotlight-search
*allow="roles.search; if: (isSearchScreen$ | async) === false && (currentUser.isUser || currentUser.isManager)"
[actions]="searchActions"
[attr.help-mode-key]="'search_in_entire_application'"
[attr.help-mode-key]="'search_entire_application'"
[placeholder]="'search.placeholder' | translate"
></redaction-spotlight-search>

22
apps/red-ui/src/app/components/breadcrumbs/breadcrumbs.component.html
View File

@ -1,4 +1,4 @@
<div *ngIf="breadcrumbsService.breadcrumbs$ | async as breadcrumbs" [attr.help-mode-key]="'navigate_in_breadcrumbs'" class="breadcrumbs">
<div *ngIf="breadcrumbsService.breadcrumbs$ | async as breadcrumbs" [attr.help-mode-key]="'navigate_breadcrumbs'" class="breadcrumbs">
<a *ngIf="breadcrumbs.length === 0; else items" class="breadcrumb back" redactionNavigateLastDossiersScreen>
<mat-icon svgIcon="iqser:expand"></mat-icon>
{{ 'top-bar.navigation-items.back' | translate }}
@ -29,15 +29,17 @@
></iqser-chevron-button>
<mat-menu #dropdownMenu="matMenu" class="padding-bottom-8">
<a
*ngFor="let option of breadcrumb.options.options"
[routerLink]="option.options.routerLink | tenant"
mat-menu-item
routerLinkActive="active"
>
{{ option.name$ | async }}
<mat-icon class="checkmark" svgIcon="iqser:check"></mat-icon>
</a>
<div id="breadcrumbs-menu-items">
<a
*ngFor="let option of breadcrumb.options.options"
[routerLink]="option.options.routerLink | tenant"
mat-menu-item
routerLinkActive="active"
>
{{ option.name$ | async }}
<mat-icon class="checkmark" svgIcon="iqser:check"></mat-icon>
</a>
</div>
</mat-menu>
</ng-container>
</ng-container>

2
apps/red-ui/src/app/modules/account/account-side-nav/account-side-nav.component.html
View File

@ -4,7 +4,7 @@
*ngIf="item.show"
[routerLinkActiveOptions]="{ exact: false }"
[routerLink]="'../' + item.screen"
[attr.help-mode-key]="'user_account'"
[attr.help-mode-key]="item.helpModeKey"
class="item"
routerLinkActive="active"
>

5
apps/red-ui/src/app/modules/account/account-side-nav/account-side-nav.component.ts
View File

@ -9,6 +9,7 @@ interface NavItem {
readonly label: string;
readonly screen: string;
readonly show?: boolean;
readonly helpModeKey?: string;
}
@Component({
@ -24,21 +25,25 @@ export class AccountSideNavComponent {
screen: 'user-profile',
label: _('user-profile'),
show: true,
helpModeKey: 'my_profile',
},
{
screen: 'notifications',
show: this.currentUser.isUser && this._permissionsService.has(Roles.notifications.write),
label: _('notifications.label'),
helpModeKey: 'notification_preferences',
},
{
screen: 'preferences',
label: _('preferences-screen.label'),
show: this.currentUser.isUser,
helpModeKey: 'user_preferences',
},
{
screen: 'warnings-preferences',
label: _('preferences-screen.warnings-label'),
show: this.currentUser.isUser,
helpModeKey: 'prompts_and_dialogs',
},
];

13
apps/red-ui/src/app/modules/admin/shared/components/admin-side-nav/admin-side-nav.component.ts
View File

@ -86,13 +86,13 @@ export class AdminSideNavComponent implements OnInit {
{
screen: 'info',
label: _('admin-side-nav.dossier-template-info'),
helpModeKey: 'dossier_templates_info',
helpModeKey: 'user_dossier_template_info',
show: true,
},
{
screen: 'entities',
label: _('admin-side-nav.entities'),
helpModeKey: 'entities',
helpModeKey: 'user_dossier_template_entities',
show: true,
},
{
@ -127,14 +127,14 @@ export class AdminSideNavComponent implements OnInit {
{
screen: 'dossier-states',
label: _('admin-side-nav.dossier-states'),
helpModeKey: 'dossier_states',
helpModeKey: 'user_dossier_template_dossier_states',
show: true,
},
{
screen: 'reports',
label: _('admin-side-nav.reports'),
show: this._permissionsService.has([Roles.reportTemplates.read]),
helpModeKey: 'reports',
helpModeKey: 'user_dossier_template_reports',
},
{
screen: 'justifications',
@ -170,7 +170,10 @@ export class AdminSideNavComponent implements OnInit {
],
};
constructor(private readonly _permissionsService: IqserPermissionsService, private readonly _route: ActivatedRoute) {}
constructor(
private readonly _permissionsService: IqserPermissionsService,
private readonly _route: ActivatedRoute,
) {}
@HostBinding('class.smaller') get isSmaller(): boolean {
return [AdminSideNavTypes.dossierTemplates, AdminSideNavTypes.entities].includes(this.type);

16
apps/red-ui/src/app/modules/dashboard/components/template-stats/template-stats.component.html
View File

@ -2,7 +2,7 @@
*ngIf="stats as dossierTemplate"
[class.empty]="dossierTemplate.isEmpty"
[routerLink]="dossierTemplate.isEmpty ? null : ['..', dossierTemplate.dossierTemplateId]"
[attr.help-mode-key]="!dossierTemplate.isEmpty ? 'dossier_overview' : null"
[attr.help-mode-key]="!dossierTemplate.isEmpty ? 'open_dossier_template' : null"
class="dialog"
>
<ng-container *ngIf="!dossierTemplate.isEmpty; else empty">
@ -13,7 +13,7 @@
<mat-icon svgIcon="red:archive"></mat-icon>
<span
[innerHTML]="
'dossier-template-stats.archived-dossiers' | translate : { count: dossierTemplate.numberOfArchivedDossiers }
'dossier-template-stats.archived-dossiers' | translate: { count: dossierTemplate.numberOfArchivedDossiers }
"
></span>
</div>
@ -21,20 +21,18 @@
<mat-icon svgIcon="iqser:trash"></mat-icon>
<span
[innerHTML]="
'dossier-template-stats.deleted-dossiers' | translate : { count: dossierTemplate.numberOfDeletedDossiers }
'dossier-template-stats.deleted-dossiers' | translate: { count: dossierTemplate.numberOfDeletedDossiers }
"
></span>
</div>
<div>
<mat-icon svgIcon="red:user"></mat-icon>
<span
[innerHTML]="'dossier-template-stats.total-people' | translate : { count: dossierTemplate.numberOfPeople }"
></span>
<span [innerHTML]="'dossier-template-stats.total-people' | translate: { count: dossierTemplate.numberOfPeople }"></span>
</div>
<div>
<mat-icon svgIcon="iqser:pages"></mat-icon>
<span
[innerHTML]="'dossier-template-stats.analyzed-pages' | translate : { count: dossierTemplate.numberOfPages }"
[innerHTML]="'dossier-template-stats.analyzed-pages' | translate: { count: dossierTemplate.numberOfPages }"
></span>
</div>
</div>
@ -44,7 +42,7 @@
[config]="translateChartService.translateDossierStates(dossierTemplate.dossiersChartConfig, dossierTemplate.id)"
[radius]="63"
[strokeWidth]="15"
[subtitles]="['dossier-template-stats.active-dossiers' | translate : { count: dossierTemplate.numberOfActiveDossiers }]"
[subtitles]="['dossier-template-stats.active-dossiers' | translate: { count: dossierTemplate.numberOfActiveDossiers }]"
direction="row"
totalType="sum"
></redaction-donut-chart>
@ -76,7 +74,7 @@
*ngIf="permissionsService.canCreateDossier(dossierTemplate)"
[label]="'dashboard.empty-template.new-dossier' | translate"
[type]="iconButtonTypes.primary"
[attr.help-mode-key]="'new_dossier_button'"
[attr.help-mode-key]="'new_dossier'"
icon="iqser:plus"
></iqser-icon-button>
</ng-template>

55
apps/red-ui/src/assets/help-mode/help-mode-keys.json
View File

@ -27,14 +27,19 @@
"documentKey": "filter_dossier_list"
},
{
"elementKey": "navigate_in_breadcrumbs",
"documentKey": "navigate_in_breadcrumbs"
"elementKey": "navigate_breadcrumbs",
"documentKey": "navigate_breadcrumbs"
},
{
"elementKey": "new_dossier_button",
"documentKey": "new_dossier_button",
"overlappingElements": ["USER_MENU"]
},
{
"elementKey": "new_dossier",
"documentKey": "new_dossier",
"overlappingElements": ["USER_MENU"]
},
{
"elementKey": "open_notifications",
"documentKey": "open_notifications"
@ -48,8 +53,8 @@
"documentKey": "views"
},
{
"elementKey": "search_in_entire_application",
"documentKey": "search_in_entire_application"
"elementKey": "search_entire_application",
"documentKey": "search_entire_application"
},
{
"elementKey": "edit_dossier_in_dossier",
@ -155,8 +160,20 @@
"overlappingElements": ["USER_MENU", "DOCUMENT_INFO"]
},
{
"elementKey": "user_account",
"documentKey": "user_account"
"elementKey": "my_profile",
"documentKey": "my_profile"
},
{
"elementKey": "notification_preferences",
"documentKey": "notification_preferences"
},
{
"elementKey": "user_preferences",
"documentKey": "user_preferences"
},
{
"elementKey": "prompts_and_dialogs",
"documentKey": "prompts_and_dialogs"
},
{
"elementKey": "my_downloads",
@ -167,8 +184,8 @@
"documentKey": "trash"
},
{
"elementKey": "dossier_overview",
"documentKey": "dossier_overview"
"elementKey": "open_dossier_template",
"documentKey": "open_dossier_template"
},
{
"elementKey": "home",
@ -189,7 +206,8 @@
{
"elementKey": "dossier",
"documentKey": "dossier",
"scrollableParentView": "VIRTUAL_SCROLL"
"scrollableParentView": "VIRTUAL_SCROLL",
"overlappingElements": ["BREADCRUMBS_MENU"]
},
{
"elementKey": "document_in_editor",
@ -198,7 +216,8 @@
},
{
"elementKey": "dossier_list",
"documentKey": "dossier_list"
"documentKey": "dossier_list",
"overlappingElements": ["BREADCRUMBS_MENU"]
},
{
"elementKey": "dossier_templates",
@ -210,13 +229,17 @@
"overlappingElements": ["USER_MENU"]
},
{
"elementKey": "dossier_templates_info",
"documentKey": "dossier_templates_info"
"elementKey": "user_dossier_template_info",
"documentKey": "user_dossier_template_info"
},
{
"elementKey": "entities",
"documentKey": "entities"
},
{
"elementKey": "user_dossier_template_entities",
"documentKey": "user_dossier_template_entities"
},
{
"elementKey": "edit_delete_entities",
"documentKey": "edit_delete_entities",
@ -280,8 +303,8 @@
"overlappingElements": ["USER_MENU"]
},
{
"elementKey": "dossier_states",
"documentKey": "dossier_states"
"elementKey": "user_dossier_template_dossier_states",
"documentKey": "user_dossier_template_dossier_states"
},
{
"elementKey": "create_new_dossier_state",
@ -296,6 +319,10 @@
"documentKey": "reports",
"overlappingElements": ["USER_MENU"]
},
{
"elementKey": "user_dossier_template_reports",
"documentKey": "user_dossier_template_reports"
},
{
"elementKey": "justifications",
"documentKey": "justifications"