]>
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"> | |
621d99f5 C |
23 | <label for="description">Description</label> |
24 | <my-help helpType="markdownText" preHtml="Video descriptions are truncated by default and require manual action to expand them."></my-help> | |
6de36768 C |
25 | <my-markdown-textarea truncate="250" formControlName="description"></my-markdown-textarea> |
26 | ||
27 | <div *ngIf="formErrors.description" class="form-error"> | |
28 | {{ formErrors.description }} | |
29 | </div> | |
30 | </div> | |
15a7387d | 31 | </div> |
ff249f49 | 32 | |
6de36768 C |
33 | <div class="col-md-4"> |
34 | <div class="form-group"> | |
35 | <label>Channel</label> | |
36 | <div class="peertube-select-disabled-container"> | |
37 | <select formControlName="channelId"> | |
38 | <option *ngFor="let channel of userVideoChannels" [value]="channel.id">{{ channel.label }}</option> | |
39 | </select> | |
40 | </div> | |
41 | </div> | |
42 | ||
43 | <div class="form-group"> | |
44 | <label for="category">Category</label> | |
45 | <div class="peertube-select-container"> | |
46 | <select id="category" formControlName="category"> | |
47 | <option></option> | |
48 | <option *ngFor="let category of videoCategories" [value]="category.id">{{ category.label }}</option> | |
49 | </select> | |
50 | </div> | |
51 | ||
52 | <div *ngIf="formErrors.category" class="form-error"> | |
53 | {{ formErrors.category }} | |
54 | </div> | |
55 | </div> | |
56 | ||
57 | <div class="form-group"> | |
58 | <label for="licence">Licence</label> | |
59 | <div class="peertube-select-container"> | |
60 | <select id="licence" formControlName="licence"> | |
61 | <option></option> | |
62 | <option *ngFor="let licence of videoLicences" [value]="licence.id">{{ licence.label }}</option> | |
63 | </select> | |
64 | </div> | |
65 | ||
66 | <div *ngIf="formErrors.licence" class="form-error"> | |
67 | {{ formErrors.licence }} | |
68 | </div> | |
69 | </div> | |
70 | ||
71 | <div class="form-group"> | |
72 | <label for="language">Language</label> | |
73 | <div class="peertube-select-container"> | |
74 | <select id="language" formControlName="language"> | |
75 | <option></option> | |
76 | <option *ngFor="let language of videoLanguages" [value]="language.id">{{ language.label }}</option> | |
77 | </select> | |
78 | </div> | |
79 | ||
80 | <div *ngIf="formErrors.language" class="form-error"> | |
81 | {{ formErrors.language }} | |
82 | </div> | |
83 | </div> | |
84 | ||
85 | <div class="form-group"> | |
86 | <label for="privacy">Privacy</label> | |
87 | <div class="peertube-select-container"> | |
88 | <select id="privacy" formControlName="privacy"> | |
89 | <option></option> | |
90 | <option *ngFor="let privacy of videoPrivacies" [value]="privacy.id">{{ privacy.label }}</option> | |
91 | </select> | |
92 | </div> | |
93 | ||
94 | <div *ngIf="formErrors.privacy" class="form-error"> | |
95 | {{ formErrors.privacy }} | |
96 | </div> | |
97 | </div> | |
98 | ||
99 | <div class="form-group form-group-checkbox"> | |
100 | <input type="checkbox" id="nsfw" formControlName="nsfw" /> | |
101 | <label for="nsfw"></label> | |
102 | <label for="nsfw">This video contains mature or explicit content</label> | |
41f657c5 | 103 | <my-help tooltipPlacement="top" helpType="custom" customHtml="Some instances do not list NSFW videos by default."></my-help> |
6de36768 C |
104 | </div> |
105 | ||
106 | <div class="form-group form-group-checkbox"> | |
107 | <input type="checkbox" id="commentsEnabled" formControlName="commentsEnabled" /> | |
108 | <label for="commentsEnabled"></label> | |
109 | <label for="commentsEnabled">Enable video comments</label> | |
110 | </div> | |
ff249f49 | 111 | |
4cc66133 | 112 | </div> |
6de36768 C |
113 | </tab> |
114 | ||
115 | <tab heading="Advanced settings"> | |
07fa4c97 | 116 | <div class="col-md-12 advanced-settings"> |
6de36768 C |
117 | <div class="form-group"> |
118 | <my-video-image | |
119 | inputLabel="Upload thumbnail" inputName="thumbnailfile" formControlName="thumbnailfile" | |
120 | previewWidth="200px" previewHeight="110px" | |
121 | ></my-video-image> | |
122 | </div> | |
123 | ||
124 | <div class="form-group"> | |
125 | <my-video-image | |
126 | inputLabel="Upload preview" inputName="previewfile" formControlName="previewfile" | |
127 | previewWidth="360px" previewHeight="200px" | |
128 | ></my-video-image> | |
129 | </div> | |
07fa4c97 C |
130 | |
131 | <div class="form-group"> | |
621d99f5 | 132 | <label for="support">Support</label> |
d84f3e09 | 133 | <my-help helpType="markdownEnhanced" preHtml="Short text to tell people how they can support you (membership platform...)."></my-help> |
07fa4c97 C |
134 | <my-markdown-textarea |
135 | id="support" formControlName="support" textareaWidth="500px" [previewColumn]="true" markdownType="enhanced" | |
136 | [classes]="{ 'input-error': formErrors['support'] }" | |
137 | ></my-markdown-textarea> | |
138 | <div *ngIf="formErrors.support" class="form-error"> | |
139 | {{ formErrors.support }} | |
140 | </div> | |
141 | </div> | |
15a7387d | 142 | </div> |
6de36768 | 143 | </tab> |
ff249f49 | 144 | |
6de36768 | 145 | </tabset> |
47564bbe | 146 | |
ff249f49 | 147 | </div> |