Update customization.component.html

Indentation fixes
This commit is contained in:
maartenheebink 2022-01-04 11:47:52 +01:00 committed by GitHub
commit 5dde21b9bc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -6,78 +6,78 @@
<div class="col-md-12 col-12 col-sm-12"> <div class="col-md-12 col-12 col-sm-12">
<div class="md-form-field"> <div class="md-form-field">
<mat-form-field appearance="outline"> <mat-form-field appearance="outline">
<mat-label>Application Name</mat-label> <mat-label>Application Name</mat-label>
<input matInput [(ngModel)]="settings.applicationName"> <input matInput [(ngModel)]="settings.applicationName">
</mat-form-field> </mat-form-field>
</div> </div>
<div class="md-form-field"> <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 <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. mobile app, and the way email notifications are sent.
</mat-hint> </mat-hint>
<mat-form-field appearance="outline"> <mat-form-field appearance="outline">
<mat-label>Application URL</mat-label> <mat-label>Application URL</mat-label>
<input matInput [(ngModel)]="settings.applicationUrl"> <input matInput [(ngModel)]="settings.applicationUrl">
</mat-form-field> </mat-form-field>
</div> </div>
<div class="md-form-field"> <div class="md-form-field">
<mat-form-field appearance="outline" > <mat-form-field appearance="outline" >
<mat-label>Custom Logo</mat-label> <mat-label>Custom Logo</mat-label>
<input matInput type="url"[(ngModel)]="settings.logo"> <input matInput type="url"[(ngModel)]="settings.logo">
</mat-form-field> </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> </div>
<mat-hint> <mat-hint>
The favicon url should be an externally accesible URL. Leave blank for default. The favicon url should be an externally accesible URL. Leave blank for default.
</mat-hint> </mat-hint>
<div class="md-form-field"> <div class="md-form-field">
<mat-form-field appearance="outline"> <mat-form-field appearance="outline">
<mat-label>Custom Favicon</mat-label> <mat-label>Custom Favicon</mat-label>
<input matInput type="url" [(ngModel)]="settings.favicon"> <input matInput type="url" [(ngModel)]="settings.favicon">
</mat-form-field> </mat-form-field>
</div> </div>
<div class="md-form-field"> <div class="md-form-field">
<div *ngIf="settings.logo" class="form-group"> <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">
<label for="logo" class="control-label">Logo Preview:</label> Hide Available Content On The Discover Page
<div> </mat-slide-toggle>
<img [src]="settings.logo" style="width: 300px" />
</div>
</div>
</div> </div>
<div class="md-form-field"> <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"> <mat-slide-toggle [(ngModel)]="settings.enableCustomDonations" matTooltip="Enable to show a custom donation link in the navigation bar">
Hide Available Content On The Discover Page Enable Custom Donation Link
</mat-slide-toggle> </mat-slide-toggle>
</div> </div>
<div class="md-form-field"> <div class="md-form-field">
<mat-slide-toggle [(ngModel)]="settings.enableCustomDonations" matTooltip="Enable to show a custom donation link in the navigation bar"> <mat-form-field *ngIf="settings.enableCustomDonations" appearance="outline">
Enable Custom Donation Link <mat-label>Custom Donation URL</mat-label>
</mat-slide-toggle> <input matInput [(ngModel)]="settings.customDonationUrl" matTooltip="A link to a Paypal address, or your custom donation url.">
</mat-form-field>
</div> </div>
<div class="md-form-field"> <div class="md-form-field">
<mat-form-field *ngIf="settings.enableCustomDonations" appearance="outline"> <mat-form-field *ngIf="settings.enableCustomDonations" appearance="outline">
<mat-label>Custom Donation URL</mat-label> <mat-label>Custom Donation Message</mat-label>
<input matInput [(ngModel)]="settings.customDonationUrl" matTooltip="A link to a Paypal address, or your custom donation url."> <input matInput [(ngModel)]="settings.customDonationMessage" matTooltip="Set a custom message to be displayed in the navigation bar.">
</mat-form-field> </mat-form-field>
</div> </div>
<div class="md-form-field"> <div class="md-form-field">
<mat-form-field *ngIf="settings.enableCustomDonations" appearance="outline"> <mat-slide-toggle [(ngModel)]="settings.useCustomPage" matTooltip="Enabled a custom page where you can fully edit. You will need the Edit Custom Page role.">
<mat-label>Custom Donation Message</mat-label> Enable Custom Page
<input matInput [(ngModel)]="settings.customDonationMessage" matTooltip="Set a custom message to be displayed in the navigation bar."> </mat-slide-toggle>
</mat-form-field>
</div> </div>
<div class="md-form-field"> <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."> <mat-form-field appearance="outline">
Enable Custom Page <mat-label>Custom CSS</mat-label>
</mat-slide-toggle> <textarea matInput [(ngModel)]="settings.customCss"></textarea>
</div> </mat-form-field>
<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>
<div class="form-group"> <div class="form-group">
<button mat-raised-button (click)="save()" type="submit" type="submit" id="save" color="accent">Submit</button> <button mat-raised-button (click)="save()" type="submit" type="submit" id="save" color="accent">Submit</button>
</div> </div>
</div> </div>
<!-- <div class="col-7"> --> <!-- <div class="col-7"> -->