You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
61 lines
1.8 KiB
61 lines
1.8 KiB
14 years ago
|
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<NzbDrone.Web.Models.QualityModel>" %>
|
||
|
|
|
||
|
|
<script type="text/javascript">
|
||
|
|
$(document).ready(function () {
|
||
|
|
var options = {
|
||
|
|
target: '#result',
|
||
|
|
beforeSerialize: saveOrder,
|
||
|
|
beforeSubmit: showRequest,
|
||
|
|
success: showResponse,
|
||
|
|
type: 'post',
|
||
|
|
resetForm: false
|
||
|
|
};
|
||
|
|
$('#form').ajaxForm(options);
|
||
|
|
});
|
||
|
|
|
||
|
|
function saveOrder(jqForm, options) {
|
||
|
|
//Save the order of the sortable
|
||
|
|
|
||
|
|
var sortResult = $('#sortable').sortable("toArray");
|
||
|
|
|
||
|
|
var firstPart = "Indexers_";
|
||
|
|
var secondPart = "__Order";
|
||
|
|
|
||
|
|
jQuery.each(sortResult, function (index, value) {
|
||
|
|
var id = firstPart + value + secondPart;
|
||
|
|
var newValue = index + 1;
|
||
|
|
$("#" + id).val(newValue);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
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>
|
||
|
|
|
||
|
|
<style type="text/css">
|
||
|
|
#sortable { list-style-type: none; margin: 0; padding: 0; width: 30%; }
|
||
|
|
#sortable li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; height: 1.5em; }
|
||
|
|
#sortable li { height: 1.5em; line-height: 1.2em; }
|
||
|
|
.ui-state-highlight { height: 1.5em; line-height: 1.2em; }
|
||
|
|
</style>
|
||
|
|
|
||
|
|
|
||
|
|
<script type="text/javascript">
|
||
|
|
$(function () {
|
||
|
|
$("#sortable").sortable({
|
||
|
|
placeholder: "ui-state-highlight"
|
||
|
|
});
|
||
|
|
$("#sortable").disableSelection();
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
<div id="result"></div>
|