Ombi/PlexRequests.UI/Views/Admin/Status.cshtml

@using PlexRequests.UI.Helpers
@inherits Nancy.ViewEngines.Razor.NancyRazorViewBase<PlexRequests.Core.SettingModels.SystemSettings>
@Html.Partial("_Sidebar")

<div class="col-sm-8 col-sm-push-1">
    <fieldset>
        <legend>Status</legend>


        <div class="form-group">
            <label class="control-label">Version: </label>
            <label class="control-label">@Model.Status.Version</label>
        </div>

        <form id="mainForm" method="post" action="save">
            <div class="form-group">
                <div class="checkbox">

                    @if (Model.UseEarlyAccessPreviewBuilds)
                    {
                        <input type="checkbox" id="UseEarlyAccessPreviewBuilds" name="UseEarlyAccessPreviewBuilds" checked="checked"><label for="UseEarlyAccessPreviewBuilds">Use Early Access Preview Builds</label>
                    }
                    else
                    {
                        <input type="checkbox" id="UseEarlyAccessPreviewBuilds" name="UseEarlyAccessPreviewBuilds"><label for="UseEarlyAccessPreviewBuilds">Use Early Access Preview Builds</label>
                    }

                </div>
            </div>
            <button id="saveSettings" class="btn btn-success-outline">Save</button>
        </form>


        <div class="form-group">
            <label class="control-label">Update Available: </label>
            @if (Model.Status.UpdateAvailable)
            {
                <label class="control-label"><a href="@Model.Status.UpdateUri" target="_blank"><i class="fa fa-check"></i></a></label>
                <br />
                <button id="autoUpdate" class="btn btn-success-outline">Automatic Update (beta) <i class="fa fa-download"></i></button>
            }
            else
            {
                <label class="control-label"><i class="fa fa-times"></i></label>
            }

        </div>

        @if (Model.Status.UpdateAvailable)
        {
            <h2>
                <a href="@Model.Status.DownloadUri">@Model.Status.ReleaseTitle</a>
            </h2>
            <hr />
            <label>Release Notes:</label>
            @Html.Raw(Model.Status.ReleaseNotes)
        }


    </fieldset>
</div>

<script>

    var base = '@Html.GetBaseUrl()';
    $('#autoUpdate')
        .click(function (e) {
            e.preventDefault();
            $('body').append("<i class=\"fa fa-spinner fa-spin fa-5x fa-fw\" style=\"position: absolute; top: 20%; left: 50%;\"></i>");
            $('#autoUpdate').prop("disabled", "disabled");
            var count = 0;
            setInterval(function () {
                count++;
                var dots = new Array(count % 10).join('.');
                document.getElementById('autoUpdate').innerHTML = "Updating" + dots;
            }, 1000);

            $.ajax({
                type: "Post",
                url: "autoupdate",
                data: { url: "@Model.Status.DownloadUri" },
                dataType: "json",
                error: function () {
                    setTimeout(
                         function () {
                             location.reload();
                         }, 30000);
                }
            });
        });

    $('#saveSettings').click(function (e) {
        e.preventDefault();
        var $form = $("#mainForm");
        $.ajax({
            type: $form.prop("method"),
            url: $form.prop("action"),
            data: $form.serialize(),
            dataType: "json",
            success: function (response) {
                if (response.result === true) {
                    generateNotify(response.message, "success");

                } else {
                    generateNotify(response.message, "warning");
                }
            }
        });
    });
</script>