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="nsfw">NSFW</label>
  22       <input
  23         type="checkbox" id="nsfw"
  24         formControlName="nsfw"
  25       >
  26     </div>
  27
  28     <div class="form-group">
  29       <label for="category">Category</label>
  30       <select class="form-control" id="category" formControlName="category">
  31         <option></option>
  32         <option *ngFor="let category of videoCategories" [value]="category.id">{{ category.label }}</option>
  33       </select>
  34
  35       <div *ngIf="formErrors.category" class="alert alert-danger">
  36         {{ formErrors.category }}
  37       </div>
  38     </div>
  39
  40     <div class="form-group">
  41       <label for="licence">Licence</label>
  42       <select class="form-control" id="licence" formControlName="licence">
  43         <option></option>
  44         <option *ngFor="let licence of videoLicences" [value]="licence.id">{{ licence.label }}</option>
  45       </select>
  46
  47       <div *ngIf="formErrors.licence" class="alert alert-danger">
  48         {{ formErrors.licence }}
  49       </div>
  50     </div>
  51
  52     <div class="form-group">
  53       <label for="language">Language</label>
  54       <select class="form-control" id="language" formControlName="language">
  55         <option></option>
  56         <option *ngFor="let language of videoLanguages" [value]="language.id">{{ language.label }}</option>
  57       </select>
  58
  59       <div *ngIf="formErrors.language" class="alert alert-danger">
  60         {{ formErrors.language }}
  61       </div>
  62     </div>
  63
  64     <div class="form-group">
  65       <label for="tags" class="label-tags">Tags</label> <span class="little-information">(press enter to add the tag)</span>
  66       <tag-input
  67         [ngModel]="tags" [validators]="tagValidators" [errorMessages]="tagValidatorsMessages"
  68         formControlName="tags" maxItems="3" modelAsStrings="true"
  69       ></tag-input>
  70     </div>
  71
  72     <div class="form-group">
  73       <label for="description">Description</label>
  74       <textarea
  75         id="description" class="form-control" placeholder="Description..."
  76         formControlName="description"
  77       >
  78       </textarea>
  79       <div *ngIf="formErrors.description" class="alert alert-danger">
  80         {{ formErrors.description }}
  81       </div>
  82     </div>
  83
  84     <div class="form-group">
  85       <input
  86         type="button" value="Update" class="btn btn-default form-control"
  87         (click)="update()"
  88       >
  89     </div>
  90   </form>
  91   </div>
  92 </div>