aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/videos/+video-edit/shared/video-edit.component.html
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/app/videos/+video-edit/shared/video-edit.component.html')
-rw-r--r--client/src/app/videos/+video-edit/shared/video-edit.component.html130
1 files changed, 65 insertions, 65 deletions
diff --git a/client/src/app/videos/+video-edit/shared/video-edit.component.html b/client/src/app/videos/+video-edit/shared/video-edit.component.html
index e087b71a4..a6b753166 100644
--- a/client/src/app/videos/+video-edit/shared/video-edit.component.html
+++ b/client/src/app/videos/+video-edit/shared/video-edit.component.html
@@ -1,85 +1,85 @@
1<div [formGroup]="form"> 1<div class="video-edit row" [formGroup]="form">
2 <div class="form-group">
3 <label for="name">Name</label>
4 <input
5 type="text" class="form-control" id="name"
6 formControlName="name"
7 >
8 <div *ngIf="formErrors.name" class="alert alert-danger">
9 {{ formErrors.name }}
10 </div>
11 </div>
12 2
13 <div class="form-group"> 3 <div class="col-md-8">
14 <label for="privacy">Privacy</label> 4 <div class="form-group">
15 <select class="form-control" id="privacy" formControlName="privacy"> 5 <label for="name">Title</label>
16 <option></option> 6 <input type="text" id="name" formControlName="name" />
17 <option *ngFor="let privacy of videoPrivacies" [value]="privacy.id">{{ privacy.label }}</option> 7 <div *ngIf="formErrors.name" class="form-error">
18 </select> 8 {{ formErrors.name }}
9 </div>
10 </div>
19 11
20 <div *ngIf="formErrors.privacy" class="alert alert-danger"> 12 <div class="form-group">
21 {{ formErrors.privacy }} 13 <label class="label-tags">Tags</label> <span class="little-information">(press enter to add the tag)</span>
14 <tag-input
15 [ngModel]="tags" [validators]="tagValidators" [errorMessages]="tagValidatorsMessages"
16 formControlName="tags" maxItems="5" modelAsStrings="true"
17 ></tag-input>
22 </div> 18 </div>
23 </div>
24 19
25 <div class="form-group"> 20 <div class="form-group">
26 <input 21 <label for="description">Description</label>
27 type="checkbox" id="nsfw" 22 <my-video-description formControlName="description"></my-video-description>
28 formControlName="nsfw" 23
29 > 24 <div *ngIf="formErrors.description" class="form-error">
30 <label for="nsfw">This video contains mature or explicit content</label> 25 {{ formErrors.description }}
26 </div>
27 </div>
31 </div> 28 </div>
32 29
33 <div class="form-group"> 30 <div class="col-md-4">
34 <label for="category">Category</label> 31 <div class="form-group">
35 <select class="form-control" id="category" formControlName="category"> 32 <label for="category">Category</label>
36 <option></option> 33 <select id="category" formControlName="category">
37 <option *ngFor="let category of videoCategories" [value]="category.id">{{ category.label }}</option> 34 <option></option>
38 </select> 35 <option *ngFor="let category of videoCategories" [value]="category.id">{{ category.label }}</option>
36 </select>
39 37
40 <div *ngIf="formErrors.category" class="alert alert-danger"> 38 <div *ngIf="formErrors.category" class="form-error">
41 {{ formErrors.category }} 39 {{ formErrors.category }}
40 </div>
42 </div> 41 </div>
43 </div>
44 42
45 <div class="form-group"> 43 <div class="form-group">
46 <label for="licence">Licence</label> 44 <label for="licence">Licence</label>
47 <select class="form-control" id="licence" formControlName="licence"> 45 <select id="licence" formControlName="licence">
48 <option></option> 46 <option></option>
49 <option *ngFor="let licence of videoLicences" [value]="licence.id">{{ licence.label }}</option> 47 <option *ngFor="let licence of videoLicences" [value]="licence.id">{{ licence.label }}</option>
50 </select> 48 </select>
51 49
52 <div *ngIf="formErrors.licence" class="alert alert-danger"> 50 <div *ngIf="formErrors.licence" class="form-error">
53 {{ formErrors.licence }} 51 {{ formErrors.licence }}
52 </div>
54 </div> 53 </div>
55 </div>
56 54
57 <div class="form-group"> 55 <div class="form-group">
58 <label for="language">Language</label> 56 <label for="language">Language</label>
59 <select class="form-control" id="language" formControlName="language"> 57 <select id="language" formControlName="language">
60 <option></option> 58 <option></option>
61 <option *ngFor="let language of videoLanguages" [value]="language.id">{{ language.label }}</option> 59 <option *ngFor="let language of videoLanguages" [value]="language.id">{{ language.label }}</option>
62 </select> 60 </select>
63 61
64 <div *ngIf="formErrors.language" class="alert alert-danger"> 62 <div *ngIf="formErrors.language" class="form-error">
65 {{ formErrors.language }} 63 {{ formErrors.language }}
64 </div>
66 </div> 65 </div>
67 </div>
68 66
69 <div class="form-group"> 67 <div class="form-group">
70 <label class="label-tags">Tags</label> <span class="little-information">(press enter to add the tag)</span> 68 <label for="privacy">Privacy</label>
71 <tag-input 69 <select id="privacy" formControlName="privacy">
72 [ngModel]="tags" [validators]="tagValidators" [errorMessages]="tagValidatorsMessages" 70 <option></option>
73 formControlName="tags" maxItems="5" modelAsStrings="true" 71 <option *ngFor="let privacy of videoPrivacies" [value]="privacy.id">{{ privacy.label }}</option>
74 ></tag-input> 72 </select>
75 </div>
76 73
77 <div class="form-group"> 74 <div *ngIf="formErrors.privacy" class="form-error">
78 <label for="description">Description</label> 75 {{ formErrors.privacy }}
79 <my-video-description formControlName="description"></my-video-description> 76 </div>
77 </div>
80 78
81 <div *ngIf="formErrors.description" class="alert alert-danger"> 79 <div class="form-group form-group-checkbox">
82 {{ formErrors.description }} 80 <input type="checkbox" id="nsfw" formControlName="nsfw" />
81 <label for="nsfw">This video contains mature or explicit content</label>
83 </div> 82 </div>
83
84 </div> 84 </div>
85</div> 85</div>