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 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 class=
"label-tags">Tags
</label> <span>(press Enter to add)
</span>
17 [ngModel]=
"tags" [validators]=
"tagValidators" [errorMessages]=
"tagValidatorsMessages"
18 formControlName=
"tags" maxItems=
"5" modelAsStrings=
"true"
22 <div class=
"form-group">
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>
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>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>
43 <div class=
"form-group">
44 <label 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 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 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 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 for=
"nsfw">This video contains mature or explicit content
</label>
103 <my-help tooltipPlacement=
"top" helpType=
"custom" 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 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 inputLabel=
"Upload thumbnail" inputName=
"thumbnailfile" formControlName=
"thumbnailfile"
120 previewWidth=
"200px" previewHeight=
"110px"
124 <div class=
"form-group">
126 inputLabel=
"Upload preview" inputName=
"previewfile" formControlName=
"previewfile"
127 previewWidth=
"360px" previewHeight=
"200px"
131 <div class=
"form-group">
132 <label for=
"support">Support
</label>
133 <my-help helpType=
"markdownEnhanced" 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 }}