1 <div class="video-edit row" [formGroup]="form">
2 <tabset class="root-tabset bootstrap">
4 <tab heading="Basic info">
6 <div class="form-group">
7 <label i18n for="name">Title</label>
8 <input type="text" id="name" formControlName="name" />
9 <div *ngIf="formErrors.name" class="form-error">
14 <div class="form-group">
15 <label i18n class="label-tags">Tags</label> <span i18n>(press Enter to add)</span>
17 [validators]="tagValidators" [errorMessages]="tagValidatorsMessages"
18 formControlName="tags" maxItems="5" modelAsStrings="true"
22 <div class="form-group">
23 <label i18n for="description">Description</label>
24 <my-help helpType="markdownText" i18n-preHtml preHtml="Video descriptions are truncated by default and require manual action to expand them."></my-help>
25 <my-markdown-textarea truncate="250" formControlName="description"></my-markdown-textarea>
27 <div *ngIf="formErrors.description" class="form-error">
28 {{ formErrors.description }}
33 <div class="col-md-4">
34 <div class="form-group">
35 <label i18n>Channel</label>
36 <div class="peertube-select-container">
37 <select formControlName="channelId">
38 <option *ngFor="let channel of userVideoChannels" [value]="channel.id">{{ channel.label }}</option>
43 <div class="form-group">
44 <label i18n for="category">Category</label>
45 <div class="peertube-select-container">
46 <select id="category" formControlName="category">
48 <option *ngFor="let category of videoCategories" [value]="category.id">{{ category.label }}</option>
52 <div *ngIf="formErrors.category" class="form-error">
53 {{ formErrors.category }}
57 <div class="form-group">
58 <label i18n for="licence">Licence</label>
59 <div class="peertube-select-container">
60 <select id="licence" formControlName="licence">
62 <option *ngFor="let licence of videoLicences" [value]="licence.id">{{ licence.label }}</option>
66 <div *ngIf="formErrors.licence" class="form-error">
67 {{ formErrors.licence }}
71 <div class="form-group">
72 <label i18n for="language">Language</label>
73 <div class="peertube-select-container">
74 <select id="language" formControlName="language">
76 <option *ngFor="let language of videoLanguages" [value]="language.id">{{ language.label }}</option>
80 <div *ngIf="formErrors.language" class="form-error">
81 {{ formErrors.language }}
85 <div class="form-group">
86 <label i18n for="privacy">Privacy</label>
87 <div class="peertube-select-container">
88 <select id="privacy" formControlName="privacy">
90 <option *ngFor="let privacy of videoPrivacies" [value]="privacy.id">{{ privacy.label }}</option>
94 <div *ngIf="formErrors.privacy" class="form-error">
95 {{ formErrors.privacy }}
99 <div class="form-group form-group-checkbox">
100 <input type="checkbox" id="nsfw" formControlName="nsfw" />
101 <label for="nsfw"></label>
102 <label i18n for="nsfw">This video contains mature or explicit content</label>
103 <my-help tooltipPlacement="top" helpType="custom" i18n-customHtml customHtml="Some instances do not list NSFW videos by default."></my-help>
106 <div class="form-group form-group-checkbox">
107 <input type="checkbox" id="commentsEnabled" formControlName="commentsEnabled" />
108 <label for="commentsEnabled"></label>
109 <label i18n for="commentsEnabled">Enable video comments</label>
115 <tab heading="Advanced settings">
116 <div class="col-md-12 advanced-settings">
117 <div class="form-group">
119 i18n-inputLabel inputLabel="Upload thumbnail" inputName="thumbnailfile" formControlName="thumbnailfile"
120 previewWidth="200px" previewHeight="110px"
124 <div class="form-group">
126 i18n-inputLabel inputLabel="Upload preview" inputName="previewfile" formControlName="previewfile"
127 previewWidth="360px" previewHeight="200px"
131 <div class="form-group">
132 <label i18n for="support">Support</label>
133 <my-help helpType="markdownEnhanced" i18n-preHtml preHtml="Short text to tell people how they can support you (membership platform...)."></my-help>
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 }}