]>
Commit | Line | Data |
---|---|---|
5f46d28c | 1 | <ng-container [formGroup]="form"> |
4c8749cb C |
2 | <div class="row mt-5"> <!-- appearance grid --> |
3 | <div class="col-12 col-lg-4 col-xl-3"> | |
5f46d28c C |
4 | <div i18n class="inner-form-title">APPEARANCE</div> |
5 | <div i18n class="inner-form-description"> | |
5b0ec7cd | 6 | 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>. |
5f46d28c C |
7 | </div> |
8 | </div> | |
9 | ||
4c8749cb | 10 | <div class="col-12 col-lg-8 col-xl-9"> |
5f46d28c C |
11 | |
12 | <ng-container formGroupName="theme"> | |
13 | <div class="form-group"> | |
14 | <label i18n for="themeDefault">Theme</label> | |
15 | ||
16 | <div class="peertube-select-container"> | |
17 | <select formControlName="default" id="themeDefault" class="form-control"> | |
5e93a6d1 | 18 | <option i18n value="default">{{ getDefaultThemeLabel() }}</option> |
5f46d28c | 19 | |
00fe5d61 | 20 | <option *ngFor="let theme of availableThemes" [value]="theme.id">{{ theme.label }}</option> |
5f46d28c C |
21 | </select> |
22 | </div> | |
23 | </div> | |
24 | </ng-container> | |
25 | ||
26 | <div class="form-group" formGroupName="instance"> | |
27 | <label i18n for="instanceDefaultClientRoute">Landing page</label> | |
70e33515 | 28 | |
2539932e C |
29 | <my-select-custom-value |
30 | id="instanceDefaultClientRoute" | |
31 | [items]="defaultLandingPageOptions" | |
32 | formControlName="defaultClientRoute" | |
33 | inputType="text" | |
34 | [clearable]="false" | |
35 | ></my-select-custom-value> | |
70e33515 | 36 | |
5f46d28c C |
37 | <div *ngIf="formErrors.instance.defaultClientRoute" class="form-error">{{ formErrors.instance.defaultClientRoute }}</div> |
38 | </div> | |
39 | ||
40 | <div class="form-group" formGroupName="trending"> | |
41 | <ng-container formGroupName="videos"> | |
42 | <ng-container formGroupName="algorithms"> | |
43 | <label i18n for="trendingVideosAlgorithmsDefault">Default trending page</label> | |
70e33515 | 44 | |
5f46d28c C |
45 | <div class="peertube-select-container"> |
46 | <select id="trendingVideosAlgorithmsDefault" formControlName="default" class="form-control"> | |
c6820dc4 | 47 | <option i18n value="publishedAt">Recently added videos</option> |
48 | <option i18n value="originallyPublishedAt">Original publication date</option> | |
49 | <option i18n value="name">Name</option> | |
5f46d28c | 50 | <option i18n value="hot">Hot videos</option> |
c6820dc4 | 51 | <option i18n value="most-viewed">Recent views</option> |
5f46d28c | 52 | <option i18n value="most-liked">Most liked videos</option> |
c6820dc4 | 53 | <option i18n value="views">Global views</option> |
5f46d28c C |
54 | </select> |
55 | </div> | |
70e33515 | 56 | |
5f46d28c C |
57 | <div *ngIf="formErrors.trending.videos.algorithms.default" class="form-error">{{ formErrors.trending.videos.algorithms.default }}</div> |
58 | </ng-container> | |
59 | </ng-container> | |
60 | </div> | |
61 | ||
0bc53e20 C |
62 | <ng-container formGroupName="client"> |
63 | ||
64 | <ng-container formGroupName="videos"> | |
65 | <ng-container formGroupName="miniature"> | |
66 | <div class="form-group"> | |
67 | <my-peertube-checkbox | |
68 | inputName="clientVideosMiniaturePreferAuthorDisplayName" formControlName="preferAuthorDisplayName" | |
69 | i18n-labelText labelText="Prefer author display name in video miniature" | |
70 | ></my-peertube-checkbox> | |
71 | </div> | |
72 | </ng-container> | |
73 | </ng-container> | |
74 | ||
75 | <ng-container formGroupName="menu"> | |
76 | <ng-container formGroupName="login"> | |
77 | <div class="form-group"> | |
78 | <my-peertube-checkbox | |
79 | inputName="clientMenuLoginRedirectOnSingleExternalAuth" formControlName="redirectOnSingleExternalAuth" | |
80 | i18n-labelText labelText="Redirect users on single external auth when users click on the login button in menu" | |
81 | > | |
82 | <ng-container ngProjectAs="description"> | |
83 | <span *ngIf="countExternalAuth() === 0" i18n>⚠️ You don't have any external auth plugin enabled.</span> | |
84 | <span *ngIf="countExternalAuth() > 1" i18n>⚠️ You have multiple external auth plugins enabled.</span> | |
85 | </ng-container> | |
86 | </my-peertube-checkbox> | |
87 | </div> | |
88 | </ng-container> | |
89 | </ng-container> | |
90 | </ng-container> | |
91 | ||
5f46d28c C |
92 | </div> |
93 | </div> | |
94 | ||
4c8749cb C |
95 | <div class="row mt-4"> <!-- broadcast grid --> |
96 | <div class="col-12 col-lg-4 col-xl-3"> | |
5f46d28c | 97 | <div i18n class="inner-form-title">BROADCAST MESSAGE</div> |
5b0ec7cd | 98 | <div i18n class="inner-form-description"> |
5f46d28c C |
99 | Display a message on your instance |
100 | </div> | |
101 | </div> | |
102 | ||
4c8749cb | 103 | <div class="col-12 col-lg-8 col-xl-9"> |
5f46d28c C |
104 | |
105 | <ng-container formGroupName="broadcastMessage"> | |
106 | ||
107 | <div class="form-group"> | |
108 | <my-peertube-checkbox | |
109 | inputName="broadcastMessageEnabled" formControlName="enabled" | |
110 | i18n-labelText labelText="Enable broadcast message" | |
111 | ></my-peertube-checkbox> | |
112 | </div> | |
113 | ||
114 | <div class="form-group"> | |
115 | <my-peertube-checkbox | |
116 | inputName="broadcastMessageDismissable" formControlName="dismissable" | |
117 | i18n-labelText labelText="Allow users to dismiss the broadcast message " | |
118 | ></my-peertube-checkbox> | |
119 | </div> | |
120 | ||
121 | <div class="form-group"> | |
122 | <label i18n for="broadcastMessageLevel">Broadcast message level</label> | |
70e33515 | 123 | |
5f46d28c C |
124 | <div class="peertube-select-container"> |
125 | <select id="broadcastMessageLevel" formControlName="level" class="form-control"> | |
126 | <option value="info">info</option> | |
2c2631e4 | 127 | <option value="warning">warning</option> |
5f46d28c C |
128 | <option value="error">error</option> |
129 | </select> | |
130 | </div> | |
70e33515 | 131 | |
5f46d28c C |
132 | <div *ngIf="formErrors.broadcastMessage.level" class="form-error">{{ formErrors.broadcastMessage.level }}</div> |
133 | </div> | |
134 | ||
135 | <div class="form-group"> | |
136 | <label i18n for="broadcastMessageMessage">Message</label><my-help helpType="markdownText"></my-help> | |
70e33515 | 137 | |
5f46d28c | 138 | <my-markdown-textarea |
9bc36223 C |
139 | name="broadcastMessageMessage" formControlName="message" |
140 | [formError]="formErrors['broadcastMessage.message']" | |
5f46d28c | 141 | ></my-markdown-textarea> |
70e33515 | 142 | |
5f46d28c C |
143 | <div *ngIf="formErrors.broadcastMessage.message" class="form-error">{{ formErrors.broadcastMessage.message }}</div> |
144 | </div> | |
145 | ||
146 | </ng-container> | |
147 | ||
148 | </div> | |
149 | </div> | |
150 | ||
4c8749cb C |
151 | <div class="row mt-4"> <!-- new users grid --> |
152 | <div class="col-12 col-lg-4 col-xl-3"> | |
5f46d28c | 153 | <div i18n class="inner-form-title">NEW USERS</div> |
5b0ec7cd C |
154 | <div i18n class="inner-form-description"> |
155 | Manage <a class="link-orange" routerLink="/admin/users">users</a> to set their quota individually. | |
5f46d28c C |
156 | </div> |
157 | </div> | |
158 | ||
4c8749cb | 159 | <div class="col-12 col-lg-8 col-xl-9"> |
5f46d28c C |
160 | |
161 | <ng-container formGroupName="signup"> | |
162 | <div class="form-group"> | |
163 | <my-peertube-checkbox | |
164 | inputName="signupEnabled" formControlName="enabled" | |
165 | i18n-labelText labelText="Enable Signup" | |
166 | > | |
167 | <ng-container ngProjectAs="description"> | |
168 | <span i18n>⚠️ This functionality requires a lot of attention and extra moderation.</span> | |
169 | ||
b13a0a48 | 170 | <div class="alert pt-alert-primary alert-signup" *ngIf="signupAlertMessage">{{ signupAlertMessage }}</div> |
5f46d28c C |
171 | </ng-container> |
172 | ||
173 | <ng-container ngProjectAs="extra"> | |
70e33515 | 174 | <my-peertube-checkbox [ngClass]="getDisabledSignupClass()" |
5f46d28c C |
175 | inputName="signupRequiresEmailVerification" formControlName="requiresEmailVerification" |
176 | i18n-labelText labelText="Signup requires email verification" | |
177 | ></my-peertube-checkbox> | |
178 | ||
70e33515 | 179 | <div [ngClass]="getDisabledSignupClass()" class="mt-3"> |
5f46d28c | 180 | <label i18n for="signupLimit">Signup limit</label> |
70e33515 | 181 | |
5f46d28c C |
182 | <div class="number-with-unit"> |
183 | <input | |
184 | type="number" min="-1" id="signupLimit" class="form-control" | |
185 | formControlName="limit" [ngClass]="{ 'input-error': formErrors['signup.limit'] }" | |
186 | > | |
187 | <span i18n>{form.value['signup']['limit'], plural, =1 {user} other {users}}</span> | |
188 | </div> | |
70e33515 | 189 | |
5f46d28c | 190 | <div *ngIf="formErrors.signup.limit" class="form-error">{{ formErrors.signup.limit }}</div> |
70e33515 | 191 | |
5b0ec7cd | 192 | <small i18n *ngIf="hasUnlimitedSignup()" class="muted small">Signup won't be limited to a fixed number of users.</small> |
5f46d28c | 193 | </div> |
1f256e7d P |
194 | |
195 | <div [ngClass]="getDisabledSignupClass()" class="mt-3"> | |
196 | <label i18n for="signupMinimumAge">Minimum required age to create an account</label> | |
197 | ||
198 | <div class="number-with-unit"> | |
199 | <input | |
200 | type="number" min="1" id="signupMinimumAge" class="form-control" | |
201 | formControlName="minimumAge" [ngClass]="{ 'input-error': formErrors['signup.minimumAge'] }" | |
202 | > | |
203 | <span i18n>{form.value['signup']['minimumAge'], plural, =1 {year old} other {years old}}</span> | |
204 | </div> | |
205 | ||
206 | <div *ngIf="formErrors.signup.minimumAge" class="form-error">{{ formErrors.signup.minimumAge }}</div> | |
207 | </div> | |
5f46d28c C |
208 | </ng-container> |
209 | </my-peertube-checkbox> | |
210 | </div> | |
211 | </ng-container> | |
212 | ||
213 | <ng-container formGroupName="user"> | |
214 | <div class="form-group"> | |
215 | <label i18n for="userVideoQuota">Default video quota per user</label> | |
216 | ||
217 | <my-select-custom-value | |
218 | id="userVideoQuota" | |
219 | [items]="getVideoQuotaOptions()" | |
220 | formControlName="videoQuota" | |
221 | i18n-inputSuffix inputSuffix="bytes" inputType="number" | |
222 | [clearable]="false" | |
223 | ></my-select-custom-value> | |
224 | ||
f67ac646 | 225 | <my-user-real-quota-info [videoQuota]="getUserVideoQuota()"></my-user-real-quota-info> |
b0d6a800 | 226 | |
5f46d28c C |
227 | <div *ngIf="formErrors.user.videoQuota" class="form-error">{{ formErrors.user.videoQuota }}</div> |
228 | </div> | |
229 | ||
230 | <div class="form-group"> | |
231 | <label i18n for="userVideoQuotaDaily">Default daily upload limit per user</label> | |
232 | ||
233 | <my-select-custom-value | |
234 | id="userVideoQuotaDaily" | |
235 | [items]="getVideoQuotaDailyOptions()" | |
236 | formControlName="videoQuotaDaily" | |
237 | i18n-inputSuffix inputSuffix="bytes" inputType="number" | |
238 | [clearable]="false" | |
239 | ></my-select-custom-value> | |
240 | ||
241 | <div *ngIf="formErrors.user.videoQuotaDaily" class="form-error">{{ formErrors.user.videoQuotaDaily }}</div> | |
242 | </div> | |
243 | </ng-container> | |
244 | ||
245 | </div> | |
246 | </div> | |
247 | ||
4c8749cb C |
248 | <div class="row mt-4"> <!-- videos grid --> |
249 | <div class="col-12 col-lg-4 col-xl-3"> | |
5f46d28c C |
250 | <div i18n class="inner-form-title">VIDEOS</div> |
251 | </div> | |
252 | ||
4c8749cb | 253 | <div class="col-12 col-lg-8 col-xl-9"> |
5f46d28c C |
254 | |
255 | <ng-container formGroupName="import"> | |
256 | ||
257 | <ng-container formGroupName="videos"> | |
258 | ||
4c8749cb | 259 | <div class="form-group"> |
5f46d28c | 260 | <label i18n for="importConcurrency">Import jobs concurrency</label> |
5b0ec7cd | 261 | <span i18n class="small muted ms-1">allows to import multiple videos in parallel. ⚠️ Requires a PeerTube restart.</span> |
5f46d28c C |
262 | |
263 | <div class="number-with-unit"> | |
264 | <input type="number" name="importConcurrency" formControlName="concurrency" /> | |
265 | <span i18n>jobs in parallel</span> | |
266 | </div> | |
267 | ||
268 | <div *ngIf="formErrors.import.concurrency" class="form-error">{{ formErrors.import.concurrency }}</div> | |
269 | </div> | |
270 | ||
271 | <div class="form-group" formGroupName="http"> | |
272 | <my-peertube-checkbox | |
273 | inputName="importVideosHttpEnabled" formControlName="enabled" | |
274 | i18n-labelText labelText="Allow import with HTTP URL (e.g. YouTube)" | |
474542d7 | 275 | > |
2a491182 F |
276 | <ng-container ngProjectAs="description"> |
277 | <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> | |
278 | </ng-container> | |
279 | </my-peertube-checkbox> | |
5f46d28c C |
280 | </div> |
281 | ||
282 | <div class="form-group" formGroupName="torrent"> | |
283 | <my-peertube-checkbox | |
284 | inputName="importVideosTorrentEnabled" formControlName="enabled" | |
285 | i18n-labelText labelText="Allow import with a torrent file or a magnet URI" | |
474542d7 C |
286 | > |
287 | <ng-container ngProjectAs="description"> | |
288 | <span i18n>⚠️ We don't recommend to enable this feature if you don't trust your users</span> | |
289 | </ng-container> | |
290 | </my-peertube-checkbox> | |
5f46d28c C |
291 | </div> |
292 | ||
293 | </ng-container> | |
2a491182 F |
294 | |
295 | <ng-container formGroupName="videoChannelSynchronization"> | |
296 | <div class="form-group"> | |
297 | <my-peertube-checkbox | |
298 | inputName="importSynchronizationEnabled" formControlName="enabled" | |
299 | i18n-labelText labelText="Allow channel synchronization with channel of other platforms like YouTube (requires allowing import with HTTP URL)" | |
300 | > | |
301 | <ng-container ngProjectAs="description"> | |
302 | <span i18n [hidden]="isImportVideosHttpEnabled()"> | |
303 | ⛔ You need to allow import with HTTP URL to be able to activate this feature. | |
304 | </span> | |
305 | </ng-container> | |
306 | </my-peertube-checkbox> | |
307 | </div> | |
308 | </ng-container> | |
309 | ||
5f46d28c C |
310 | </ng-container> |
311 | ||
312 | <ng-container formGroupName="autoBlacklist"> | |
313 | <ng-container formGroupName="videos"> | |
314 | <ng-container formGroupName="ofUsers"> | |
315 | ||
316 | <div class="form-group"> | |
317 | <my-peertube-checkbox | |
318 | inputName="autoBlacklistVideosOfUsersEnabled" formControlName="enabled" | |
319 | i18n-labelText labelText="Block new videos automatically" | |
320 | > | |
321 | <ng-container ngProjectAs="description"> | |
322 | <span i18n>Unless a user is marked as trusted, their videos will stay private until a moderator reviews them.</span> | |
323 | </ng-container> | |
324 | </my-peertube-checkbox> | |
325 | </div> | |
326 | ||
327 | </ng-container> | |
328 | </ng-container> | |
329 | </ng-container> | |
330 | ||
331 | </div> | |
332 | </div> | |
333 | ||
4c8749cb C |
334 | <div class="row mt-4"> <!-- video channels grid --> |
335 | <div class="col-12 col-lg-4 col-xl-3"> | |
754b6f5f FC |
336 | <div i18n class="inner-form-title">VIDEO CHANNELS</div> |
337 | </div> | |
0bc53e20 | 338 | |
4c8749cb | 339 | <div class="col-12 col-lg-8 col-xl-9"> |
754b6f5f FC |
340 | <div class="form-group" formGroupName="videoChannels"> |
341 | <label i18n for="videoChannelsMaxPerUser">Max video channels per user</label> | |
342 | ||
343 | <div class="number-with-unit"> | |
344 | <input | |
345 | type="number" min="1" id="videoChannelsMaxPerUser" class="form-control" | |
346 | formControlName="maxPerUser" [ngClass]="{ 'input-error': formErrors['videoChannels.maxPerUser'] }" | |
347 | > | |
348 | <span i18n>{form.value['videoChannels']['maxPerUser'], plural, =1 {channel} other {channels}}</span> | |
349 | </div> | |
350 | ||
351 | <div *ngIf="formErrors.videoChannels.maxPerUser" class="form-error">{{ formErrors.videoChannels.maxPerUser }}</div> | |
352 | </div> | |
353 | </div> | |
354 | </div> | |
355 | ||
4c8749cb C |
356 | <div class="row mt-4"> <!-- search grid --> |
357 | <div class="col-12 col-lg-4 col-xl-3"> | |
5f46d28c C |
358 | <div i18n class="inner-form-title">SEARCH</div> |
359 | </div> | |
360 | ||
4c8749cb | 361 | <div class="col-12 col-lg-8 col-xl-9"> |
5f46d28c C |
362 | |
363 | <ng-container formGroupName="search"> | |
364 | <ng-container formGroupName="remoteUri"> | |
365 | ||
366 | <div class="form-group"> | |
367 | <my-peertube-checkbox | |
368 | inputName="searchRemoteUriUsers" formControlName="users" | |
369 | i18n-labelText labelText="Allow users to do remote URI/handle search" | |
370 | > | |
371 | <ng-container ngProjectAs="description"> | |
372 | <span i18n>Allow <strong>your users</strong> to look up remote videos/actors that may not be federated with your instance</span> | |
373 | </ng-container> | |
374 | </my-peertube-checkbox> | |
375 | </div> | |
376 | ||
377 | <div class="form-group"> | |
378 | <my-peertube-checkbox | |
379 | inputName="searchRemoteUriAnonymous" formControlName="anonymous" | |
380 | i18n-labelText labelText="Allow anonymous to do remote URI/handle search" | |
381 | > | |
382 | <ng-container ngProjectAs="description"> | |
383 | <span i18n>Allow <strong>anonymous users</strong> to look up remote videos/actors that may not be federated with your instance</span> | |
384 | </ng-container> | |
385 | </my-peertube-checkbox> | |
386 | </div> | |
387 | ||
388 | </ng-container> | |
389 | ||
390 | <ng-container formGroupName="searchIndex"> | |
391 | <div class="form-group"> | |
392 | <my-peertube-checkbox | |
393 | inputName="searchIndexEnabled" formControlName="enabled" | |
394 | i18n-labelText labelText="Enable global search" | |
395 | > | |
396 | <ng-container ngProjectAs="description"> | |
5b0ec7cd | 397 | <div i18n>⚠️ This functionality depends heavily on the moderation of instances followed by the search index you select.</div> |
5f46d28c | 398 | |
5b0ec7cd C |
399 | <div i18n> |
400 | You should only use moderated search indexes in production, or <a class="link-orange" href="https://framagit.org/framasoft/peertube/search-index">host your own</a>. | |
401 | </div> | |
5f46d28c C |
402 | </ng-container> |
403 | ||
404 | <ng-container ngProjectAs="extra"> | |
70e33515 | 405 | <div [ngClass]="getDisabledSearchIndexClass()"> |
5f46d28c | 406 | <label i18n for="searchIndexUrl">Search index URL</label> |
70e33515 | 407 | |
5f46d28c C |
408 | <input |
409 | type="text" id="searchIndexUrl" class="form-control" | |
410 | formControlName="url" [ngClass]="{ 'input-error': formErrors['search.searchIndex.url'] }" | |
411 | > | |
70e33515 | 412 | |
5f46d28c C |
413 | <div *ngIf="formErrors.search.searchIndex.url" class="form-error">{{ formErrors.search.searchIndex.url }}</div> |
414 | </div> | |
415 | ||
416 | <div class="mt-3"> | |
70e33515 | 417 | <my-peertube-checkbox [ngClass]="getDisabledSearchIndexClass()" |
5f46d28c C |
418 | inputName="searchIndexDisableLocalSearch" formControlName="disableLocalSearch" |
419 | i18n-labelText labelText="Disable local search in search bar" | |
420 | ></my-peertube-checkbox> | |
421 | </div> | |
422 | ||
423 | <div class="mt-3"> | |
70e33515 | 424 | <my-peertube-checkbox [ngClass]="getDisabledSearchIndexClass()" |
5f46d28c C |
425 | inputName="searchIndexIsDefaultSearch" formControlName="isDefaultSearch" |
426 | i18n-labelText labelText="Search bar uses the global search index by default" | |
427 | > | |
428 | <ng-container ngProjectAs="description"> | |
429 | <span i18n>Otherwise the local search stays used by default</span> | |
430 | </ng-container> | |
431 | </my-peertube-checkbox> | |
432 | </div> | |
433 | ||
434 | </ng-container> | |
435 | </my-peertube-checkbox> | |
436 | </div> | |
437 | ||
438 | </ng-container> | |
439 | ||
440 | </ng-container> | |
441 | ||
442 | </div> | |
443 | </div> | |
444 | ||
4c8749cb C |
445 | <div class="row mt-4"> <!-- federation grid --> |
446 | <div class="col-12 col-lg-4 col-xl-3"> | |
5f46d28c C |
447 | <div i18n class="inner-form-title">FEDERATION</div> |
448 | <div i18n class="inner-form-description"> | |
5b0ec7cd | 449 | Manage <a class="link-orange" routerLink="/admin/follows">relations</a> with other instances. |
5f46d28c C |
450 | </div> |
451 | </div> | |
452 | ||
4c8749cb | 453 | <div class="col-12 col-lg-8 col-xl-9"> |
5f46d28c C |
454 | |
455 | <ng-container formGroupName="followers"> | |
456 | <ng-container formGroupName="instance"> | |
457 | ||
458 | <div class="form-group"> | |
459 | <my-peertube-checkbox | |
460 | inputName="followersInstanceEnabled" formControlName="enabled" | |
461 | i18n-labelText labelText="Other instances can follow yours" | |
462 | ></my-peertube-checkbox> | |
463 | </div> | |
464 | ||
465 | <div class="form-group"> | |
466 | <my-peertube-checkbox | |
467 | inputName="followersInstanceManualApproval" formControlName="manualApproval" | |
468 | i18n-labelText labelText="Manually approve new instance followers" | |
469 | ></my-peertube-checkbox> | |
470 | </div> | |
471 | </ng-container> | |
472 | </ng-container> | |
473 | ||
474 | <ng-container formGroupName="followings"> | |
475 | <ng-container formGroupName="instance"> | |
476 | ||
477 | <ng-container formGroupName="autoFollowBack"> | |
478 | <div class="form-group"> | |
479 | <my-peertube-checkbox | |
480 | inputName="followingsInstanceAutoFollowBackEnabled" formControlName="enabled" | |
481 | i18n-labelText labelText="Automatically follow back instances" | |
482 | > | |
483 | <ng-container ngProjectAs="description"> | |
484 | <span i18n>⚠️ This functionality requires a lot of attention and extra moderation.</span> | |
485 | </ng-container> | |
486 | </my-peertube-checkbox> | |
487 | </div> | |
488 | </ng-container> | |
489 | ||
490 | <ng-container formGroupName="autoFollowIndex"> | |
491 | <div class="form-group"> | |
492 | <my-peertube-checkbox | |
493 | inputName="followingsInstanceAutoFollowIndexEnabled" formControlName="enabled" | |
494 | i18n-labelText labelText="Automatically follow instances of a public index" | |
495 | > | |
496 | <ng-container ngProjectAs="description"> | |
5b0ec7cd | 497 | <div i18n>⚠️ This functionality requires a lot of attention and extra moderation.</div> |
5f46d28c C |
498 | |
499 | <span i18n> | |
5b0ec7cd | 500 | 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 |
5f46d28c C |
501 | </span> |
502 | </ng-container> | |
503 | ||
504 | <ng-container ngProjectAs="extra"> | |
505 | <div [ngClass]="{ 'disabled-checkbox-extra': !isAutoFollowIndexEnabled() }"> | |
506 | <label i18n for="followingsInstanceAutoFollowIndexUrl">Index URL</label> | |
507 | <input | |
508 | type="text" id="followingsInstanceAutoFollowIndexUrl" class="form-control" | |
509 | formControlName="indexUrl" [ngClass]="{ 'input-error': formErrors['followings.instance.autoFollowIndex.indexUrl'] }" | |
510 | > | |
511 | <div *ngIf="formErrors.followings.instance.autoFollowIndex.indexUrl" class="form-error">{{ formErrors.followings.instance.autoFollowIndex.indexUrl }}</div> | |
512 | </div> | |
513 | </ng-container> | |
514 | </my-peertube-checkbox> | |
515 | </div> | |
516 | ||
517 | </ng-container> | |
518 | </ng-container> | |
519 | </ng-container> | |
520 | ||
521 | </div> | |
522 | </div> | |
523 | ||
4c8749cb C |
524 | <div class="row mt-4"> <!-- administrators grid --> |
525 | <div class="col-12 col-lg-4 col-xl-3"> | |
5f46d28c C |
526 | <div i18n class="inner-form-title">ADMINISTRATORS</div> |
527 | </div> | |
528 | ||
4c8749cb | 529 | <div class="col-12 col-lg-8 col-xl-9"> |
5f46d28c C |
530 | |
531 | <div class="form-group" formGroupName="admin"> | |
532 | <label i18n for="adminEmail">Admin email</label> | |
70e33515 | 533 | |
5f46d28c C |
534 | <input |
535 | type="text" id="adminEmail" class="form-control" | |
536 | formControlName="email" [ngClass]="{ 'input-error': formErrors['admin.email'] }" | |
537 | > | |
70e33515 | 538 | |
5f46d28c C |
539 | <div *ngIf="formErrors.admin.email" class="form-error">{{ formErrors.admin.email }}</div> |
540 | </div> | |
541 | ||
542 | <div class="form-group" formGroupName="contactForm"> | |
543 | <my-peertube-checkbox | |
544 | inputName="enableContactForm" formControlName="enabled" | |
545 | i18n-labelText labelText="Enable contact form" | |
546 | ></my-peertube-checkbox> | |
547 | </div> | |
548 | ||
549 | </div> | |
550 | </div> | |
551 | ||
4c8749cb C |
552 | <div class="row mt-4"> <!-- Twitter grid --> |
553 | <div class="col-12 col-lg-4 col-xl-3"> | |
5f46d28c C |
554 | <div i18n class="inner-form-title">TWITTER</div> |
555 | <div i18n class="inner-form-description"> | |
556 | Provide the Twitter account representing your instance to improve link previews. | |
557 | If you don't have a Twitter account, just leave the default value. | |
558 | </div> | |
559 | </div> | |
560 | ||
4c8749cb | 561 | <div class="col-12 col-lg-8 col-xl-9"> |
5f46d28c C |
562 | |
563 | <ng-container formGroupName="services"> | |
564 | <ng-container formGroupName="twitter"> | |
565 | ||
566 | <div class="form-group"> | |
1f256e7d | 567 | <label for="servicesTwitterUsername" i18n>Your Twitter username</label> |
5f46d28c C |
568 | |
569 | <input | |
570 | type="text" id="servicesTwitterUsername" class="form-control" | |
571 | formControlName="username" [ngClass]="{ 'input-error': formErrors['services.twitter.username'] }" | |
572 | > | |
70e33515 | 573 | |
5f46d28c C |
574 | <div *ngIf="formErrors.services.twitter.username" class="form-error">{{ formErrors.services.twitter.username }}</div> |
575 | </div> | |
576 | ||
577 | <div class="form-group"> | |
578 | <my-peertube-checkbox inputName="servicesTwitterWhitelisted" formControlName="whitelisted"> | |
579 | <ng-template ptTemplate="label"> | |
580 | <ng-container i18n>Instance allowed by Twitter</ng-container> | |
581 | </ng-template> | |
582 | ||
583 | <ng-template ptTemplate="help"> | |
584 | <ng-container i18n> | |
585 | If your instance is explicitly allowed by Twitter, a video player will be embedded in the Twitter feed on PeerTube video share.<br /> | |
586 | If the instance is not, we use an image link card that will redirect to your PeerTube instance.<br /><br /> | |
a1eda903 | 587 | Check this checkbox, save the configuration and test with a video URL of your instance (https://example.com/w/blabla) on |
5b0ec7cd | 588 | <a class="link-orange" target='_blank' rel='noopener noreferrer' href='https://cards-dev.twitter.com/validator'>https://cards-dev.twitter.com/validator</a> |
5f46d28c C |
589 | to see if you instance is allowed. |
590 | </ng-container> | |
591 | </ng-template> | |
592 | </my-peertube-checkbox> | |
593 | </div> | |
594 | ||
595 | </ng-container> | |
596 | </ng-container> | |
597 | ||
598 | </div> | |
599 | </div> | |
600 | </ng-container> |