open-source-mirrors
/
Ombi
mirror of https://github.com/Ombi-app/Ombi
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #3749 from goldenpipes/feature/v4

Browse Source 
Setting pages ui fixes
pull/3776/head
Jamie 4 years ago committed by GitHub
parent 3b7e1d0f97 3801a4f61b
commit 4f488c0290
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
13 changed files with 144 additions and 135 deletions
Show Stats Download Patch File Download Diff File

18
src/Ombi/ClientApp/src/app/settings/authentication/authentication.component.html
Unescape View File

@ -3,21 +3,18 @@
<wiki [url]="'https://github.com/tidusjar/Ombi/wiki/Authentication-Settings'"></wiki> <wiki [url]="'https://github.com/tidusjar/Ombi/wiki/Authentication-Settings'"></wiki>
<fieldset *ngIf="form"> <fieldset *ngIf="form">
<legend>Authentication</legend> <legend>Authentication</legend>
<div class="md-form-field" style="margin-top:1em;"></div>
<form novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)"> <form novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)">
<div class="col-md-6">
<div class="form-group"> <div class="form-group">
<div class="checkbox"> <div class="checkbox">
<input type="checkbox" id="allowNoPassword" name="allowNoPassword" formControlName="allowNoPassword"> <mat-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> Allow users to login without a password</mat-checkbox>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<div class="checkbox"> <div class="checkbox">
<input type="checkbox" id="enableOAuth" name="enableOAuth" formControlName="enableOAuth"> <mat-checkbox id="enableOAuth" name="enableOAuth" formControlName="enableOAuth">Enable Plex OAuth</mat-checkbox>
<label for="enableOAuth" >Enable Plex OAuth</label>
</div> </div>
</div> </div>
@ -59,10 +56,11 @@
<div class="form-group"> <div class="form-group">
<div> <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> </div>
</div> </form>
</form>
</fieldset> </fieldset>
</div> </div>

28
src/Ombi/ClientApp/src/app/settings/issues/issues.component.html
Unescape View File

@ -4,25 +4,26 @@
<fieldset> <fieldset>
<legend>Issues</legend> <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="col-md-6">
<div class="form-group"> <div class="form-group">
<div class="checkbox"> <div class="checkbox">
<input type="checkbox" id="enable" formControlName="enabled" ng-checked="form.enabled"> <mat-checkbox id="enable" formControlName="enabled" ng-checked="form.enabled">
<label for="enable">Enable</label> Enable</mat-checkbox>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<div class="checkbox"> <div class="checkbox">
<input type="checkbox" id="enableInProgress" formControlName="enableInProgress" ng-checked="form.enableInProgress"> <mat-checkbox id="enableInProgress" formControlName="enableInProgress" ng-checked="form.enableInProgress">
<label for="enableInProgress">Enable In Progress State</label> Enable In Progress State</mat-checkbox>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<div class="checkbox"> <div class="checkbox">
<input type="checkbox" id="deleteIssues" formControlName="deleteIssues" ng-checked="form.deleteIssues"> <mat-checkbox id="deleteIssues" formControlName="deleteIssues" ng-checked="form.deleteIssues">
<label for="deleteIssues">Delete issues after they have been resolved</label> Delete issues after they have been resolved</mat-checkbox>
</div> </div>
</div> </div>
@ -34,19 +35,16 @@
</div> </div>
<div class="form-group"> <div class="md-form-field">
<div> <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> </div>
</div> </div>
</form> </form>
<div class="col-md-6"> <div class="col-md-6">
<div *ngIf="categories"> <div *ngIf="categories">
<div class="form-group row"> <div class="form-group row">
@ -58,7 +56,7 @@
name="categoryToAdd" value="{{categoryToAdd.value}}"> name="categoryToAdd" value="{{categoryToAdd.value}}">
</div> </div>
<div class="col-md-3"> <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>
</div> </div>

2
src/Ombi/ClientApp/src/app/settings/landingpage/landingpage.component.html
Unescape View File

@ -3,7 +3,7 @@
<wiki [url]="'https://github.com/tidusjar/Ombi/wiki/Landing-Page-Settings'"></wiki> <wiki [url]="'https://github.com/tidusjar/Ombi/wiki/Landing-Page-Settings'"></wiki>
<fieldset *ngIf="settings" class="container"> <fieldset *ngIf="settings" class="container">
<legend>Landing Page Configuration</legend> <legend>Landing Page Configuration</legend>
<div class="md-form-field" style="margin-top:1em;"></div>
<div class="col-12"> <div class="col-12">
<mat-checkbox [(ngModel)]="settings.enabled"> <mat-checkbox [(ngModel)]="settings.enabled">
Enable Enable

81
src/Ombi/ClientApp/src/app/settings/lidarr/lidarr.component.html
Unescape View File

@ -2,45 +2,47 @@
<div *ngIf="form" class="small-middle-container"> <div *ngIf="form" class="small-middle-container">
<fieldset> <fieldset>
<legend>Lidarr Settings</legend> <legend>Lidarr Settings</legend>
<div class="md-form-field" style="margin-top:1em;"></div>
<form novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)"> <form novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)">
<div class="row"> <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"> <div class="md-form-field">
<mat-slide-toggle formControlName="enabled">Enable</mat-slide-toggle> <mat-slide-toggle formControlName="enabled">Enable</mat-slide-toggle>
</div> </div>
<div class="md-form-field"> <div class="md-form-field">
<mat-slide-toggle [ngModelOptions]="{standalone: true}" [(ngModel)]="advanced">Advanced</mat-slide-toggle> <mat-slide-toggle [ngModelOptions]="{standalone: true}" [(ngModel)]="advanced">Advanced</mat-slide-toggle>
</div> </div>
<div class="md-form-field" style="margin-top:1em;"></div>
</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-7 col-8 col-sm-12"> <div class="col-md-7 col-8 col-sm-12">
<label for="username" class="control-label"> <label for="username" class="control-label">
<h3>Server Configuration</h3> <h3>Server Configuration</h3>
</label> </label>
<div class="md-form-field"> <div class="md-form-field">
<mat-form-field appearance="outline"> <mat-form-field appearance="outline" floatLabel=always>
<mat-label>Hostname or IP</mat-label> <mat-label>Hostname or IP</mat-label>
<input matInput formControlName="ip"> <input matInput formControlName="ip">
</mat-form-field> </mat-form-field>
<mat-form-field appearance="outline"> <mat-form-field appearance="outline" floatLabel=always>
<mat-label>Port</mat-label> <mat-label>Port</mat-label>
<input matInput formControlName="port"> <input matInput formControlName="port">
</mat-form-field> </mat-form-field>
<mat-slide-toggle formControlName="ssl"> <mat-slide-toggle formControlName="ssl">
SSL SSL
</mat-slide-toggle> </mat-slide-toggle>
<div class="md-form-field" style="margin-top:1em;"></div>
</div> </div>
<div class="md-form-field"> <div class="md-form-field">
<mat-form-field appearance="outline"> <mat-form-field appearance="outline" floatLabel=always>
<mat-label>API key</mat-label> <mat-label>API key</mat-label>
<input matInput formControlName="apiKey"> <input matInput formControlName="apiKey">
</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" floatLabel=always>
<mat-label>Base URL</mat-label> <mat-label>Base URL</mat-label>
<input matInput formControlName="subDir"> <input matInput formControlName="subDir">
</mat-form-field> </mat-form-field>
@ -52,7 +54,12 @@
<h3>Interface</h3> <h3>Interface</h3>
</label> </label>
<div class="md-form-field"> <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-label>Quality Profiles</mat-label>
<mat-select formControlName="defaultQualityProfile" required> <mat-select formControlName="defaultQualityProfile" required>
<mat-option *ngFor="let quality of qualities" [value]="quality.id"> <mat-option *ngFor="let quality of qualities" [value]="quality.id">
@ -60,14 +67,17 @@
</mat-option> </mat-option>
</mat-select> </mat-select>
</mat-form-field> </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>
<div class="md-form-field"> <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-label>Default Root Folder</mat-label>
<mat-select formControlName="defaultRootPath" required> <mat-select formControlName="defaultRootPath" required>
<mat-option *ngFor="let folder of rootFolders" [value]="folder.path"> <mat-option *ngFor="let folder of rootFolders" [value]="folder.path">
@ -75,14 +85,15 @@
</mat-option> </mat-option>
</mat-select> </mat-select>
</mat-form-field> </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>
<div class="md-form-field"> <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-label>Metadata Profile</mat-label>
<mat-select formControlName="metadataProfileId" required> <mat-select formControlName="metadataProfileId" required>
<mat-option *ngFor="let folder of metadataProfiles" [value]="folder.id"> <mat-option *ngFor="let folder of metadataProfiles" [value]="folder.id">
@ -90,16 +101,13 @@
</mat-option> </mat-option>
</mat-select> </mat-select>
</mat-form-field> </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"> <div class="md-form-field">
<mat-slide-toggle formControlName="albumFolder"> <mat-slide-toggle formControlName="albumFolder">
Album Folder Album Folder
</mat-slide-toggle> </mat-slide-toggle>
<div class="md-form-field" style="margin-top:1em;"></div>
</div> </div>
<div class="md-form-field" *ngIf="advanced" style="color:#ff761b"> <div class="md-form-field" *ngIf="advanced" style="color:#ff761b">
@ -112,21 +120,18 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<div class="md-form-field"> <div class="md-form-field">
<div> <div>
<button mat-raised-button type="button" [disabled]="form.invalid" (click)="test(form)">Test <button mat-raised-button type="button" [disabled]="form.invalid" (click)="test(form)">Test Connectivity <span id="spinner"></span></button>
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>
<div class="md-form-field">
<div>
<button mat-raised-button type="submit" color="primary" [disabled]="form.invalid">Submit</button>
</div>
</div>
</div> </div>
</div> </div>
</form> </form>
</fieldset> </fieldset>
</div> </div>

29
src/Ombi/ClientApp/src/app/settings/radarr/radarr.component.html
Unescape View File

@ -2,6 +2,7 @@
<div *ngIf="form" class="small-middle-container"> <div *ngIf="form" class="small-middle-container">
<fieldset> <fieldset>
<legend>Radarr Settings</legend> <legend>Radarr Settings</legend>
<div class="md-form-field" style="margin-top:1em;"></div>
<form novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)"> <form novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)">
<div class="row"> <div class="row">
<div class="col-md-12 col-12 col-sm-12"> <div class="col-md-12 col-12 col-sm-12">
@ -15,12 +16,13 @@
<div class="md-form-field"> <div class="md-form-field">
<mat-slide-toggle formControlName="scanForAvailability">Scan for Availability</mat-slide-toggle> <mat-slide-toggle formControlName="scanForAvailability">Scan for Availability</mat-slide-toggle>
</div> </div>
<div class="md-form-field" style="margin-top:1em;"></div>
</div> </div>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-7 col-8 col-sm-12"> <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"> <div class="md-form-field">
<mat-form-field appearance="outline" > <mat-form-field appearance="outline" >
<mat-label>Hostname or IP</mat-label> <mat-label>Hostname or IP</mat-label>
@ -34,6 +36,7 @@
SSL SSL
</mat-slide-toggle> </mat-slide-toggle>
</div> </div>
<div class="md-form-field" style="margin-top:1em;"></div>
<div class="md-form-field"> <div class="md-form-field">
<mat-form-field appearance="outline" > <mat-form-field appearance="outline" >
<mat-label>API key</mat-label> <mat-label>API key</mat-label>
@ -48,8 +51,12 @@
</div> </div>
</div> </div>
<div class="col-md-5 col-4 col-sm-12"> <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">
<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-form-field appearance="outline" >
<mat-label>Quality Profiles</mat-label> <mat-label>Quality Profiles</mat-label>
<mat-select formControlName="defaultQualityProfile" required> <mat-select formControlName="defaultQualityProfile" required>
@ -58,11 +65,13 @@
</mat-option> </mat-option>
</mat-select> </mat-select>
</mat-form-field> </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>
<div class="md-form-field"> <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-form-field appearance="outline" >
<mat-label>Default Root Folder</mat-label> <mat-label>Default Root Folder</mat-label>
<mat-select formControlName="defaultRootPath" required> <mat-select formControlName="defaultRootPath" required>
@ -71,9 +80,7 @@
</mat-option> </mat-option>
</mat-select> </mat-select>
</mat-form-field> </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>
<div class="md-form-field"> <div class="md-form-field">
<mat-form-field appearance="outline" > <mat-form-field appearance="outline" >
@ -95,14 +102,10 @@
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<div class="md-form-field"> <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> <button mat-raised-button type="button" [disabled]="form.invalid" (click)="test(form)">Test Connectivity <span id="spinner"></span></button>
</div> </div>
</div>
<div class="md-form-field" style="margin-top:1em;"> <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>
<button mat-raised-button type="submit" color="primary" [disabled]="form.invalid">Submit</button>
</div>
</div> </div>
</div> </div>
</div> </div>

37
src/Ombi/ClientApp/src/app/settings/sonarr/sonarr.component.html
Unescape View File

@ -1,7 +1,8 @@
<settings-menu></settings-menu> <settings-menu></settings-menu>
<div *ngIf="form" class="small-middle-container"> <div *ngIf="form" class="small-middle-container">
<fieldset> <fieldset>
<legend>Sonarr Settings</legend> <legend>Sonarr Settings</legend>
<div class="md-form-field" style="margin-top:1em;"></div>
<form novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)"> <form novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)">
<div class="row top-spacing"> <div class="row top-spacing">
<div class="col-md-12 col-12 col-sm-12" > <div class="col-md-12 col-12 col-sm-12" >
@ -20,6 +21,7 @@
<div class="md-form-field"> <div class="md-form-field">
<mat-slide-toggle formControlName="scanForAvailability">Scan for Availability</mat-slide-toggle> <mat-slide-toggle formControlName="scanForAvailability">Scan for Availability</mat-slide-toggle>
</div> </div>
<div class="md-form-field" style="margin-top:1em;"></div>
</div> </div>
</div> </div>
</div> </div>
@ -38,6 +40,7 @@
<mat-error>The Port is required</mat-error> <mat-error>The Port is required</mat-error>
</mat-form-field> </mat-form-field>
<mat-slide-toggle formControlName="ssl">SSL</mat-slide-toggle> <mat-slide-toggle formControlName="ssl">SSL</mat-slide-toggle>
<div class="md-form-field" style="margin-top:1em;"></div>
</div> </div>
<div class="md-form-field"> <div class="md-form-field">
<mat-form-field appearance="outline" floatLabel=always> <mat-form-field appearance="outline" floatLabel=always>
@ -58,6 +61,11 @@
<label for="username" class="control-label"><h3>Sonarr Interface</h3></label> <label for="username" class="control-label"><h3>Sonarr Interface</h3></label>
<div class="form-group col-md-12"> <div class="form-group col-md-12">
<div id="profiles"> <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;"> <div class="md-form-field" style="display:contents;">
<mat-form-field appearance="outline"> <mat-form-field appearance="outline">
<mat-label>Quality Profiles</mat-label> <mat-label>Quality Profiles</mat-label>
@ -67,11 +75,8 @@
<mat-error>A Default Quality Profile is required</mat-error> <mat-error>A Default Quality Profile is required</mat-error>
</mat-form-field> </mat-form-field>
</div> </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>
<div id="qualityProfileAnime"> <div id="qualityProfileAnime">
<div class="md-form-field" style="display:contents;"> <div class="md-form-field" style="display:contents;">
<mat-form-field appearance="outline"> <mat-form-field appearance="outline">
@ -88,6 +93,10 @@
<div class="form-group col-md-12"> <div class="form-group col-md-12">
<div id="rootFolders"> <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;"> <div class="md-form-field" style="display:contents;">
<mat-form-field appearance="outline"> <mat-form-field appearance="outline">
<mat-label>Default Root Folders</mat-label> <mat-label>Default Root Folders</mat-label>
@ -97,10 +106,7 @@
<mat-error>A Default Root Folder is required</mat-error> <mat-error>A Default Root Folder is required</mat-error>
</mat-form-field> </mat-form-field>
</div> </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>
<div id="rootFoldersAnime"> <div id="rootFoldersAnime">
<div class="md-form-field" style="display:contents;"> <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> <i *ngIf="form.get('languageProfile').hasError('required')" class="fa fa-exclamation-circle error-text" pTooltip="A Language Profile is required"></i>
</label> </label>
<div id="langaugeProfile"> <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;"> <div class="md-form-field" style="display:contents;">
<mat-form-field appearance="outline"> <mat-form-field appearance="outline">
<mat-label>Language Profiles </mat-label> <mat-label>Language Profiles </mat-label>
@ -130,10 +140,7 @@
<mat-error>A Language Profile is required</mat-error> <mat-error>A Language Profile is required</mat-error>
</mat-form-field> </mat-form-field>
</div> </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>
</div> </div>
@ -141,8 +148,8 @@
<div class="form-group col-md-12"> <div class="form-group col-md-12">
<div class="checkbox"> <div class="checkbox">
<mat-slide-toggle id="SeasonFolders" name="SeasonFolders" formControlName="seasonFolders">Enable season folders</mat-slide-toggle> <mat-slide-toggle id="SeasonFolders" name="SeasonFolders" formControlName="seasonFolders">Enable season folders</mat-slide-toggle>
</div> </div><div class="md-form-field" style="margin-top:1em;"></div>
<label>Enabled Season Folders to organize seasons into individual folders within a show.</label> <label>If enabled Sonarr will organize seasons into separate folders within a show.</label>
</div> </div>
<div class="form-group col-md-12" *ngIf="advanced" style="color:#ff761b"> <div class="form-group col-md-12" *ngIf="advanced" style="color:#ff761b">

10
src/Ombi/ClientApp/src/app/settings/themoviedb/themoviedb.component.html
Unescape View File

@ -2,11 +2,11 @@
<div class="small-middle-container"> <div class="small-middle-container">
<fieldset *ngIf="settings"> <fieldset *ngIf="settings">
<legend>The Movie Database</legend> <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="form-group">
<div class="checkbox"> <div class="checkbox">
<input type="checkbox" id="showAdultMovies" name="showAdultMovies" [(ngModel)]="settings.showAdultMovies"> <mat-checkbox id="showAdultMovies" name="showAdultMovies" [(ngModel)]="settings.showAdultMovies" matTooltip="Include adult movies (pornography) in results">
<label for="showAdultMovies" matTooltip="Include adult movies (pornography) in results">Show Adult Movies</label> Show Adult Movies</mat-checkbox>
</div> </div>
</div> </div>
@ -66,7 +66,9 @@
<div class="form-group"> <div class="form-group">
<div> <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> </div>
</div> </div>

48
src/Ombi/ClientApp/src/app/settings/usermanagement/usermanagement.component.html
Unescape View File

@ -3,42 +3,33 @@
<wiki [url]="'https://github.com/tidusjar/Ombi/wiki/User-Importer-Settings'"></wiki> <wiki [url]="'https://github.com/tidusjar/Ombi/wiki/User-Importer-Settings'"></wiki>
<fieldset *ngIf="settings"> <fieldset *ngIf="settings">
<legend>User Importer Settings</legend> <legend>User Importer Settings</legend>
<div class="md-form-field" style="margin-top:1em;"></div>
<div class="col-md-6"> <div class="col-md-6">
<div *ngIf="plexEnabled"> <div *ngIf="plexEnabled">
<div class="form-group"> <div class="form-group">
<div class="checkbox"> <div>
<input type="checkbox" id="importPlex" [(ngModel)]="settings.importPlexUsers"> <mat-checkbox id="importPlex" [(ngModel)]="settings.importPlexUsers">
<label for="importPlex">Import Plex Users</label> Import Plex Users</mat-checkbox>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<div class="checkbox"> <mat-checkbox id="importAdmin" [(ngModel)]="settings.importPlexAdmin">Import Plex Admin</mat-checkbox>
<input type="checkbox" id="importAdmin" [(ngModel)]="settings.importPlexAdmin">
<label for="importAdmin">Import Plex Admin</label>
</div> </div>
</div>
<div *ngIf="plexUsers"> <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> <p-autoComplete [(ngModel)]="bannedPlexUsers" [suggestions]="filteredPlexUsers" [multiple]="true" field="username" (completeMethod)="filterPlexList($event)"></p-autoComplete>
</div> </div>
</div> </div>
<div *ngIf="embyEnabled"> <div *ngIf="embyEnabled">
<div class="form-group"> <div class="form-group">
<div class="checkbox"> <mat-checkbox id="importEmbyUsers" [(ngModel)]="settings.importEmbyUsers">Import Emby Users</mat-checkbox>
<input type="checkbox" id="importEmbyUsers" [(ngModel)]="settings.importEmbyUsers">
<label for="importEmbyUsers">Import Emby Users</label>
</div>
</div> </div>
<div *ngIf="embyUsers"> <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> <p-autoComplete [(ngModel)]="bannedEmbyUsers" [suggestions]="filteredEmbyUsers" [multiple]="true" field="username" (completeMethod)="filterEmbyList($event)"></p-autoComplete>
</div> </div>
@ -50,9 +41,9 @@
<div *ngFor="let c of claims"> <div *ngFor="let c of claims">
<div class="form-group"> <div class="form-group">
<div class="checkbox"> <div>
<input type="checkbox" [(ngModel)]="c.enabled" [value]="c.value" id="create{{c.value}}" [attr.name]="'create' + c.value" ng-checked="c.enabled"> <mat-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> {{c.value | humanize}}</mat-checkbox>
</div> </div>
</div> </div>
</div> </div>
@ -61,25 +52,26 @@
<div class="form-group"> <div class="form-group">
<label for="movieRequestLimit" class="control-label">Movie Request Limit</label> <label for="movieRequestLimit" class="control-label">Movie Request Limit</label>
<div> <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> </div>
<div class="form-group"> <div class="form-group">
<label for="episodeRequestLimit" class="control-label">Episode Request Limit</label> <label for="episodeRequestLimit" class="control-label">Episode Request Limit</label>
<div> <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>
</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"> <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> <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> </fieldset>
</div> </div>

4
src/Ombi/ClientApp/src/app/settings/usermanagement/usermanagement.component.scss
Unescape View File

@ -17,6 +17,10 @@
font-weight: 400; font-weight: 400;
} }
.form-control {
width: auto;
}
.row { .row {
display: block; display: block;
} }

13
src/Ombi/ClientApp/src/app/settings/vote/vote.component.html
Unescape View File

@ -4,12 +4,11 @@
<fieldset> <fieldset>
<legend>Vote</legend> <legend>Vote</legend>
<form *ngIf="form" novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)" style="padding-top:2%;"> <form *ngIf="form" novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)">
<div class="col-md-12"> <div class="md-form-field" style="margin-top:1em;"></div>
<div class="form-group"> <div class="form-group">
<div class="checkbox"> <div class="checkbox">
<input type="checkbox" id="enable" formControlName="enabled" ng-checked="form.enabled"> <mat-checkbox id="enable" formControlName="enabled" ng-checked="form.enabled">Enable</mat-checkbox>
<label for="enable">Enable</label>
</div> </div>
</div> </div>
@ -37,10 +36,12 @@
<div class="form-group"> <div class="form-group">
<div> <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> </div>
</div>
</form> </form>
</fieldset> </fieldset>

3
src/Ombi/ClientApp/src/app/settings/vote/vote.component.scss
Unescape View File

@ -8,4 +8,7 @@
::ng-deep .dark .btn:hover { ::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); box-shadow: 0 5px 11px 0 rgba(255, 255, 255, 0.18), 0 4px 15px 0 rgba(255, 255, 255, 0.15);
color: inherit; color: inherit;
}
.form-control {
width: auto;
} }

2
src/Ombi/ClientApp/src/styles/buttons.scss
Unescape View File

@ -18,4 +18,4 @@ $orange:#F57C00;
.btn-orange { .btn-orange {
background-color: $orange; background-color: $orange;
} }

4
src/Ombi/ClientApp/src/styles/shared.scss
Unescape View File

@ -140,8 +140,4 @@ table {
::ng-deep .mat-form-field.mat-focused .mat-form-field-label { ::ng-deep .mat-form-field.mat-focused .mat-form-field-label {
color: $accent; color: $accent;
}
::ng-deep .mat-form-field-appearance-outline .mat-form-field-wrapper {
margin: 0.5em;
} }
Write Preview
Loading…
Cancel
Save