MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

larger font size > add dynamic accessibility class to listing filter menus

This commit is contained in:
mchouliara 2024-09-25 12:17:26 +03:00
parent 4907af9baf
commit 4170a63dbf
34 changed files with 86 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/annotation-service/ui/admin/status/listing/filters/status-listing-filters.component.html
View File

@ -7,7 +7,7 @@
<mat-menu #filterMenu> <mat-menu #filterMenu>
<div class="container-fluid" (click)="$event?.stopPropagation?.()"> <div class="container-fluid" [class.accessibility-theme]="accessibilityTheme()" (click)="$event?.stopPropagation?.()">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-auto mt-2"> <div class="col-auto mt-2">
<h4>{{'ANNOTATION-SERVICE.STATUS-LISTING.FILTER.TITLE' | translate}}</h4> <h4>{{'ANNOTATION-SERVICE.STATUS-LISTING.FILTER.TITLE' | translate}}</h4>

6
frontend/src/annotation-service/ui/admin/status/listing/filters/status-listing-filters.component.ts
View File

@ -1,10 +1,11 @@
import { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core'; import { Component, computed, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';
import { BaseComponent } from '@common/base/base.component'; import { BaseComponent } from '@common/base/base.component';
import { IsActive } from '@notification-service/core/enum/is-active.enum'; import { IsActive } from '@notification-service/core/enum/is-active.enum';
import { nameof } from 'ts-simple-nameof'; import { nameof } from 'ts-simple-nameof';
import { StatusFilter } from '@annotation-service/core/query/status.lookup'; import { StatusFilter } from '@annotation-service/core/query/status.lookup';
import { InternalStatus } from '@annotation-service/core/enum/internal-status.enum'; import { InternalStatus } from '@annotation-service/core/enum/internal-status.enum';
import { AnnotationServiceEnumUtils } from '@annotation-service/core/formatting/enum-utils.service'; import { AnnotationServiceEnumUtils } from '@annotation-service/core/formatting/enum-utils.service';
import { FontAccessibilityService } from '@app/core/services/font-accessibility.service';
@Component({ @Component({
selector: 'app-status-listing-filters', selector: 'app-status-listing-filters',
@ -12,7 +13,7 @@ import { AnnotationServiceEnumUtils } from '@annotation-service/core/formatting/
styleUrls: ['./status-listing-filters.component.scss'] styleUrls: ['./status-listing-filters.component.scss']
}) })
export class StatusListingFiltersComponent extends BaseComponent implements OnInit, OnChanges { export class StatusListingFiltersComponent extends BaseComponent implements OnInit, OnChanges {
accessibilityTheme = computed(() => this.fontService.accessibleFontSignal());
@Input() readonly filter: StatusFilter; @Input() readonly filter: StatusFilter;
@Output() filterChange = new EventEmitter<StatusFilter>(); @Output() filterChange = new EventEmitter<StatusFilter>();
internalStatusEnumValues = this.enumUtils.getEnumValues<InternalStatus>(InternalStatus) internalStatusEnumValues = this.enumUtils.getEnumValues<InternalStatus>(InternalStatus)
@ -23,6 +24,7 @@ export class StatusListingFiltersComponent extends BaseComponent implements OnIn
protected appliedFilterCount: number = 0; protected appliedFilterCount: number = 0;
constructor( constructor(
public enumUtils: AnnotationServiceEnumUtils, public enumUtils: AnnotationServiceEnumUtils,
protected fontService: FontAccessibilityService
) { super(); } ) { super(); }
ngOnInit() { ngOnInit() {

2
frontend/src/app/ui/admin/description-status/listing/description-status-listing-filters/description-status-listing-filters.component.html
View File

@ -7,7 +7,7 @@
<mat-menu #filterMenu> <mat-menu #filterMenu>
<div class="container-fluid" (click)="$event?.stopPropagation?.()"> <div class="container-fluid" [class.accessibility-theme]="accessibilityTheme()" (click)="$event?.stopPropagation?.()">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-auto mt-2"> <div class="col-auto mt-2">
<h4>{{'PLAN-BLUEPRINT-LISTING.FILTER.TITLE' | translate}}</h4> <h4>{{'PLAN-BLUEPRINT-LISTING.FILTER.TITLE' | translate}}</h4>

6
frontend/src/app/ui/admin/description-status/listing/description-status-listing-filters/description-status-listing-filters.component.ts
View File

@ -1,6 +1,7 @@
import { Component, effect, EventEmitter, input, Output } from '@angular/core'; import { Component, computed, effect, EventEmitter, HostBinding, input, Output } from '@angular/core';
import { DescriptionStatusEnum } from '@app/core/common/enum/description-status'; import { DescriptionStatusEnum } from '@app/core/common/enum/description-status';
import { DescriptionStatusFilter } from '@app/core/query/description-status.lookup'; import { DescriptionStatusFilter } from '@app/core/query/description-status.lookup';
import { FontAccessibilityService } from '@app/core/services/font-accessibility.service';
import { EnumUtils } from '@app/core/services/utilities/enum-utils.service'; import { EnumUtils } from '@app/core/services/utilities/enum-utils.service';
import { BaseComponent } from '@common/base/base.component'; import { BaseComponent } from '@common/base/base.component';
import { IsActive } from '@notification-service/core/enum/is-active.enum'; import { IsActive } from '@notification-service/core/enum/is-active.enum';
@ -11,6 +12,7 @@ import { IsActive } from '@notification-service/core/enum/is-active.enum';
styleUrl: './description-status-listing-filters.component.scss' styleUrl: './description-status-listing-filters.component.scss'
}) })
export class DescriptionStatusListingFiltersComponent extends BaseComponent{ export class DescriptionStatusListingFiltersComponent extends BaseComponent{
accessibilityTheme = computed(() => this.fontService.accessibleFontSignal());
readonly filter = input<DescriptionStatusFilter>(); readonly filter = input<DescriptionStatusFilter>();
@Output() filterChange = new EventEmitter<DescriptionStatusFilter>(); @Output() filterChange = new EventEmitter<DescriptionStatusFilter>();
@ -19,7 +21,7 @@ export class DescriptionStatusListingFiltersComponent extends BaseComponent{
internalStatusEnum = this.enumUtils.getEnumValues<DescriptionStatusEnum>(DescriptionStatusEnum); internalStatusEnum = this.enumUtils.getEnumValues<DescriptionStatusEnum>(DescriptionStatusEnum);
constructor(protected enumUtils: EnumUtils){ constructor(protected enumUtils: EnumUtils, protected fontService: FontAccessibilityService){
super(); super();
effect(() => { effect(() => {
const newFilters = this.filter(); const newFilters = this.filter();

2
frontend/src/app/ui/admin/description-template/listing/filters/description-template-listing-filters.component.html
View File

@ -7,7 +7,7 @@
<mat-menu #filterMenu> <mat-menu #filterMenu>
<div class="container-fluid" (click)="$event?.stopPropagation?.()"> <div class="container-fluid" [class.accessibility-theme]="accessibilityTheme()" (click)="$event?.stopPropagation?.()">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-auto mt-2"> <div class="col-auto mt-2">
<h4>{{'DESCRIPTION-TEMPLATE-LISTING.FILTER.TITLE' | translate}}</h4> <h4>{{'DESCRIPTION-TEMPLATE-LISTING.FILTER.TITLE' | translate}}</h4>

6
frontend/src/app/ui/admin/description-template/listing/filters/description-template-listing-filters.component.ts
View File

@ -1,7 +1,8 @@
import { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core'; import { Component, computed, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';
import { DescriptionTemplateStatus } from '@app/core/common/enum/description-template-status'; import { DescriptionTemplateStatus } from '@app/core/common/enum/description-template-status';
import { IsActive } from '@app/core/common/enum/is-active.enum'; import { IsActive } from '@app/core/common/enum/is-active.enum';
import { DescriptionTemplateFilter } from '@app/core/query/description-template.lookup'; import { DescriptionTemplateFilter } from '@app/core/query/description-template.lookup';
import { FontAccessibilityService } from '@app/core/services/font-accessibility.service';
import { EnumUtils } from '@app/core/services/utilities/enum-utils.service'; import { EnumUtils } from '@app/core/services/utilities/enum-utils.service';
import { BaseComponent } from '@common/base/base.component'; import { BaseComponent } from '@common/base/base.component';
import { Guid } from '@common/types/guid'; import { Guid } from '@common/types/guid';
@ -21,10 +22,11 @@ export class DescriptionTemplateListingFiltersComponent extends BaseComponent im
// * State // * State
internalFilters: DescriptionTemplateListingFilters = this._getEmptyFilters(); internalFilters: DescriptionTemplateListingFilters = this._getEmptyFilters();
accessibilityTheme = computed(() => this.fontService.accessibleFontSignal());
protected appliedFilterCount: number = 0; protected appliedFilterCount: number = 0;
constructor( constructor(
public enumUtils: EnumUtils, public enumUtils: EnumUtils,
protected fontService: FontAccessibilityService
) { super(); } ) { super(); }
ngOnInit() { ngOnInit() {

2
frontend/src/app/ui/admin/description-types/listing/filters/description-template-type-listing-filters.component.html
View File

@ -7,7 +7,7 @@
<mat-menu #filterMenu> <mat-menu #filterMenu>
<div class="container-fluid" (click)="$event?.stopPropagation?.()"> <div class="container-fluid" [class.accessibility-theme]="accessibilityTheme()" (click)="$event?.stopPropagation?.()">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-auto mt-2"> <div class="col-auto mt-2">
<h4>{{'DESCRIPTION-TEMPLATE-TYPE-LISTING.FILTER.TITLE' | translate}}</h4> <h4>{{'DESCRIPTION-TEMPLATE-TYPE-LISTING.FILTER.TITLE' | translate}}</h4>

6
frontend/src/app/ui/admin/description-types/listing/filters/description-template-type-listing-filters.component.ts
View File

@ -1,7 +1,8 @@
import { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core'; import { Component, computed, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';
import { DescriptionTemplateTypeStatus } from '@app/core/common/enum/description-template-type-status'; import { DescriptionTemplateTypeStatus } from '@app/core/common/enum/description-template-type-status';
import { IsActive } from '@app/core/common/enum/is-active.enum'; import { IsActive } from '@app/core/common/enum/is-active.enum';
import { DescriptionTemplateTypeFilter } from '@app/core/query/description-template-type.lookup'; import { DescriptionTemplateTypeFilter } from '@app/core/query/description-template-type.lookup';
import { FontAccessibilityService } from '@app/core/services/font-accessibility.service';
import { EnumUtils } from '@app/core/services/utilities/enum-utils.service'; import { EnumUtils } from '@app/core/services/utilities/enum-utils.service';
import { BaseComponent } from '@common/base/base.component'; import { BaseComponent } from '@common/base/base.component';
import { nameof } from 'ts-simple-nameof'; import { nameof } from 'ts-simple-nameof';
@ -20,10 +21,11 @@ export class DescriptionTemplateTypeListingFiltersComponent extends BaseComponen
// * State // * State
internalFilters: DescriptionTemplateTypeListingFilters = this._getEmptyFilters(); internalFilters: DescriptionTemplateTypeListingFilters = this._getEmptyFilters();
accessibilityTheme = computed(() => this.fontService.accessibleFontSignal());
protected appliedFilterCount: number = 0; protected appliedFilterCount: number = 0;
constructor( constructor(
public enumUtils: EnumUtils, public enumUtils: EnumUtils,
protected fontService: FontAccessibilityService
) { super(); } ) { super(); }
ngOnInit() { ngOnInit() {

2
frontend/src/app/ui/admin/entity-locks/filters/lock-listing-filters.component.html
View File

@ -7,7 +7,7 @@
<mat-menu #filterMenu> <mat-menu #filterMenu>
<div class="container-fluid" (click)="$event?.stopPropagation?.()"> <div class="container-fluid" [class.accessibility-theme]="accessibilityTheme()" (click)="$event?.stopPropagation?.()">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-auto mt-2"> <div class="col-auto mt-2">
<h4>{{'LOCK-LISTING.FILTER.TITLE' | translate}}</h4> <h4>{{'LOCK-LISTING.FILTER.TITLE' | translate}}</h4>

6
frontend/src/app/ui/admin/entity-locks/filters/lock-listing-filters.component.ts
View File

@ -1,7 +1,8 @@
import { COMMA, ENTER } from '@angular/cdk/keycodes'; import { COMMA, ENTER } from '@angular/cdk/keycodes';
import { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core'; import { Component, computed, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';
import { LockTargetType } from '@app/core/common/enum/lock-target-type'; import { LockTargetType } from '@app/core/common/enum/lock-target-type';
import { LockFilter } from '@app/core/query/lock.lookup'; import { LockFilter } from '@app/core/query/lock.lookup';
import { FontAccessibilityService } from '@app/core/services/font-accessibility.service';
import { UserService } from '@app/core/services/user/user.service'; import { UserService } from '@app/core/services/user/user.service';
import { EnumUtils } from '@app/core/services/utilities/enum-utils.service'; import { EnumUtils } from '@app/core/services/utilities/enum-utils.service';
import { BaseComponent } from '@common/base/base.component'; import { BaseComponent } from '@common/base/base.component';
@ -24,11 +25,12 @@ export class LockListingFiltersComponent extends BaseComponent implements OnInit
// * State // * State
internalFilters: LockListingFilters = this._getEmptyFilters(); internalFilters: LockListingFilters = this._getEmptyFilters();
accessibilityTheme = computed(() => this.fontService.accessibleFontSignal());
protected appliedFilterCount: number = 0; protected appliedFilterCount: number = 0;
constructor( constructor(
public enumUtils: EnumUtils, public enumUtils: EnumUtils,
public userService: UserService, public userService: UserService,
protected fontService: FontAccessibilityService
) { super(); } ) { super(); }
ngOnInit() { ngOnInit() {

2
frontend/src/app/ui/admin/language/listing/filters/language-listing-filters.component.html
View File

@ -7,7 +7,7 @@
<mat-menu #filterMenu> <mat-menu #filterMenu>
<div class="container-fluid" (click)="$event?.stopPropagation?.()"> <div class="container-fluid" [class.accessibility-theme]="accessibilityTheme()" (click)="$event?.stopPropagation?.()">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-auto mt-2"> <div class="col-auto mt-2">
<h4>{{'LANGUAGE-LISTING.FILTER.TITLE' | translate}}</h4> <h4>{{'LANGUAGE-LISTING.FILTER.TITLE' | translate}}</h4>

6
frontend/src/app/ui/admin/language/listing/filters/language-listing-filters.component.ts
View File

@ -1,6 +1,7 @@
import { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core'; import { Component, computed, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';
import { IsActive } from '@app/core/common/enum/is-active.enum'; import { IsActive } from '@app/core/common/enum/is-active.enum';
import { TenantFilter } from '@app/core/query/tenant.lookup'; import { TenantFilter } from '@app/core/query/tenant.lookup';
import { FontAccessibilityService } from '@app/core/services/font-accessibility.service';
import { EnumUtils } from '@app/core/services/utilities/enum-utils.service'; import { EnumUtils } from '@app/core/services/utilities/enum-utils.service';
import { BaseComponent } from '@common/base/base.component'; import { BaseComponent } from '@common/base/base.component';
import { nameof } from 'ts-simple-nameof'; import { nameof } from 'ts-simple-nameof';
@ -17,10 +18,11 @@ export class LanguageListingFiltersComponent extends BaseComponent implements On
// * State // * State
internalFilters: LanguageListingFilters = this._getEmptyFilters(); internalFilters: LanguageListingFilters = this._getEmptyFilters();
accessibilityTheme = computed(() => this.fontService.accessibleFontSignal());
protected appliedFilterCount: number = 0; protected appliedFilterCount: number = 0;
constructor( constructor(
public enumUtils: EnumUtils, public enumUtils: EnumUtils,
protected fontService: FontAccessibilityService
) { super(); } ) { super(); }
ngOnInit() { ngOnInit() {

2
frontend/src/app/ui/admin/plan-blueprint/listing/filters/plan-blueprint-listing-filters.component.html
View File

@ -7,7 +7,7 @@
<mat-menu #filterMenu> <mat-menu #filterMenu>
<div class="container-fluid" (click)="$event?.stopPropagation?.()"> <div class="container-fluid" [class.accessibility-theme]="accessibilityTheme()" (click)="$event?.stopPropagation?.()">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-auto mt-2"> <div class="col-auto mt-2">
<h4>{{'PLAN-BLUEPRINT-LISTING.FILTER.TITLE' | translate}}</h4> <h4>{{'PLAN-BLUEPRINT-LISTING.FILTER.TITLE' | translate}}</h4>

6
frontend/src/app/ui/admin/plan-blueprint/listing/filters/plan-blueprint-listing-filters.component.ts
View File

@ -1,10 +1,11 @@
import { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core'; import { Component, computed, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';
import { PlanBlueprintStatus } from '@app/core/common/enum/plan-blueprint-status'; import { PlanBlueprintStatus } from '@app/core/common/enum/plan-blueprint-status';
import { IsActive } from '@app/core/common/enum/is-active.enum'; import { IsActive } from '@app/core/common/enum/is-active.enum';
import { PlanBlueprintFilter } from '@app/core/query/plan-blueprint.lookup'; import { PlanBlueprintFilter } from '@app/core/query/plan-blueprint.lookup';
import { EnumUtils } from '@app/core/services/utilities/enum-utils.service'; import { EnumUtils } from '@app/core/services/utilities/enum-utils.service';
import { BaseComponent } from '@common/base/base.component'; import { BaseComponent } from '@common/base/base.component';
import { nameof } from 'ts-simple-nameof'; import { nameof } from 'ts-simple-nameof';
import { FontAccessibilityService } from '@app/core/services/font-accessibility.service';
@Component({ @Component({
selector: 'app-plan-blueprint-listing-filters', selector: 'app-plan-blueprint-listing-filters',
@ -20,10 +21,11 @@ export class PlanBlueprintListingFiltersComponent extends BaseComponent implemen
// * State // * State
internalFilters: PlanBlueprintListingFilters = this._getEmptyFilters(); internalFilters: PlanBlueprintListingFilters = this._getEmptyFilters();
accessibilityTheme = computed(() => this.fontService.accessibleFontSignal());
protected appliedFilterCount: number = 0; protected appliedFilterCount: number = 0;
constructor( constructor(
public enumUtils: EnumUtils, public enumUtils: EnumUtils,
protected fontService: FontAccessibilityService
) { super(); } ) { super(); }
ngOnInit() { ngOnInit() {

2
frontend/src/app/ui/admin/plan-status/listing/plan-status-listing/plan-status-listing-filters/plan-status-listing-filters.component.html
View File

@ -7,7 +7,7 @@
<mat-menu #filterMenu> <mat-menu #filterMenu>
<div class="container-fluid" (click)="$event?.stopPropagation?.()"> <div class="container-fluid" [class.accessibility-theme]="accessibilityTheme()" (click)="$event?.stopPropagation?.()">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-auto mt-2"> <div class="col-auto mt-2">
<h4>{{'PLAN-BLUEPRINT-LISTING.FILTER.TITLE' | translate}}</h4> <h4>{{'PLAN-BLUEPRINT-LISTING.FILTER.TITLE' | translate}}</h4>

7
frontend/src/app/ui/admin/plan-status/listing/plan-status-listing/plan-status-listing-filters/plan-status-listing-filters.component.ts
View File

@ -1,7 +1,8 @@
import { Component, effect, EventEmitter, input, Input, Output } from '@angular/core'; import { Component, computed, effect, EventEmitter, input, Input, Output } from '@angular/core';
import { IsActive } from '@app/core/common/enum/is-active.enum'; import { IsActive } from '@app/core/common/enum/is-active.enum';
import { PlanStatusEnum } from '@app/core/common/enum/plan-status'; import { PlanStatusEnum } from '@app/core/common/enum/plan-status';
import { PlanStatusFilter } from '@app/core/query/plan-status.lookup'; import { PlanStatusFilter } from '@app/core/query/plan-status.lookup';
import { FontAccessibilityService } from '@app/core/services/font-accessibility.service';
import { EnumUtils } from '@app/core/services/utilities/enum-utils.service'; import { EnumUtils } from '@app/core/services/utilities/enum-utils.service';
import { BaseComponent } from '@common/base/base.component'; import { BaseComponent } from '@common/base/base.component';
@ -17,8 +18,8 @@ export class PlanStatusListingFiltersComponent extends BaseComponent {
internalFilters: PlanStatusListingFilters = this._getEmptyFilters(); internalFilters: PlanStatusListingFilters = this._getEmptyFilters();
appliedFilterCount: number = 0; appliedFilterCount: number = 0;
internalStatusEnum = this.enumUtils.getEnumValues<PlanStatusEnum>(PlanStatusEnum); internalStatusEnum = this.enumUtils.getEnumValues<PlanStatusEnum>(PlanStatusEnum);
accessibilityTheme = computed(() => this.fontService.accessibleFontSignal());
constructor(protected enumUtils: EnumUtils) { constructor(protected enumUtils: EnumUtils, protected fontService: FontAccessibilityService) {
super(); super();
effect(() => { effect(() => {
const newFilters = this.filter(); const newFilters = this.filter();

2
frontend/src/app/ui/admin/prefilling-source/listing/filters/prefilling-source-listing-filters.component.html
View File

@ -7,7 +7,7 @@
<mat-menu #filterMenu> <mat-menu #filterMenu>
<div class="container-fluid" (click)="$event?.stopPropagation?.()"> <div class="container-fluid" [class.accessibility-theme]="accessibilityTheme()" (click)="$event?.stopPropagation?.()">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-auto mt-2"> <div class="col-auto mt-2">
<h4>{{'PREFILLING-SOURCE-LISTING.FILTER.TITLE' | translate}}</h4> <h4>{{'PREFILLING-SOURCE-LISTING.FILTER.TITLE' | translate}}</h4>

6
frontend/src/app/ui/admin/prefilling-source/listing/filters/prefilling-source-listing-filters.component.ts
View File

@ -1,6 +1,7 @@
import { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core'; import { Component, computed, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';
import { IsActive } from '@app/core/common/enum/is-active.enum'; import { IsActive } from '@app/core/common/enum/is-active.enum';
import { PrefillingSourceFilter } from '@app/core/query/prefilling-source.lookup'; import { PrefillingSourceFilter } from '@app/core/query/prefilling-source.lookup';
import { FontAccessibilityService } from '@app/core/services/font-accessibility.service';
import { EnumUtils } from '@app/core/services/utilities/enum-utils.service'; import { EnumUtils } from '@app/core/services/utilities/enum-utils.service';
import { BaseComponent } from '@common/base/base.component'; import { BaseComponent } from '@common/base/base.component';
import { nameof } from 'ts-simple-nameof'; import { nameof } from 'ts-simple-nameof';
@ -17,10 +18,11 @@ export class PrefillingSourceListingFiltersComponent extends BaseComponent imple
// * State // * State
internalFilters: PrefillingSourceListingFilters = this._getEmptyFilters(); internalFilters: PrefillingSourceListingFilters = this._getEmptyFilters();
accessibilityTheme = computed(() => this.fontService.accessibleFontSignal());
protected appliedFilterCount: number = 0; protected appliedFilterCount: number = 0;
constructor( constructor(
public enumUtils: EnumUtils, public enumUtils: EnumUtils,
protected fontService: FontAccessibilityService
) { super(); } ) { super(); }
ngOnInit() { ngOnInit() {

2
frontend/src/app/ui/admin/reference-type/listing/filters/reference-type-listing-filters.component.html
View File

@ -7,7 +7,7 @@
<mat-menu #filterMenu> <mat-menu #filterMenu>
<div class="container-fluid" (click)="$event?.stopPropagation?.()"> <div class="container-fluid" [class.accessibility-theme]="accessibilityTheme()" (click)="$event?.stopPropagation?.()">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-auto mt-2"> <div class="col-auto mt-2">
<h4>{{'REFERENCE-TYPE-LISTING.FILTER.TITLE' | translate}}</h4> <h4>{{'REFERENCE-TYPE-LISTING.FILTER.TITLE' | translate}}</h4>

5
frontend/src/app/ui/admin/reference-type/listing/filters/reference-type-listing-filters.component.ts
View File

@ -1,6 +1,7 @@
import { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core'; import { Component, computed, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';
import { IsActive } from '@app/core/common/enum/is-active.enum'; import { IsActive } from '@app/core/common/enum/is-active.enum';
import { ReferenceTypeFilter } from '@app/core/query/reference-type.lookup'; import { ReferenceTypeFilter } from '@app/core/query/reference-type.lookup';
import { FontAccessibilityService } from '@app/core/services/font-accessibility.service';
import { EnumUtils } from '@app/core/services/utilities/enum-utils.service'; import { EnumUtils } from '@app/core/services/utilities/enum-utils.service';
import { BaseComponent } from '@common/base/base.component'; import { BaseComponent } from '@common/base/base.component';
import { nameof } from 'ts-simple-nameof'; import { nameof } from 'ts-simple-nameof';
@ -17,10 +18,12 @@ export class ReferenceTypeListingFiltersComponent extends BaseComponent implemen
// * State // * State
internalFilters: ReferenceTypeListingFilters = this._getEmptyFilters(); internalFilters: ReferenceTypeListingFilters = this._getEmptyFilters();
accessibilityTheme = computed(() => this.fontService.accessibleFontSignal());
protected appliedFilterCount: number = 0; protected appliedFilterCount: number = 0;
constructor( constructor(
public enumUtils: EnumUtils, public enumUtils: EnumUtils,
protected fontService: FontAccessibilityService
) { super(); } ) { super(); }
ngOnInit() { ngOnInit() {

2
frontend/src/app/ui/admin/reference/listing/filters/reference-listing-filters.component.html
View File

@ -7,7 +7,7 @@
<mat-menu #filterMenu> <mat-menu #filterMenu>
<div class="container-fluid" (click)="$event?.stopPropagation?.()"> <div class="container-fluid" [class.accessibility-theme]="accessibilityTheme()" (click)="$event?.stopPropagation?.()">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-auto mt-2"> <div class="col-auto mt-2">
<h4>{{'REFERENCE-LISTING.FILTER.TITLE' | translate}}</h4> <h4>{{'REFERENCE-LISTING.FILTER.TITLE' | translate}}</h4>

8
frontend/src/app/ui/admin/reference/listing/filters/reference-listing-filters.component.ts
View File

@ -1,7 +1,8 @@
import { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core'; import { Component, computed, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';
import { IsActive } from '@app/core/common/enum/is-active.enum'; import { IsActive } from '@app/core/common/enum/is-active.enum';
import { ReferenceSourceType } from '@app/core/common/enum/reference-source-type'; import { ReferenceSourceType } from '@app/core/common/enum/reference-source-type';
import { ReferenceFilter } from '@app/core/query/reference.lookup'; import { ReferenceFilter } from '@app/core/query/reference.lookup';
import { FontAccessibilityService } from '@app/core/services/font-accessibility.service';
import { ReferenceTypeService } from '@app/core/services/reference-type/reference-type.service'; import { ReferenceTypeService } from '@app/core/services/reference-type/reference-type.service';
import { EnumUtils } from '@app/core/services/utilities/enum-utils.service'; import { EnumUtils } from '@app/core/services/utilities/enum-utils.service';
import { BaseComponent } from '@common/base/base.component'; import { BaseComponent } from '@common/base/base.component';
@ -22,11 +23,12 @@ export class ReferenceListingFiltersComponent extends BaseComponent implements O
// * State // * State
internalFilters: ReferenceListingFilters = this._getEmptyFilters(); internalFilters: ReferenceListingFilters = this._getEmptyFilters();
accessibilityTheme = computed(() => this.fontService.accessibleFontSignal());
protected appliedFilterCount: number = 0; protected appliedFilterCount: number = 0;
constructor( constructor(
public enumUtils: EnumUtils, public enumUtils: EnumUtils,
public referenceTypeService: ReferenceTypeService public referenceTypeService: ReferenceTypeService,
protected fontService: FontAccessibilityService
) { super(); } ) { super(); }
ngOnInit() { ngOnInit() {

2
frontend/src/app/ui/admin/tenant/listing/filters/tenant-listing-filters.component.html
View File

@ -7,7 +7,7 @@
<mat-menu #filterMenu> <mat-menu #filterMenu>
<div class="container-fluid" (click)="$event?.stopPropagation?.()"> <div class="container-fluid" [class.accessibility-theme]="accessibilityTheme()" (click)="$event?.stopPropagation?.()">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-auto mt-2"> <div class="col-auto mt-2">
<h4>{{'TENANT-LISTING.FILTER.TITLE' | translate}}</h4> <h4>{{'TENANT-LISTING.FILTER.TITLE' | translate}}</h4>

5
frontend/src/app/ui/admin/tenant/listing/filters/tenant-listing-filters.component.ts
View File

@ -1,6 +1,7 @@
import { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core'; import { Component, computed, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';
import { IsActive } from '@app/core/common/enum/is-active.enum'; import { IsActive } from '@app/core/common/enum/is-active.enum';
import { TenantFilter } from '@app/core/query/tenant.lookup'; import { TenantFilter } from '@app/core/query/tenant.lookup';
import { FontAccessibilityService } from '@app/core/services/font-accessibility.service';
import { EnumUtils } from '@app/core/services/utilities/enum-utils.service'; import { EnumUtils } from '@app/core/services/utilities/enum-utils.service';
import { BaseComponent } from '@common/base/base.component'; import { BaseComponent } from '@common/base/base.component';
import { nameof } from 'ts-simple-nameof'; import { nameof } from 'ts-simple-nameof';
@ -17,10 +18,12 @@ export class TenantListingFiltersComponent extends BaseComponent implements OnIn
// * State // * State
internalFilters: TenantListingFilters = this._getEmptyFilters(); internalFilters: TenantListingFilters = this._getEmptyFilters();
accessibilityTheme = computed(() => this.fontService.accessibleFontSignal());
protected appliedFilterCount: number = 0; protected appliedFilterCount: number = 0;
constructor( constructor(
public enumUtils: EnumUtils, public enumUtils: EnumUtils,
protected fontService: FontAccessibilityService
) { super(); } ) { super(); }
ngOnInit() { ngOnInit() {

2
frontend/src/app/ui/admin/usage-limit/listing/filters/usage-limit-listing-filters.component.html
View File

@ -7,7 +7,7 @@
<mat-menu #filterMenu> <mat-menu #filterMenu>
<div class="container-fluid" (click)="$event?.stopPropagation?.()"> <div class="container-fluid" [class.accessibility-theme]="accessibilityTheme()"(click)="$event?.stopPropagation?.()">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-auto mt-2"> <div class="col-auto mt-2">
<h4>{{'USAGE-LIMIT-LISTING.FILTER.TITLE' | translate}}</h4> <h4>{{'USAGE-LIMIT-LISTING.FILTER.TITLE' | translate}}</h4>

5
frontend/src/app/ui/admin/usage-limit/listing/filters/usage-limit-listing-filters.component.ts
View File

@ -1,7 +1,8 @@
import { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core'; import { Component, computed, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';
import { IsActive } from '@app/core/common/enum/is-active.enum'; import { IsActive } from '@app/core/common/enum/is-active.enum';
import { UsageLimitTargetMetric } from '@app/core/common/enum/usage-limit-target-metric'; import { UsageLimitTargetMetric } from '@app/core/common/enum/usage-limit-target-metric';
import { UsageLimitFilter } from '@app/core/query/usage-limit.lookup'; import { UsageLimitFilter } from '@app/core/query/usage-limit.lookup';
import { FontAccessibilityService } from '@app/core/services/font-accessibility.service';
import { EnumUtils } from '@app/core/services/utilities/enum-utils.service'; import { EnumUtils } from '@app/core/services/utilities/enum-utils.service';
import { BaseComponent } from '@common/base/base.component'; import { BaseComponent } from '@common/base/base.component';
import { nameof } from 'ts-simple-nameof'; import { nameof } from 'ts-simple-nameof';
@ -20,10 +21,12 @@ export class UsageLimitListingFiltersComponent extends BaseComponent implements
// * State // * State
internalFilters: UsageLimitListingFilters = this._getEmptyFilters(); internalFilters: UsageLimitListingFilters = this._getEmptyFilters();
accessibilityTheme = computed(() => this.fontService.accessibleFontSignal());
protected appliedFilterCount: number = 0; protected appliedFilterCount: number = 0;
constructor( constructor(
public enumUtils: EnumUtils, public enumUtils: EnumUtils,
protected fontService: FontAccessibilityService
) { super(); } ) { super(); }
ngOnInit() { ngOnInit() {

2
frontend/src/app/ui/admin/user/listing/filters/user-listing-filters.component.html
View File

@ -7,7 +7,7 @@
<mat-menu #filterMenu> <mat-menu #filterMenu>
<div class="container-fluid" (click)="$event?.stopPropagation?.()"> <div class="container-fluid" [class.accessibility-theme]="accessibilityTheme()" (click)="$event?.stopPropagation?.()">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-auto mt-2"> <div class="col-auto mt-2">
<h4>{{'USER-LISTING.FILTER.TITLE' | translate}}</h4> <h4>{{'USER-LISTING.FILTER.TITLE' | translate}}</h4>

5
frontend/src/app/ui/admin/user/listing/filters/user-listing-filters.component.ts
View File

@ -1,8 +1,9 @@
import { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core'; import { Component, computed, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';
import { AppRole } from '@app/core/common/enum/app-role'; import { AppRole } from '@app/core/common/enum/app-role';
import { IsActive } from '@app/core/common/enum/is-active.enum'; import { IsActive } from '@app/core/common/enum/is-active.enum';
import { UserRoleLookup } from '@app/core/query/user-role.lookup'; import { UserRoleLookup } from '@app/core/query/user-role.lookup';
import { UserFilter } from '@app/core/query/user.lookup'; import { UserFilter } from '@app/core/query/user.lookup';
import { FontAccessibilityService } from '@app/core/services/font-accessibility.service';
import { EnumUtils } from '@app/core/services/utilities/enum-utils.service'; import { EnumUtils } from '@app/core/services/utilities/enum-utils.service';
import { BaseComponent } from '@common/base/base.component'; import { BaseComponent } from '@common/base/base.component';
import { nameof } from 'ts-simple-nameof'; import { nameof } from 'ts-simple-nameof';
@ -24,10 +25,12 @@ export class UserListingFiltersComponent extends BaseComponent implements OnInit
// * State // * State
internalFilters: UserListingFilters = this._getEmptyFilters(); internalFilters: UserListingFilters = this._getEmptyFilters();
accessibilityTheme = computed(() => this.fontService.accessibleFontSignal());
protected appliedFilterCount: number = 0; protected appliedFilterCount: number = 0;
constructor( constructor(
public enumUtils: EnumUtils, public enumUtils: EnumUtils,
protected fontService: FontAccessibilityService
) { super(); } ) { super(); }
ngOnInit() { ngOnInit() {

2
frontend/src/notification-service/ui/admin/notification-template/listing/filters/notification-template-listing-filters.component.html
View File

@ -7,7 +7,7 @@
<mat-menu #filterMenu> <mat-menu #filterMenu>
<div class="container-fluid" (click)="$event?.stopPropagation?.()"> <div class="container-fluid" [class.accessibility-theme]="accessibilityTheme()" (click)="$event?.stopPropagation?.()">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-auto mt-2"> <div class="col-auto mt-2">
<h4>{{'NOTIFICATION-SERVICE.NOTIFICATION-TEMPLATE-LISTING.FILTER.TITLE' | translate}}</h4> <h4>{{'NOTIFICATION-SERVICE.NOTIFICATION-TEMPLATE-LISTING.FILTER.TITLE' | translate}}</h4>

5
frontend/src/notification-service/ui/admin/notification-template/listing/filters/notification-template-listing-filters.component.ts
View File

@ -1,4 +1,4 @@
import { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core'; import { Component, computed, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';
import { NotificationTemplateFilter } from '@notification-service/core/query/notification-template.lookup'; import { NotificationTemplateFilter } from '@notification-service/core/query/notification-template.lookup';
import { NotificationServiceEnumUtils } from '@notification-service/core/formatting/enum-utils.service'; import { NotificationServiceEnumUtils } from '@notification-service/core/formatting/enum-utils.service';
import { BaseComponent } from '@common/base/base.component'; import { BaseComponent } from '@common/base/base.component';
@ -7,6 +7,7 @@ import { NotificationTemplateChannel } from '@notification-service/core/enum/not
import { NotificationTemplateKind } from '@notification-service/core/enum/notification-template-kind.enum'; import { NotificationTemplateKind } from '@notification-service/core/enum/notification-template-kind.enum';
import { NotificationType } from '@notification-service/core/enum/notification-type.enum'; import { NotificationType } from '@notification-service/core/enum/notification-type.enum';
import { nameof } from 'ts-simple-nameof'; import { nameof } from 'ts-simple-nameof';
import { FontAccessibilityService } from '@app/core/services/font-accessibility.service';
@Component({ @Component({
selector: 'app-notification-template-listing-filters', selector: 'app-notification-template-listing-filters',
@ -20,6 +21,7 @@ export class NotificationTemplateListingFiltersComponent extends BaseComponent i
notificationTemplateKindEnumValues = this.enumUtils.getEnumValues<NotificationTemplateKind>(NotificationTemplateKind) notificationTemplateKindEnumValues = this.enumUtils.getEnumValues<NotificationTemplateKind>(NotificationTemplateKind)
notificationTemplateChannelEnumValues = this.enumUtils.getEnumValues<NotificationTemplateChannel>(NotificationTemplateChannel); notificationTemplateChannelEnumValues = this.enumUtils.getEnumValues<NotificationTemplateChannel>(NotificationTemplateChannel);
notificationTypeEnumValues = this.enumUtils.getEnumValues<NotificationType>(NotificationType); notificationTypeEnumValues = this.enumUtils.getEnumValues<NotificationType>(NotificationType);
accessibilityTheme = computed(() => this.fontService.accessibleFontSignal());
// * State // * State
internalFilters: NotificationTemplateListingFilters = this._getEmptyFilters(); internalFilters: NotificationTemplateListingFilters = this._getEmptyFilters();
@ -27,6 +29,7 @@ export class NotificationTemplateListingFiltersComponent extends BaseComponent i
protected appliedFilterCount: number = 0; protected appliedFilterCount: number = 0;
constructor( constructor(
public enumUtils: NotificationServiceEnumUtils, public enumUtils: NotificationServiceEnumUtils,
protected fontService: FontAccessibilityService
) { super(); } ) { super(); }
ngOnInit() { ngOnInit() {

2
frontend/src/notification-service/ui/admin/notification/filters/notification-listing-filters.component.html
View File

@ -7,7 +7,7 @@
<mat-menu #filterMenu> <mat-menu #filterMenu>
<div class="container-fluid" (click)="$event?.stopPropagation?.()"> <div class="container-fluid" [class.accessibility-theme]="accessibilityTheme()" (click)="$event?.stopPropagation?.()">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-auto mt-2"> <div class="col-auto mt-2">
<h4>{{'NOTIFICATION-SERVICE.NOTIFICATION-LISTING.FILTER.TITLE' | translate}}</h4> <h4>{{'NOTIFICATION-SERVICE.NOTIFICATION-LISTING.FILTER.TITLE' | translate}}</h4>

5
frontend/src/notification-service/ui/admin/notification/filters/notification-listing-filters.component.ts
View File

@ -1,5 +1,5 @@
import { COMMA, ENTER } from '@angular/cdk/keycodes'; import { COMMA, ENTER } from '@angular/cdk/keycodes';
import { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core'; import { Component, computed, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';
import { NotificationFilter } from '@notification-service/core/query/notification.lookup'; import { NotificationFilter } from '@notification-service/core/query/notification.lookup';
import { UserService } from '@app/core/services/user/user.service'; import { UserService } from '@app/core/services/user/user.service';
import { NotificationServiceEnumUtils } from '@notification-service/core/formatting/enum-utils.service'; import { NotificationServiceEnumUtils } from '@notification-service/core/formatting/enum-utils.service';
@ -13,6 +13,7 @@ import { NotificationTrackingProcess } from '@notification-service/core/enum/not
import { NotificationTrackingState } from '@notification-service/core/enum/notification-tracking-state.enum'; import { NotificationTrackingState } from '@notification-service/core/enum/notification-tracking-state.enum';
import { NotificationType } from '@notification-service/core/enum/notification-type.enum'; import { NotificationType } from '@notification-service/core/enum/notification-type.enum';
import { nameof } from 'ts-simple-nameof'; import { nameof } from 'ts-simple-nameof';
import { FontAccessibilityService } from '@app/core/services/font-accessibility.service';
@Component({ @Component({
selector: 'app-notification-listing-filters', selector: 'app-notification-listing-filters',
@ -31,6 +32,7 @@ export class NotificationListingFiltersComponent extends BaseComponent implement
userAutoCompleteConfiguration: MultipleAutoCompleteConfiguration; userAutoCompleteConfiguration: MultipleAutoCompleteConfiguration;
readonly separatorKeysCodes: number[] = [ENTER, COMMA]; readonly separatorKeysCodes: number[] = [ENTER, COMMA];
accessibilityTheme = computed(() => this.fontService.accessibleFontSignal());
// * State // * State
internalFilters: NotificationListingFilters = this._getEmptyFilters(); internalFilters: NotificationListingFilters = this._getEmptyFilters();
@ -39,6 +41,7 @@ export class NotificationListingFiltersComponent extends BaseComponent implement
constructor( constructor(
public enumUtils: NotificationServiceEnumUtils, public enumUtils: NotificationServiceEnumUtils,
private userService: UserService, private userService: UserService,
protected fontService: FontAccessibilityService
) { super(); } ) { super(); }
ngOnInit() { ngOnInit() {

2
frontend/src/notification-service/ui/inapp-notification/listing/filters/mine-inapp-notification-listing-filters.component.html
View File

@ -7,7 +7,7 @@
<mat-menu #filterMenu> <mat-menu #filterMenu>
<div class="container-fluid" (click)="$event?.stopPropagation?.()"> <div class="container-fluid" [class.accessibility-theme]="accessibilityTheme()" (click)="$event?.stopPropagation?.()">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col-auto mt-2"> <div class="col-auto mt-2">
<h4>{{'NOTIFICATION-SERVICE.INAPP-NOTIFICATION-LISTING.FILTER.TITLE' | translate}}</h4> <h4>{{'NOTIFICATION-SERVICE.INAPP-NOTIFICATION-LISTING.FILTER.TITLE' | translate}}</h4>

5
frontend/src/notification-service/ui/inapp-notification/listing/filters/mine-inapp-notification-listing-filters.component.ts
View File

@ -1,10 +1,11 @@
import { Component, EventEmitter, Input, OnInit, Output, SimpleChanges, OnChanges } from '@angular/core'; import { Component, EventEmitter, Input, OnInit, Output, SimpleChanges, OnChanges, computed } from '@angular/core';
import { BaseComponent } from '@common/base/base.component'; import { BaseComponent } from '@common/base/base.component';
import { NotificationServiceEnumUtils } from '@notification-service/core/formatting/enum-utils.service'; import { NotificationServiceEnumUtils } from '@notification-service/core/formatting/enum-utils.service';
import { InAppNotificationFilter } from '@notification-service/core/query/inapp-notification.lookup'; import { InAppNotificationFilter } from '@notification-service/core/query/inapp-notification.lookup';
import { nameof } from 'ts-simple-nameof'; import { nameof } from 'ts-simple-nameof';
import { NotificationInAppTracking } from '@notification-service/core/enum/notification-inapp-tracking.enum'; import { NotificationInAppTracking } from '@notification-service/core/enum/notification-inapp-tracking.enum';
import { NotificationType } from '@notification-service/core/enum/notification-type.enum'; import { NotificationType } from '@notification-service/core/enum/notification-type.enum';
import { FontAccessibilityService } from '@app/core/services/font-accessibility.service';
@Component({ @Component({
selector: 'app-mine-inapp-notification-listing-filters', selector: 'app-mine-inapp-notification-listing-filters',
templateUrl: './mine-inapp-notification-listing-filters.component.html', templateUrl: './mine-inapp-notification-listing-filters.component.html',
@ -20,10 +21,12 @@ export class MineInAppNotificationListingFiltersComponent extends BaseComponent
// * State // * State
internalFilters: InAppNotificationListingFilters = this._getEmptyFilters(); internalFilters: InAppNotificationListingFilters = this._getEmptyFilters();
accessibilityTheme = computed(() => this.fontService.accessibleFontSignal());
protected appliedFilterCount: number = 0; protected appliedFilterCount: number = 0;
constructor( constructor(
public enumUtils: NotificationServiceEnumUtils, public enumUtils: NotificationServiceEnumUtils,
protected fontService: FontAccessibilityService
) { super(); } ) { super(); }
ngOnInit() { ngOnInit() {