You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Ombi/src/Ombi/ClientApp/src/app/settings/customization/customization.component.html

93 lines
4.2 KiB

<settings-menu></settings-menu>
<div class="small-middle-container">
<wiki></wiki>
<fieldset *ngIf="settings">
<legend>Customization</legend>
<div class="col-md-12 col-12 col-sm-12">
<div class="md-form-field">
<mat-form-field appearance="outline">
<mat-label>Application Name</mat-label>
<input matInput [(ngModel)]="settings.applicationName">
</mat-form-field>
</div>
<div class="md-form-field">
<mat-hint>The application url should be your Externally Accessible URL (the address you use to reach Ombi from outside your system). For example, 'https://example.com/requests'. <br />Please ensure this field is correct as it drives a lot of functionality, including the QR code for the
mobile app, and the way email notifications are sent.
</mat-hint>
<mat-form-field appearance="outline">
<mat-label>Application URL</mat-label>
<input matInput [(ngModel)]="settings.applicationUrl">
</mat-form-field>
</div>
<div class="md-form-field">
<mat-form-field appearance="outline" >
<mat-label>Custom Logo</mat-label>
<input matInput type="url"[(ngModel)]="settings.logo">
</mat-form-field>
</div>
<div class="md-form-field">
<div *ngIf="settings.logo" class="form-group">
<label for="logo" class="control-label">Logo Preview:</label>
<div>
<img [src]="settings.logo" style="width: 300px" />
</div>
</div>
</div>
<mat-hint>
The favicon url should be an externally accesible URL. Leave blank for default.
</mat-hint>
<div class="md-form-field">
<mat-form-field appearance="outline">
<mat-label>Custom Favicon</mat-label>
<input matInput type="url" [(ngModel)]="settings.favicon">
</mat-form-field>
</div>
<div class="md-form-field">
<mat-slide-toggle [(ngModel)]="settings.hideAvailableFromDiscover" matTooltip="Any media content that is available will now be hidden on the discover page, the user still can search for it">
Hide Available Content On The Discover Page
</mat-slide-toggle>
</div>
<div class="md-form-field">
<mat-slide-toggle [(ngModel)]="settings.enableCustomDonations" matTooltip="Enable to show a custom donation link in the navigation bar">
Enable Custom Donation Link
</mat-slide-toggle>
</div>
<div class="md-form-field">
<mat-form-field *ngIf="settings.enableCustomDonations" appearance="outline">
<mat-label>Custom Donation URL</mat-label>
<input matInput [(ngModel)]="settings.customDonationUrl" matTooltip="A link to a Paypal address, or your custom donation url.">
</mat-form-field>
</div>
<div class="md-form-field">
<mat-form-field *ngIf="settings.enableCustomDonations" appearance="outline">
<mat-label>Custom Donation Message</mat-label>
<input matInput [(ngModel)]="settings.customDonationMessage" matTooltip="Set a custom message to be displayed in the navigation bar.">
</mat-form-field>
</div>
<div class="md-form-field">
<mat-slide-toggle [(ngModel)]="settings.useCustomPage" matTooltip="Enabled a custom page where you can fully edit. You will need the Edit Custom Page role.">
Enable Custom Page
</mat-slide-toggle>
</div>
<div class="md-form-field">
<mat-form-field appearance="outline">
<mat-label>Custom CSS</mat-label>
<textarea matInput [(ngModel)]="settings.customCss"></textarea>
</mat-form-field>
</div>
<div class="form-group">
<button mat-raised-button (click)="save()" type="submit" type="submit" id="save" color="accent">Submit</button>
</div>
</div>
<!-- <div class="col-7"> -->
<!-- </div> -->
</fieldset>
</div>