+ <div class="form-group">
+ <label i18n for="instanceCreationReason">Why did you create this instance?</label>
+ <div i18n class="label-small-info">To share your personal videos? To open registrations and allow people to upload what they want?</div>
+
+ <textarea
+ id="instanceCreationReason" formControlName="creationReason" class="small"
+ [ngClass]="{ 'input-error': formErrors['instance.creationReason'] }"
+ ></textarea>
+ <div *ngIf="formErrors.instance.creationReason" class="form-error">{{ formErrors.instance.creationReason }}</div>
+ </div>
+
+ <div class="form-group">
+ <label i18n for="instanceMaintenanceLifetime">How long do you plan to maintain this instance?</label>
+ <div i18n class="label-small-info">It's important to know for users who want to register on your instance</div>
+
+ <textarea
+ id="instanceMaintenanceLifetime" formControlName="maintenanceLifetime" class="small"
+ [ngClass]="{ 'input-error': formErrors['instance.maintenanceLifetime'] }"
+ ></textarea>
+ <div *ngIf="formErrors.instance.maintenanceLifetime" class="form-error">{{ formErrors.instance.maintenanceLifetime }}</div>
+ </div>
+
+ <div class="form-group">
+ <label i18n for="instanceBusinessModel">How will you finance the PeerTube server?</label>
+ <div i18n class="label-small-info">With your own funds? With users donations? Advertising?</div>
+
+ <textarea
+ id="instanceBusinessModel" formControlName="businessModel" class="small"
+ [ngClass]="{ 'input-error': formErrors['instance.businessModel'] }"
+ ></textarea>
+ <div *ngIf="formErrors.instance.businessModel" class="form-error">{{ formErrors.instance.businessModel }}</div>
+ </div>
+
+ <div i18n class="inner-form-title">OTHER INFORMATION</div>
+
+ <div class="form-group">
+ <label i18n for="instanceHardwareInformation">What server/hardware does the instance run on?</label>
+ <div i18n class="label-small-info">2vCore 2GB RAM/or directly the link to the server you rent etc</div>
+
+ <my-markdown-textarea
+ name="instanceHardwareInformation" formControlName="hardwareInformation" textareaWidth="500px" textareaHeight="75px" [previewColumn]="true"
+ [classes]="{ 'input-error': formErrors['instance.hardwareInformation'] }"
+ ></my-markdown-textarea>
+
+ <div *ngIf="formErrors.instance.hardwareInformation" class="form-error">{{ formErrors.instance.hardwareInformation }}</div>
+ </div>
+
+ </ng-container>
+ </ng-template>
+ </ngb-tab>
+
+ <ngb-tab i18n-title title="Basic configuration">
+ <ng-template ngbTabContent>
+
+ <div i18n class="inner-form-title">THEME AND DEFAULT ROUTE</div>
+
+ <ng-container formGroupName="theme">
+ <div class="form-group">
+ <label i18n for="themeDefault">Global theme</label>
+
+ <div class="peertube-select-container">
+ <select formControlName="default" id="themeDefault">
+ <option i18n value="default">default</option>
+
+ <option *ngFor="let theme of availableThemes" [value]="theme">{{ theme }}</option>
+ </select>
+ </div>
+ </div>
+ </ng-container>
+
+
+ <div class="form-group" formGroupName="instance">
+ <label i18n for="instanceDefaultClientRoute">Default client route</label>
+ <div class="peertube-select-container">
+ <select id="instanceDefaultClientRoute" formControlName="defaultClientRoute">
+ <option i18n value="/videos/overview">Discover videos</option>
+ <option i18n value="/videos/trending">Trending videos</option>
+ <option i18n value="/videos/most-liked">Most liked videos</option>
+ <option i18n value="/videos/recently-added">Recently added videos</option>
+ <option i18n value="/videos/local">Local videos</option>
+ </select>
+ </div>
+ <div *ngIf="formErrors.instance.defaultClientRoute" class="form-error">{{ formErrors.instance.defaultClientRoute }}</div>
+ </div>
+
+ <div i18n class="inner-form-title">SIGNUP</div>
+
+ <ng-container formGroupName="signup">
+ <div class="form-group">
+ <my-peertube-checkbox
+ inputName="signupEnabled" formControlName="enabled"
+ i18n-labelText labelText="Signup enabled"