]>
Commit | Line | Data |
---|---|---|
1 | <div class="video-edit row" [formGroup]="form"> | |
2 | ||
3 | <div class="col-md-8"> | |
4 | <div class="form-group"> | |
5 | <label for="name">Title</label> | |
6 | <input type="text" id="name" formControlName="name" /> | |
7 | <div *ngIf="formErrors.name" class="form-error"> | |
8 | {{ formErrors.name }} | |
9 | </div> | |
10 | </div> | |
11 | ||
12 | <div class="form-group"> | |
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> | |
18 | </div> | |
19 | ||
20 | <div class="form-group"> | |
21 | <label for="description">Description</label> | |
22 | <my-video-description formControlName="description"></my-video-description> | |
23 | ||
24 | <div *ngIf="formErrors.description" class="form-error"> | |
25 | {{ formErrors.description }} | |
26 | </div> | |
27 | </div> | |
28 | </div> | |
29 | ||
30 | <div class="col-md-4"> | |
31 | <div class="form-group"> | |
32 | <label>Channel</label> | |
33 | <div class="peertube-select-disabled-container"> | |
34 | <select formControlName="channelId"> | |
35 | <option *ngFor="let channel of userVideoChannels" [value]="channel.id">{{ channel.label }}</option> | |
36 | </select> | |
37 | </div> | |
38 | </div> | |
39 | ||
40 | <div class="form-group"> | |
41 | <label for="category">Category</label> | |
42 | <div class="peertube-select-container"> | |
43 | <select id="category" formControlName="category"> | |
44 | <option></option> | |
45 | <option *ngFor="let category of videoCategories" [value]="category.id">{{ category.label }}</option> | |
46 | </select> | |
47 | </div> | |
48 | ||
49 | <div *ngIf="formErrors.category" class="form-error"> | |
50 | {{ formErrors.category }} | |
51 | </div> | |
52 | </div> | |
53 | ||
54 | <div class="form-group"> | |
55 | <label for="licence">Licence</label> | |
56 | <div class="peertube-select-container"> | |
57 | <select id="licence" formControlName="licence"> | |
58 | <option></option> | |
59 | <option *ngFor="let licence of videoLicences" [value]="licence.id">{{ licence.label }}</option> | |
60 | </select> | |
61 | </div> | |
62 | ||
63 | <div *ngIf="formErrors.licence" class="form-error"> | |
64 | {{ formErrors.licence }} | |
65 | </div> | |
66 | </div> | |
67 | ||
68 | <div class="form-group"> | |
69 | <label for="language">Language</label> | |
70 | <div class="peertube-select-container"> | |
71 | <select id="language" formControlName="language"> | |
72 | <option></option> | |
73 | <option *ngFor="let language of videoLanguages" [value]="language.id">{{ language.label }}</option> | |
74 | </select> | |
75 | </div> | |
76 | ||
77 | <div *ngIf="formErrors.language" class="form-error"> | |
78 | {{ formErrors.language }} | |
79 | </div> | |
80 | </div> | |
81 | ||
82 | <div class="form-group"> | |
83 | <label for="privacy">Privacy</label> | |
84 | <div class="peertube-select-container"> | |
85 | <select id="privacy" formControlName="privacy"> | |
86 | <option></option> | |
87 | <option *ngFor="let privacy of videoPrivacies" [value]="privacy.id">{{ privacy.label }}</option> | |
88 | </select> | |
89 | </div> | |
90 | ||
91 | <div *ngIf="formErrors.privacy" class="form-error"> | |
92 | {{ formErrors.privacy }} | |
93 | </div> | |
94 | </div> | |
95 | ||
96 | <div class="form-group form-group-checkbox"> | |
97 | <input type="checkbox" id="nsfw" formControlName="nsfw" /> | |
98 | <label for="nsfw">This video contains mature or explicit content</label> | |
99 | </div> | |
100 | ||
101 | </div> | |
102 | </div> |