mirror of
https://github.com/Ombi-app/Ombi.git
synced 2025-08-14 02:26:55 -07:00
Merge pull request #3749 from goldenpipes/feature/v4
Setting pages ui fixes
This commit is contained in:
commit
4f488c0290
13 changed files with 144 additions and 135 deletions
|
@ -3,21 +3,18 @@
|
|||
<wiki [url]="'https://github.com/tidusjar/Ombi/wiki/Authentication-Settings'"></wiki>
|
||||
<fieldset *ngIf="form">
|
||||
<legend>Authentication</legend>
|
||||
<div class="md-form-field" style="margin-top:1em;"></div>
|
||||
<form novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)">
|
||||
|
||||
<div class="col-md-6">
|
||||
|
||||
<div class="form-group">
|
||||
<div class="checkbox">
|
||||
<input type="checkbox" id="allowNoPassword" name="allowNoPassword" formControlName="allowNoPassword">
|
||||
<label for="allowNoPassword" tooltipPosition="top" pTooltip="Allow users to login with out a password">Allow users to login without a password</label>
|
||||
<mat-checkbox id="allowNoPassword" name="allowNoPassword" formControlName="allowNoPassword">
|
||||
Allow users to login without a password</mat-checkbox>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<div class="checkbox">
|
||||
<input type="checkbox" id="enableOAuth" name="enableOAuth" formControlName="enableOAuth">
|
||||
<label for="enableOAuth" >Enable Plex OAuth</label>
|
||||
<mat-checkbox id="enableOAuth" name="enableOAuth" formControlName="enableOAuth">Enable Plex OAuth</mat-checkbox>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
@ -59,10 +56,11 @@
|
|||
|
||||
<div class="form-group">
|
||||
<div>
|
||||
<button [disabled]="form.invalid" type="submit" id="save" class="btn btn-primary-outline">Submit</button>
|
||||
<button mat-raised-button type="submit" color="primary" [disabled]="form.invalid" class="mat-focus-indicator mat-stroked-button accent mat-accent mat-raised-button mat-button-base" ng-reflect-disabled="false">
|
||||
<span class="mat-button-wrapper">Submit</span><div matripple="" class="mat-ripple mat-button-ripple" ng-reflect-disabled="false" ng-reflect-centered="false" ng-reflect-trigger="[object HTMLButtonElement]"></div>
|
||||
<div class="mat-button-focus-overlay"></div></button><div class="md-form-field" style="margin-top:1em;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</form>
|
||||
</fieldset>
|
||||
</div>
|
|
@ -4,25 +4,26 @@
|
|||
|
||||
<fieldset>
|
||||
<legend>Issues</legend>
|
||||
<form *ngIf="form" novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)" style="padding-top:2%;">
|
||||
<div class="md-form-field" style="margin-top:1em;"></div>
|
||||
<form *ngIf="form" novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)">
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<div class="checkbox">
|
||||
<input type="checkbox" id="enable" formControlName="enabled" ng-checked="form.enabled">
|
||||
<label for="enable">Enable</label>
|
||||
<mat-checkbox id="enable" formControlName="enabled" ng-checked="form.enabled">
|
||||
Enable</mat-checkbox>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="checkbox">
|
||||
<input type="checkbox" id="enableInProgress" formControlName="enableInProgress" ng-checked="form.enableInProgress">
|
||||
<label for="enableInProgress">Enable In Progress State</label>
|
||||
<mat-checkbox id="enableInProgress" formControlName="enableInProgress" ng-checked="form.enableInProgress">
|
||||
Enable In Progress State</mat-checkbox>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<div class="checkbox">
|
||||
<input type="checkbox" id="deleteIssues" formControlName="deleteIssues" ng-checked="form.deleteIssues">
|
||||
<label for="deleteIssues">Delete issues after they have been resolved</label>
|
||||
<mat-checkbox id="deleteIssues" formControlName="deleteIssues" ng-checked="form.deleteIssues">
|
||||
Delete issues after they have been resolved</mat-checkbox>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
@ -34,19 +35,16 @@
|
|||
</div>
|
||||
|
||||
|
||||
<div class="form-group">
|
||||
<div class="md-form-field">
|
||||
<div>
|
||||
<button type="submit" [disabled]="form.invalid" class="btn btn-primary-outline ">Submit</button>
|
||||
<button mat-raised-button type="submit" color="primary" [disabled]="form.invalid" class="mat-focus-indicator mat-stroked-button accent mat-accent mat-raised-button mat-button-base" ng-reflect-disabled="false">
|
||||
<span class="mat-button-wrapper">Submit</span><div matripple="" class="mat-ripple mat-button-ripple" ng-reflect-disabled="false" ng-reflect-centered="false" ng-reflect-trigger="[object HTMLButtonElement]"></div>
|
||||
<div class="mat-button-focus-overlay"></div></button><div class="md-form-field" style="margin-top:1em;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="col-md-6">
|
||||
<div *ngIf="categories">
|
||||
<div class="form-group row">
|
||||
|
@ -58,7 +56,7 @@
|
|||
name="categoryToAdd" value="{{categoryToAdd.value}}">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<button class="btn btn-primary-outline" (click)="addCategory()">Add</button>
|
||||
<button mat-raised-button (click)="addCategory()">Add</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
<wiki [url]="'https://github.com/tidusjar/Ombi/wiki/Landing-Page-Settings'"></wiki>
|
||||
<fieldset *ngIf="settings" class="container">
|
||||
<legend>Landing Page Configuration</legend>
|
||||
|
||||
<div class="md-form-field" style="margin-top:1em;"></div>
|
||||
<div class="col-12">
|
||||
<mat-checkbox [(ngModel)]="settings.enabled">
|
||||
Enable
|
||||
|
|
|
@ -2,45 +2,47 @@
|
|||
<div *ngIf="form" class="small-middle-container">
|
||||
<fieldset>
|
||||
<legend>Lidarr Settings</legend>
|
||||
|
||||
<div class="md-form-field" style="margin-top:1em;"></div>
|
||||
<form novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12 col-12 col-sm-12"></div>
|
||||
<div class="col-md-12 col-12 col-sm-12">
|
||||
<div class="md-form-field">
|
||||
<mat-slide-toggle formControlName="enabled">Enable</mat-slide-toggle>
|
||||
</div>
|
||||
<div class="md-form-field">
|
||||
<mat-slide-toggle [ngModelOptions]="{standalone: true}" [(ngModel)]="advanced">Advanced</mat-slide-toggle>
|
||||
</div>
|
||||
<div class="md-form-field" style="margin-top:1em;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-7 col-8 col-sm-12">
|
||||
<label for="username" class="control-label">
|
||||
<h3>Server Configuration</h3>
|
||||
</label>
|
||||
<div class="md-form-field">
|
||||
<mat-form-field appearance="outline">
|
||||
<mat-form-field appearance="outline" floatLabel=always>
|
||||
<mat-label>Hostname or IP</mat-label>
|
||||
<input matInput formControlName="ip">
|
||||
</mat-form-field>
|
||||
<mat-form-field appearance="outline">
|
||||
<mat-form-field appearance="outline" floatLabel=always>
|
||||
<mat-label>Port</mat-label>
|
||||
<input matInput formControlName="port">
|
||||
</mat-form-field>
|
||||
<mat-slide-toggle formControlName="ssl">
|
||||
SSL
|
||||
</mat-slide-toggle>
|
||||
<div class="md-form-field" style="margin-top:1em;"></div>
|
||||
</div>
|
||||
<div class="md-form-field">
|
||||
<mat-form-field appearance="outline">
|
||||
<mat-form-field appearance="outline" floatLabel=always>
|
||||
<mat-label>API key</mat-label>
|
||||
<input matInput formControlName="apiKey">
|
||||
</mat-form-field>
|
||||
</div>
|
||||
<div class="md-form-field">
|
||||
<mat-form-field appearance="outline">
|
||||
<mat-form-field appearance="outline" floatLabel=always>
|
||||
<mat-label>Base URL</mat-label>
|
||||
<input matInput formControlName="subDir">
|
||||
</mat-form-field>
|
||||
|
@ -52,7 +54,12 @@
|
|||
<h3>Interface</h3>
|
||||
</label>
|
||||
<div class="md-form-field">
|
||||
<mat-form-field appearance="outline">
|
||||
<div class="md-form-field" style="display:inline;">
|
||||
<button mat-raised-button (click)="getProfiles(form)" color="primary">Load Profiles <span
|
||||
*ngIf="profilesRunning" class="fa fa-spinner fa-spin"></span></button>
|
||||
</div>
|
||||
<div class="md-form-field" style="margin-top:1em;"></div>
|
||||
<mat-form-field appearance="outline" floatLabel=always>
|
||||
<mat-label>Quality Profiles</mat-label>
|
||||
<mat-select formControlName="defaultQualityProfile" required>
|
||||
<mat-option *ngFor="let quality of qualities" [value]="quality.id">
|
||||
|
@ -60,14 +67,17 @@
|
|||
</mat-option>
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<div class="md-form-field" style="display:inline;margin-left:20px;">
|
||||
<button mat-raised-button (click)="getProfiles(form)" color="primary">Load Profiles <span
|
||||
*ngIf="profilesRunning" class="fa fa-spinner fa-spin"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="md-form-field">
|
||||
<mat-form-field appearance="outline">
|
||||
<div class="md-form-field" style="display:inline;">
|
||||
<button mat-raised-button (click)="getRootFolders(form)" color="primary">Load Root Folders <span
|
||||
*ngIf="rootFoldersRunning" class="fa fa-spinner fa-spin"></span></button>
|
||||
</div>
|
||||
|
||||
<div class="md-form-field" style="margin-top:1em;"></div>
|
||||
|
||||
<mat-form-field appearance="outline" floatLabel=always>
|
||||
<mat-label>Default Root Folder</mat-label>
|
||||
<mat-select formControlName="defaultRootPath" required>
|
||||
<mat-option *ngFor="let folder of rootFolders" [value]="folder.path">
|
||||
|
@ -75,14 +85,15 @@
|
|||
</mat-option>
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<div class="md-form-field" style="display:inline;margin-left:20px;">
|
||||
<button mat-raised-button (click)="getRootFolders(form)" color="primary">Load Root Folders <span
|
||||
*ngIf="rootFoldersRunning" class="fa fa-spinner fa-spin"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="md-form-field">
|
||||
<mat-form-field appearance="outline">
|
||||
<div class="md-form-field" style="display:inline;">
|
||||
<button mat-raised-button (click)="getMetadataProfiles(form)" color="primary">Load Metadata <span
|
||||
*ngIf="metadataRunning" class="fa fa-spinner fa-spin"></span></button></div>
|
||||
<div class="md-form-field" style="margin-top:1em;"></div>
|
||||
</div>
|
||||
<mat-form-field appearance="outline" floatLabel=always>
|
||||
<mat-label>Metadata Profile</mat-label>
|
||||
<mat-select formControlName="metadataProfileId" required>
|
||||
<mat-option *ngFor="let folder of metadataProfiles" [value]="folder.id">
|
||||
|
@ -90,16 +101,13 @@
|
|||
</mat-option>
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<div class="md-form-field" style="display:inline;margin-left:20px;">
|
||||
<button mat-raised-button (click)="getMetadataProfiles(form)" color="primary">Load Metadata <span
|
||||
*ngIf="metadataRunning" class="fa fa-spinner fa-spin"></span></button></div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="md-form-field">
|
||||
<mat-slide-toggle formControlName="albumFolder">
|
||||
Album Folder
|
||||
</mat-slide-toggle>
|
||||
<div class="md-form-field" style="margin-top:1em;"></div>
|
||||
</div>
|
||||
|
||||
<div class="md-form-field" *ngIf="advanced" style="color:#ff761b">
|
||||
|
@ -112,21 +120,18 @@
|
|||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="md-form-field">
|
||||
<div>
|
||||
<button mat-raised-button type="button" [disabled]="form.invalid" (click)="test(form)">Test
|
||||
Connectivity <span id="spinner"></span></button>
|
||||
<div class="md-form-field">
|
||||
<div>
|
||||
<button mat-raised-button type="button" [disabled]="form.invalid" (click)="test(form)">Test Connectivity <span id="spinner"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="md-form-field" style="margin-top:1em;">
|
||||
<div>
|
||||
<button mat-raised-button type="submit" color="primary" [disabled]="form.invalid" class="mat-focus-indicator mat-stroked-button accent mat-accent mat-raised-button mat-button-base" ng-reflect-disabled="false"><span class="mat-button-wrapper">Submit</span><div matripple="" class="mat-ripple mat-button-ripple" ng-reflect-disabled="false" ng-reflect-centered="false" ng-reflect-trigger="[object HTMLButtonElement]"></div><div class="mat-button-focus-overlay"></div></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="md-form-field">
|
||||
<div>
|
||||
<button mat-raised-button type="submit" color="primary" [disabled]="form.invalid">Submit</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</fieldset>
|
||||
</div>
|
|
@ -2,6 +2,7 @@
|
|||
<div *ngIf="form" class="small-middle-container">
|
||||
<fieldset>
|
||||
<legend>Radarr Settings</legend>
|
||||
<div class="md-form-field" style="margin-top:1em;"></div>
|
||||
<form novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)">
|
||||
<div class="row">
|
||||
<div class="col-md-12 col-12 col-sm-12">
|
||||
|
@ -15,12 +16,13 @@
|
|||
<div class="md-form-field">
|
||||
<mat-slide-toggle formControlName="scanForAvailability">Scan for Availability</mat-slide-toggle>
|
||||
</div>
|
||||
<div class="md-form-field" style="margin-top:1em;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-7 col-8 col-sm-12">
|
||||
<label for="username" class="control-label"><h3>Server Configuration</h3></label>
|
||||
<label for="username" class="control-label"><h3>Radarr Server Configuration</h3></label>
|
||||
<div class="md-form-field">
|
||||
<mat-form-field appearance="outline" >
|
||||
<mat-label>Hostname or IP</mat-label>
|
||||
|
@ -34,6 +36,7 @@
|
|||
SSL
|
||||
</mat-slide-toggle>
|
||||
</div>
|
||||
<div class="md-form-field" style="margin-top:1em;"></div>
|
||||
<div class="md-form-field">
|
||||
<mat-form-field appearance="outline" >
|
||||
<mat-label>API key</mat-label>
|
||||
|
@ -48,8 +51,12 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="col-md-5 col-4 col-sm-12">
|
||||
<label for="username" class="control-label"><h3>Interface</h3></label>
|
||||
<label for="username" class="control-label"><h3>Radarr Interface</h3></label>
|
||||
<div class="md-form-field">
|
||||
<div class="md-form-field" style="display:inline;">
|
||||
<button mat-raised-button (click)="getProfiles(form)" color="primary">Load Profiles <span *ngIf="profilesRunning" class="fa fa-spinner fa-spin"></span></button>
|
||||
</div>
|
||||
<div class="md-form-field" style="margin-top:1em;"></div>
|
||||
<mat-form-field appearance="outline" >
|
||||
<mat-label>Quality Profiles</mat-label>
|
||||
<mat-select formControlName="defaultQualityProfile" required>
|
||||
|
@ -58,11 +65,13 @@
|
|||
</mat-option>
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<div class="md-form-field" style="display:inline;margin-left:20px;">
|
||||
<button mat-raised-button (click)="getProfiles(form)" color="primary">Load Profiles <span *ngIf="profilesRunning" class="fa fa-spinner fa-spin"></span></button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="md-form-field">
|
||||
<div class="md-form-field" style="display:inline;">
|
||||
<button mat-raised-button (click)="getRootFolders(form)" color="primary">Load Root Folders <span *ngIf="rootFoldersRunning" class="fa fa-spinner fa-spin"></span></button>
|
||||
</div>
|
||||
<div class="md-form-field" style="margin-top:1em;"></div>
|
||||
<mat-form-field appearance="outline" >
|
||||
<mat-label>Default Root Folder</mat-label>
|
||||
<mat-select formControlName="defaultRootPath" required>
|
||||
|
@ -71,9 +80,7 @@
|
|||
</mat-option>
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
<div class="md-form-field" style="display:inline;margin-left:20px;">
|
||||
<button mat-raised-button (click)="getRootFolders(form)" color="primary">Load Root Folders <span *ngIf="rootFoldersRunning" class="fa fa-spinner fa-spin"></span></button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="md-form-field">
|
||||
<mat-form-field appearance="outline" >
|
||||
|
@ -95,14 +102,10 @@
|
|||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="md-form-field">
|
||||
<div>
|
||||
<button mat-raised-button type="button" [disabled]="form.invalid" (click)="test(form)">Test Connectivity <span id="spinner"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="md-form-field" style="margin-top:1em;">
|
||||
<div>
|
||||
<button mat-raised-button type="submit" color="primary" [disabled]="form.invalid">Submit</button>
|
||||
</div>
|
||||
<button mat-raised-button type="submit" color="primary" [disabled]="form.invalid" class="mat-focus-indicator mat-stroked-button accent mat-accent mat-raised-button mat-button-base" ng-reflect-disabled="false"><span class="mat-button-wrapper">Submit</span><div matripple="" class="mat-ripple mat-button-ripple" ng-reflect-disabled="false" ng-reflect-centered="false" ng-reflect-trigger="[object HTMLButtonElement]"></div><div class="mat-button-focus-overlay"></div></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -1,7 +1,8 @@
|
|||
<settings-menu></settings-menu>
|
||||
<settings-menu></settings-menu>
|
||||
<div *ngIf="form" class="small-middle-container">
|
||||
<fieldset>
|
||||
<legend>Sonarr Settings</legend>
|
||||
<div class="md-form-field" style="margin-top:1em;"></div>
|
||||
<form novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)">
|
||||
<div class="row top-spacing">
|
||||
<div class="col-md-12 col-12 col-sm-12" >
|
||||
|
@ -20,6 +21,7 @@
|
|||
<div class="md-form-field">
|
||||
<mat-slide-toggle formControlName="scanForAvailability">Scan for Availability</mat-slide-toggle>
|
||||
</div>
|
||||
<div class="md-form-field" style="margin-top:1em;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -38,6 +40,7 @@
|
|||
<mat-error>The Port is required</mat-error>
|
||||
</mat-form-field>
|
||||
<mat-slide-toggle formControlName="ssl">SSL</mat-slide-toggle>
|
||||
<div class="md-form-field" style="margin-top:1em;"></div>
|
||||
</div>
|
||||
<div class="md-form-field">
|
||||
<mat-form-field appearance="outline" floatLabel=always>
|
||||
|
@ -58,6 +61,11 @@
|
|||
<label for="username" class="control-label"><h3>Sonarr Interface</h3></label>
|
||||
<div class="form-group col-md-12">
|
||||
<div id="profiles">
|
||||
<div class="md-form-field" style="display:inline;">
|
||||
<button mat-raised-button id="profiles" (click)="getProfiles(form)" class="mat-stroked-button load">
|
||||
Load Qualities <span *ngIf="profilesRunning" class="fa fa-spinner fa-spin"></span></button>
|
||||
<div class="md-form-field" style="margin-top:1em;"></div>
|
||||
</div>
|
||||
<div class="md-form-field" style="display:contents;">
|
||||
<mat-form-field appearance="outline">
|
||||
<mat-label>Quality Profiles</mat-label>
|
||||
|
@ -67,11 +75,8 @@
|
|||
<mat-error>A Default Quality Profile is required</mat-error>
|
||||
</mat-form-field>
|
||||
</div>
|
||||
<div class="md-form-field" style="display:inline;margin-left:20px;">
|
||||
<button mat-raised-button id="profiles" (click)="getProfiles(form)" class="mat-stroked-button load">
|
||||
Load Qualities <span *ngIf="profilesRunning" class="fa fa-spinner fa-spin"></span></button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div id="qualityProfileAnime">
|
||||
<div class="md-form-field" style="display:contents;">
|
||||
<mat-form-field appearance="outline">
|
||||
|
@ -88,6 +93,10 @@
|
|||
|
||||
<div class="form-group col-md-12">
|
||||
<div id="rootFolders">
|
||||
<div class="md-form-field" style="display:inline">
|
||||
<button mat-raised-button id="rootFolder" (click)="getRootFolders(form)" class="mat-stroked-button load">
|
||||
Load Folders <span *ngIf="rootFoldersRunning" class="fa fa-spinner fa-spin"></span></button><div class="md-form-field" style="margin-top:1em;"></div>
|
||||
</div>
|
||||
<div class="md-form-field" style="display:contents;">
|
||||
<mat-form-field appearance="outline">
|
||||
<mat-label>Default Root Folders</mat-label>
|
||||
|
@ -97,10 +106,7 @@
|
|||
<mat-error>A Default Root Folder is required</mat-error>
|
||||
</mat-form-field>
|
||||
</div>
|
||||
<div class="md-form-field" style="display:inline;margin-left:20px;">
|
||||
<button mat-raised-button id="rootFolder" (click)="getRootFolders(form)" class="mat-stroked-button load">
|
||||
Load Folders <span *ngIf="rootFoldersRunning" class="fa fa-spinner fa-spin"></span></button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div id="rootFoldersAnime">
|
||||
<div class="md-form-field" style="display:contents;">
|
||||
|
@ -121,6 +127,10 @@
|
|||
<i *ngIf="form.get('languageProfile').hasError('required')" class="fa fa-exclamation-circle error-text" pTooltip="A Language Profile is required"></i>
|
||||
</label>
|
||||
<div id="langaugeProfile">
|
||||
<div class="md-form-field" style="display:inline">
|
||||
<button type="button" mat-raised-button (click)="getLanguageProfiles(form)" class="mat-stroked-button load">Load
|
||||
Languages <span *ngIf="langRunning" class="fa fa-spinner fa-spin"> </span></button><div class="md-form-field" style="margin-top:1em;"></div>
|
||||
</div>
|
||||
<div class="md-form-field" style="display:contents;">
|
||||
<mat-form-field appearance="outline">
|
||||
<mat-label>Language Profiles </mat-label>
|
||||
|
@ -130,10 +140,7 @@
|
|||
<mat-error>A Language Profile is required</mat-error>
|
||||
</mat-form-field>
|
||||
</div>
|
||||
<div class="md-form-field" style="display:inline;margin-left:20px;">
|
||||
<button type="button" mat-raised-button (click)="getLanguageProfiles(form)" class="mat-stroked-button load">Load
|
||||
Languages <span *ngIf="langRunning" class="fa fa-spinner fa-spin"> </span></button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
@ -141,8 +148,8 @@
|
|||
<div class="form-group col-md-12">
|
||||
<div class="checkbox">
|
||||
<mat-slide-toggle id="SeasonFolders" name="SeasonFolders" formControlName="seasonFolders">Enable season folders</mat-slide-toggle>
|
||||
</div>
|
||||
<label>Enabled Season Folders to organize seasons into individual folders within a show.</label>
|
||||
</div><div class="md-form-field" style="margin-top:1em;"></div>
|
||||
<label>If enabled Sonarr will organize seasons into separate folders within a show.</label>
|
||||
</div>
|
||||
|
||||
<div class="form-group col-md-12" *ngIf="advanced" style="color:#ff761b">
|
||||
|
|
|
@ -2,11 +2,11 @@
|
|||
<div class="small-middle-container">
|
||||
<fieldset *ngIf="settings">
|
||||
<legend>The Movie Database</legend>
|
||||
<div class="col-md-6">
|
||||
<div class="md-form-field" style="margin-top:1em;">
|
||||
<div class="form-group">
|
||||
<div class="checkbox">
|
||||
<input type="checkbox" id="showAdultMovies" name="showAdultMovies" [(ngModel)]="settings.showAdultMovies">
|
||||
<label for="showAdultMovies" matTooltip="Include adult movies (pornography) in results">Show Adult Movies</label>
|
||||
<mat-checkbox id="showAdultMovies" name="showAdultMovies" [(ngModel)]="settings.showAdultMovies" matTooltip="Include adult movies (pornography) in results">
|
||||
Show Adult Movies</mat-checkbox>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
@ -66,7 +66,9 @@
|
|||
|
||||
<div class="form-group">
|
||||
<div>
|
||||
<button (click)="save()" type="submit" id="save" class="btn btn-primary-outline">Submit</button>
|
||||
<button mat-raised-button (click)="save()" type="submit" id="save" class="mat-focus-indicator mat-stroked-button accent mat-accent mat-raised-button mat-button-base" ng-reflect-disabled="false">
|
||||
<span class="mat-button-wrapper">Submit</span><div matripple="" class="mat-ripple mat-button-ripple" ng-reflect-disabled="false" ng-reflect-centered="false" ng-reflect-trigger="[object HTMLButtonElement]"></div>
|
||||
<div class="mat-button-focus-overlay"></div></button><div class="md-form-field" style="margin-top:1em;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -3,42 +3,33 @@
|
|||
<wiki [url]="'https://github.com/tidusjar/Ombi/wiki/User-Importer-Settings'"></wiki>
|
||||
<fieldset *ngIf="settings">
|
||||
<legend>User Importer Settings</legend>
|
||||
|
||||
<div class="md-form-field" style="margin-top:1em;"></div>
|
||||
<div class="col-md-6">
|
||||
<div *ngIf="plexEnabled">
|
||||
|
||||
<div class="form-group">
|
||||
<div class="checkbox">
|
||||
<input type="checkbox" id="importPlex" [(ngModel)]="settings.importPlexUsers">
|
||||
<label for="importPlex">Import Plex Users</label>
|
||||
<div>
|
||||
<mat-checkbox id="importPlex" [(ngModel)]="settings.importPlexUsers">
|
||||
Import Plex Users</mat-checkbox>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<div class="checkbox">
|
||||
<input type="checkbox" id="importAdmin" [(ngModel)]="settings.importPlexAdmin">
|
||||
<label for="importAdmin">Import Plex Admin</label>
|
||||
<mat-checkbox id="importAdmin" [(ngModel)]="settings.importPlexAdmin">Import Plex Admin</mat-checkbox>
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="plexUsers">
|
||||
<p>Plex Users exclude from Import</p>
|
||||
<p>Plex Users excluded from Import</p>
|
||||
|
||||
<p-autoComplete [(ngModel)]="bannedPlexUsers" [suggestions]="filteredPlexUsers" [multiple]="true" field="username" (completeMethod)="filterPlexList($event)"></p-autoComplete>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div *ngIf="embyEnabled">
|
||||
|
||||
|
||||
<div class="form-group">
|
||||
<div class="checkbox">
|
||||
<input type="checkbox" id="importEmbyUsers" [(ngModel)]="settings.importEmbyUsers">
|
||||
<label for="importEmbyUsers">Import Emby Users</label>
|
||||
</div>
|
||||
<mat-checkbox id="importEmbyUsers" [(ngModel)]="settings.importEmbyUsers">Import Emby Users</mat-checkbox>
|
||||
</div>
|
||||
|
||||
<div *ngIf="embyUsers">
|
||||
<p>Emby Users exclude from Import</p>
|
||||
<p>Emby Users excluded from Import</p>
|
||||
|
||||
<p-autoComplete [(ngModel)]="bannedEmbyUsers" [suggestions]="filteredEmbyUsers" [multiple]="true" field="username" (completeMethod)="filterEmbyList($event)"></p-autoComplete>
|
||||
</div>
|
||||
|
@ -50,9 +41,9 @@
|
|||
|
||||
<div *ngFor="let c of claims">
|
||||
<div class="form-group">
|
||||
<div class="checkbox">
|
||||
<input type="checkbox" [(ngModel)]="c.enabled" [value]="c.value" id="create{{c.value}}" [attr.name]="'create' + c.value" ng-checked="c.enabled">
|
||||
<label for="create{{c.value}}">{{c.value | humanize}}</label>
|
||||
<div>
|
||||
<mat-checkbox [(ngModel)]="c.enabled" [value]="c.value" id="create{{c.value}}" [attr.name]="'create' + c.value" ng-checked="c.enabled">
|
||||
{{c.value | humanize}}</mat-checkbox>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -61,25 +52,26 @@
|
|||
<div class="form-group">
|
||||
<label for="movieRequestLimit" class="control-label">Movie Request Limit</label>
|
||||
<div>
|
||||
<input type="text" [(ngModel)]="settings.movieRequestLimit" class="form-control form-small form-control-custom " id="movieRequestLimit" name="movieRequestLimit" value="{{settings?.movieRequestLimit}}">
|
||||
<input type="text" [(ngModel)]="settings.movieRequestLimit" class="form-control form-small form-control-custom" id="movieRequestLimit" name="movieRequestLimit" value="{{settings?.movieRequestLimit}}">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="episodeRequestLimit" class="control-label">Episode Request Limit</label>
|
||||
<div>
|
||||
<input type="text" [(ngModel)]="settings.episodeRequestLimit" class="form-control form-small form-control-custom " id="episodeRequestLimit" name="episodeRequestLimit" value="{{settings?.episodeRequestLimit}}">
|
||||
<input type="text" [(ngModel)]="settings.episodeRequestLimit" class="form-control form-small form-control-custom" id="episodeRequestLimit" name="episodeRequestLimit" value="{{settings?.episodeRequestLimit}}">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-group">
|
||||
<button type="submit" id="save" (click)="submit()" class="btn btn-primary-outline">Submit</button>
|
||||
<button type="button" [disabled]="!enableImportButton" (click)="runImporter()" class="btn btn-info-outline">Run Importer</button>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<button (click)="submit()" mat-raised-button type="submit" id="save" class="mat-focus-indicator mat-stroked-button accent mat-accent mat-raised-button mat-button-base" ng-reflect-disabled="false">
|
||||
<span class="mat-button-wrapper">Submit</span><div matripple="" class="mat-ripple mat-button-ripple" ng-reflect-disabled="false" ng-reflect-centered="false" ng-reflect-trigger="[object HTMLButtonElement]"></div>
|
||||
<div class="mat-button-focus-overlay"></div></button>
|
||||
</div>
|
||||
</div>
|
||||
<div><button type="button" [disabled]="!enableImportButton" (click)="runImporter()" class="mat-focus-indicator mat-stroked-button mat-raised-button mat-button-base">
|
||||
Run Importer<div matripple class="mat-ripple mat-button-ripple" ng-reflect-disabled="false" ng-reflect-centered="false" ng-reflect-trigger="[object HTMLButtonElement]"></div><div class="mat-button-focus-overlay"></div></button>
|
||||
</div>
|
||||
<div class="md-form-field" style="margin-top:1em;"></div>
|
||||
</fieldset>
|
||||
</div>
|
|
@ -17,6 +17,10 @@
|
|||
font-weight: 400;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.row {
|
||||
display: block;
|
||||
}
|
||||
|
|
|
@ -4,12 +4,11 @@
|
|||
|
||||
<fieldset>
|
||||
<legend>Vote</legend>
|
||||
<form *ngIf="form" novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)" style="padding-top:2%;">
|
||||
<div class="col-md-12">
|
||||
<form *ngIf="form" novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)">
|
||||
<div class="md-form-field" style="margin-top:1em;"></div>
|
||||
<div class="form-group">
|
||||
<div class="checkbox">
|
||||
<input type="checkbox" id="enable" formControlName="enabled" ng-checked="form.enabled">
|
||||
<label for="enable">Enable</label>
|
||||
<mat-checkbox id="enable" formControlName="enabled" ng-checked="form.enabled">Enable</mat-checkbox>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
@ -37,10 +36,12 @@
|
|||
|
||||
<div class="form-group">
|
||||
<div>
|
||||
<button type="submit" [disabled]="form.invalid" class="btn btn-primary-outline ">Submit</button>
|
||||
<button mat-raised-button type="submit" color="primary" [disabled]="form.invalid" class="mat-focus-indicator mat-stroked-button accent mat-accent mat-raised-button mat-button-base" ng-reflect-disabled="false">
|
||||
<span class="mat-button-wrapper">Submit</span><div matripple="" class="mat-ripple mat-button-ripple" ng-reflect-disabled="false" ng-reflect-centered="false" ng-reflect-trigger="[object HTMLButtonElement]"></div>
|
||||
<div class="mat-button-focus-overlay"></div></button><div class="md-form-field" style="margin-top:1em;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</form>
|
||||
</fieldset>
|
||||
|
|
|
@ -8,4 +8,7 @@
|
|||
::ng-deep .dark .btn:hover {
|
||||
box-shadow: 0 5px 11px 0 rgba(255, 255, 255, 0.18), 0 4px 15px 0 rgba(255, 255, 255, 0.15);
|
||||
color: inherit;
|
||||
}
|
||||
.form-control {
|
||||
width: auto;
|
||||
}
|
|
@ -18,4 +18,4 @@ $orange:#F57C00;
|
|||
|
||||
.btn-orange {
|
||||
background-color: $orange;
|
||||
}
|
||||
}
|
|
@ -140,8 +140,4 @@ table {
|
|||
|
||||
::ng-deep .mat-form-field.mat-focused .mat-form-field-label {
|
||||
color: $accent;
|
||||
}
|
||||
|
||||
::ng-deep .mat-form-field-appearance-outline .mat-form-field-wrapper {
|
||||
margin: 0.5em;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue