Lidarr/NzbDrone.Web/Views/Settings/Sabnzbd.cshtml

@using NzbDrone.Web.Helpers;
@model NzbDrone.Web.Models.SabnzbdSettingsModel
@using (Html.BeginForm("SaveSabnzbd", "Settings", FormMethod.Post, new { id = "form", name = "form" }))
{
    <fieldset>
        <legend>SABnzbd</legend>
        <button type="button" onclick="autoConfigureSab()">
            Auto-Configure</button>
        <div class="config-section">
            <div class="config-group">
                <div class="config-title">@Html.LabelFor(m => m.SabHost)</div>
                <div class="config-value">@Html.TextBoxFor(m => m.SabHost)</div>
            </div>
            <div class="config-group2">
                <div class="config-validation">@Html.ValidationMessageFor(m => m.SabHost)</div>
                <div class="config-description">@Html.DescriptionFor(m => m.SabHost)</div>
            </div>
        </div>
        <div class="config-section">
            <div class="config-group">
                <div class="config-title">@Html.LabelFor(m => m.SabPort)</div>
                <div class="config-value">@Html.TextBoxFor(m => m.SabPort)</div>
            </div>
            <div class="config-group2">
                <div class="config-validation">@Html.ValidationMessageFor(m => m.SabPort)</div>
                <div class="config-description">@Html.DescriptionFor(m => m.SabPort)</div>
            </div>
        </div>
        <div class="config-section">
            <div class="config-group">
                <div class="config-title">@Html.LabelFor(m => m.SabApiKey)</div>
                <div class="config-value">@Html.TextBoxFor(m => m.SabApiKey)</div>
            </div>
            <div class="config-group2">
                <div class="config-validation">@Html.ValidationMessageFor(m => m.SabApiKey)</div>
                <div class="config-description">@Html.DescriptionFor(m => m.SabApiKey)</div>
            </div>
        </div>
        <div class="config-section">
            <div class="config-group">
                <div class="config-title">@Html.LabelFor(m => m.SabUsername)</div>
                <div class="config-value">@Html.TextBoxFor(m => m.SabUsername)</div>
            </div>
            <div class="config-group2">
                <div class="config-validation">@Html.ValidationMessageFor(m => m.SabUsername)</div>
                <div class="config-description">@Html.DescriptionFor(m => m.SabUsername)</div>
            </div>
        </div>
        <div class="config-section">
            <div class="config-group">
                <div class="config-title">@Html.LabelFor(m => m.SabPassword)</div>
                <div class="config-value">@Html.TextBoxFor(m => m.SabPassword)</div>
            </div>
            <div class="config-group2">
                <div class="config-validation">@Html.ValidationMessageFor(m => m.SabPassword)</div>
                <div class="config-description">@Html.DescriptionFor(m => m.SabPassword)</div>
            </div>
        </div>
        <div class="config-section">
            <div class="config-group">
                <div class="config-title">@Html.LabelFor(m => m.SabTvCategory)</div>
                <div class="config-value">@Html.TextBoxFor(m => m.SabTvCategory)</div>
            </div>
            <div class="config-group2">
                <div class="config-validation">@Html.ValidationMessageFor(m => m.SabTvCategory)</div>
                <div class="config-description">@Html.DescriptionFor(m => m.SabTvCategory)</div>
            </div>
        </div>
        <div class="config-section">
            <div class="config-group">
                <div class="config-title">@Html.LabelFor(m => m.SabTvPriority)</div>
                <div class="config-value">@Html.DropDownListFor(m => m.SabTvPriority, Model.PrioritySelectList)</div>
            </div>
            <div class="config-group2">
                <div class="config-validation">@Html.ValidationMessageFor(m => m.SabTvPriority)</div>
                <div class="config-description">@Html.DescriptionFor(m => m.SabTvPriority)</div>
            </div>
        </div>
        <div class="config-section">
            <div class="config-group">
                <div class="config-title">@Html.LabelFor(m => m.SabDropDirectory)</div>
                <div class="config-value">
                    @{Html.Telerik().ComboBoxFor(m => m.SabDropDirectory)
                  .BindTo(Model.SabDropDirectorySelectList)
                  .DataBinding(binding => binding.Ajax().Select("_autoCompletePath", "Directory").Delay(400).Cache(false))
                  .Filterable(f => f.FilterMode(AutoCompleteFilterMode.StartsWith))
                  .HighlightFirstMatch(true)
                  .HtmlAttributes(new { style = "margin-left: -2px; width: 220px;" })
                  .Render();}
                </div>
            </div>
            <div class="config-group2">
                <div class="config-validation">@Html.ValidationMessageFor(m => m.SabDropDirectory)</div>
                <div class="config-description">@Html.DescriptionFor(m => m.SabDropDirectory)</div>
            </div>
        </div>
        <input type="submit" id="save_button" value="Save" disabled="disabled" />
    </fieldset>
}
<div id="result" class="hiddenResult">
</div>
@section Scripts{
    <script type="text/javascript">
        var autoConfigureSabUrl = '@Url.Action("AutoConfigureSab", "Settings")';

        function autoConfigureSab() {
            $.ajax({
                type: "GET",
                url: autoConfigureSabUrl,
                //data: jQuery.param({ username: $('#SabUsername').val(), password: $('#SabPassword').val() }),
                error: function (req, status, error) {
                    alert("Sorry! We could not autoconfigure SABnzbd for you");
                },
                success: autoConfigureSuccess
            });

            function autoConfigureSuccess(data) {
                $('#SabHost').val(data.Host);
                $('#SabPort').val(data.Port);
                $('#SabApiKey').val(data.ApiKey);
            }
        }

        $(document).ready(function () {
            var options = {
                target: '#result',
                beforeSubmit: showRequest,
                success: showResponse,
                type: 'post',
                resetForm: false
            };
            $('#form').ajaxForm(options);
            $('#save_button').attr('disabled', '');
        });

        function showRequest(formData, jqForm, options) {
            $("#result").empty().html('Saving...');
            $("#form :input").attr("disabled", true);
        }

        function showResponse(responseText, statusText, xhr, $form) {
            $("#result").empty().html(responseText);
            $("#form :input").attr("disabled", false);
        }             
    </script>
}