-<div class="custom-row">
- <div i18n>Activities</div>
- <div i18n>Web</div>
- <div i18n *ngIf="emailEnabled">Email</div>
-</div>
+<div *ngIf="webNotifications">
+ <ng-container *ngFor="let group of notificationSettingGroups">
+ <div class="header notification-row">
+ <div i18n>{{ group.label }}</div>
+ <div i18n>Web</div>
+ <div i18n *ngIf="emailEnabled">Email</div>
+ </div>
-<ng-container *ngFor="let notificationType of notificationSettingKeys">
- <div class="custom-row" *ngIf="hasUserRight(notificationType)">
- <div>{{ labelNotifications[notificationType] }}</div>
+ <ng-container *ngFor="let notificationType of group.keys">
+ <div class="small notification-row" *ngIf="hasUserRight(notificationType)">
+ <div>{{ labelNotifications[notificationType] }}</div>
- <div>
- <my-input-switch
- [(ngModel)]="webNotifications[notificationType]"
- (ngModelChange)="updateWebSetting(notificationType, webNotifications[notificationType])"
- ></my-input-switch>
- </div>
+ <div>
+ <my-input-switch
+ [(ngModel)]="webNotifications[notificationType]"
+ (ngModelChange)="updateWebSetting(notificationType, webNotifications[notificationType])"
+ ></my-input-switch>
+ </div>
- <div *ngIf="emailEnabled">
- <my-input-switch
- [(ngModel)]="emailNotifications[notificationType]"
- (ngModelChange)="updateEmailSetting(notificationType, emailNotifications[notificationType])"
- ></my-input-switch>
- </div>
- </div>
-</ng-container>
+ <div *ngIf="emailEnabled">
+ <my-input-switch
+ [(ngModel)]="emailNotifications[notificationType]"
+ (ngModelChange)="updateEmailSetting(notificationType, emailNotifications[notificationType])"
+ ></my-input-switch>
+ </div>
+ </div>
+ </ng-container>
+ </ng-container>
+</div>