Ombi/Ombi.UI/Views/Admin/Sonarr.cshtml

@using Ombi.UI.Helpers
@Html.Partial("Shared/Partial/_Sidebar")
@{
    int port;
    if (Model.Port == 0)
    {
        port = 8989;
    }
    else
    {
        port = Model.Port;
    }

    var rootFolder = string.Empty;
    if (!string.IsNullOrEmpty(Model.RootPath))

    {
        rootFolder = Model.RootPath.Replace("/", "//");
    }
}
<div class="col-sm-8 col-sm-push-1">
    <form class="form-horizontal" method="POST" id="mainForm">
        <fieldset>
            <legend>Sonarr Settings</legend>
            
            <input hidden="hidden" name="FullRootPath" id="fullRootPath" value="@Model.FullRootPath"/>
            <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">
                <div>
                    <button type="submit" id="getRootFolders" class="btn btn-primary-outline">Get Root Folders <div id="getRootFolderSpinner" /></button>

                </div>

            </div>
            <div class="form-group">
                <label for="selectRootFolder" class="control-label">Default Root Folders</label>
                <div id="rootFolders">
                    <select class="form-control form-control-custom" id="selectRootFolder"></select>

                </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>
        }

        @if (!string.IsNullOrEmpty(Model.RootPath))
          {
              <text>

        console.log('Hit root folders..');

        var rootFolderSelected = '@rootFolder';
        if (!rootFolderSelected) {
            return;
        }
        var $form = $("#mainForm");
        $.ajax({
            type: $form.prop("method"),
            data: $form.serialize(),
            url: "sonarrrootfolders",
            dataType: "json",
            success: function(response) {
                response.forEach(function(result) {
                    $('#selectedRootFolder').html("");
                    if (result.id == rootFolderSelected) {
                        $("#selectRootFolder").append("<option selected='selected' value='" + result.id + "'>" + result.path + "</option>");
                    } else {
                        $("#selectRootFolder").append("<option value='" + result.id + "'>" + result.path + "</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 rootFolder = $("#rootFolders option:selected").val();
            var rootFolderPath = $('#rootFolders option:selected').text();
            $('#fullRootPath').val(rootFolderPath);

            var $form = $("#mainForm");

            var data = $form.serialize();
            data = data + "&qualityProfile=" + qualityProfile + "&rootPath=" + rootFolder;

            $.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");
                }
            });
        });

        $('#getRootFolders').click(function (e) {

            $('#getRootFolderSpinner').attr("class", "fa fa-spinner fa-spin");
            e.preventDefault();
            if (!$('#Ip').val()) {
                generateNotify("Please enter a valid IP/Hostname.", "warning");
                $('#getRootFolderSpinner').attr("class", "fa fa-times");
                return;
            }
            if (!$('#portNumber').val()) {
                generateNotify("Please enter a valid Port Number.", "warning");
                $('#getRootFolderSpinner').attr("class", "fa fa-times");
                return;
            }
            if (!$('#ApiKey').val()) {
                generateNotify("Please enter a valid ApiKey.", "warning");
                $('#getRootFolderSpinner').attr("class", "fa fa-times");
                return;
            }
            var $form = $("#mainForm");
            $.ajax({
                type: $form.prop("method"),
                data: $form.serialize(),
                url: "sonarrrootfolders",
                dataType: "json",
                success: function (response) {
                    response.forEach(function (result) {
                        $('#getRootFolderSpinner').attr("class", "fa fa-check");
                        $("#selectRootFolder").append("<option value='" + result.id + "'>" + result.path + "</option>");
                    });
                },
                error: function (e) {
                    console.log(e);
                    $('#getRootFolderSpinner').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>