feat: fixed the radarr ui

src/Ombi/ClientApp/src/app/settings/radarr/components/radarr-form.component.html

@@ -56,7 +56,7 @@
                     <div class="md-form-field" style="margin-top:1em;"></div>
                         <mat-form-field appearance="outline" >
                             <mat-label>Quality Profiles</mat-label>
-                            <mat-select formControlName="defaultQualityProfile" required>
+                            <mat-select formControlName="defaultQualityProfile">
                                 <mat-option *ngFor="let quality of qualities" [value]="quality.id">
                                     {{quality.name}}
                                 </mat-option>
@@ -71,7 +71,7 @@
                         <div class="md-form-field" style="margin-top:1em;"></div>
                         <mat-form-field appearance="outline" >
                             <mat-label>Default Root Folder</mat-label>
-                            <mat-select formControlName="defaultRootPath" required>
+                            <mat-select formControlName="defaultRootPath">
                                 <mat-option *ngFor="let folder of rootFolders" [value]="folder.path">
                                     {{folder.path}}
                                 </mat-option>
@@ -82,7 +82,7 @@
                     <div class="md-form-field">
                         <mat-form-field appearance="outline" >
                             <mat-label>Default Minimum Availability</mat-label>
-                            <mat-select formControlName="minimumAvailability" required>
+                            <mat-select formControlName="minimumAvailability">
                                 <mat-option *ngFor="let min of minimumAvailabilityOptions" [value]="min.value">
                                     {{min.name}}
                                 </mat-option>

src/Ombi/ClientApp/src/app/settings/radarr/components/radarr-form.component.ts

@@ -9,7 +9,7 @@ import { TesterService, NotificationService, RadarrService } from "../../../serv
     selector: "ombi-settings-radarr-form",
     templateUrl: "./radarr-form.component.html",
     styleUrls: ["./radarr-form.component.scss"],
-    changeDetection: ChangeDetectionStrategy.OnPush
+    // changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class RadarrFormComponent implements OnInit {
 
@@ -27,6 +27,7 @@ export class RadarrFormComponent implements OnInit {
 
     public ngOnInit() {
         this.form = <FormGroup>this.controlContainer.control;
+        // this.toggleValidators();
 
         this.qualities = [];
         this.qualities.push({ name: "Please Select", id: -1 });

src/Ombi/ClientApp/src/app/settings/radarr/radarr.component.html

@@ -32,7 +32,3 @@
         </form>
     </fieldset>
 </div>
-
-<pre>
-    {{ form.value | json }}
-</pre>

src/Ombi/ClientApp/src/app/settings/radarr/radarr.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit } from "@angular/core";
-import { FormBuilder, FormGroup } from "@angular/forms";
+import { FormBuilder, FormGroup, ValidationErrors } from "@angular/forms";
 
 import { IMinimumAvailability, IRadarrCombined, IRadarrProfile, IRadarrRootFolder } from "../../interfaces";
 import { NotificationService, SettingsService } from "../../services";
@@ -63,11 +63,12 @@ export class RadarrComponent implements OnInit {
         }
         const radarrForm = form.controls.radarr as FormGroup;
         const radarr4KForm = form.controls.radarr4K as FormGroup;
-        if (radarrForm.controls.enabled && (radarrForm.controls.defaultQualityProfile.value === "-1" || radarrForm.controls.defaultRootPath.value === "Please Select")) {
+
+        if (radarrForm.controls.enabled.value && (radarrForm.controls.defaultQualityProfile.value === -1 || radarrForm.controls.defaultRootPath.value === "Please Select")) {
             this.notificationService.error("Please check your entered values for Radarr");
             return;
         }
-        if (radarr4KForm.controls.enabled && (radarr4KForm.controls.defaultQualityProfile.value === "-1" || radarr4KForm.controls.defaultRootPath.value === "Please Select")) {
+        if (radarr4KForm.controls.enabled.value && (radarr4KForm.controls.defaultQualityProfile.value === -1 || radarr4KForm.controls.defaultRootPath.value === "Please Select")) {
             this.notificationService.error("Please check your entered values for Radarr 4K");
             return;
         }

src/Ombi/ClientApp/src/app/settings/settings.module.ts

@@ -82,74 +82,6 @@ import { VoteComponent } from "./vote/vote.component";
 import { WebhookComponent } from "./notifications/webhook.component";
 import { WhatsAppComponent } from "./notifications/twilio/whatsapp.component";
 import { WikiComponent } from "./wiki.component";
-
-// import { TagInputModule } from "ngx-chips";
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 const routes: Routes = [
     { path: "Ombi", component: OmbiComponent, canActivate: [AuthGuard] },