From 1c4db0ab69593eef95e487814fe9e96e06b118d8 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Thu, 10 Feb 2022 19:38:28 +0000
Subject: [PATCH] feat: Added 4k radarr to the settings page

---
 .../components/radarr-form.component.html     |  2 +-
 .../components/radarr-form.component.scss     |  4 +++
 .../components/radarr-form.component.ts       |  9 ++---
 .../app/settings/radarr/radarr.component.html | 28 +++++++++++----
 .../app/settings/radarr/radarr.component.ts   | 34 ++++++++-----------
 5 files changed, 44 insertions(+), 33 deletions(-)

diff --git a/src/Ombi/ClientApp/src/app/settings/radarr/components/radarr-form.component.html b/src/Ombi/ClientApp/src/app/settings/radarr/components/radarr-form.component.html
index c1d4c087d..1583b906f 100644
--- a/src/Ombi/ClientApp/src/app/settings/radarr/components/radarr-form.component.html
+++ b/src/Ombi/ClientApp/src/app/settings/radarr/components/radarr-form.component.html
@@ -1,5 +1,5 @@
 <div [formGroup]="form">
-            <div class="row">
+            <div class="row top-spacing">
                 <div class="col-md-12 col-12 col-sm-12">
                     <div >
                         <div class="md-form-field">
diff --git a/src/Ombi/ClientApp/src/app/settings/radarr/components/radarr-form.component.scss b/src/Ombi/ClientApp/src/app/settings/radarr/components/radarr-form.component.scss
index 2898f062e..bf4c9e420 100644
--- a/src/Ombi/ClientApp/src/app/settings/radarr/components/radarr-form.component.scss
+++ b/src/Ombi/ClientApp/src/app/settings/radarr/components/radarr-form.component.scss
@@ -14,4 +14,8 @@
 
 .row {
     display: block;
+}
+
+.top-spacing {
+    margin-top: 10px;
 }
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/settings/radarr/components/radarr-form.component.ts b/src/Ombi/ClientApp/src/app/settings/radarr/components/radarr-form.component.ts
index 1da94d0f2..ed93e8339 100644
--- a/src/Ombi/ClientApp/src/app/settings/radarr/components/radarr-form.component.ts
+++ b/src/Ombi/ClientApp/src/app/settings/radarr/components/radarr-form.component.ts
@@ -1,12 +1,9 @@
 import { ChangeDetectionStrategy, Component, OnInit } from "@angular/core";
 import { ControlContainer, FormGroup, Validators } from "@angular/forms";
 
-import { IMinimumAvailability, IRadarrProfile, IRadarrRootFolder } from "../../../interfaces";
-import { IRadarrSettings } from "../../../interfaces";
-import { RadarrService } from "../../../services";
-import { TesterService } from "../../../services";
-import { NotificationService } from "../../../services";
-import { SettingsService } from "../../../services";
+import { IMinimumAvailability, IRadarrProfile, IRadarrRootFolder, IRadarrSettings } from "../../../interfaces";
+import { TesterService, NotificationService, RadarrService } from "../../../services";
+
 
 @Component({
     selector: "ombi-settings-radarr-form",
diff --git a/src/Ombi/ClientApp/src/app/settings/radarr/radarr.component.html b/src/Ombi/ClientApp/src/app/settings/radarr/radarr.component.html
index dd16f0159..0d9fc055f 100644
--- a/src/Ombi/ClientApp/src/app/settings/radarr/radarr.component.html
+++ b/src/Ombi/ClientApp/src/app/settings/radarr/radarr.component.html
@@ -5,14 +5,30 @@
         <div class="md-form-field" style="margin-top:1em;"></div>
         <form novalidate [formGroup]="form" (ngSubmit)="onSubmit(form)">
 
-<ombi-settings-radarr-form formGroupName="radarr">
+            <mat-tab-group dynamicHeight>
+                <mat-tab label="Radarr">
+                    <ombi-settings-radarr-form
+                    formGroupName="radarr">
+                    </ombi-settings-radarr-form>
+                </mat-tab>
+                <mat-tab label="Radarr 4K">
+                    <ombi-settings-radarr-form
+                    formGroupName="radarr4K">
+                    </ombi-settings-radarr-form>
+                </mat-tab>
+            </mat-tab-group>
 
-</ombi-settings-radarr-form>
-            
 
-<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 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>
         </form>
     </fieldset>
 </div>
diff --git a/src/Ombi/ClientApp/src/app/settings/radarr/radarr.component.ts b/src/Ombi/ClientApp/src/app/settings/radarr/radarr.component.ts
index aab67cf8c..cd7f79e94 100644
--- a/src/Ombi/ClientApp/src/app/settings/radarr/radarr.component.ts
+++ b/src/Ombi/ClientApp/src/app/settings/radarr/radarr.component.ts
@@ -1,12 +1,8 @@
 import { Component, OnInit } from "@angular/core";
-import { FormBuilder, FormGroup, Validators } from "@angular/forms";
+import { FormBuilder, FormGroup } from "@angular/forms";
 
 import { IMinimumAvailability, IRadarrCombined, IRadarrProfile, IRadarrRootFolder } from "../../interfaces";
-import { IRadarrSettings } from "../../interfaces";
-import { RadarrService } from "../../services";
-import { TesterService } from "../../services";
-import { NotificationService } from "../../services";
-import { SettingsService } from "../../services";
+import { NotificationService, SettingsService } from "../../services";
 
 @Component({
     templateUrl: "./radarr.component.html",
@@ -22,10 +18,8 @@ export class RadarrComponent implements OnInit {
     public form: FormGroup;
 
     constructor(private settingsService: SettingsService,
-                private radarrService: RadarrService,
                 private notificationService: NotificationService,
-                private fb: FormBuilder,
-                private testerService: TesterService) { }
+                private fb: FormBuilder) { }
 
     public ngOnInit() {
         this.settingsService.getRadarr()
@@ -45,17 +39,17 @@ export class RadarrComponent implements OnInit {
                         scanForAvailability: [x.radarr.scanForAvailability]
                     }),
                     radarr4K: this.fb.group({
-                        enabled: [x.radarr.enabled],
-                        apiKey: [x.radarr.apiKey],
-                        defaultQualityProfile: [+x.radarr.defaultQualityProfile],
-                        defaultRootPath: [x.radarr.defaultRootPath],
-                        ssl: [x.radarr.ssl],
-                        subDir: [x.radarr.subDir],
-                        ip: [x.radarr.ip],
-                        port: [x.radarr.port],
-                        addOnly: [x.radarr.addOnly],
-                        minimumAvailability: [x.radarr.minimumAvailability],
-                        scanForAvailability: [x.radarr.scanForAvailability]
+                        enabled: [x.radarr4K.enabled],
+                        apiKey: [x.radarr4K.apiKey],
+                        defaultQualityProfile: [+x.radarr4K.defaultQualityProfile],
+                        defaultRootPath: [x.radarr4K.defaultRootPath],
+                        ssl: [x.radarr4K.ssl],
+                        subDir: [x.radarr4K.subDir],
+                        ip: [x.radarr4K.ip],
+                        port: [x.radarr4K.port],
+                        addOnly: [x.radarr4K.addOnly],
+                        minimumAvailability: [x.radarr4K.minimumAvailability],
+                        scanForAvailability: [x.radarr4K.scanForAvailability]
                     }),
                 });
             });