mirror of https://github.com/Ombi-app/Ombi
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.
98 lines
4.5 KiB
98 lines
4.5 KiB
<settings-menu></settings-menu>
|
|
<wiki [url]="'https://github.com/tidusjar/Ombi/wiki/Customization-Settings'"></wiki>
|
|
|
|
<fieldset *ngIf="settings">
|
|
<legend>Customization</legend>
|
|
<!-- <div class="row">
|
|
<div class="col-md-2 col-md-push-10">
|
|
<span style="vertical-align: top;">Advanced</span>
|
|
<p-inputSwitch id="customInputSwitch" [(ngModel)]="advanced"></p-inputSwitch>
|
|
</div>
|
|
</div> -->
|
|
<div class="col-md-5">
|
|
<div class="form-group">
|
|
<label for="applicationName" class="control-label">Application Name</label>
|
|
<div>
|
|
<input type="text" [(ngModel)]="settings.applicationName" class="form-control form-control-custom " id="applicationName"
|
|
name="applicationName" placeholder="Ombi" value="{{settings.applicationName}}">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="applicationurl" class="control-label">Application URL</label>
|
|
<div>
|
|
<input type="text" [(ngModel)]="settings.applicationUrl" class="form-control form-control-custom " id="applicationurl" name="applicationurl"
|
|
placeholder="http://ombi.io/" value="{{settings.applicationUrl}}">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- <div class="form-group">
|
|
<div class="checkbox">
|
|
<input type="checkbox" id="enable" [(ngModel)]="settings.recentlyAddedPage" [checked]="settings.recentlyAddedPage">
|
|
<label for="enable">Enable Recently Added Page</label>
|
|
</div>
|
|
</div> -->
|
|
|
|
<div class="form-group">
|
|
<label for="logo" class="control-label">Custom Logo</label>
|
|
<div>
|
|
<input type="text" [(ngModel)]="settings.logo" class="form-control form-control-custom " id="logo" name="logo" value="{{settings.logo}}"
|
|
tooltipPosition="top" pTooltip="Use a URL e.g. www.google.com/logo.png">
|
|
</div>
|
|
</div>
|
|
<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 class="form-group">
|
|
<div class="checkbox">
|
|
<input type="checkbox" id="enableCustomDonations" name="enableCustomDonations" [(ngModel)]="settings.enableCustomDonations">
|
|
<label for="enableCustomDonations" tooltipPosition="top" pTooltip="Enable to show a custom donation link in the navigation bar">Enable custom donation link</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group" *ngIf="settings.enableCustomDonations">
|
|
<label for="customDonation" class="control-label">Custom Donation URL</label>
|
|
<div>
|
|
<input [disabled]="!settings.enableCustomDonations" type="text" [(ngModel)]="settings.customDonationUrl" class="form-control form-control-custom " name="customDonation" value="{{settings.customDonationUrl}}"
|
|
tooltipPosition="top" pTooltip="A link to a Paypal address, or your custom donation url.">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group" *ngIf="settings.enableCustomDonations">
|
|
<label for="customDonationMessage" class="control-label">Donation Button Message</label>
|
|
<div>
|
|
<input [disabled]="!settings.enableCustomDonations" type="text" [(ngModel)]="settings.customDonationMessage" class="form-control form-control-custom " name="customDonationMessage" value="{{settings.customDonationMessage}}"
|
|
tooltipPosition="top" pTooltip="Set a custom message to be displayed in the navigation bar.">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="form-group">
|
|
<div>
|
|
<button (click)="save()" type="submit" id="save" class="btn btn-primary-outline">Submit</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="col-md-7">
|
|
<div>
|
|
<div class="form-group">
|
|
<label for="customCss" class="control-label">Custom CSS</label>
|
|
</div>
|
|
<div class="form-group language-css" pCode>
|
|
<textarea rows="25" type="text"
|
|
pTooltip="Enter your custom styles here" tooltipPosition="top"
|
|
class="form-control-custom form-control " id="themeContent" name="themeContent" [(ngModel)]="settings.customCss"> {{settings.customCss}} </textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</fieldset> |