From 5455b0076af4efe1013571a5ba1fa32504ed576b Mon Sep 17 00:00:00 2001
From: tidusjar <jamie.rees@outlook.com>
Date: Tue, 26 Jul 2016 20:05:54 +0100
Subject: [PATCH] Rename SubDir to Base Url

---
 .../Views/Admin/CouchPotato.cshtml            |   2 +-
 PlexRequests.UI/Views/Admin/Headphones.cshtml | 316 +++++-----
 PlexRequests.UI/Views/Admin/Plex.cshtml       |   2 +-
 PlexRequests.UI/Views/Admin/Sickrage.cshtml   | 366 ++++++------
 PlexRequests.UI/Views/Admin/Sonarr.cshtml     | 550 +++++++++---------
 5 files changed, 618 insertions(+), 618 deletions(-)

diff --git a/PlexRequests.UI/Views/Admin/CouchPotato.cshtml b/PlexRequests.UI/Views/Admin/CouchPotato.cshtml
index 03654bb56..bb6f8795f 100644
--- a/PlexRequests.UI/Views/Admin/CouchPotato.cshtml
+++ b/PlexRequests.UI/Views/Admin/CouchPotato.cshtml
@@ -83,7 +83,7 @@
                 </div>
             </div>
             <div class="form-group">
-                <label for="SubDir" class="control-label">CouchPotato SubDirectory</label>
+                <label for="SubDir" class="control-label">CouchPotato Base Url</label>
                 <div>
                     <input type="text" class="form-control form-control-custom " id="SubDir" name="SubDir" value="@Model.SubDir">
                 </div>
diff --git a/PlexRequests.UI/Views/Admin/Headphones.cshtml b/PlexRequests.UI/Views/Admin/Headphones.cshtml
index f95b3ffdf..1938bdceb 100644
--- a/PlexRequests.UI/Views/Admin/Headphones.cshtml
+++ b/PlexRequests.UI/Views/Admin/Headphones.cshtml
@@ -1,159 +1,159 @@
-@using PlexRequests.UI.Helpers
-@Html.Partial("_Sidebar")
-@{
-    int port;
-    if (Model.Port == 0)
-    {
-        port = 8181;
-    }
-    else
-    {
-        port = Model.Port;
-    }
-}
-<div class="col-sm-8 col-sm-push-1">
-    <form class="form-horizontal" method="POST" id="mainForm">
-        <fieldset>
-            <legend>Headphones Settings</legend>
-            <div class="form-group">
-                <div class="checkbox">
-                    
-                        @if (Model.Enabled)
-                        {
-                            <input type="checkbox" id="Enabled" name="Enabled" checked="checked"><label for="Enabled">Enabled</label>
-                        }
-                        else
-                        {
-                            <input type="checkbox" id="Enabled" name="Enabled"><label for="Enabled">Enabled</label>
-                        }
-         
-                </div>
-            </div>
-            <div class="form-group">
-                <div class="checkbox">
-                   
-                        @if (Model.Ssl)
-                        {
-                            <input type="checkbox" id="Ssl" name="Ssl" checked="checked"><label for="Ssl">SSL</label>
-                        }
-                        else
-                        {
-                            <input type="checkbox" id="Ssl" name="Ssl"><label for="Ssl">SSL</label>
-                        }
-                    
-                </div>
-            </div>
-            <div class="form-group">
-                <label for="Ip" class="control-label">Headphones Hostname or IP</label>
-                <div class="">
-                    <input type="text" class="form-control form-control-custom " id="Ip" name="Ip" placeholder="localhost" value="@Model.Ip">
-                </div>
-            </div>
-
-            <div class="form-group">
-                <label for="portNumber" class="control-label">Port</label>
-
-                <div class="">
-                    <input type="text" class="form-control form-control-custom " id="portNumber" name="Port" placeholder="Port Number" value="@port">
-                </div>
-            </div>
-
-
-            <div class="form-group">
-                <label for="ApiKey" class="control-label">Headphones API Key</label>
-                <div>
-                    <input type="text" class="form-control form-control-custom " id="ApiKey" name="ApiKey" value="@Model.ApiKey">
-                </div>
-            </div>
-            <div class="form-group">
-                <label for="SubDir" class="control-label">Headphones SubDirectory</label>
-                <div>
-                    <input type="text" class="form-control form-control-custom " id="SubDir" name="SubDir" value="@Model.SubDir">
-                </div>
-            </div>
-         
-
-            <div class="form-group">
-                <div>
-                    <button id="testHeadphones" type="submit" class="btn btn-primary-outline">Test Connectivity <div id="spinner"></div></button>
-                </div>
-            </div>
-
-
-            <div class="form-group">
-                <div>
-                    <button id="save" type="submit" class="btn btn-primary-outline">Submit</button>
-                </div>
-            </div>
-        </fieldset>
-    </form>
-</div>
-
-
-
-<script>
-    $(function() {
-
-        var base = '@Html.GetBaseUrl()';
-        $('#testHeadphones').click(function (e) {
-
-         	$('#spinner').attr("class", "fa fa-spinner fa-spin");
-            e.preventDefault();
-            var $form = $("#mainForm");
-            var url = createBaseUrl(base, '/test/headphones');
-            $.ajax({
-                type: $form.prop("method"),
-                url: url,
-                data: $form.serialize(),
-                dataType: "json",
-                success: function (response) {
-                    console.log(response);
-                    if (response.result === true) {
-        				$('#spinner').attr("class", "fa fa-check");
-                        generateNotify(response.message, "success");
-                    } else {
-        				$('#spinner').attr("class", "fa fa-times");
-                        generateNotify(response.message, "warning");
-                    }
-                },
-                error: function (e) {
-                    console.log(e);
-        				$('#spinner').attr("class", "fa fa-times");
-                    generateNotify("Something went wrong!", "danger");
-                }
-            });
-        });
-
-        $('#save').click(function (e) {
-            e.preventDefault();
-            var port = $('#portNumber').val();
-            if (isNaN(port)) {
-                generateNotify("You must specify a Port.", "warning");
-                return;
-            }
-            var $form = $("#mainForm");
-            var qualityProfile = $("#profiles option:selected").val();
-            var data = $form.serialize();
-            data = data + "&profileId=" + qualityProfile;
-
-            $.ajax({
-                type: $form.prop("method"),
-                data: data,
-                url: $form.prop("action"),
-                dataType: "json",
-                success: function (response) {
-                    if (response.result === true) {
-                        generateNotify(response.message, "success");
-                    } else {
-                        generateNotify(response.message, "warning");
-                    }
-                },
-                error: function (e) {
-                    console.log(e);
-                    generateNotify("Something went wrong!", "danger");
-                }
-            });
-        });
-
-    });
+@using PlexRequests.UI.Helpers
+@Html.Partial("_Sidebar")
+@{
+    int port;
+    if (Model.Port == 0)
+    {
+        port = 8181;
+    }
+    else
+    {
+        port = Model.Port;
+    }
+}
+<div class="col-sm-8 col-sm-push-1">
+    <form class="form-horizontal" method="POST" id="mainForm">
+        <fieldset>
+            <legend>Headphones Settings</legend>
+            <div class="form-group">
+                <div class="checkbox">
+                    
+                        @if (Model.Enabled)
+                        {
+                            <input type="checkbox" id="Enabled" name="Enabled" checked="checked"><label for="Enabled">Enabled</label>
+                        }
+                        else
+                        {
+                            <input type="checkbox" id="Enabled" name="Enabled"><label for="Enabled">Enabled</label>
+                        }
+         
+                </div>
+            </div>
+            <div class="form-group">
+                <div class="checkbox">
+                   
+                        @if (Model.Ssl)
+                        {
+                            <input type="checkbox" id="Ssl" name="Ssl" checked="checked"><label for="Ssl">SSL</label>
+                        }
+                        else
+                        {
+                            <input type="checkbox" id="Ssl" name="Ssl"><label for="Ssl">SSL</label>
+                        }
+                    
+                </div>
+            </div>
+            <div class="form-group">
+                <label for="Ip" class="control-label">Headphones Hostname or IP</label>
+                <div class="">
+                    <input type="text" class="form-control form-control-custom " id="Ip" name="Ip" placeholder="localhost" value="@Model.Ip">
+                </div>
+            </div>
+
+            <div class="form-group">
+                <label for="portNumber" class="control-label">Port</label>
+
+                <div class="">
+                    <input type="text" class="form-control form-control-custom " id="portNumber" name="Port" placeholder="Port Number" value="@port">
+                </div>
+            </div>
+
+
+            <div class="form-group">
+                <label for="ApiKey" class="control-label">Headphones API Key</label>
+                <div>
+                    <input type="text" class="form-control form-control-custom " id="ApiKey" name="ApiKey" value="@Model.ApiKey">
+                </div>
+            </div>
+            <div class="form-group">
+                <label for="SubDir" class="control-label">Headphones Base Url</label>
+                <div>
+                    <input type="text" class="form-control form-control-custom " id="SubDir" name="SubDir" value="@Model.SubDir">
+                </div>
+            </div>
+         
+
+            <div class="form-group">
+                <div>
+                    <button id="testHeadphones" type="submit" class="btn btn-primary-outline">Test Connectivity <div id="spinner"></div></button>
+                </div>
+            </div>
+
+
+            <div class="form-group">
+                <div>
+                    <button id="save" type="submit" class="btn btn-primary-outline">Submit</button>
+                </div>
+            </div>
+        </fieldset>
+    </form>
+</div>
+
+
+
+<script>
+    $(function() {
+
+        var base = '@Html.GetBaseUrl()';
+        $('#testHeadphones').click(function (e) {
+
+         	$('#spinner').attr("class", "fa fa-spinner fa-spin");
+            e.preventDefault();
+            var $form = $("#mainForm");
+            var url = createBaseUrl(base, '/test/headphones');
+            $.ajax({
+                type: $form.prop("method"),
+                url: url,
+                data: $form.serialize(),
+                dataType: "json",
+                success: function (response) {
+                    console.log(response);
+                    if (response.result === true) {
+        				$('#spinner').attr("class", "fa fa-check");
+                        generateNotify(response.message, "success");
+                    } else {
+        				$('#spinner').attr("class", "fa fa-times");
+                        generateNotify(response.message, "warning");
+                    }
+                },
+                error: function (e) {
+                    console.log(e);
+        				$('#spinner').attr("class", "fa fa-times");
+                    generateNotify("Something went wrong!", "danger");
+                }
+            });
+        });
+
+        $('#save').click(function (e) {
+            e.preventDefault();
+            var port = $('#portNumber').val();
+            if (isNaN(port)) {
+                generateNotify("You must specify a Port.", "warning");
+                return;
+            }
+            var $form = $("#mainForm");
+            var qualityProfile = $("#profiles option:selected").val();
+            var data = $form.serialize();
+            data = data + "&profileId=" + qualityProfile;
+
+            $.ajax({
+                type: $form.prop("method"),
+                data: data,
+                url: $form.prop("action"),
+                dataType: "json",
+                success: function (response) {
+                    if (response.result === true) {
+                        generateNotify(response.message, "success");
+                    } else {
+                        generateNotify(response.message, "warning");
+                    }
+                },
+                error: function (e) {
+                    console.log(e);
+                    generateNotify("Something went wrong!", "danger");
+                }
+            });
+        });
+
+    });
 </script>
\ No newline at end of file
diff --git a/PlexRequests.UI/Views/Admin/Plex.cshtml b/PlexRequests.UI/Views/Admin/Plex.cshtml
index 3aaec4dcf..a62be5309 100644
--- a/PlexRequests.UI/Views/Admin/Plex.cshtml
+++ b/PlexRequests.UI/Views/Admin/Plex.cshtml
@@ -63,7 +63,7 @@
             </div>
 
             <div class="form-group">
-                <label for="SubDir" class="control-label">Plex SubDirectory</label>
+                <label for="SubDir" class="control-label">Plex Base Url</label>
                 <div>
                     <input type="text" class="form-control form-control-custom " id="SubDir" name="SubDir" value="@Model.SubDir">
                 </div>
diff --git a/PlexRequests.UI/Views/Admin/Sickrage.cshtml b/PlexRequests.UI/Views/Admin/Sickrage.cshtml
index 6181f0b0e..a749f25f6 100644
--- a/PlexRequests.UI/Views/Admin/Sickrage.cshtml
+++ b/PlexRequests.UI/Views/Admin/Sickrage.cshtml
@@ -1,184 +1,184 @@
-@using PlexRequests.UI.Helpers
-@Html.Partial("_Sidebar")
-@{
-    int port;
-    if (Model.Port == 0)
-    {
-        port = 8081;
-    }
-    else
-    {
-        port = Model.Port;
-    }
-}
-<div class="col-sm-8 col-sm-push-1">
-    <form class="form-horizontal" method="POST" id="mainForm">
-        <fieldset>
-            <legend>SickRage Settings</legend>
-            <div class="form-group">
-                <div class="checkbox">
-                        @if (Model.Enabled)
-                        {
-                            <input type="checkbox" id="Enabled" name="Enabled" checked="checked"><label for="Enabled">Enabled</label>
-                        }
-                        else
-                        {
-                            <input type="checkbox" id="Enabled" name="Enabled"><label for="Enabled">Enabled</label>
-                        }
-                </div>
-            </div>
-            <div class="form-group">
-                <label for="Ip" class="control-label">SickRage Hostname or IP</label>
-                <div class="">
-                    <input type="text" class="form-control form-control-custom " id="Ip" name="Ip" placeholder="localhost" value="@Model.Ip">
-                </div>
-            </div>
-
-            <div class="form-group">
-                <label for="portNumber" class="control-label">Port</label>
-
-                <div class="">
-                    <input type="text" class="form-control form-control-custom " id="portNumber" name="Port" placeholder="Port Number" value="@port">
-                </div>
-            </div>
-
-
-            <div class="form-group">
-                <label for="ApiKey" class="control-label">SickRage API Key</label>
-                <div>
-                    <input type="text" class="form-control form-control-custom " id="ApiKey" name="ApiKey" value="@Model.ApiKey">
-                </div>
-            </div>
-            <div class="form-group">
-                <div class="checkbox">
-               
-                        @if (Model.Ssl)
-                        {
-                            <input type="checkbox" id="Ssl" name="Ssl" checked="checked"><label for="Ssl">SSL</label>
-                        }
-                        else
-                        {
-                            <input type="checkbox" id="Ssl" name="Ssl"><label for="Ssl">SSL</label>
-                        }
-                </div>
-            </div>
-
-            <div class="form-group">
-                <label for="SubDir" class="control-label">SickRage SubDirectory</label>
-                <div>
-                    <input type="text" class="form-control form-control-custom " id="SubDir" name="SubDir" value="@Model.SubDir">
-                </div>
-            </div>
-            <div class="form-group">
-                <label for="profiles" class="control-label ">Quality Profiles</label>
-                <div id="profiles">
-                    <select class="form-control form-control-custom" value="selected">
-                        @foreach (var quality in Model.Qualities)
-                        {
-                            <option id="@quality.Key" value="@quality.Key">@quality.Value</option>
-                        }
-                    </select>
-                </div>
-            </div>
-
-            <div class="form-group">
-                <div>
-                    <button id="testSickRage" type="submit" class="btn btn-primary-outline">Test Connectivity <div id="spinner"></div></button>
-                </div>
-            </div>
-
-
-            <div class="form-group">
-                <div>
-                    <button id="save" type="submit" class="btn btn-primary-outline ">Submit</button>
-                </div>
-            </div>
-        </fieldset>
-    </form>
-</div>
-
-
-
-<script>
-    $(function() {
-        var base = '@Html.GetBaseUrl()';
-        @if (!string.IsNullOrEmpty(Model.QualityProfile))
-        {
-    <text>
-        var qualitySelected = '@Model.QualityProfile';
-        $('#' + qualitySelected).prop("selected", "selected");
-        </text>
-        }
-
-        $('#save').click(function (e) {
-            e.preventDefault();
-            var port = $('#portNumber').val();
-            if (isNaN(port)) {
-                generateNotify("You must specify a Port.", "warning");
-                return;
-            }
-            var qualityProfile = $("#profiles option:selected").val();
-
-            var $form = $("#mainForm");
-
-            var data = $form.serialize();
-            data = data + "&qualityProfile=" + qualityProfile;
-
-            $.ajax({
-                type: $form.prop("method"),
-                data: data,
-                url: $form.prop("action"),
-                dataType: "json",
-                success: function (response) {
-                    if (response.result === true) {
-                        generateNotify("Success!", "success");
-                    } else {
-                        generateNotify(response.message, "warning");
-                    }
-                },
-                error: function (e) {
-                    console.log(e);
-                    generateNotify("Something went wrong!", "danger");
-                }
-            });
-        });
-
-        $('#testSickRage').click(function (e) {
-
-            $('#spinner').attr("class", "fa fa-spinner fa-spin");
-            e.preventDefault();
-            var qualityProfile = $("#profiles option:selected").val();
-
-            var $form = $("#mainForm");
-
-            var data = $form.serialize();
-            data = data + "&qualityProfile=" + qualityProfile;
-
-            var url = createBaseUrl(base, '/test/sickrage');
-            $.ajax({
-                type: $form.prop("method"),
-                url: url,
-                data: data,
-                dataType: "json",
-                success: function (response) {
-                    console.log(response);
-                    if (response.result === true) {
-                        generateNotify(response.message, "success");
-        				$('#spinner').attr("class", "fa fa-check");
-                    } else {
-                        generateNotify(response.message, "warning");
-        				$('#spinner').attr("class", "fa fa-times");
-                    }
-                },
-                error: function (e) {
-                    console.log(e);
-                    generateNotify("Something went wrong!", "danger");
-        				$('#spinner').attr("class", "fa fa-times");
-                }
-            });
-        });
-
-
-
-    })
+@using PlexRequests.UI.Helpers
+@Html.Partial("_Sidebar")
+@{
+    int port;
+    if (Model.Port == 0)
+    {
+        port = 8081;
+    }
+    else
+    {
+        port = Model.Port;
+    }
+}
+<div class="col-sm-8 col-sm-push-1">
+    <form class="form-horizontal" method="POST" id="mainForm">
+        <fieldset>
+            <legend>SickRage Settings</legend>
+            <div class="form-group">
+                <div class="checkbox">
+                        @if (Model.Enabled)
+                        {
+                            <input type="checkbox" id="Enabled" name="Enabled" checked="checked"><label for="Enabled">Enabled</label>
+                        }
+                        else
+                        {
+                            <input type="checkbox" id="Enabled" name="Enabled"><label for="Enabled">Enabled</label>
+                        }
+                </div>
+            </div>
+            <div class="form-group">
+                <label for="Ip" class="control-label">SickRage Hostname or IP</label>
+                <div class="">
+                    <input type="text" class="form-control form-control-custom " id="Ip" name="Ip" placeholder="localhost" value="@Model.Ip">
+                </div>
+            </div>
+
+            <div class="form-group">
+                <label for="portNumber" class="control-label">Port</label>
+
+                <div class="">
+                    <input type="text" class="form-control form-control-custom " id="portNumber" name="Port" placeholder="Port Number" value="@port">
+                </div>
+            </div>
+
+
+            <div class="form-group">
+                <label for="ApiKey" class="control-label">SickRage API Key</label>
+                <div>
+                    <input type="text" class="form-control form-control-custom " id="ApiKey" name="ApiKey" value="@Model.ApiKey">
+                </div>
+            </div>
+            <div class="form-group">
+                <div class="checkbox">
+               
+                        @if (Model.Ssl)
+                        {
+                            <input type="checkbox" id="Ssl" name="Ssl" checked="checked"><label for="Ssl">SSL</label>
+                        }
+                        else
+                        {
+                            <input type="checkbox" id="Ssl" name="Ssl"><label for="Ssl">SSL</label>
+                        }
+                </div>
+            </div>
+
+            <div class="form-group">
+                <label for="SubDir" class="control-label">SickRage Base Url</label>
+                <div>
+                    <input type="text" class="form-control form-control-custom " id="SubDir" name="SubDir" value="@Model.SubDir">
+                </div>
+            </div>
+            <div class="form-group">
+                <label for="profiles" class="control-label ">Quality Profiles</label>
+                <div id="profiles">
+                    <select class="form-control form-control-custom" value="selected">
+                        @foreach (var quality in Model.Qualities)
+                        {
+                            <option id="@quality.Key" value="@quality.Key">@quality.Value</option>
+                        }
+                    </select>
+                </div>
+            </div>
+
+            <div class="form-group">
+                <div>
+                    <button id="testSickRage" type="submit" class="btn btn-primary-outline">Test Connectivity <div id="spinner"></div></button>
+                </div>
+            </div>
+
+
+            <div class="form-group">
+                <div>
+                    <button id="save" type="submit" class="btn btn-primary-outline ">Submit</button>
+                </div>
+            </div>
+        </fieldset>
+    </form>
+</div>
+
+
+
+<script>
+    $(function() {
+        var base = '@Html.GetBaseUrl()';
+        @if (!string.IsNullOrEmpty(Model.QualityProfile))
+        {
+    <text>
+        var qualitySelected = '@Model.QualityProfile';
+        $('#' + qualitySelected).prop("selected", "selected");
+        </text>
+        }
+
+        $('#save').click(function (e) {
+            e.preventDefault();
+            var port = $('#portNumber').val();
+            if (isNaN(port)) {
+                generateNotify("You must specify a Port.", "warning");
+                return;
+            }
+            var qualityProfile = $("#profiles option:selected").val();
+
+            var $form = $("#mainForm");
+
+            var data = $form.serialize();
+            data = data + "&qualityProfile=" + qualityProfile;
+
+            $.ajax({
+                type: $form.prop("method"),
+                data: data,
+                url: $form.prop("action"),
+                dataType: "json",
+                success: function (response) {
+                    if (response.result === true) {
+                        generateNotify("Success!", "success");
+                    } else {
+                        generateNotify(response.message, "warning");
+                    }
+                },
+                error: function (e) {
+                    console.log(e);
+                    generateNotify("Something went wrong!", "danger");
+                }
+            });
+        });
+
+        $('#testSickRage').click(function (e) {
+
+            $('#spinner').attr("class", "fa fa-spinner fa-spin");
+            e.preventDefault();
+            var qualityProfile = $("#profiles option:selected").val();
+
+            var $form = $("#mainForm");
+
+            var data = $form.serialize();
+            data = data + "&qualityProfile=" + qualityProfile;
+
+            var url = createBaseUrl(base, '/test/sickrage');
+            $.ajax({
+                type: $form.prop("method"),
+                url: url,
+                data: data,
+                dataType: "json",
+                success: function (response) {
+                    console.log(response);
+                    if (response.result === true) {
+                        generateNotify(response.message, "success");
+        				$('#spinner').attr("class", "fa fa-check");
+                    } else {
+                        generateNotify(response.message, "warning");
+        				$('#spinner').attr("class", "fa fa-times");
+                    }
+                },
+                error: function (e) {
+                    console.log(e);
+                    generateNotify("Something went wrong!", "danger");
+        				$('#spinner').attr("class", "fa fa-times");
+                }
+            });
+        });
+
+
+
+    })
 </script>
\ No newline at end of file
diff --git a/PlexRequests.UI/Views/Admin/Sonarr.cshtml b/PlexRequests.UI/Views/Admin/Sonarr.cshtml
index 7b7401795..388f359e6 100644
--- a/PlexRequests.UI/Views/Admin/Sonarr.cshtml
+++ b/PlexRequests.UI/Views/Admin/Sonarr.cshtml
@@ -1,276 +1,276 @@
-@using PlexRequests.UI.Helpers
-@Html.Partial("_Sidebar")
-@{
-    int port;
-    if (Model.Port == 0)
-    {
-        port = 8989;
-    }
-    else
-    {
-        port = Model.Port;
-    }
-}
-<div class="col-sm-8 col-sm-push-1">
-    <form class="form-horizontal" method="POST" id="mainForm">
-        <fieldset>
-            <legend>Sonarr Settings</legend>
-            <div class="form-group">
-                <div class="checkbox">
-                        @if (Model.Enabled)
-                        {
-                            <input type="checkbox" id="Enabled" name="Enabled" checked="checked"><label for="Enabled">Enabled</label>
-                        }
-                        else
-                        {
-                            <input type="checkbox" id="Enabled" name="Enabled"><label for="Enabled">Enabled</label>
-                        }
-                </div>
-            </div>
-            <div class="form-group">
-                <label for="Ip" class="control-label">Sonarr Hostname or IP</label>
-                <div class="">
-                    <input type="text" class="form-control form-control-custom " id="Ip" name="Ip" placeholder="localhost" value="@Model.Ip">
-                </div>
-            </div>
-
-            <div class="form-group">
-                <label for="portNumber" class="control-label">Port</label>
-
-                <div class="">
-                    <input type="text" class="form-control form-control-custom " id="portNumber" name="Port" placeholder="Port Number" value="@port">
-                </div>
-            </div>
-
-
-            <div class="form-group">
-                <label for="ApiKey" class="control-label">Sonarr API Key</label>
-                <div>
-                    <input type="text" class="form-control form-control-custom " id="ApiKey" name="ApiKey" value="@Model.ApiKey">
-                </div>
-            </div>
-            <div class="form-group">
-                <div class="checkbox">
-                        @if (Model.Ssl)
-                        {
-                            <input type="checkbox" id="Ssl" name="Ssl" checked="checked"><label for="Ssl">SSL</label>
-                        }
-                        else
-                        {
-                            <input type="checkbox" id="Ssl" name="Ssl"><label for="Ssl">SSL</label>
-                        }
-                </div>
-            </div>
-            <div class="form-group">
-                <label for="SubDir" class="control-label">Sonarr SubDirectory</label>
-                <div>
-                    <input type="text" class="form-control form-control-custom " id="SubDir" name="SubDir" value="@Model.SubDir">
-                </div>
-            </div>
-            <div class="form-group">
-                <div>
-                    <button type="submit" id="getProfiles" class="btn btn-primary-outline">Get Quality Profiles <div id="getSpinner"/></button>
-                </div>
-            </div>
-            <div class="form-group">
-                <label for="select" class="control-label">Quality Profiles</label>
-                <div id="profiles">
-                    <select class="form-control form-control-custom" id="select"></select>
-                </div>
-            </div>
-
-            <div class="form-group">
-                <label for="RootPath" class="control-label">Root save directory for TV shows</label>
-                <div>
-                    <input type="text" class="form-control form-control-custom " placeholder="C:\Media\Tv" id="RootPath" name="RootPath" value="@Model.RootPath">
-                    <label>Enter the root folder where tv shows are saved. For example <strong>C:\Media\TV</strong>.</label>
-                </div>
-            </div>
-
-            <div class="form-group">
-                <div class="checkbox">
-
-                        @if (Model.SeasonFolders)
-                        {
-                            <input type="checkbox" id="SeasonFolders" name="SeasonFolders" checked="checked">
-                        }
-                        else
-                        {
-                            <input type="checkbox" id="SeasonFolders" name="SeasonFolders">
-                        }
-                        <label for="SeasonFolders">Enable season folders</label>
-
-                </div>
-                <label>Enabled Season Folders to organize seasons into individual folders within a show.</label>
-            </div>
-            <div class="form-group">
-                <div>
-                    <button id="testSonarr" type="submit" class="btn btn-primary-outline">Test Connectivity <div id="spinner"/></button>
-                </div>
-            </div>
-
-
-            <div class="form-group">
-                <div>
-                    <button id="save" type="submit" class="btn btn-primary-outline ">Submit</button>
-                </div>
-            </div>
-        </fieldset>
-    </form>
-</div>
-
-
-
-<script>
-    $(function () {
-
-        @if (!string.IsNullOrEmpty(Model.QualityProfile))
-        {
-
-            <text>
-
-        preLoad();
-
-        function preLoad() {
-            var qualitySelected = @Model.QualityProfile;
-            if (!qualitySelected) {
-                return;
-            }
-            var $form = $("#mainForm");
-            $.ajax({
-                type: $form.prop("method"),
-                data: $form.serialize(),
-                url: "sonarrprofiles",
-                dataType: "json",
-                success: function(response) {
-                    response.forEach(function(result) {
-                        if (result.id == qualitySelected) {
-
-                            $("#select").append("<option selected='selected' value='" + result.id + "'>" + result.name + "</option>");
-                        } else {
-                            $("#select").append("<option value='" + result.id + "'>" + result.name + "</option>");
-                        }
-                    });
-                },
-                error: function(e) {
-                    console.log(e);
-                    generateNotify("Something went wrong!", "danger");
-                }
-            });
-        }
-        </text>
-        }
-
-
-        $('#save').click(function(e) {
-            e.preventDefault();
-            var port = $('#portNumber').val();
-            if (isNaN(port)) {
-                generateNotify("You must specify a Port.", "warning");
-                return;
-            }
-            var qualityProfile = $("#profiles option:selected").val();
-
-            var $form = $("#mainForm");
-
-            var data = $form.serialize();
-            data = data + "&qualityProfile=" + qualityProfile;
-
-            $.ajax({
-                type: $form.prop("method"),
-                data: data,
-                url: $form.prop("action"),
-                dataType: "json",
-                success: function (response) {
-                    if (response.result === true) {
-                        generateNotify("Success!", "success");
-                    } else {
-                        generateNotify(response.message, "warning");
-                    }
-                },
-                error: function (e) {
-                    console.log(e);
-                    generateNotify("Something went wrong!", "danger");
-                }
-            });
-        });
-
-        $('#getProfiles').click(function (e) {
-
-            $('#getSpinner').attr("class", "fa fa-spinner fa-spin");
-            e.preventDefault();
-            if (!$('#Ip').val()) {
-                generateNotify("Please enter a valid IP/Hostname.", "warning");
-        				$('#getSpinner').attr("class", "fa fa-times");
-                return;
-            }
-            if (!$('#portNumber').val()) {
-                generateNotify("Please enter a valid Port Number.", "warning");
-        				$('#getSpinner').attr("class", "fa fa-times");
-                return;
-            }
-            if (!$('#ApiKey').val()) {
-                generateNotify("Please enter a valid ApiKey.", "warning");
-        				$('#getSpinner').attr("class", "fa fa-times");
-                return;
-            }
-            var $form = $("#mainForm");
-            $.ajax({
-                type: $form.prop("method"),
-                data: $form.serialize(),
-                url: "sonarrprofiles",
-                dataType: "json",
-                success: function (response) {
-                    response.forEach(function (result) {
-        				$('#getSpinner').attr("class", "fa fa-check");
-                        $("#select").append("<option value='" + result.id + "'>" + result.name + "</option>");
-                    });
-                },
-                error: function (e) {
-                    console.log(e);
-        				$('#getSpinner').attr("class", "fa fa-times");
-                    generateNotify("Something went wrong!", "danger");
-                }
-            });
-        });
-
-        var base = '@Html.GetBaseUrl()';
-        $('#testSonarr').click(function (e) {
-
-            $('#spinner').attr("class", "fa fa-spinner fa-spin");
-            e.preventDefault();
-            var qualityProfile = $("#profiles option:selected").val();
-
-            var $form = $("#mainForm");
-
-            var data = $form.serialize();
-            data = data + "&qualityProfile=" + qualityProfile;
-            
-            var url = createBaseUrl(base, '/test/sonarr');
-            $.ajax({
-                type: $form.prop("method"),
-                url: url,
-                data: data,
-                dataType: "json",
-                success: function (response) {
-                    console.log(response);
-                    if (response.result === true) {
-                        generateNotify(response.message, "success");
-        				$('#spinner').attr("class", "fa fa-check");
-                    } else {
-                        generateNotify(response.message, "warning");
-        				$('#spinner').attr("class", "fa fa-times");
-                    }
-                },
-                error: function (e) {
-                    console.log(e);
-                    generateNotify("Something went wrong!", "danger");
-        				$('#spinner').attr("class", "fa fa-times");
-                }
-            });
-        });
-
-
-
-    })
+@using PlexRequests.UI.Helpers
+@Html.Partial("_Sidebar")
+@{
+    int port;
+    if (Model.Port == 0)
+    {
+        port = 8989;
+    }
+    else
+    {
+        port = Model.Port;
+    }
+}
+<div class="col-sm-8 col-sm-push-1">
+    <form class="form-horizontal" method="POST" id="mainForm">
+        <fieldset>
+            <legend>Sonarr Settings</legend>
+            <div class="form-group">
+                <div class="checkbox">
+                        @if (Model.Enabled)
+                        {
+                            <input type="checkbox" id="Enabled" name="Enabled" checked="checked"><label for="Enabled">Enabled</label>
+                        }
+                        else
+                        {
+                            <input type="checkbox" id="Enabled" name="Enabled"><label for="Enabled">Enabled</label>
+                        }
+                </div>
+            </div>
+            <div class="form-group">
+                <label for="Ip" class="control-label">Sonarr Hostname or IP</label>
+                <div class="">
+                    <input type="text" class="form-control form-control-custom " id="Ip" name="Ip" placeholder="localhost" value="@Model.Ip">
+                </div>
+            </div>
+
+            <div class="form-group">
+                <label for="portNumber" class="control-label">Port</label>
+
+                <div class="">
+                    <input type="text" class="form-control form-control-custom " id="portNumber" name="Port" placeholder="Port Number" value="@port">
+                </div>
+            </div>
+
+
+            <div class="form-group">
+                <label for="ApiKey" class="control-label">Sonarr API Key</label>
+                <div>
+                    <input type="text" class="form-control form-control-custom " id="ApiKey" name="ApiKey" value="@Model.ApiKey">
+                </div>
+            </div>
+            <div class="form-group">
+                <div class="checkbox">
+                        @if (Model.Ssl)
+                        {
+                            <input type="checkbox" id="Ssl" name="Ssl" checked="checked"><label for="Ssl">SSL</label>
+                        }
+                        else
+                        {
+                            <input type="checkbox" id="Ssl" name="Ssl"><label for="Ssl">SSL</label>
+                        }
+                </div>
+            </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 " id="SubDir" name="SubDir" value="@Model.SubDir">
+                </div>
+            </div>
+            <div class="form-group">
+                <div>
+                    <button type="submit" id="getProfiles" class="btn btn-primary-outline">Get Quality Profiles <div id="getSpinner"/></button>
+                </div>
+            </div>
+            <div class="form-group">
+                <label for="select" class="control-label">Quality Profiles</label>
+                <div id="profiles">
+                    <select class="form-control form-control-custom" id="select"></select>
+                </div>
+            </div>
+
+            <div class="form-group">
+                <label for="RootPath" class="control-label">Root save directory for TV shows</label>
+                <div>
+                    <input type="text" class="form-control form-control-custom " placeholder="C:\Media\Tv" id="RootPath" name="RootPath" value="@Model.RootPath">
+                    <label>Enter the root folder where tv shows are saved. For example <strong>C:\Media\TV</strong>.</label>
+                </div>
+            </div>
+
+            <div class="form-group">
+                <div class="checkbox">
+
+                        @if (Model.SeasonFolders)
+                        {
+                            <input type="checkbox" id="SeasonFolders" name="SeasonFolders" checked="checked">
+                        }
+                        else
+                        {
+                            <input type="checkbox" id="SeasonFolders" name="SeasonFolders">
+                        }
+                        <label for="SeasonFolders">Enable season folders</label>
+
+                </div>
+                <label>Enabled Season Folders to organize seasons into individual folders within a show.</label>
+            </div>
+            <div class="form-group">
+                <div>
+                    <button id="testSonarr" type="submit" class="btn btn-primary-outline">Test Connectivity <div id="spinner"/></button>
+                </div>
+            </div>
+
+
+            <div class="form-group">
+                <div>
+                    <button id="save" type="submit" class="btn btn-primary-outline ">Submit</button>
+                </div>
+            </div>
+        </fieldset>
+    </form>
+</div>
+
+
+
+<script>
+    $(function () {
+
+        @if (!string.IsNullOrEmpty(Model.QualityProfile))
+        {
+
+            <text>
+
+        preLoad();
+
+        function preLoad() {
+            var qualitySelected = @Model.QualityProfile;
+            if (!qualitySelected) {
+                return;
+            }
+            var $form = $("#mainForm");
+            $.ajax({
+                type: $form.prop("method"),
+                data: $form.serialize(),
+                url: "sonarrprofiles",
+                dataType: "json",
+                success: function(response) {
+                    response.forEach(function(result) {
+                        if (result.id == qualitySelected) {
+
+                            $("#select").append("<option selected='selected' value='" + result.id + "'>" + result.name + "</option>");
+                        } else {
+                            $("#select").append("<option value='" + result.id + "'>" + result.name + "</option>");
+                        }
+                    });
+                },
+                error: function(e) {
+                    console.log(e);
+                    generateNotify("Something went wrong!", "danger");
+                }
+            });
+        }
+        </text>
+        }
+
+
+        $('#save').click(function(e) {
+            e.preventDefault();
+            var port = $('#portNumber').val();
+            if (isNaN(port)) {
+                generateNotify("You must specify a Port.", "warning");
+                return;
+            }
+            var qualityProfile = $("#profiles option:selected").val();
+
+            var $form = $("#mainForm");
+
+            var data = $form.serialize();
+            data = data + "&qualityProfile=" + qualityProfile;
+
+            $.ajax({
+                type: $form.prop("method"),
+                data: data,
+                url: $form.prop("action"),
+                dataType: "json",
+                success: function (response) {
+                    if (response.result === true) {
+                        generateNotify("Success!", "success");
+                    } else {
+                        generateNotify(response.message, "warning");
+                    }
+                },
+                error: function (e) {
+                    console.log(e);
+                    generateNotify("Something went wrong!", "danger");
+                }
+            });
+        });
+
+        $('#getProfiles').click(function (e) {
+
+            $('#getSpinner').attr("class", "fa fa-spinner fa-spin");
+            e.preventDefault();
+            if (!$('#Ip').val()) {
+                generateNotify("Please enter a valid IP/Hostname.", "warning");
+        				$('#getSpinner').attr("class", "fa fa-times");
+                return;
+            }
+            if (!$('#portNumber').val()) {
+                generateNotify("Please enter a valid Port Number.", "warning");
+        				$('#getSpinner').attr("class", "fa fa-times");
+                return;
+            }
+            if (!$('#ApiKey').val()) {
+                generateNotify("Please enter a valid ApiKey.", "warning");
+        				$('#getSpinner').attr("class", "fa fa-times");
+                return;
+            }
+            var $form = $("#mainForm");
+            $.ajax({
+                type: $form.prop("method"),
+                data: $form.serialize(),
+                url: "sonarrprofiles",
+                dataType: "json",
+                success: function (response) {
+                    response.forEach(function (result) {
+        				$('#getSpinner').attr("class", "fa fa-check");
+                        $("#select").append("<option value='" + result.id + "'>" + result.name + "</option>");
+                    });
+                },
+                error: function (e) {
+                    console.log(e);
+        				$('#getSpinner').attr("class", "fa fa-times");
+                    generateNotify("Something went wrong!", "danger");
+                }
+            });
+        });
+
+        var base = '@Html.GetBaseUrl()';
+        $('#testSonarr').click(function (e) {
+
+            $('#spinner').attr("class", "fa fa-spinner fa-spin");
+            e.preventDefault();
+            var qualityProfile = $("#profiles option:selected").val();
+
+            var $form = $("#mainForm");
+
+            var data = $form.serialize();
+            data = data + "&qualityProfile=" + qualityProfile;
+            
+            var url = createBaseUrl(base, '/test/sonarr');
+            $.ajax({
+                type: $form.prop("method"),
+                url: url,
+                data: data,
+                dataType: "json",
+                success: function (response) {
+                    console.log(response);
+                    if (response.result === true) {
+                        generateNotify(response.message, "success");
+        				$('#spinner').attr("class", "fa fa-check");
+                    } else {
+                        generateNotify(response.message, "warning");
+        				$('#spinner').attr("class", "fa fa-times");
+                    }
+                },
+                error: function (e) {
+                    console.log(e);
+                    generateNotify("Something went wrong!", "danger");
+        				$('#spinner').attr("class", "fa fa-times");
+                }
+            });
+        });
+
+
+
+    })
 </script>
\ No newline at end of file