<div class="admin-sub-title">Update PeerTube configuration</div>
-<form role="form" (ngSubmit)="formValidated()" [formGroup]="form">
+<form role="form" [formGroup]="form">
<div class="inner-form-title">Instance</div>
</div>
<div class="form-group">
- <label for="instanceDescription">Description (markdown)</label>
+ <label for="instanceDescription">Description</label><my-help helpType="markdownText"></my-help>
<my-markdown-textarea
id="instanceDescription" formControlName="instanceDescription" textareaWidth="500px" [previewColumn]="true"
[classes]="{ 'input-error': formErrors['instanceDescription'] }"
</div>
<div class="form-group">
- <label for="instanceTerms">Terms (markdown)</label>
+ <label for="instanceTerms">Terms</label><my-help helpType="markdownText"></my-help>
<my-markdown-textarea
id="instanceTerms" formControlName="instanceTerms" textareaWidth="500px" [previewColumn]="true"
[ngClass]="{ 'input-error': formErrors['instanceTerms'] }"
<div class="form-group">
<label for="customizationJavascript">JavaScript</label>
+ <my-help helpType="custom" customHtml="Write directly JavaScript code.<br />Example: console.log('my instance is amazing');"></my-help>
<textarea
id="customizationJavascript" formControlName="customizationJavascript"
[ngClass]="{ 'input-error': formErrors['customizationJavascript'] }"
<div class="form-group">
<label for="customizationCSS">CSS</label>
+ <my-help helpType="custom" customHtml="Write directly CSS code.<br />Example: body { background-color: red; }"></my-help>
<textarea
id="customizationCSS" formControlName="customizationCSS"
[ngClass]="{ 'input-error': formErrors['customizationCSS'] }"
</div>
</div>
- <input type="submit" value="Update configuration" [disabled]="!form.valid">
+ <input (click)="formValidated()" type="submit" value="Update configuration" [disabled]="!form.valid">
</form>