client/src/app/videos/+video-edit/video-add.component.html

   1 <div class="margin-content">
   2   <div class="title-page title-page-single">
   3     Upload your video
   4   </div>
   5
   6   <div *ngIf="error" class="alert alert-danger">{{ error }}</div>
   7
   8   <div class="upload-video-container">
   9     <div class="upload-video">
  10       <div class="icon icon-upload"></div>
  11
  12       <div class="button-file">
  13         <span>Select the file to upload</span>
  14         <input #videofileInput type="file" name="videofile" id="videofile" (change)="fileChange($event)" />
  15       </div>
  16
  17       <div class="form-group">
  18         <select [(ngModel)]="firstStepPrivacy">
  19           <option *ngFor="let privacy of videoPrivacies" [value]="privacy.id">{{ privacy.label }}</option>
  20         </select>
  21       </div>
  22
  23       <div class="form-group">
  24         <select [(ngModel)]="firstStepChannel">
  25           <option *ngFor="let channel of userVideoChannels" [value]="channel.id">{{ channel.label }}</option>
  26         </select>
  27       </div>
  28     </div>
  29
  30
  31     <form *ngIf="isUploadingVideo" novalidate [formGroup]="form">
  32       <my-video-edit
  33           [form]="form" [formErrors]="formErrors"
  34           [validationMessages]="validationMessages" [videoPrivacies]="videoPrivacies"
  35       ></my-video-edit>
  36
  37       <div class="submit-container">
  38         <div class="submit-button" [ngClass]="{ disabled: !form.valid }">
  39           <span class="icon icon-validate"></span>
  40           <input type="button" value="Publish" (click)="upload()" />
  41         </div>
  42       </div>
  43     </form>
  44   </div>
  45 </div>