1 <form role=
"form" [formGroup]=
"form">
3 <div ngbNav #
nav=
"ngbNav" class=
"nav-tabs">
5 <ng-container ngbNavItem=
"instance-information">
6 <a ngbNavLink i18n
>Instance information
</a>
8 <ng-template ngbNavContent
>
10 <ng-container formGroupName=
"instance">
12 <div class=
"form-row mt-5"> <!-- instance grid -->
13 <div class=
"form-group col-12 col-lg-4 col-xl-3">
14 <div i18n
class=
"inner-form-title">INSTANCE
</div>
17 <div class=
"form-group form-group-right col-12 col-lg-8 col-xl-9">
19 <div class=
"form-group">
20 <label i18n
for=
"instanceName">Name
</label>
22 type=
"text" id=
"instanceName"
23 formControlName=
"name" [ngClass]=
"{ 'input-error': formErrors.instance.name }"
25 <div *
ngIf=
"formErrors.instance.name" class=
"form-error">{{ formErrors.instance.name }}
</div>
28 <div class=
"form-group">
29 <label i18n
for=
"instanceShortDescription">Short description
</label>
31 id=
"instanceShortDescription" formControlName=
"shortDescription" class=
"small"
32 [ngClass]=
"{ 'input-error': formErrors['instance.shortDescription'] }"
34 <div *
ngIf=
"formErrors.instance.shortDescription" class=
"form-error">{{ formErrors.instance.shortDescription }}
</div>
37 <div class=
"form-group">
38 <label i18n
for=
"instanceDescription">Description
</label><my-help helpType=
"markdownText"></my-help>
40 name=
"instanceDescription" formControlName=
"description" textareaWidth=
"500px" [previewColumn]=
"true"
41 [classes]=
"{ 'input-error': formErrors['instance.description'] }"
42 ></my-markdown-textarea>
43 <div *
ngIf=
"formErrors.instance.description" class=
"form-error">{{ formErrors.instance.description }}
</div>
46 <div class=
"form-group">
47 <label i18n
for=
"instanceCategories">Main instance categories
</label>
51 inputId=
"instanceCategories" [options]=
"categoryItems" formControlName=
"categories" [showToggleAll]=
"false"
52 [defaultLabel]=
"getDefaultCategoryLabel()" [selectedItemsLabel]=
"getSelectedCategoryLabel()"
53 emptyFilterMessage=
"No results found" i18n-emptyFilterMessage
58 <div class=
"form-group">
59 <label i18n
for=
"instanceLanguages">Main languages you/your moderators speak
</label>
63 inputId=
"instanceLanguages" [options]=
"languageItems" formControlName=
"languages" [showToggleAll]=
"false"
64 [defaultLabel]=
"getDefaultLanguageLabel()" [selectedItemsLabel]=
"getSelectedLanguageLabel()"
65 emptyFilterMessage=
"No results found" i18n-emptyFilterMessage
73 <div class=
"form-row mt-4"> <!-- moderation & nsfw grid -->
74 <div class=
"form-group col-12 col-lg-4 col-xl-3">
75 <div i18n
class=
"inner-form-title">MODERATION & NSFW
</div>
76 <div i18n
class=
"inner-for-description">
77 Manage
<a routerLink=
"/admin/users">users
</a> to build a moderation team.
81 <div class=
"form-group form-group-right col-12 col-lg-8 col-xl-9">
83 <div class=
"form-group">
84 <my-peertube-checkbox inputName=
"instanceIsNSFW" formControlName=
"isNSFW">
85 <ng-template ptTemplate=
"label">
86 <ng-container i18n
>This instance is dedicated to sensitive or NSFW content
</ng-container>
89 <ng-template ptTemplate=
"help">
91 Enabling it will allow other administrators to know that you are mainly federating sensitive content.
<br /><br />
92 Moreover, the NSFW checkbox on video upload will be automatically checked by default.
95 </my-peertube-checkbox>
98 <div class=
"form-group">
99 <label i18n
for=
"instanceDefaultNSFWPolicy">Policy on videos containing sensitive content
</label>
102 <ng-template ptTemplate=
"customHtml">
104 With
<strong>Do not list
</strong> or
<strong>Blur thumbnails
</strong>, a confirmation will be requested to watch the video.
109 <div class=
"peertube-select-container">
110 <select id=
"instanceDefaultNSFWPolicy" formControlName=
"defaultNSFWPolicy">
111 <option i18n
value=
"do_not_list">Do not list
</option>
112 <option i18n
value=
"blur">Blur thumbnails
</option>
113 <option i18n
value=
"display">Display
</option>
116 <div *
ngIf=
"formErrors.instance.defaultNSFWPolicy" class=
"form-error">{{ formErrors.instance.defaultNSFWPolicy }}
</div>
119 <div class=
"form-group">
120 <label i18n
for=
"instanceTerms">Terms
</label><my-help helpType=
"markdownText"></my-help>
121 <my-markdown-textarea
122 name=
"instanceTerms" formControlName=
"terms" textareaWidth=
"500px" [previewColumn]=
"true"
123 [ngClass]=
"{ 'input-error': formErrors['instance.terms'] }"
124 ></my-markdown-textarea>
125 <div *
ngIf=
"formErrors.instance.terms" class=
"form-error">{{ formErrors.instance.terms }}
</div>
128 <div class=
"form-group">
129 <label i18n
for=
"instanceCodeOfConduct">Code of conduct
</label><my-help helpType=
"markdownText"></my-help>
130 <my-markdown-textarea
131 name=
"instanceCodeOfConduct" formControlName=
"codeOfConduct" textareaWidth=
"500px" [previewColumn]=
"true"
132 [ngClass]=
"{ 'input-error': formErrors['instance.codeOfConduct'] }"
133 ></my-markdown-textarea>
134 <div *
ngIf=
"formErrors.instance.codeOfConduct" class=
"form-error">{{ formErrors.instance.codeOfConduct }}
</div>
137 <div class=
"form-group">
138 <label i18n
for=
"instanceModerationInformation">Moderation information
</label><my-help helpType=
"markdownText"></my-help>
139 <div i18n
class=
"label-small-info">Who moderates the instance? What is the policy regarding NSFW videos? Political videos? etc
</div>
141 <my-markdown-textarea
142 name=
"instanceModerationInformation" formControlName=
"moderationInformation" textareaWidth=
"500px" [previewColumn]=
"true"
143 [ngClass]=
"{ 'input-error': formErrors['instance.moderationInformation'] }"
144 ></my-markdown-textarea>
145 <div *
ngIf=
"formErrors.instance.moderationInformation" class=
"form-error">{{ formErrors.instance.moderationInformation }}
</div>
151 <div class=
"form-row mt-4"> <!-- you and your instance grid -->
152 <div class=
"form-group col-12 col-lg-4 col-xl-3">
153 <div i18n
class=
"inner-form-title">YOU AND YOUR INSTANCE
</div>
156 <div class=
"form-group form-group-right col-12 col-lg-8 col-xl-9">
158 <div class=
"form-group">
159 <label i18n
for=
"instanceAdministrator">Who is behind the instance?
</label>
160 <div i18n
class=
"label-small-info">A single person? A non-profit? A company?
</div>
162 <my-markdown-textarea
163 name=
"instanceAdministrator" formControlName=
"administrator" textareaWidth=
"500px" textareaHeight=
"75px" [previewColumn]=
"true"
164 [classes]=
"{ 'input-error': formErrors['instance.administrator'] }"
165 ></my-markdown-textarea>
167 <div *
ngIf=
"formErrors.instance.administrator" class=
"form-error">{{ formErrors.instance.administrator }}
</div>
170 <div class=
"form-group">
171 <label i18n
for=
"instanceCreationReason">Why did you create this instance?
</label>
172 <div i18n
class=
"label-small-info">To share your personal videos? To open registrations and allow people to upload what they want?
</div>
175 id=
"instanceCreationReason" formControlName=
"creationReason" class=
"small"
176 [ngClass]=
"{ 'input-error': formErrors['instance.creationReason'] }"
178 <div *
ngIf=
"formErrors.instance.creationReason" class=
"form-error">{{ formErrors.instance.creationReason }}
</div>
181 <div class=
"form-group">
182 <label i18n
for=
"instanceMaintenanceLifetime">How long do you plan to maintain this instance?
</label>
183 <div i18n
class=
"label-small-info">It's important to know for users who want to register on your instance
</div>
186 id=
"instanceMaintenanceLifetime" formControlName=
"maintenanceLifetime" class=
"small"
187 [ngClass]=
"{ 'input-error': formErrors['instance.maintenanceLifetime'] }"
189 <div *
ngIf=
"formErrors.instance.maintenanceLifetime" class=
"form-error">{{ formErrors.instance.maintenanceLifetime }}
</div>
192 <div class=
"form-group">
193 <label i18n
for=
"instanceBusinessModel">How will you finance the PeerTube server?
</label>
194 <div i18n
class=
"label-small-info">With your own funds? With user donations? Advertising?
</div>
197 id=
"instanceBusinessModel" formControlName=
"businessModel" class=
"small"
198 [ngClass]=
"{ 'input-error': formErrors['instance.businessModel'] }"
200 <div *
ngIf=
"formErrors.instance.businessModel" class=
"form-error">{{ formErrors.instance.businessModel }}
</div>
206 <div class=
"form-row mt-4"> <!-- other information grid -->
207 <div class=
"form-group col-12 col-lg-4 col-xl-3">
208 <div i18n
class=
"inner-form-title">OTHER INFORMATION
</div>
211 <div class=
"form-group form-group-right col-12 col-lg-8 col-xl-9">
213 <div class=
"form-group">
214 <label i18n
for=
"instanceHardwareInformation">What server/hardware does the instance run on?
</label>
215 <div i18n
class=
"label-small-info">i.e.
2vCore
2GB RAM, a direct the link to the server you rent, etc.
</div>
217 <my-markdown-textarea
218 name=
"instanceHardwareInformation" formControlName=
"hardwareInformation" textareaWidth=
"500px" textareaHeight=
"75px" [previewColumn]=
"true"
219 [classes]=
"{ 'input-error': formErrors['instance.hardwareInformation'] }"
220 ></my-markdown-textarea>
222 <div *
ngIf=
"formErrors.instance.hardwareInformation" class=
"form-error">{{ formErrors.instance.hardwareInformation }}
</div>
232 <ng-container ngbNavItem=
"basic-configuration">
233 <a ngbNavLink i18n
>Basic configuration
</a>
235 <ng-template ngbNavContent
>
237 <div class=
"form-row mt-5"> <!-- appearance grid -->
238 <div class=
"form-group col-12 col-lg-4 col-xl-3">
239 <div i18n
class=
"inner-form-title">APPEARANCE
</div>
240 <div i18n
class=
"inner-for-description">
241 Use
<a routerLink=
"/admin/plugins">plugins & themes
</a> for more involved changes, or
<a routerLink=
"/admin/config/edit-custom" fragment=
"customizations" (click)=
"gotoAnchor()">add slight customizations
</a>.
245 <div class=
"form-group form-group-right col-12 col-lg-8 col-xl-9">
247 <ng-container formGroupName=
"theme">
248 <div class=
"form-group">
249 <label i18n
for=
"themeDefault">Theme
</label>
251 <div class=
"peertube-select-container">
252 <select formControlName=
"default" id=
"themeDefault">
253 <option i18n
value=
"default">default
</option>
255 <option *
ngFor=
"let theme of availableThemes" [value]=
"theme">{{ theme }}
</option>
261 <div class=
"form-group" formGroupName=
"instance">
262 <label i18n
for=
"instanceDefaultClientRoute">Landing page
</label>
263 <div class=
"peertube-select-container">
264 <select id=
"instanceDefaultClientRoute" formControlName=
"defaultClientRoute">
265 <option i18n
value=
"/videos/overview">Discover videos
</option>
266 <option i18n
value=
"/videos/trending">Trending videos
</option>
267 <option i18n
value=
"/videos/most-liked">Most liked videos
</option>
268 <option i18n
value=
"/videos/recently-added">Recently added videos
</option>
269 <option i18n
value=
"/videos/local">Local videos
</option>
272 <div *
ngIf=
"formErrors.instance.defaultClientRoute" class=
"form-error">{{ formErrors.instance.defaultClientRoute }}
</div>
278 <div class=
"form-row mt-4"> <!-- new users grid -->
279 <div class=
"form-group col-12 col-lg-4 col-xl-3">
280 <div i18n
class=
"inner-form-title">NEW USERS
</div>
281 <div i18n
class=
"inner-for-description">
282 Manage
<a routerLink=
"/admin/users">users
</a> to set their quota individually.
286 <div class=
"form-group form-group-right col-12 col-lg-8 col-xl-9">
288 <ng-container formGroupName=
"signup">
289 <div class=
"form-group">
290 <my-peertube-checkbox
291 inputName=
"signupEnabled" formControlName=
"enabled"
292 i18n-labelText
labelText=
"Signup enabled"
294 <ng-container ngProjectAs=
"description">
295 <span i18n
>⚠️ This functionality requires a lot of attention and extra moderation.
</span>
297 <ng-container ngProjectAs=
"extra">
298 <my-peertube-checkbox [ngClass]=
"{ 'disabled-checkbox-extra': !isSignupEnabled() }"
299 inputName=
"signupRequiresEmailVerification" formControlName=
"requiresEmailVerification"
300 i18n-labelText
labelText=
"Signup requires email verification"
301 ></my-peertube-checkbox>
303 <div [ngClass]=
"{ 'disabled-checkbox-extra': !isSignupEnabled() }" class=
"mt-3">
304 <label i18n
for=
"signupLimit">Signup limit
</label>
306 type=
"number" min=
"-1" id=
"signupLimit"
307 formControlName=
"limit" [ngClass]=
"{ 'input-error': formErrors['signup.limit'] }"
309 <div *
ngIf=
"formErrors.signup.limit" class=
"form-error">{{ formErrors.signup.limit }}
</div>
310 <small *
ngIf=
"form.value['signup']['limit'] === -1" class=
"text-muted">Signup won't be limited to a fixed number of users.
</small>
313 </my-peertube-checkbox>
317 <ng-container formGroupName=
"user">
318 <div class=
"form-group">
319 <label i18n
for=
"userVideoQuota">Default video quota per user
</label>
320 <div class=
"peertube-select-container">
321 <select id=
"userVideoQuota" formControlName=
"videoQuota">
322 <option *
ngFor=
"let videoQuotaOption of videoQuotaOptions" [value]=
"videoQuotaOption.value">
323 {{ videoQuotaOption.label }}
327 <div *
ngIf=
"formErrors.user.videoQuota" class=
"form-error">{{ formErrors.user.videoQuota }}
</div>
330 <div class=
"form-group">
331 <label i18n
for=
"userVideoQuotaDaily">Default daily upload limit per user
</label>
332 <div class=
"peertube-select-container">
333 <select id=
"userVideoQuotaDaily" formControlName=
"videoQuotaDaily">
334 <option *
ngFor=
"let videoQuotaDailyOption of videoQuotaDailyOptions" [value]=
"videoQuotaDailyOption.value">
335 {{ videoQuotaDailyOption.label }}
339 <div *
ngIf=
"formErrors.user.videoQuotaDaily" class=
"form-error">{{ formErrors.user.videoQuotaDaily }}
</div>
346 <div class=
"form-row mt-4"> <!-- new videos grid -->
347 <div class=
"form-group col-12 col-lg-4 col-xl-3">
348 <div i18n
class=
"inner-form-title">NEW VIDEOS
</div>
351 <div class=
"form-group form-group-right col-12 col-lg-8 col-xl-9">
353 <ng-container formGroupName=
"import">
354 <ng-container formGroupName=
"videos">
356 <div class=
"form-group" formGroupName=
"http">
357 <my-peertube-checkbox
358 inputName=
"importVideosHttpEnabled" formControlName=
"enabled"
359 i18n-labelText
labelText=
"Allow import with HTTP URL (i.e. YouTube)"
360 ></my-peertube-checkbox>
363 <div class=
"form-group" formGroupName=
"torrent">
364 <my-peertube-checkbox
365 inputName=
"importVideosTorrentEnabled" formControlName=
"enabled"
366 i18n-labelText
labelText=
"Allow import with a torrent file or a magnet URI"
367 ></my-peertube-checkbox>
373 <ng-container formGroupName=
"autoBlacklist">
374 <ng-container formGroupName=
"videos">
375 <ng-container formGroupName=
"ofUsers">
377 <div class=
"form-group">
378 <my-peertube-checkbox
379 inputName=
"autoBlacklistVideosOfUsersEnabled" formControlName=
"enabled"
380 i18n-labelText
labelText=
"Blacklist new videos automatically"
382 <ng-container ngProjectAs=
"description">
383 <span i18n
>Unless a user is marked as trusted, their videos will stay private until a moderator reviews them.
</span>
385 </my-peertube-checkbox>
395 <div class=
"form-row mt-4"> <!-- federation grid -->
396 <div class=
"form-group col-12 col-lg-4 col-xl-3">
397 <div i18n
class=
"inner-form-title">FEDERATION
</div>
398 <div i18n
class=
"inner-form-description">
399 Manage
<a routerLink=
"/admin/follows">relations
</a> with other instances.
403 <div class=
"form-group form-group-right col-12 col-lg-8 col-xl-9">
405 <ng-container formGroupName=
"followers">
406 <ng-container formGroupName=
"instance">
408 <div class=
"form-group">
409 <my-peertube-checkbox
410 inputName=
"followersInstanceEnabled" formControlName=
"enabled"
411 i18n-labelText
labelText=
"Other instances can follow yours"
412 ></my-peertube-checkbox>
415 <div class=
"form-group">
416 <my-peertube-checkbox
417 inputName=
"followersInstanceManualApproval" formControlName=
"manualApproval"
418 i18n-labelText
labelText=
"Manually approve new instance followers"
419 ></my-peertube-checkbox>
424 <ng-container formGroupName=
"followings">
425 <ng-container formGroupName=
"instance">
427 <ng-container formGroupName=
"autoFollowBack">
428 <div class=
"form-group">
429 <my-peertube-checkbox
430 inputName=
"followingsInstanceAutoFollowBackEnabled" formControlName=
"enabled"
431 i18n-labelText
labelText=
"Automatically follow back instances"
433 <ng-container ngProjectAs=
"description">
434 <span i18n
>⚠️ This functionality requires a lot of attention and extra moderation.
</span>
436 </my-peertube-checkbox>
440 <ng-container formGroupName=
"autoFollowIndex">
441 <div class=
"form-group">
442 <my-peertube-checkbox
443 inputName=
"followingsInstanceAutoFollowIndexEnabled" formControlName=
"enabled"
444 i18n-labelText
labelText=
"Automatically follow instances of the public index"
446 <ng-container ngProjectAs=
"description">
447 <span i18n
>⚠️ This functionality requires a lot of attention and extra moderation.
</span>
450 <ng-container ngProjectAs=
"extra">
451 <div [ngClass]=
"{ 'disabled-checkbox-extra': !isAutoFollowIndexEnabled() }">
452 <label i18n
for=
"followingsInstanceAutoFollowIndexUrl">Index URL
</label>
454 type=
"text" id=
"followingsInstanceAutoFollowIndexUrl"
455 formControlName=
"indexUrl" [ngClass]=
"{ 'input-error': formErrors['followings.instance.autoFollowIndex.indexUrl'] }"
457 <div *
ngIf=
"formErrors.followings.instance.autoFollowIndex.indexUrl" class=
"form-error">{{ formErrors.followings.instance.autoFollowIndex.indexUrl }}
</div>
460 </my-peertube-checkbox>
470 <div class=
"form-row mt-4"> <!-- administrators grid -->
471 <div class=
"form-group col-12 col-lg-4 col-xl-3">
472 <div i18n
class=
"inner-form-title">ADMINISTRATORS
</div>
475 <div class=
"form-group form-group-right col-12 col-lg-8 col-xl-9">
477 <div class=
"form-group" formGroupName=
"admin">
478 <label i18n
for=
"adminEmail">Admin email
</label>
480 type=
"text" id=
"adminEmail"
481 formControlName=
"email" [ngClass]=
"{ 'input-error': formErrors['admin.email'] }"
483 <div *
ngIf=
"formErrors.admin.email" class=
"form-error">{{ formErrors.admin.email }}
</div>
486 <div class=
"form-group" formGroupName=
"contactForm">
487 <my-peertube-checkbox
488 inputName=
"enableContactForm" formControlName=
"enabled"
489 i18n-labelText
labelText=
"Enable contact form"
490 ></my-peertube-checkbox>
499 <ng-container ngbNavItem=
"services">
500 <a ngbNavLink i18n
>Services
</a>
502 <ng-template ngbNavContent
>
504 <div class=
"form-row mt-5"> <!-- twitter grid -->
505 <div class=
"form-group col-12 col-lg-4 col-xl-3">
506 <div i18n
class=
"inner-form-title">TWITTER
</div>
507 <div i18n
class=
"inner-form-description">
508 Optional. If any, provide the Twitter account representing your instance to improve link previews.
512 <div class=
"form-group form-group-right col-12 col-lg-8 col-xl-9">
514 <ng-container formGroupName=
"services">
515 <ng-container formGroupName=
"twitter">
517 <div class=
"form-group">
518 <label i18n
for=
"signupLimit">Your Twitter username
</label>
521 type=
"text" id=
"servicesTwitterUsername"
522 formControlName=
"username" [ngClass]=
"{ 'input-error': formErrors['services.twitter.username'] }"
524 <div *
ngIf=
"formErrors.services.twitter.username" class=
"form-error">{{ formErrors.services.twitter.username }}
</div>
527 <div class=
"form-group">
528 <my-peertube-checkbox inputName=
"servicesTwitterWhitelisted" formControlName=
"whitelisted">
529 <ng-template ptTemplate=
"label">
530 <ng-container i18n
>Instance whitelisted by Twitter
</ng-container>
533 <ng-template ptTemplate=
"help">
535 If your instance is whitelisted by Twitter, a video player will be embedded in the Twitter feed on PeerTube video share.
<br />
536 If the instance is not whitelisted, we use an image link card that will redirect on your PeerTube instance.
<br /><br />
537 Check this checkbox, save the configuration and test with a video URL of your instance (https://example.com/videos/watch/blabla) on
538 <a target='_blank' rel='noopener noreferrer' href='https://cards-dev.twitter.com/validator'
>https://cards-dev.twitter.com/validator
</a>
539 to see if you instance is whitelisted.
542 </my-peertube-checkbox>
553 <ng-container ngbNavItem=
"advanced-configuration">
554 <a ngbNavLink i18n
>Advanced configuration
</a>
556 <ng-template ngbNavContent
>
558 <div class=
"form-row mt-5"> <!-- transcoding grid -->
559 <div class=
"form-group col-12 col-lg-4 col-xl-3">
560 <div i18n
class=
"inner-form-title">TRANSCODING
</div>
561 <div i18n
class=
"inner-form-description">
562 Process uploaded videos so that they are in a streamable form that any device can play. Though costly in
563 resources, this is a critical part of PeerTube, so tread carefully.
567 <div class=
"form-group form-group-right col-12 col-lg-8 col-xl-9">
569 <ng-container formGroupName=
"transcoding">
571 <div class=
"form-group">
572 <my-peertube-checkbox inputName=
"transcodingEnabled" formControlName=
"enabled">
573 <ng-template ptTemplate=
"label">
574 <ng-container i18n
>Transcoding enabled
</ng-container>
577 <ng-template ptTemplate=
"help">
578 <ng-container i18n
>If you disable transcoding, many videos from your users will not work!
</ng-container>
581 <ng-container ngProjectAs=
"extra">
583 <div class=
"form-group" [ngClass]=
"{ 'disabled-checkbox-extra': !isTranscodingEnabled() }">
584 <my-peertube-checkbox
585 inputName=
"transcodingAllowAdditionalExtensions" formControlName=
"allowAdditionalExtensions"
586 i18n-labelText
labelText=
"Allow additional extensions"
588 <ng-container ngProjectAs=
"description">
589 <span i18n
>Allows users to upload .mkv, .mov, .avi and .flv videos.
</span>
591 </my-peertube-checkbox>
594 <div class=
"form-group" [ngClass]=
"{ 'disabled-checkbox-extra': !isTranscodingEnabled() }">
595 <my-peertube-checkbox
596 inputName=
"transcodingAllowAudioFiles" formControlName=
"allowAudioFiles"
597 i18n-labelText
labelText=
"Allow audio files upload"
599 <ng-container ngProjectAs=
"description">
600 <span i18n
>Allows users to upload audio files that will be merged with the preview file on upload.
</span>
602 </my-peertube-checkbox>
605 <ng-container formGroupName=
"webtorrent">
606 <div class=
"form-group" [ngClass]=
"{ 'disabled-checkbox-extra': !isTranscodingEnabled() }">
607 <my-peertube-checkbox
608 inputName=
"transcodingWebTorrentEnabled" formControlName=
"enabled"
609 i18n-labelText
labelText=
"WebTorrent support enabled"
611 <ng-template ptTemplate=
"help">
613 <strong>Experimental, we suggest you to not disable webtorrent support for now
</strong>
615 <p>If you also enabled HLS support, it will multiply videos storage by
2</p>
619 <strong>If disabled, breaks federation with PeerTube instances <
2.1</strong>
622 </my-peertube-checkbox>
626 <ng-container formGroupName=
"hls">
627 <div class=
"form-group" [ngClass]=
"{ 'disabled-checkbox-extra': !isTranscodingEnabled() }">
628 <my-peertube-checkbox
629 inputName=
"transcodingHlsEnabled" formControlName=
"enabled"
630 i18n-labelText
labelText=
"HLS support enabled"
632 <ng-template ptTemplate=
"help">
634 <strong>Requires ffmpeg
>=
4.1</strong>
636 <p>Generate HLS playlists and fragmented MP4 files resulting in a better playback than with the current default player:
</p>
638 <li>Resolution change is smoother
</li>
639 <li>Faster playback in particular with long videos
</li>
640 <li>More stable playback (less bugs/infinite loading)
</li>
643 <p>If you also enabled WebTorrent support, it will multiply videos storage by
2</p>
646 </my-peertube-checkbox>
651 </my-peertube-checkbox>
654 <div class=
"form-group">
656 <div class=
"form-group" [ngClass]=
"{ 'disabled-checkbox-extra': !isTranscodingEnabled() }">
657 <label i18n
for=
"transcodingThreads">Transcoding threads
</label>
658 <div class=
"peertube-select-container">
659 <select id=
"transcodingThreads" formControlName=
"threads">
660 <option *
ngFor=
"let transcodingThreadOption of transcodingThreadOptions" [value]=
"transcodingThreadOption.value">
661 {{ transcodingThreadOption.label }}
665 <div *
ngIf=
"formErrors.transcoding.threads" class=
"form-error">{{ formErrors.transcoding.threads }}
</div>
670 <div class=
"form-group" [ngClass]=
"{ 'disabled-checkbox-extra': !isTranscodingEnabled() }">
672 <label i18n
for=
"transcodingThreads">Resolutions to generate
</label>
674 <div class=
"ml-2 mt-2 d-flex flex-column">
675 <ng-container formGroupName=
"resolutions">
676 <div class=
"form-group" *
ngFor=
"let resolution of resolutions">
677 <my-peertube-checkbox
678 [inputName]=
"getResolutionKey(resolution.id)" [formControlName]=
"resolution.id"
679 labelText=
"{{resolution.label}}"
681 <ng-template *
ngIf=
"resolution.description" ptTemplate=
"help">
682 <div [innerHTML]=
"resolution.description"></div>
684 </my-peertube-checkbox>
696 <div class=
"form-row mt-4"> <!-- cache grid -->
697 <div class=
"form-group col-12 col-lg-4 col-xl-3">
698 <div i18n
class=
"inner-form-title">CACHE
</div>
699 <div i18n
class=
"inner-form-description">
700 Some files are not federated, and fetched when necessary. Define their caching policies.
704 <div class=
"form-group form-group-right col-12 col-lg-8 col-xl-9">
706 <ng-container formGroupName=
"cache">
707 <div class=
"form-group" formGroupName=
"previews">
708 <label i18n
for=
"cachePreviewsSize">Number of previews to keep in cache
</label>
710 type=
"number" min=
"0" id=
"cachePreviewsSize"
711 formControlName=
"size" [ngClass]=
"{ 'input-error': formErrors['cache.previews.size'] }"
713 <div *
ngIf=
"formErrors.cache.previews.size" class=
"form-error">{{ formErrors.cache.previews.size }}
</div>
716 <div class=
"form-group" formGroupName=
"captions">
717 <label i18n
for=
"cacheCaptionsSize">Number of video captions to keep in cache
</label>
719 type=
"number" min=
"0" id=
"cacheCaptionsSize"
720 formControlName=
"size" [ngClass]=
"{ 'input-error': formErrors['cache.captions.size'] }"
722 <div *
ngIf=
"formErrors.cache.captions.size" class=
"form-error">{{ formErrors.cache.captions.size }}
</div>
729 <div class=
"form-row mt-4"> <!-- cache grid -->
730 <div class=
"form-group col-12 col-lg-4 col-xl-3">
731 <div class=
"anchor" id=
"customizations"></div> <!-- customizations anchor -->
732 <div i18n
class=
"inner-form-title">CUSTOMIZATIONS
</div>
733 <div i18n
class=
"inner-form-description">
734 Slight modifications to your PeerTube instance for when creating a plugin or theme is overkill.
738 <div class=
"form-group form-group-right col-12 col-lg-8 col-xl-9">
740 <ng-container formGroupName=
"instance">
741 <ng-container formGroupName=
"customizations">
742 <div class=
"form-group">
743 <label i18n
for=
"customizationJavascript">JavaScript
</label>
745 <ng-template ptTemplate=
"customHtml">
747 Write JavaScript code directly.
<br />Example:
<pre>console.log('my instance is amazing');
</pre>
753 id=
"customizationJavascript" formControlName=
"javascript"
754 [ngClass]=
"{ 'input-error': formErrors['instance.customizations.javascript'] }"
757 <div *
ngIf=
"formErrors.instance.customizations.javascript" class=
"form-error">{{ formErrors.instance.customizations.javascript }}
</div>
760 <div class=
"form-group">
761 <label for=
"customizationCSS">CSS
</label>
764 <ng-template ptTemplate=
"customHtml">
766 Write CSS code directly. Example:
<br /><br />
768 #custom-css {{ '{' }}
772 Prepend with
<em>#custom-css
</em> to override styles. Example:
<br /><br />
774 #custom-css .logged-in-email {{ '{' }}
783 id=
"customizationCSS" formControlName=
"css"
784 [ngClass]=
"{ 'input-error': formErrors['instance.customizations.css'] }"
786 <div *
ngIf=
"formErrors.instance.customizations.css" class=
"form-error">{{ formErrors.instance.customizations.css }}
</div>
798 <div [ngbNavOutlet]=
"nav"></div>
800 <div class=
"form-row mt-4"> <!-- submit placement block -->
801 <div class=
"col-md-7 col-xl-5"></div>
802 <div class=
"col-md-5 col-xl-5">
803 <input (click)=
"formValidated()" type=
"submit" i18n-value
value=
"Update configuration" [disabled]=
"!form.valid">
804 <span class=
"form-error" i18n *
ngIf=
"!form.valid">It seems like the configuration is invalid. Please search for potential errors in the different tabs.
</span>