client/src/app/+admin/moderation/registration-list/process-registration-modal.component.html

   1 <ng-template #modal>
   2   <div class="modal-header">
   3     <h4 i18n class="modal-title">
   4       <ng-container *ngIf="isAccept()">Accept {{ registration.username }} registration</ng-container>
   5       <ng-container *ngIf="isReject()">Reject {{ registration.username }} registration</ng-container>
   6     </h4>
   7
   8     <my-global-icon iconName="cross" aria-label="Close" role="button" (click)="hide()"></my-global-icon>
   9   </div>
  10
  11   <form novalidate [formGroup]="form" (ngSubmit)="processRegistration()">
  12     <div class="modal-body mb-3">
  13
  14       <div i18n *ngIf="!registration.emailVerified" class="alert alert-warning">
  15         Registration email has not been verified. Email delivery has been disabled by default.
  16       </div>
  17
  18       <div class="description">
  19         <ng-container *ngIf="isAccept()">
  20           <p i18n>
  21             <strong>Accepting</strong>&nbsp;<em>{{ registration.username }}</em> registration will create the account and channel.
  22           </p>
  23
  24           <p *ngIf="isEmailEnabled()" i18n [ngClass]="{ 'text-decoration-line-through': isPreventEmailDeliveryChecked() }">
  25             An email will be sent to <em>{{ registration.email }}</em> explaining its account has been created with the moderation response you'll write below.
  26           </p>
  27
  28           <div *ngIf="!isEmailEnabled()" class="alert alert-warning" i18n>
  29             Emails are not enabled on this instance so PeerTube won't be able to send an email to <em>{{ registration.email }}</em> explaining its account has been created.
  30           </div>
  31         </ng-container>
  32
  33         <ng-container *ngIf="isReject()">
  34           <p i18n [ngClass]="{ 'text-decoration-line-through': isPreventEmailDeliveryChecked() }">
  35             An email will be sent to <em>{{ registration.email }}</em> explaining its registration request has been <strong>rejected</strong> with the moderation response you'll write below.
  36           </p>
  37
  38           <div *ngIf="!isEmailEnabled()" class="alert alert-warning" i18n>
  39             Emails are not enabled on this instance so PeerTube won't be able to send an email to <em>{{ registration.email }}</em> explaining its registration request has been rejected.
  40           </div>
  41         </ng-container>
  42       </div>
  43
  44       <div class="form-group">
  45         <label for="moderationResponse" i18n>Send a message to the user</label>
  46
  47         <textarea
  48           formControlName="moderationResponse" ngbAutofocus name="moderationResponse" id="moderationResponse"
  49           [ngClass]="{ 'input-error': formErrors['moderationResponse'] }" class="form-control"
  50         ></textarea>
  51
  52         <div *ngIf="formErrors.moderationResponse" class="form-error">
  53           {{ formErrors.moderationResponse }}
  54         </div>
  55       </div>
  56
  57       <div class="form-group">
  58         <my-peertube-checkbox
  59           inputName="preventEmailDelivery" formControlName="preventEmailDelivery" [disabled]="!isEmailEnabled()"
  60           i18n-labelText labelText="Prevent email from being sent to the user"
  61         ></my-peertube-checkbox>
  62       </div>
  63     </div>
  64
  65     <div class="modal-footer inputs">
  66       <input
  67         type="button" role="button" i18n-value value="Cancel" class="peertube-button grey-button"
  68         (click)="hide()" (key.enter)="hide()"
  69       >
  70
  71       <input type="submit" [value]="getSubmitValue()" class="peertube-button orange-button" [disabled]="!form.valid">
  72     </div>
  73   </form>
  74 </ng-template>