mirror of
https://github.com/Ombi-app/Ombi.git
synced 2025-08-14 02:26:55 -07:00
Fixed the radarr not enabled issue
This commit is contained in:
parent
aac55d6a52
commit
4bdb944efc
16 changed files with 293 additions and 368 deletions
|
@ -1,20 +1,15 @@
|
|||
@import "~styles/variables.scss";
|
||||
.small-middle-container{
|
||||
margin: auto;
|
||||
width: 95%;
|
||||
margin-top:10px;
|
||||
.small-middle-container {
|
||||
margin: auto;
|
||||
width: 95%;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
::ng-deep .dark .small-middle-container{
|
||||
background-color: rgba(0, 0, 0, 0.10);
|
||||
padding: 2em;
|
||||
.control-label {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.control-label{
|
||||
font-weight:400;
|
||||
}
|
||||
|
||||
::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;
|
||||
}
|
||||
::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;
|
||||
}
|
|
@ -1,32 +1,27 @@
|
|||
.small-middle-container{
|
||||
margin: auto;
|
||||
width: 95%;
|
||||
margin-top:10px;
|
||||
.small-middle-container {
|
||||
margin: auto;
|
||||
width: 95%;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
::ng-deep .dark .small-middle-container{
|
||||
background-color: rgba(0, 0, 0, 0.10);
|
||||
padding: 2em;
|
||||
::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;
|
||||
}
|
||||
|
||||
::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;
|
||||
.col-md-6 {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
.col-md-6{
|
||||
display: contents;
|
||||
}
|
||||
.col-md-4{
|
||||
display: contents;
|
||||
.col-md-4 {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
@media (min-width:1440px) {
|
||||
.col-md-6{
|
||||
display: inline-table;
|
||||
}
|
||||
|
||||
.col-md-4{
|
||||
display: inline-table;
|
||||
}
|
||||
}
|
||||
.col-md-6 {
|
||||
display: inline-table;
|
||||
}
|
||||
.col-md-4 {
|
||||
display: inline-table;
|
||||
}
|
||||
}
|
|
@ -1,42 +1,37 @@
|
|||
@import "~styles/shared.scss";
|
||||
.col-12 {
|
||||
display:grid;
|
||||
display: grid;
|
||||
}
|
||||
|
||||
textarea {
|
||||
min-height:100px;
|
||||
min-height: 100px;
|
||||
height: auto;
|
||||
max-height:800px;
|
||||
max-height: 800px;
|
||||
}
|
||||
|
||||
.small-middle-container{
|
||||
margin: auto;
|
||||
width: 95%;
|
||||
margin-top:10px;
|
||||
.small-middle-container {
|
||||
margin: auto;
|
||||
width: 95%;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.control-label{
|
||||
font-weight:400;
|
||||
.control-label {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.row{
|
||||
display:block;
|
||||
.row {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.btn-danger-outline{
|
||||
background-color: #E84C3D;
|
||||
.btn-danger-outline {
|
||||
background-color: #E84C3D;
|
||||
}
|
||||
|
||||
.btn-success-outline{
|
||||
background-color: #1b9d1b;
|
||||
.btn-success-outline {
|
||||
background-color: #1b9d1b;
|
||||
}
|
||||
|
||||
::ng-deep .dark .small-middle-container{
|
||||
background-color: rgba(0, 0, 0, 0.10);
|
||||
padding: 2em;
|
||||
}
|
||||
|
||||
::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;
|
||||
::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;
|
||||
}
|
|
@ -1,16 +1,11 @@
|
|||
@import "~styles/shared.scss";
|
||||
.small-middle-container{
|
||||
margin: auto;
|
||||
width: 95%;
|
||||
margin-top:10px;
|
||||
.small-middle-container {
|
||||
margin: auto;
|
||||
width: 95%;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
::ng-deep .dark .small-middle-container{
|
||||
background-color: rgba(0, 0, 0, 0.10);
|
||||
padding: 2em;
|
||||
}
|
||||
|
||||
::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;
|
||||
::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;
|
||||
}
|
|
@ -1,45 +1,41 @@
|
|||
@import "~styles/shared.scss";
|
||||
.small-middle-container{
|
||||
margin: auto;
|
||||
width: 95%;
|
||||
margin-top:10px;
|
||||
.small-middle-container {
|
||||
margin: auto;
|
||||
width: 95%;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.col-md-10{
|
||||
display: grid;
|
||||
.col-md-10 {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.col-md-2{
|
||||
display: contents;
|
||||
}
|
||||
.control-label{
|
||||
font-weight:400;
|
||||
.col-md-2 {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
.row{
|
||||
display:block;
|
||||
.control-label {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.btn-danger-outline{
|
||||
background-color: #E84C3D;
|
||||
.row {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.btn-success-outline{
|
||||
background-color: #1b9d1b;
|
||||
.btn-danger-outline {
|
||||
background-color: #E84C3D;
|
||||
}
|
||||
|
||||
::ng-deep .dark .small-middle-container{
|
||||
background-color: rgba(0, 0, 0, 0.10);
|
||||
padding: 2em;
|
||||
.btn-success-outline {
|
||||
background-color: #1b9d1b;
|
||||
}
|
||||
|
||||
::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;
|
||||
::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;
|
||||
}
|
||||
|
||||
@media (min-width:1440px) {
|
||||
.col-md-2{
|
||||
display: inline-table;
|
||||
}
|
||||
.col-md-2 {
|
||||
display: inline-table;
|
||||
}
|
||||
}
|
|
@ -1,52 +1,50 @@
|
|||
@import "~styles/shared.scss";
|
||||
.small-middle-container{
|
||||
margin: auto;
|
||||
width: 95%;
|
||||
margin-top:10px;
|
||||
.small-middle-container {
|
||||
margin: auto;
|
||||
width: 95%;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.control-label{
|
||||
font-weight:400;
|
||||
.control-label {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.col-md-6{
|
||||
display: contents;
|
||||
}
|
||||
.col-md-9{
|
||||
display: inline-table;
|
||||
}
|
||||
.col-md-3{
|
||||
display: inline-table;
|
||||
.col-md-6 {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
.row{
|
||||
display:block;
|
||||
.col-md-9 {
|
||||
display: inline-table;
|
||||
}
|
||||
|
||||
.btn-danger-outline{
|
||||
background-color: #E84C3D;
|
||||
.col-md-3 {
|
||||
display: inline-table;
|
||||
}
|
||||
|
||||
.btn-success-outline{
|
||||
background-color: #1b9d1b;
|
||||
.row {
|
||||
display: block;
|
||||
}
|
||||
|
||||
::ng-deep .dark .small-middle-container{
|
||||
background-color: rgba(0, 0, 0, 0.10);
|
||||
padding: 2em;
|
||||
.btn-danger-outline {
|
||||
background-color: #E84C3D;
|
||||
}
|
||||
|
||||
::ng-deep .dark .categoryResults{
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
padding: 1em;
|
||||
.btn-success-outline {
|
||||
background-color: #1b9d1b;
|
||||
}
|
||||
|
||||
::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;
|
||||
::ng-deep .dark .categoryResults {
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
::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;
|
||||
}
|
||||
|
||||
@media (min-width:1440px) {
|
||||
.col-md-6{
|
||||
display: inline-table;
|
||||
}
|
||||
.col-md-6 {
|
||||
display: inline-table;
|
||||
}
|
||||
}
|
|
@ -1,50 +1,44 @@
|
|||
@import "~styles/shared.scss";
|
||||
.small-middle-container{
|
||||
margin: auto;
|
||||
width: 95%;
|
||||
margin-top:10px;
|
||||
.small-middle-container {
|
||||
margin: auto;
|
||||
width: 95%;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.col-md-6{
|
||||
display: contents;
|
||||
.col-md-6 {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
.col-md-5{
|
||||
display: contents;
|
||||
.col-md-5 {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
.control-label{
|
||||
font-weight:400;
|
||||
.control-label {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.row{
|
||||
display:block;
|
||||
.row {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.btn-danger-outline{
|
||||
background-color: #E84C3D;
|
||||
.btn-danger-outline {
|
||||
background-color: #E84C3D;
|
||||
}
|
||||
|
||||
.btn-success-outline{
|
||||
background-color: #1b9d1b;
|
||||
.btn-success-outline {
|
||||
background-color: #1b9d1b;
|
||||
}
|
||||
|
||||
::ng-deep .dark .small-middle-container{
|
||||
background-color: rgba(0, 0, 0, 0.10);
|
||||
padding: 2em;
|
||||
}
|
||||
|
||||
::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;
|
||||
::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;
|
||||
}
|
||||
|
||||
@media (min-width:1440px) {
|
||||
.col-md-6{
|
||||
display: inline-table;
|
||||
}
|
||||
|
||||
.col-md-5{
|
||||
display: inline-table;
|
||||
}
|
||||
}
|
||||
.col-md-6 {
|
||||
display: inline-table;
|
||||
}
|
||||
.col-md-5 {
|
||||
display: inline-table;
|
||||
}
|
||||
}
|
|
@ -1,50 +1,44 @@
|
|||
@import "~styles/shared.scss";
|
||||
.small-middle-container{
|
||||
margin: auto;
|
||||
width: 95%;
|
||||
margin-top:10px;
|
||||
.small-middle-container {
|
||||
margin: auto;
|
||||
width: 95%;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.col-md-6{
|
||||
display: contents;
|
||||
.col-md-6 {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
.col-md-5{
|
||||
display: contents;
|
||||
.col-md-5 {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
.control-label{
|
||||
font-weight:400;
|
||||
.control-label {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.row{
|
||||
display:block;
|
||||
.row {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.btn-danger-outline{
|
||||
background-color: #E84C3D;
|
||||
.btn-danger-outline {
|
||||
background-color: #E84C3D;
|
||||
}
|
||||
|
||||
.btn-success-outline{
|
||||
background-color: #1b9d1b;
|
||||
.btn-success-outline {
|
||||
background-color: #1b9d1b;
|
||||
}
|
||||
|
||||
::ng-deep .dark .small-middle-container{
|
||||
background-color: rgba(0, 0, 0, 0.10);
|
||||
padding: 2em;
|
||||
}
|
||||
|
||||
::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;
|
||||
::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;
|
||||
}
|
||||
|
||||
@media (min-width:1440px) {
|
||||
.col-md-6{
|
||||
display: inline-table;
|
||||
}
|
||||
|
||||
.col-md-5{
|
||||
display: inline-table;
|
||||
}
|
||||
}
|
||||
.col-md-6 {
|
||||
display: inline-table;
|
||||
}
|
||||
.col-md-5 {
|
||||
display: inline-table;
|
||||
}
|
||||
}
|
|
@ -2,12 +2,17 @@
|
|||
<div *ngIf="form" class="small-middle-container">
|
||||
<fieldset>
|
||||
<legend>Radarr Settings</legend>
|
||||
<div style="float: right;">
|
||||
<div class="md-form-field"><mat-slide-toggle formControlName="enabled">Enable</mat-slide-toggle></div>
|
||||
<div class="md-form-field"><mat-slide-toggle [(ngModel)]="advanced">Advanced</mat-slide-toggle></div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<form novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)" style="padding-top:2%;">
|
||||
|
||||
<form novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)" style="padding-top:2%;">
|
||||
<div style="float: right;">
|
||||
<div class="md-form-field">
|
||||
<mat-slide-toggle formControlName="enabled">Enable</mat-slide-toggle>
|
||||
</div>
|
||||
<div class="md-form-field">
|
||||
<mat-slide-toggle [(ngModel)]="advanced">Advanced</mat-slide-toggle>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="col-md-5">
|
||||
<div class="md-form-field">
|
||||
<mat-form-field>
|
||||
|
@ -103,7 +108,7 @@
|
|||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</fieldset>
|
||||
</div>
|
|
@ -1,56 +1,49 @@
|
|||
@import "~styles/shared.scss";
|
||||
.small-middle-container{
|
||||
margin: auto;
|
||||
width: 95%;
|
||||
margin-top:10px;
|
||||
.small-middle-container {
|
||||
margin: auto;
|
||||
width: 95%;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.col-md-6{
|
||||
display: contents;
|
||||
.col-md-6 {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
.col-md-5{
|
||||
display: contents;
|
||||
.col-md-5 {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
.col-md-4{
|
||||
display: contents;
|
||||
.col-md-4 {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
.control-label{
|
||||
font-weight:400;
|
||||
.control-label {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.row{
|
||||
display:block;
|
||||
.row {
|
||||
display: block;
|
||||
}
|
||||
|
||||
::ng-deep .dark .small-middle-container{
|
||||
background-color: rgba(0, 0, 0, 0.10);
|
||||
padding: 2em;
|
||||
}
|
||||
|
||||
::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;
|
||||
::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;
|
||||
}
|
||||
|
||||
::ng-deep .load {
|
||||
max-width: fit-content;
|
||||
margin-left:3em;
|
||||
padding: 0.5rem 1.14rem;
|
||||
max-width: fit-content;
|
||||
margin-left: 3em;
|
||||
padding: 0.5rem 1.14rem;
|
||||
}
|
||||
|
||||
@media (min-width:1440px) {
|
||||
.col-md-6{
|
||||
display: inline-table;
|
||||
}
|
||||
|
||||
.col-md-5{
|
||||
display: inline-table;
|
||||
}
|
||||
|
||||
.col-md-4{
|
||||
display: inline-table;
|
||||
}
|
||||
.col-md-6 {
|
||||
display: inline-table;
|
||||
}
|
||||
.col-md-5 {
|
||||
display: inline-table;
|
||||
}
|
||||
.col-md-4 {
|
||||
display: inline-table;
|
||||
}
|
||||
}
|
|
@ -1,15 +1,10 @@
|
|||
.small-middle-container{
|
||||
margin: auto;
|
||||
width: 95%;
|
||||
margin-top:10px;
|
||||
.small-middle-container {
|
||||
margin: auto;
|
||||
width: 95%;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
::ng-deep .dark .small-middle-container{
|
||||
background-color: rgba(0, 0, 0, 0.10);
|
||||
padding: 2em;
|
||||
}
|
||||
|
||||
::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;
|
||||
::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;
|
||||
}
|
|
@ -2,11 +2,11 @@
|
|||
<div *ngIf="form" class="small-middle-container">
|
||||
<fieldset>
|
||||
<legend>Sonarr Settings</legend>
|
||||
<div style="float: right;">
|
||||
<span style="vertical-align: top;">Advanced</span>
|
||||
<p-inputSwitch id="customInputSwitch" [(ngModel)]="advanced"></p-inputSwitch>
|
||||
</div>
|
||||
<form novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)" style="padding-top:3%;">
|
||||
<div style="float: right;">
|
||||
<span style="vertical-align: top;">Advanced</span>
|
||||
<p-inputSwitch id="customInputSwitch" [(ngModel)]="advanced"></p-inputSwitch>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6" style="display:block;">
|
||||
<div class="col-md-4">
|
||||
|
@ -43,8 +43,7 @@
|
|||
<i *ngIf="form.get('ip').hasError('required')" class="fa fa-exclamation-circle error-text" pTooltip="The IP/Hostname is required"></i>
|
||||
</label>
|
||||
|
||||
<input type="text" class="form-control form-control-custom " formControlName="ip" id="Ip" name="Ip"
|
||||
placeholder="localhost" [ngClass]="{'form-error': form.get('ip').hasError('required')}">
|
||||
<input type="text" class="form-control form-control-custom " formControlName="ip" id="Ip" name="Ip" placeholder="localhost" [ngClass]="{'form-error': form.get('ip').hasError('required')}">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
|
@ -53,8 +52,7 @@
|
|||
<i *ngIf="form.get('port').hasError('required')" class="fa fa-exclamation-circle error-text" pTooltip="The Port is required"></i>
|
||||
</label>
|
||||
|
||||
<input type="text" class="form-control form-control-custom " [ngClass]="{'form-error': form.get('port').hasError('required')}"
|
||||
formControlName="port" id="portNumber" name="Port" placeholder="Port Number">
|
||||
<input type="text" class="form-control form-control-custom " [ngClass]="{'form-error': form.get('port').hasError('required')}" formControlName="port" id="portNumber" name="Port" placeholder="Port Number">
|
||||
</div>
|
||||
|
||||
|
||||
|
@ -64,35 +62,32 @@
|
|||
<i *ngIf="form.get('apiKey').hasError('required')" class="fa fa-exclamation-circle error-text" pTooltip="The API Key is required"></i>
|
||||
</label>
|
||||
|
||||
<input type="text" class="form-control form-control-custom " [ngClass]="{'form-error': form.get('apiKey').hasError('required')}"
|
||||
formControlName="apiKey" id="ApiKey" name="ApiKey">
|
||||
<input type="text" class="form-control form-control-custom " [ngClass]="{'form-error': form.get('apiKey').hasError('required')}" formControlName="apiKey" id="ApiKey" name="ApiKey">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="SubDir" class="control-label">Sonarr Base Url</label>
|
||||
<div>
|
||||
<input type="text" class="form-control form-control-custom" formControlName="subDir" id="SubDir"
|
||||
name="SubDir">
|
||||
<input type="text" class="form-control form-control-custom" formControlName="subDir" id="SubDir" name="SubDir">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-5">
|
||||
|
||||
|
||||
<div class="form-group col-md-12">
|
||||
<label for="profiles" class="control-label">Quality Profiles
|
||||
<label for="profiles" class="control-label">Quality Profiles
|
||||
<i *ngIf="form.get('qualityProfile').hasError('required')" class="fa fa-exclamation-circle error-text" pTooltip="A Default Quality Profile is required"></i>
|
||||
</label>
|
||||
<div id="profiles">
|
||||
<select class="form-control form-control-custom col-md-5 form-half" [ngClass]="{'form-error': form.get('qualityProfile').hasError('required')}"
|
||||
id="select" formControlName="qualityProfile">
|
||||
<div id="profiles">
|
||||
<select class="form-control form-control-custom col-md-5 form-half" [ngClass]="{'form-error': form.get('qualityProfile').hasError('required')}" id="select" formControlName="qualityProfile">
|
||||
<option *ngFor="let quality of qualities" value="{{quality.id}}">{{quality.name}}</option>
|
||||
</select>
|
||||
<button type="button" (click)="getProfiles(form)" class="btn btn-primary-outline col-md-4 col-md-push-1 load">
|
||||
<button type="button" (click)="getProfiles(form)" class="btn btn-primary-outline col-md-4 col-md-push-1 load">
|
||||
Load Qualities <span *ngIf="profilesRunning" class="fa fa-spinner fa-spin"></span></button>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="form-group col-md-12">
|
||||
<label for="select" class="control-label">Quality Profiles (Anime)</label>
|
||||
|
@ -110,8 +105,7 @@
|
|||
<i *ngIf="form.get('rootPath').hasError('required')" class="fa fa-exclamation-circle error-text" pTooltip="A Default Root Path is required"></i>
|
||||
</label>
|
||||
<div id="rootFolders">
|
||||
<select class="form-control form-control-custom col-md-5 form-half" formControlName="rootPath"
|
||||
[ngClass]="{'form-error': form.get('rootPath').hasError('required')}">
|
||||
<select class="form-control form-control-custom col-md-5 form-half" formControlName="rootPath" [ngClass]="{'form-error': form.get('rootPath').hasError('required')}">
|
||||
<option *ngFor="let folder of rootFolders" value="{{folder.id}}">{{folder.path}}</option>
|
||||
</select>
|
||||
<button type="button" (click)="getRootFolders(form)" class="btn btn-primary-outline load col-md-4 col-md-push-1">
|
||||
|
@ -134,8 +128,7 @@
|
|||
<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">
|
||||
<select formControlName="languageProfile" class="form-control form-control-custom col-md-5 form-half"
|
||||
id="select" [ngClass]="{'form-error': form.get('languageProfile').hasError('required')}">
|
||||
<select formControlName="languageProfile" class="form-control form-control-custom col-md-5 form-half" id="select" [ngClass]="{'form-error': form.get('languageProfile').hasError('required')}">
|
||||
<option *ngFor="let lang of languageProfiles" [ngValue]="lang.id">{{lang.name}}</option>
|
||||
</select>
|
||||
<button (click)="getLanguageProfiles(form)" type="button" class="btn btn-primary-outline col-md-4 col-md-push-1">Load
|
||||
|
|
|
@ -1,56 +1,49 @@
|
|||
@import "~styles/shared.scss";
|
||||
.small-middle-container{
|
||||
margin: auto;
|
||||
width: 95%;
|
||||
margin-top:10px;
|
||||
.small-middle-container {
|
||||
margin: auto;
|
||||
width: 95%;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.col-md-6{
|
||||
display: contents;
|
||||
.col-md-6 {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
.col-md-5{
|
||||
display: contents;
|
||||
.col-md-5 {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
.col-md-4{
|
||||
display: contents;
|
||||
.col-md-4 {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
.control-label{
|
||||
font-weight:400;
|
||||
.control-label {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.row{
|
||||
display:block;
|
||||
.row {
|
||||
display: block;
|
||||
}
|
||||
|
||||
::ng-deep .dark .small-middle-container{
|
||||
background-color: rgba(0, 0, 0, 0.10);
|
||||
padding: 2em;
|
||||
}
|
||||
|
||||
::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;
|
||||
::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;
|
||||
}
|
||||
|
||||
::ng-deep .load {
|
||||
max-width: fit-content;
|
||||
margin-left:3em;
|
||||
padding: 0.5rem 1.14rem;
|
||||
max-width: fit-content;
|
||||
margin-left: 3em;
|
||||
padding: 0.5rem 1.14rem;
|
||||
}
|
||||
|
||||
@media (min-width:1440px) {
|
||||
.col-md-6{
|
||||
display: inline-table;
|
||||
}
|
||||
|
||||
.col-md-5{
|
||||
display: inline-table;
|
||||
}
|
||||
|
||||
.col-md-4{
|
||||
display: inline-table;
|
||||
}
|
||||
.col-md-6 {
|
||||
display: inline-table;
|
||||
}
|
||||
.col-md-5 {
|
||||
display: inline-table;
|
||||
}
|
||||
.col-md-4 {
|
||||
display: inline-table;
|
||||
}
|
||||
}
|
|
@ -1,16 +1,11 @@
|
|||
@import "~styles/shared.scss";
|
||||
.small-middle-container{
|
||||
margin: auto;
|
||||
width: 95%;
|
||||
margin-top:10px;
|
||||
.small-middle-container {
|
||||
margin: auto;
|
||||
width: 95%;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
::ng-deep .dark .small-middle-container{
|
||||
background-color: rgba(0, 0, 0, 0.10);
|
||||
padding: 2em;
|
||||
}
|
||||
|
||||
::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;
|
||||
::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;
|
||||
}
|
|
@ -1,50 +1,44 @@
|
|||
@import "~styles/shared.scss";
|
||||
.small-middle-container{
|
||||
margin: auto;
|
||||
width: 95%;
|
||||
margin-top:10px;
|
||||
.small-middle-container {
|
||||
margin: auto;
|
||||
width: 95%;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.col-md-6{
|
||||
display: contents;
|
||||
.col-md-6 {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
.col-md-5{
|
||||
display: contents;
|
||||
.col-md-5 {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
.control-label{
|
||||
font-weight:400;
|
||||
.control-label {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.row{
|
||||
display:block;
|
||||
.row {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.btn-danger-outline{
|
||||
background-color: #E84C3D;
|
||||
.btn-danger-outline {
|
||||
background-color: #E84C3D;
|
||||
}
|
||||
|
||||
.btn-success-outline{
|
||||
background-color: #1b9d1b;
|
||||
.btn-success-outline {
|
||||
background-color: #1b9d1b;
|
||||
}
|
||||
|
||||
::ng-deep .dark .small-middle-container{
|
||||
background-color: rgba(0, 0, 0, 0.10);
|
||||
padding: 2em;
|
||||
}
|
||||
|
||||
::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;
|
||||
::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;
|
||||
}
|
||||
|
||||
@media (min-width:1440px) {
|
||||
.col-md-6{
|
||||
display: inline-table;
|
||||
}
|
||||
|
||||
.col-md-5{
|
||||
display: inline-table;
|
||||
}
|
||||
.col-md-6 {
|
||||
display: inline-table;
|
||||
}
|
||||
.col-md-5 {
|
||||
display: inline-table;
|
||||
}
|
||||
}
|
|
@ -1,16 +1,11 @@
|
|||
@import "~styles/shared.scss";
|
||||
.small-middle-container{
|
||||
margin: auto;
|
||||
width: 95%;
|
||||
margin-top:10px;
|
||||
.small-middle-container {
|
||||
margin: auto;
|
||||
width: 95%;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
::ng-deep .dark .small-middle-container{
|
||||
background-color: rgba(0, 0, 0, 0.10);
|
||||
padding: 2em;
|
||||
}
|
||||
|
||||
::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;
|
||||
::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;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue