<div class="custom-row">
  <div i18n>Activities</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>

    <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>
