<div class="form-group" formGroupName="instance">
<label i18n for="instanceDefaultClientRoute">Landing page</label>
- <div class="peertube-select-container">
- <select id="instanceDefaultClientRoute" formControlName="defaultClientRoute" class="form-control">
- <option i18n value="/videos/overview">Discover videos</option>
-
- <optgroup i18n-label label="Trending pages">
- <option i18n value="/videos/trending">Default trending page</option>
- <option i18n value="/videos/trending?alg=best" [disabled]="!doesTrendingVideosAlgorithmsEnabledInclude('best')">Best videos</option>
- <option i18n value="/videos/trending?alg=hot" [disabled]="!doesTrendingVideosAlgorithmsEnabledInclude('hot')">Hot videos</option>
- <option i18n value="/videos/trending?alg=most-viewed" [disabled]="!doesTrendingVideosAlgorithmsEnabledInclude('most-viewed')">Most viewed videos</option>
- <option i18n value="/videos/trending?alg=most-liked" [disabled]="!doesTrendingVideosAlgorithmsEnabledInclude('most-liked')">Most liked videos</option>
- </optgroup>
-
- <option i18n value="/videos/recently-added">Recently added videos</option>
- <option i18n value="/videos/local">Local videos</option>
- </select>
- </div>
+ <my-select-custom-value
+ id="instanceDefaultClientRoute"
+ [items]="defaultLandingPageOptions"
+ formControlName="defaultClientRoute"
+ inputType="text"
+ [clearable]="false"
+ ></my-select-custom-value>
<div *ngIf="formErrors.instance.defaultClientRoute" class="form-error">{{ formErrors.instance.defaultClientRoute }}</div>
</div>
<small i18n *ngIf="hasUnlimitedSignup()" class="text-muted">Signup won't be limited to a fixed number of users.</small>
</div>
+
+ <div [ngClass]="getDisabledSignupClass()" class="mt-3">
+ <label i18n for="signupMinimumAge">Minimum required age to create an account</label>
+
+ <div class="number-with-unit">
+ <input
+ type="number" min="1" id="signupMinimumAge" class="form-control"
+ formControlName="minimumAge" [ngClass]="{ 'input-error': formErrors['signup.minimumAge'] }"
+ >
+ <span i18n>{form.value['signup']['minimumAge'], plural, =1 {year old} other {years old}}</span>
+ </div>
+
+ <div *ngIf="formErrors.signup.minimumAge" class="form-error">{{ formErrors.signup.minimumAge }}</div>
+ </div>
</ng-container>
</my-peertube-checkbox>
</div>
<ng-container formGroupName="twitter">
<div class="form-group">
- <label i18n for="signupLimit">Your Twitter username</label>
+ <label for="servicesTwitterUsername" i18n>Your Twitter username</label>
<input
type="text" id="servicesTwitterUsername" class="form-control"
<ng-container i18n>
If your instance is explicitly allowed by Twitter, a video player will be embedded in the Twitter feed on PeerTube video share.<br />
If the instance is not, we use an image link card that will redirect to your PeerTube instance.<br /><br />
- Check this checkbox, save the configuration and test with a video URL of your instance (https://example.com/videos/watch/blabla) on
+ Check this checkbox, save the configuration and test with a video URL of your instance (https://example.com/w/blabla) on
<a target='_blank' rel='noopener noreferrer' href='https://cards-dev.twitter.com/validator'>https://cards-dev.twitter.com/validator</a>
to see if you instance is allowed.
</ng-container>