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

   1 <div class="row">
   2   <div class="content-padding">
   3
   4   <h3>Update {{ video?.name }}</h3>
   5
   6   <div *ngIf="error" class="alert alert-danger">{{ error }}</div>
   7
   8   <form novalidate [formGroup]="form">
   9     <div class="form-group">
  10       <label for="name">Name</label>
  11       <input
  12         type="text" class="form-control" id="name"
  13         formControlName="name"
  14       >
  15       <div *ngIf="formErrors.name" class="alert alert-danger">
  16         {{ formErrors.name }}
  17       </div>
  18     </div>
  19
  20     <div class="form-group">
  21       <label for="privacy">Privacy</label>
  22       <select class="form-control" id="privacy" formControlName="privacy">
  23         <option></option>
  24         <option *ngFor="let privacy of videoPrivacies" [value]="privacy.id">{{ privacy.label }}</option>
  25       </select>
  26
  27       <div *ngIf="formErrors.privacy" class="alert alert-danger">
  28         {{ formErrors.privacy }}
  29       </div>
  30     </div>
  31
  32     <div class="form-group">
  33       <input
  34         type="checkbox" id="nsfw"
  35         formControlName="nsfw"
  36       >
  37       <label for="nsfw">This video contains mature or explicit content</label>
  38     </div>
  39
  40     <div class="form-group">
  41       <label for="category">Category</label>
  42       <select class="form-control" id="category" formControlName="category">
  43         <option></option>
  44         <option *ngFor="let category of videoCategories" [value]="category.id">{{ category.label }}</option>
  45       </select>
  46
  47       <div *ngIf="formErrors.category" class="alert alert-danger">
  48         {{ formErrors.category }}
  49       </div>
  50     </div>
  51
  52     <div class="form-group">
  53       <label for="licence">Licence</label>
  54       <select class="form-control" id="licence" formControlName="licence">
  55         <option></option>
  56         <option *ngFor="let licence of videoLicences" [value]="licence.id">{{ licence.label }}</option>
  57       </select>
  58
  59       <div *ngIf="formErrors.licence" class="alert alert-danger">
  60         {{ formErrors.licence }}
  61       </div>
  62     </div>
  63
  64     <div class="form-group">
  65       <label for="language">Language</label>
  66       <select class="form-control" id="language" formControlName="language">
  67         <option></option>
  68         <option *ngFor="let language of videoLanguages" [value]="language.id">{{ language.label }}</option>
  69       </select>
  70
  71       <div *ngIf="formErrors.language" class="alert alert-danger">
  72         {{ formErrors.language }}
  73       </div>
  74     </div>
  75
  76     <div class="form-group">
  77       <label class="label-tags">Tags</label> <span class="little-information">(press enter to add the tag)</span>
  78       <tag-input
  79         [ngModel]="tags" [validators]="tagValidators" [errorMessages]="tagValidatorsMessages"
  80         formControlName="tags" maxItems="5" modelAsStrings="true"
  81       ></tag-input>
  82     </div>
  83
  84     <div class="form-group">
  85       <label for="description">Description</label>
  86       <my-video-description formControlName="description"></my-video-description>
  87
  88       <div *ngIf="formErrors.description" class="alert alert-danger">
  89         {{ formErrors.description }}
  90       </div>
  91     </div>
  92
  93     <div class="form-group">
  94       <input
  95         type="button" value="Update" class="btn btn-default form-control"
  96         (click)="update()"
  97       >
  98     </div>
  99   </form>
 100   </div>
 101 </div>