client/src/app/shared/moderation/user-ban-modal.component.html

   1 <ng-template #modal>
   2   <div class="modal-header">
   3     <h4 i18n class="modal-title">Ban</h4>
   4     <span class="close" aria-hidden="true" (click)="hideBanUserModal()"></span>
   5   </div>
   6
   7   <div class="modal-body">
   8     <form novalidate [formGroup]="form" (ngSubmit)="banUser()">
   9       <div class="form-group">
  10         <textarea i18n-placeholder placeholder="Reason..." formControlName="reason" [ngClass]="{ 'input-error': formErrors['reason'] }">
  11         </textarea>
  12         <div *ngIf="formErrors.reason" class="form-error">
  13           {{ formErrors.reason }}
  14         </div>
  15       </div>
  16
  17       <div i18n>
  18         A banned user will no longer be able to login.
  19       </div>
  20
  21       <div class="form-group inputs">
  22         <span i18n class="action-button action-button-cancel" (click)="hideBanUserModal()">Cancel</span>
  23
  24         <input
  25           type="submit" i18n-value value="Ban this user" class="action-button-submit"
  26           [disabled]="!form.valid"
  27         >
  28       </div>
  29     </form>
  30   </div>
  31
  32 </ng-template>