fix user preferences column width for notifications table (#3352)

[github/Chocobozzz/PeerTube.git] / client / src / app / +my-account / my-account-settings / my-account-notification-preferences / my-account-notification-preferences.component.html

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