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

settings pages UI clean-up

Browse Source
pull/3749/head
goldenpipes 4 years ago
parent 6fb62ca9b0
commit 3bbab82e01
13 changed files with 131 additions and 111 deletions
Show Stats Download Patch File Download Diff File

16
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,8 +56,9 @@
<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">
</div> <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>
</form> </form>

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

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

@ -2,7 +2,7 @@
<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">
@ -13,6 +13,7 @@
<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>
<div class="row"> <div class="row">
@ -32,6 +33,7 @@
<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" floatLabel=always> <mat-form-field appearance="outline" floatLabel=always>
@ -52,6 +54,11 @@
<h3>Interface</h3> <h3>Interface</h3>
</label> </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" floatLabel=always> <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>
@ -60,13 +67,16 @@
</mat-option> </mat-option>
</mat-select> </mat-select>
</mat-form-field> </mat-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> </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" floatLabel=always> <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>
@ -75,13 +85,14 @@
</mat-option> </mat-option>
</mat-select> </mat-select>
</mat-form-field> </mat-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> </div>
<div class="md-form-field"> <div class="md-form-field">
<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-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>
@ -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;">
<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">

19
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,6 +16,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>
@ -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>
@ -50,6 +53,10 @@
<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>Radarr 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;">
<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;">
<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" >

68
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>
@ -56,6 +59,13 @@
</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>Sonarr Interface</h3></label> <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;"> <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>
@ -65,7 +75,9 @@
<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" id="qualityProfileAnime">
</div>
<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">
<mat-label>Quality Profiles (Anime)</mat-label> <mat-label>Quality Profiles (Anime)</mat-label>
@ -74,18 +86,17 @@
</mat-select> </mat-select>
<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 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>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="md-form-field"> <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>
@ -95,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;">
<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;">
@ -114,11 +122,15 @@
</div> </div>
<div class="md-form-field" *ngIf="form.controls.v3.value"> <div class="form-group col-md-12" *ngIf="form.controls.v3.value">
<label for="select" class="control-label">Language Profiles <label for="select" class="control-label">Language Profiles
<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>
@ -128,34 +140,36 @@
<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;">
<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>
<div class="md-form-field"> <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="md-form-field" *ngIf="advanced" style="color:#ff761b"> <div class="form-group col-md-12" *ngIf="advanced" style="color:#ff761b">
<div class="checkbox"> <div class="checkbox">
<mat-slide-toggle id="addOnly" formControlName="addOnly">Do not search</mat-slide-toggle> <mat-slide-toggle id="addOnly" formControlName="addOnly">Do not search</mat-slide-toggle>
</div> </div>
</div> </div>
</div>
<div class="col-md-4">
<div class="form-group col-md-7">
<div>
<button mat-raised-button type="submit" class="mat-stroked-button accent mat-accent">Submit</button>
</div>
</div>
<div class="row"> <div class="form-group col-md-7">
<div class="col-12"> <div>
<div div class="md-form-field"> <button mat-raised-button type="button" (click)="test(form)" class="mat-stroked-button">Test Connectivity
<button mat-raised-button type="button" [disabled]="form.invalid" (click)="test(form)">Test Connectivity <span id="spinner"></span></button> <span id="spinner"> </span></button>
</div> </div>
<div class="md-form-field" style="margin-top:1em;">
<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> </div>

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>

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

@ -3,22 +3,19 @@
<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 exclude from Import</p>
@ -26,15 +23,9 @@
<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">
@ -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>
@ -73,13 +64,11 @@
</div> </div>
</div> </div>
<div class="col-12">
<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> <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><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>
</div>
</fieldset>
<div class="md-form-field" style="margin-top:1em;"></div> <div class="md-form-field" style="margin-top:1em;"></div>
</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,11 +36,13 @@
<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">
</div> <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>
</form> </form>
</fieldset> </fieldset>
</div> </div>

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

@ -9,3 +9,6 @@
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;
}

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

@ -141,7 +141,3 @@ 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