client/src/app/videos/+video-watch/video-report.component.html

   1 <div bsModal #modal="bs-modal" class="modal" tabindex="-1">
   2   <div class="modal-dialog">
   3     <div class="modal-content modal-lg">
   4
   5       <div class="modal-header">
   6         <button type="button" class="close" aria-label="Close" (click)="hide()">
   7           <span aria-hidden="true">&times;</span>
   8         </button>
   9         <h4 class="title-page title-page-single">Report video</h4>
  10       </div>
  11
  12       <div class="modal-body">
  13
  14         <form novalidate [formGroup]="form" (ngSubmit)="report()">
  15           <div class="form-group">
  16             <label for="reason">Reason</label>
  17             <textarea
  18               id="reason" class="form-control" placeholder="Reason..."
  19               formControlName="reason" [ngClass]="{ 'input-error': formErrors['reason'] }"
  20             >
  21             </textarea>
  22             <div *ngIf="formErrors.reason" class="form-error">
  23               {{ formErrors.reason }}
  24             </div>
  25           </div>
  26
  27           <div class="form-group">
  28             <input
  29               type="submit" value="Report" class="orange-button"
  30               [disabled]="!form.valid"
  31             >
  32           </div>
  33         </form>
  34
  35       </div>
  36     </div>
  37   </div>
  38 </div>