]>
Commit | Line | Data |
---|---|---|
4cc66133 | 1 | <div class="video-edit row" [formGroup]="form"> |
6de36768 C |
2 | <tabset class="root-tabset bootstrap"> |
3 | ||
4 | <tab heading="Basic info"> | |
5 | <div class="col-md-8"> | |
6 | <div class="form-group"> | |
7 | <label for="name">Title</label> | |
8 | <input type="text" id="name" formControlName="name" /> | |
9 | <div *ngIf="formErrors.name" class="form-error"> | |
10 | {{ formErrors.name }} | |
11 | </div> | |
12 | </div> | |
13 | ||
14 | <div class="form-group"> | |
15 | <label class="label-tags">Tags</label> <span>(press Enter to add)</span> | |
16 | <tag-input | |
17 | [ngModel]="tags" [validators]="tagValidators" [errorMessages]="tagValidatorsMessages" | |
18 | formControlName="tags" maxItems="5" modelAsStrings="true" | |
19 | ></tag-input> | |
20 | </div> | |
21 | ||
22 | <div class="form-group"> | |
23 | <label for="description">Description</label> | |
24 | <my-markdown-textarea truncate="250" formControlName="description"></my-markdown-textarea> | |
25 | ||
26 | <div *ngIf="formErrors.description" class="form-error"> | |
27 | {{ formErrors.description }} | |
28 | </div> | |
29 | </div> | |
15a7387d | 30 | </div> |
ff249f49 | 31 | |
6de36768 C |
32 | <div class="col-md-4"> |
33 | <div class="form-group"> | |
34 | <label>Channel</label> | |
35 | <div class="peertube-select-disabled-container"> | |
36 | <select formControlName="channelId"> | |
37 | <option *ngFor="let channel of userVideoChannels" [value]="channel.id">{{ channel.label }}</option> | |
38 | </select> | |
39 | </div> | |
40 | </div> | |
41 | ||
42 | <div class="form-group"> | |
43 | <label for="category">Category</label> | |
44 | <div class="peertube-select-container"> | |
45 | <select id="category" formControlName="category"> | |
46 | <option></option> | |
47 | <option *ngFor="let category of videoCategories" [value]="category.id">{{ category.label }}</option> | |
48 | </select> | |
49 | </div> | |
50 | ||
51 | <div *ngIf="formErrors.category" class="form-error"> | |
52 | {{ formErrors.category }} | |
53 | </div> | |
54 | </div> | |
55 | ||
56 | <div class="form-group"> | |
57 | <label for="licence">Licence</label> | |
58 | <div class="peertube-select-container"> | |
59 | <select id="licence" formControlName="licence"> | |
60 | <option></option> | |
61 | <option *ngFor="let licence of videoLicences" [value]="licence.id">{{ licence.label }}</option> | |
62 | </select> | |
63 | </div> | |
64 | ||
65 | <div *ngIf="formErrors.licence" class="form-error"> | |
66 | {{ formErrors.licence }} | |
67 | </div> | |
68 | </div> | |
69 | ||
70 | <div class="form-group"> | |
71 | <label for="language">Language</label> | |
72 | <div class="peertube-select-container"> | |
73 | <select id="language" formControlName="language"> | |
74 | <option></option> | |
75 | <option *ngFor="let language of videoLanguages" [value]="language.id">{{ language.label }}</option> | |
76 | </select> | |
77 | </div> | |
78 | ||
79 | <div *ngIf="formErrors.language" class="form-error"> | |
80 | {{ formErrors.language }} | |
81 | </div> | |
82 | </div> | |
83 | ||
84 | <div class="form-group"> | |
85 | <label for="privacy">Privacy</label> | |
86 | <div class="peertube-select-container"> | |
87 | <select id="privacy" formControlName="privacy"> | |
88 | <option></option> | |
89 | <option *ngFor="let privacy of videoPrivacies" [value]="privacy.id">{{ privacy.label }}</option> | |
90 | </select> | |
91 | </div> | |
92 | ||
93 | <div *ngIf="formErrors.privacy" class="form-error"> | |
94 | {{ formErrors.privacy }} | |
95 | </div> | |
96 | </div> | |
97 | ||
98 | <div class="form-group form-group-checkbox"> | |
99 | <input type="checkbox" id="nsfw" formControlName="nsfw" /> | |
100 | <label for="nsfw"></label> | |
101 | <label for="nsfw">This video contains mature or explicit content</label> | |
102 | </div> | |
103 | ||
104 | <div class="form-group form-group-checkbox"> | |
105 | <input type="checkbox" id="commentsEnabled" formControlName="commentsEnabled" /> | |
106 | <label for="commentsEnabled"></label> | |
107 | <label for="commentsEnabled">Enable video comments</label> | |
108 | </div> | |
ff249f49 | 109 | |
4cc66133 | 110 | </div> |
6de36768 C |
111 | </tab> |
112 | ||
113 | <tab heading="Advanced settings"> | |
114 | <div class="col-md-12"> | |
115 | <div class="form-group"> | |
116 | <my-video-image | |
117 | inputLabel="Upload thumbnail" inputName="thumbnailfile" formControlName="thumbnailfile" | |
118 | previewWidth="200px" previewHeight="110px" | |
119 | ></my-video-image> | |
120 | </div> | |
121 | ||
122 | <div class="form-group"> | |
123 | <my-video-image | |
124 | inputLabel="Upload preview" inputName="previewfile" formControlName="previewfile" | |
125 | previewWidth="360px" previewHeight="200px" | |
126 | ></my-video-image> | |
127 | </div> | |
15a7387d | 128 | </div> |
6de36768 | 129 | </tab> |
ff249f49 | 130 | |
6de36768 | 131 | </tabset> |
47564bbe | 132 | |
ff249f49 | 133 | </div> |