1 <ng-container [formGroup]=
"form">
3 <div class=
"form-row mt-5"> <!-- cache grid -->
4 <div class=
"form-group col-12 col-lg-4 col-xl-3">
5 <div i18n
class=
"inner-form-title">CACHE
</div>
6 <div i18n
class=
"inner-form-description">
7 Some files are not federated, and fetched when necessary. Define their caching policies.
11 <div class=
"form-group form-group-right col-12 col-lg-8 col-xl-9">
13 <ng-container formGroupName=
"cache">
14 <div class=
"form-group" formGroupName=
"previews">
15 <label i18n
for=
"cachePreviewsSize">Number of previews to keep in cache
</label>
17 <div class=
"number-with-unit">
19 type=
"number" min=
"0" id=
"cachePreviewsSize" class=
"form-control"
20 formControlName=
"size" [ngClass]=
"{ 'input-error': formErrors['cache.previews.size'] }"
22 <span i18n
>{getCacheSize('previews'), plural, =
1 {cached image} other {cached images}}
</span>
25 <div *
ngIf=
"formErrors.cache.previews.size" class=
"form-error">{{ formErrors.cache.previews.size }}
</div>
28 <div class=
"form-group" formGroupName=
"captions">
29 <label i18n
for=
"cacheCaptionsSize">Number of video captions to keep in cache
</label>
31 <div class=
"number-with-unit">
33 type=
"number" min=
"0" id=
"cacheCaptionsSize" class=
"form-control"
34 formControlName=
"size" [ngClass]=
"{ 'input-error': formErrors['cache.captions.size'] }"
36 <span i18n
>{getCacheSize('captions'), plural, =
1 {cached caption} other {cached captions}}
</span>
39 <div *
ngIf=
"formErrors.cache.captions.size" class=
"form-error">{{ formErrors.cache.captions.size }}
</div>
46 <div class=
"form-row mt-4"> <!-- cache grid -->
47 <div class=
"form-group col-12 col-lg-4 col-xl-3">
48 <div class=
"anchor" id=
"customizations"></div> <!-- customizations anchor -->
49 <div i18n
class=
"inner-form-title">CUSTOMIZATIONS
</div>
50 <div i18n
class=
"inner-form-description">
51 Slight modifications to your PeerTube instance for when creating a plugin or theme is overkill.
55 <div class=
"form-group form-group-right col-12 col-lg-8 col-xl-9">
57 <ng-container formGroupName=
"instance">
58 <ng-container formGroupName=
"customizations">
59 <div class=
"form-group">
60 <label i18n
for=
"customizationJavascript">JavaScript
</label>
62 <ng-template ptTemplate=
"customHtml">
64 Write JavaScript code directly.
<br />Example:
<pre>console.log('my instance is amazing');
</pre>
70 id=
"customizationJavascript" formControlName=
"javascript" class=
"form-control"
71 [ngClass]=
"{ 'input-error': formErrors['instance.customizations.javascript'] }"
74 <div *
ngIf=
"formErrors.instance.customizations.javascript" class=
"form-error">{{ formErrors.instance.customizations.javascript }}
</div>
77 <div class=
"form-group">
78 <label for=
"customizationCSS">CSS
</label>
81 <ng-template ptTemplate=
"customHtml">
83 Write CSS code directly. Example:
<br /><br />
89 Prepend with
<em>#custom-css
</em> to override styles. Example:
<br /><br />
91 #custom-css .logged-in-email {{ '{' }}
100 id=
"customizationCSS" formControlName=
"css" class=
"form-control"
101 [ngClass]=
"{ 'input-error': formErrors['instance.customizations.css'] }"
103 <div *
ngIf=
"formErrors.instance.customizations.css" class=
"form-error">{{ formErrors.instance.customizations.css }}
</div>