client/angular/videos/components/add/videos-add.component.html

   1 <h3>Upload a video</h3>
   2
   3 <form (ngSubmit)="uploadFile()" #videoForm="ngForm">
   4   <div class="form-group">
   5     <label for="name">Video name</label>
   6     <input
   7       type="text" class="form-control" name="name" id="name" required
   8       ngControl="name"  #name="ngForm"
   9     >
  10     <div [hidden]="name.valid || name.pristine" class="alert alert-danger">
  11       Name is required
  12     </div>
  13   </div>
  14
  15   <div class="btn btn-default btn-file">
  16     <span>Select the video...</span>
  17     <input type="file" name="input_video" id="input_video">
  18   </div>
  19
  20   <span *ngIf="fileToUpload">{{ fileToUpload.name }}</span>
  21
  22   <div class="form-group">
  23     <label for="description">Description</label>
  24     <textarea
  25       name="description" id="description" class="form-control" placeholder="Description..." required
  26       ngControl="description"  #description="ngForm"
  27     >
  28     </textarea>
  29     <div [hidden]="description.valid || description.pristine" class="alert alert-danger">
  30         A description is required
  31     </div>
  32   </div>
  33
  34   <div id="progress" *ngIf="progressBar.max !== 0">
  35     <progress [value]="progressBar.value" [max]="progressBar.max"></progress>
  36   </div>
  37
  38   <input type="submit" value="Upload" class="btn btn-default" [disabled]="!videoForm.form.valid || !fileToUpload">
  39 </form>