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

RED-5964 - Filter the notification preferences settings by roles (RED_USER, RED_MANAGER) in UI

Browse Source
This commit is contained in:
Valentin Mihai 2023-01-17 03:35:09 +02:00
parent 72b2269bc3
commit fe951bb130
3 changed files with 29 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
apps/red-ui/src/app/modules/account/screens/notifications/notifications-screen/notifications-screen.component.html
View File

@ -13,14 +13,16 @@
<div *ngFor="let key of notificationGroupsKeys; let i = index" class="group">
<div [translate]="translations[key]" class="group-title"></div>
<div class="iqser-input-group">
<mat-checkbox
(change)="addRemovePreference($event.checked, category, preference)"
*ngFor="let preference of notificationGroupsValues[i]"
[checked]="isPreferenceChecked(category, preference)"
color="primary"
>
{{ translations[preference] | translate }}
</mat-checkbox>
<ng-container *ngFor="let preference of notificationGroupsValues[i]">
<mat-checkbox
*ngIf="!skipPreference(preference)"
(change)="addRemovePreference($event.checked, category, preference)"
[checked]="isPreferenceChecked(category, preference)"
color="primary"
>
{{ translations[preference] | translate }}
</mat-checkbox>
</ng-container>
</div>
</div>
</div>

16
apps/red-ui/src/app/modules/account/screens/notifications/notifications-screen/notifications-screen.component.ts
View File

@ -1,9 +1,15 @@
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@angular/core';
import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
import { NotificationPreferencesService } from '../../../services/notification-preferences.service';
import { BaseFormComponent, LoadingService, Toaster } from '@iqser/common-ui';
import { BaseFormComponent, getCurrentUser, LoadingService, Toaster } from '@iqser/common-ui';
import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
import { NotificationCategoriesValues, NotificationGroupsKeys, NotificationGroupsValues } from '@red/domain';
import {
NotificationCategoriesValues,
NotificationGroupsKeys,
NotificationGroupsValues,
SkipSimpleUserNotifications,
User,
} from '@red/domain';
import { firstValueFrom } from 'rxjs';
import { notificationsSettingsTranslations } from '@translations/notifications-settings-translations';
@ -17,7 +23,7 @@ export class NotificationsScreenComponent extends BaseFormComponent implements O
readonly notificationGroupsKeys = NotificationGroupsKeys;
readonly notificationGroupsValues = NotificationGroupsValues;
readonly translations = notificationsSettingsTranslations;
readonly currentUser = getCurrentUser<User>();
constructor(
private readonly _toaster: Toaster,
private readonly _formBuilder: UntypedFormBuilder,
@ -53,6 +59,10 @@ export class NotificationsScreenComponent extends BaseFormComponent implements O
this.form.get(category).setValue(unique);
}
skipPreference(preference): boolean {
return !this.currentUser.isManager && SkipSimpleUserNotifications.includes(preference);
}
async save() {
this._loadingService.start();
try {

6
libs/red-domain/src/lib/notifications-preferences/types.ts
View File

@ -50,3 +50,9 @@ export const NotificationGroupsValues = [
DocumentNotificationsTypesValues,
OtherNotificationsTypesValues,
] as const;
export const SkipSimpleUserNotifications = [
DossierNotificationsTypes.dossierOwnerSet,
DossierNotificationsTypes.dossierOwnerRemoved,
DocumentNotificationsTypes.documentApproved,
] as const;