<ng-container [formGroup]="form">
<div class="row mt-5"> <!-- appearance grid -->
<div class="col-12 col-lg-4 col-xl-3">
- <div i18n class="inner-form-title">APPEARANCE</div>
+ <h2 i18n class="inner-form-title">APPEARANCE</h2>
<div i18n class="inner-form-description">
Use <a class="link-orange" routerLink="/admin/plugins">plugins & themes</a> for more involved changes, or add slight <a class="link-orange" routerLink="/admin/config/edit-custom" fragment="advanced-configuration">customizations</a>.
</div>
<div class="peertube-select-container">
<select id="trendingVideosAlgorithmsDefault" formControlName="default" class="form-control">
<option i18n value="hot">Hot videos</option>
- <option i18n value="most-viewed">Most viewed videos</option>
+ <option i18n value="most-viewed">Recent views</option>
<option i18n value="most-liked">Most liked videos</option>
+ <option i18n value="views">Global views</option>
</select>
</div>
<div class="row mt-4"> <!-- broadcast grid -->
<div class="col-12 col-lg-4 col-xl-3">
- <div i18n class="inner-form-title">BROADCAST MESSAGE</div>
+ <h2 i18n class="inner-form-title">BROADCAST MESSAGE</h2>
<div i18n class="inner-form-description">
Display a message on your instance
</div>
<my-markdown-textarea
name="broadcastMessageMessage" formControlName="message"
- [formError]="formErrors['broadcastMessage.message']"
+ [formError]="formErrors['broadcastMessage.message']" markdownType="to-unsafe-html"
></my-markdown-textarea>
<div *ngIf="formErrors.broadcastMessage.message" class="form-error">{{ formErrors.broadcastMessage.message }}</div>
<div class="row mt-4"> <!-- new users grid -->
<div class="col-12 col-lg-4 col-xl-3">
- <div i18n class="inner-form-title">NEW USERS</div>
+ <h2 i18n class="inner-form-title">NEW USERS</h2>
<div i18n class="inner-form-description">
Manage <a class="link-orange" routerLink="/admin/users">users</a> to set their quota individually.
</div>
</ng-container>
<ng-container ngProjectAs="extra">
- <my-peertube-checkbox [ngClass]="getDisabledSignupClass()"
- inputName="signupRequiresEmailVerification" formControlName="requiresEmailVerification"
- i18n-labelText labelText="Signup requires email verification"
- ></my-peertube-checkbox>
+ <div class="form-group">
+ <my-peertube-checkbox [ngClass]="getDisabledSignupClass()"
+ inputName="signupRequiresApproval" formControlName="requiresApproval"
+ i18n-labelText labelText="Signup requires approval by moderators"
+ ></my-peertube-checkbox>
+ </div>
- <div [ngClass]="getDisabledSignupClass()" class="mt-3">
+ <div class="form-group">
+ <my-peertube-checkbox [ngClass]="getDisabledSignupClass()"
+ inputName="signupRequiresEmailVerification" formControlName="requiresEmailVerification"
+ i18n-labelText labelText="Signup requires email verification"
+ ></my-peertube-checkbox>
+ </div>
+
+ <div [ngClass]="getDisabledSignupClass()">
<label i18n for="signupLimit">Signup limit</label>
<div class="number-with-unit">
[clearable]="false"
></my-select-custom-value>
+ <my-user-real-quota-info [videoQuota]="getUserVideoQuota()"></my-user-real-quota-info>
+
<div *ngIf="formErrors.user.videoQuota" class="form-error">{{ formErrors.user.videoQuota }}</div>
</div>
<div *ngIf="formErrors.user.videoQuotaDaily" class="form-error">{{ formErrors.user.videoQuotaDaily }}</div>
</div>
+ <div class="form-group">
+ <ng-container formGroupName="history">
+ <ng-container formGroupName="videos">
+ <my-peertube-checkbox
+ inputName="videosHistoryEnabled" formControlName="enabled"
+ i18n-labelText labelText="Automatically enable video history for new users"
+ >
+ </my-peertube-checkbox>
+ </ng-container>
+ </ng-container>
+ </div>
</ng-container>
</div>
<div class="row mt-4"> <!-- videos grid -->
<div class="col-12 col-lg-4 col-xl-3">
- <div i18n class="inner-form-title">VIDEOS</div>
+ <h2 i18n class="inner-form-title">VIDEOS</h2>
</div>
<div class="col-12 col-lg-8 col-xl-9">
inputName="importVideosHttpEnabled" formControlName="enabled"
i18n-labelText labelText="Allow import with HTTP URL (e.g. YouTube)"
>
- <ng-container ngProjectAs="description">
- <span i18n>⚠️ If enabled, we recommend to use <a class="link-orange" href="https://docs.joinpeertube.org/maintain-configuration?id=security">a HTTP proxy</a> to prevent private URL access from your PeerTube server</span>
- </ng-container>
- </my-peertube-checkbox>
+ <ng-container ngProjectAs="description">
+ <span i18n>⚠️ If enabled, we recommend to use <a class="link-orange" href="https://docs.joinpeertube.org/maintain/configuration#security">a HTTP proxy</a> to prevent private URL access from your PeerTube server</span>
+ </ng-container>
+ </my-peertube-checkbox>
</div>
<div class="form-group" formGroupName="torrent">
</div>
</ng-container>
+
+ <ng-container formGroupName="videoChannelSynchronization">
+ <div class="form-group">
+ <my-peertube-checkbox
+ inputName="importSynchronizationEnabled" formControlName="enabled"
+ i18n-labelText labelText="Allow channel synchronization with channel of other platforms like YouTube (requires allowing import with HTTP URL)"
+ >
+ <ng-container ngProjectAs="description">
+ <span i18n [hidden]="isImportVideosHttpEnabled()">
+ ⛔ You need to allow import with HTTP URL to be able to activate this feature.
+ </span>
+ </ng-container>
+ </my-peertube-checkbox>
+ </div>
+ </ng-container>
+
</ng-container>
<ng-container formGroupName="autoBlacklist">
<div class="row mt-4"> <!-- video channels grid -->
<div class="col-12 col-lg-4 col-xl-3">
- <div i18n class="inner-form-title">VIDEO CHANNELS</div>
+ <h2 i18n class="inner-form-title">VIDEO CHANNELS</h2>
</div>
<div class="col-12 col-lg-8 col-xl-9">
<div class="row mt-4"> <!-- search grid -->
<div class="col-12 col-lg-4 col-xl-3">
- <div i18n class="inner-form-title">SEARCH</div>
+ <h2 i18n class="inner-form-title">SEARCH</h2>
</div>
<div class="col-12 col-lg-8 col-xl-9">
<div class="row mt-4"> <!-- federation grid -->
<div class="col-12 col-lg-4 col-xl-3">
- <div i18n class="inner-form-title">FEDERATION</div>
+ <h2 i18n class="inner-form-title">FEDERATION</h2>
<div i18n class="inner-form-description">
Manage <a class="link-orange" routerLink="/admin/follows">relations</a> with other instances.
</div>
<div i18n>⚠️ This functionality requires a lot of attention and extra moderation.</div>
<span i18n>
- See <a class="link-orange" href="https://docs.joinpeertube.org/admin-following-instances?id=automatically-follow-other-instances" rel="noopener noreferrer" target="_blank">the documentation</a> for more information about the expected URL
+ See <a class="link-orange" href="https://docs.joinpeertube.org/admin/following-instances#automatically-follow-other-instances" rel="noopener noreferrer" target="_blank">the documentation</a> for more information about the expected URL
</span>
</ng-container>
<div class="row mt-4"> <!-- administrators grid -->
<div class="col-12 col-lg-4 col-xl-3">
- <div i18n class="inner-form-title">ADMINISTRATORS</div>
+ <h2 i18n class="inner-form-title">ADMINISTRATORS</h2>
</div>
<div class="col-12 col-lg-8 col-xl-9">
<div class="row mt-4"> <!-- Twitter grid -->
<div class="col-12 col-lg-4 col-xl-3">
- <div i18n class="inner-form-title">TWITTER</div>
+ <h2 i18n class="inner-form-title">TWITTER</h2>
<div i18n class="inner-form-description">
Provide the Twitter account representing your instance to improve link previews.
If you don't have a Twitter account, just leave the default value.