2021-02-10 11:06:32 +01:00
|
|
|
<ng-container [formGroup]="form">
|
|
|
|
|
2022-06-08 16:14:24 +02:00
|
|
|
<div class="row mt-5"> <!-- cache grid -->
|
|
|
|
|
|
|
|
<div class="col-12 col-lg-4 col-xl-3">
|
2023-05-24 15:27:15 +02:00
|
|
|
<h2 i18n class="inner-form-title">CACHE</h2>
|
2021-02-10 11:06:32 +01:00
|
|
|
<div i18n class="inner-form-description">
|
|
|
|
Some files are not federated, and fetched when necessary. Define their caching policies.
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
2022-06-08 16:14:24 +02:00
|
|
|
<div class="col-12 col-lg-8 col-xl-9">
|
2021-02-10 11:06:32 +01:00
|
|
|
<ng-container formGroupName="cache">
|
|
|
|
<div class="form-group" formGroupName="previews">
|
|
|
|
<label i18n for="cachePreviewsSize">Number of previews to keep in cache</label>
|
2021-02-10 11:27:36 +01:00
|
|
|
|
2021-02-10 11:06:32 +01:00
|
|
|
<div class="number-with-unit">
|
|
|
|
<input
|
|
|
|
type="number" min="0" id="cachePreviewsSize" class="form-control"
|
|
|
|
formControlName="size" [ngClass]="{ 'input-error': formErrors['cache.previews.size'] }"
|
|
|
|
>
|
2021-02-10 11:27:36 +01:00
|
|
|
<span i18n>{getCacheSize('previews'), plural, =1 {cached image} other {cached images}}</span>
|
2021-02-10 11:06:32 +01:00
|
|
|
</div>
|
2021-02-10 11:27:36 +01:00
|
|
|
|
2021-02-10 11:06:32 +01:00
|
|
|
<div *ngIf="formErrors.cache.previews.size" class="form-error">{{ formErrors.cache.previews.size }}</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="form-group" formGroupName="captions">
|
|
|
|
<label i18n for="cacheCaptionsSize">Number of video captions to keep in cache</label>
|
2021-02-10 11:27:36 +01:00
|
|
|
|
2021-02-10 11:06:32 +01:00
|
|
|
<div class="number-with-unit">
|
|
|
|
<input
|
|
|
|
type="number" min="0" id="cacheCaptionsSize" class="form-control"
|
|
|
|
formControlName="size" [ngClass]="{ 'input-error': formErrors['cache.captions.size'] }"
|
|
|
|
>
|
2021-02-10 11:27:36 +01:00
|
|
|
<span i18n>{getCacheSize('captions'), plural, =1 {cached caption} other {cached captions}}</span>
|
2021-02-10 11:06:32 +01:00
|
|
|
</div>
|
2021-02-10 11:27:36 +01:00
|
|
|
|
2021-02-10 11:06:32 +01:00
|
|
|
<div *ngIf="formErrors.cache.captions.size" class="form-error">{{ formErrors.cache.captions.size }}</div>
|
|
|
|
</div>
|
2021-02-18 11:07:08 +01:00
|
|
|
|
|
|
|
<div class="form-group" formGroupName="torrents">
|
|
|
|
<label i18n for="cacheTorrentsSize">Number of video torrents to keep in cache</label>
|
|
|
|
|
|
|
|
<div class="number-with-unit">
|
|
|
|
<input
|
|
|
|
type="number" min="0" id="cacheTorrentsSize" class="form-control"
|
|
|
|
formControlName="size" [ngClass]="{ 'input-error': formErrors['cache.torrents.size'] }"
|
|
|
|
>
|
|
|
|
<span i18n>{getCacheSize('torrents'), plural, =1 {cached torrent} other {cached torrents}}</span>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div *ngIf="formErrors.cache.torrents.size" class="form-error">{{ formErrors.cache.torrents.size }}</div>
|
|
|
|
</div>
|
2021-02-10 11:06:32 +01:00
|
|
|
</ng-container>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
2022-06-08 16:14:24 +02:00
|
|
|
<div class="row mt-4"> <!-- cache grid -->
|
|
|
|
<div class="col-12 col-lg-4 col-xl-3">
|
2021-02-10 11:06:32 +01:00
|
|
|
<div class="anchor" id="customizations"></div> <!-- customizations anchor -->
|
2023-05-24 15:27:15 +02:00
|
|
|
<h2 i18n class="inner-form-title">CUSTOMIZATIONS</h2>
|
2021-02-10 11:06:32 +01:00
|
|
|
<div i18n class="inner-form-description">
|
|
|
|
Slight modifications to your PeerTube instance for when creating a plugin or theme is overkill.
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
2022-06-08 16:14:24 +02:00
|
|
|
<div class="col-12 col-lg-8 col-xl-9">
|
2021-02-10 11:06:32 +01:00
|
|
|
<ng-container formGroupName="instance">
|
|
|
|
<ng-container formGroupName="customizations">
|
|
|
|
<div class="form-group">
|
|
|
|
<label i18n for="customizationJavascript">JavaScript</label>
|
|
|
|
<my-help>
|
|
|
|
<ng-template ptTemplate="customHtml">
|
|
|
|
<ng-container i18n>
|
|
|
|
Write JavaScript code directly.<br />Example: <pre>console.log('my instance is amazing');</pre>
|
|
|
|
</ng-container>
|
|
|
|
</ng-template>
|
|
|
|
</my-help>
|
|
|
|
|
|
|
|
<textarea
|
|
|
|
id="customizationJavascript" formControlName="javascript" class="form-control"
|
|
|
|
[ngClass]="{ 'input-error': formErrors['instance.customizations.javascript'] }"
|
|
|
|
></textarea>
|
|
|
|
|
|
|
|
<div *ngIf="formErrors.instance.customizations.javascript" class="form-error">{{ formErrors.instance.customizations.javascript }}</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
<label for="customizationCSS">CSS</label>
|
|
|
|
|
|
|
|
<my-help>
|
|
|
|
<ng-template ptTemplate="customHtml">
|
|
|
|
<ng-container i18n>
|
|
|
|
Write CSS code directly. Example:<br /><br />
|
|
|
|
<pre>
|
|
|
|
#custom-css {{ '{' }}
|
|
|
|
color: red;
|
|
|
|
{{ '}' }}
|
|
|
|
</pre>
|
|
|
|
Prepend with <em>#custom-css</em> to override styles. Example:<br /><br />
|
|
|
|
<pre>
|
|
|
|
#custom-css .logged-in-email {{ '{' }}
|
|
|
|
color: red;
|
|
|
|
{{ '}' }}
|
|
|
|
</pre>
|
|
|
|
</ng-container>
|
|
|
|
</ng-template>
|
|
|
|
</my-help>
|
|
|
|
|
|
|
|
<textarea
|
|
|
|
id="customizationCSS" formControlName="css" class="form-control"
|
|
|
|
[ngClass]="{ 'input-error': formErrors['instance.customizations.css'] }"
|
|
|
|
></textarea>
|
|
|
|
<div *ngIf="formErrors.instance.customizations.css" class="form-error">{{ formErrors.instance.customizations.css }}</div>
|
|
|
|
</div>
|
|
|
|
</ng-container>
|
|
|
|
</ng-container>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</ng-container>
|