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

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