|
|
@@ -6,17 +6,19 @@ var loading = false,
|
|
|
dnd_successful = false;
|
|
|
|
|
|
function dragend_process(t) {
|
|
|
- t.style.display = 'none';
|
|
|
+ t.setAttribute('draggable', 'false');
|
|
|
|
|
|
if (loading) {
|
|
|
window.setTimeout(function() {
|
|
|
dragend_process(t);
|
|
|
}, 50);
|
|
|
+ return;
|
|
|
}
|
|
|
|
|
|
if (!dnd_successful) {
|
|
|
- t.style.display = 'block';
|
|
|
- t.style.opacity = 1.0;
|
|
|
+ t.style.display = '';
|
|
|
+ t.style.opacity = '';
|
|
|
+ t.setAttribute('draggable', 'true');
|
|
|
} else {
|
|
|
var parent = $(t.parentNode);
|
|
|
$(t).remove();
|
|
|
@@ -27,6 +29,9 @@ function dragend_process(t) {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+var dragFeedId = '',
|
|
|
+ dragHtml = '';
|
|
|
+
|
|
|
function init_draggable() {
|
|
|
if (!(window.$ && window.i18n)) {
|
|
|
if (window.console) {
|
|
|
@@ -36,16 +41,16 @@ function init_draggable() {
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
- $.event.props.push('dataTransfer');
|
|
|
-
|
|
|
var draggable = '[draggable="true"]',
|
|
|
dropzone = '[dropzone="move"]';
|
|
|
|
|
|
$('.drop-section').on('dragstart', draggable, function(e) {
|
|
|
- e.dataTransfer.effectAllowed = 'move';
|
|
|
- e.dataTransfer.setData('text/html', e.target.outerHTML);
|
|
|
- e.dataTransfer.setData('text', e.target.getAttribute('data-feed-id'));
|
|
|
- e.target.style.opacity = 0.3;
|
|
|
+ var drag = $(e.target).closest('[draggable]')[0];
|
|
|
+ e.originalEvent.dataTransfer.effectAllowed = 'move';
|
|
|
+ dragHtml = drag.outerHTML;
|
|
|
+ dragFeedId = drag.getAttribute('data-feed-id');
|
|
|
+ e.originalEvent.dataTransfer.setData('text', dragFeedId);
|
|
|
+ drag.style.opacity = 0.3;
|
|
|
|
|
|
dnd_successful = false;
|
|
|
});
|
|
|
@@ -76,32 +81,31 @@ function init_draggable() {
|
|
|
$(this).removeClass('drag-hover');
|
|
|
});
|
|
|
$('.drop-section').on('dragover', dropzone, function(e) {
|
|
|
- e.dataTransfer.dropEffect = "move";
|
|
|
+ e.originalEvent.dataTransfer.dropEffect = "move";
|
|
|
|
|
|
e.preventDefault();
|
|
|
return false;
|
|
|
});
|
|
|
$('.drop-section').on('drop', dropzone, function(e) {
|
|
|
- var feed_id = e.dataTransfer.getData('text'),
|
|
|
- cat_id = e.target.parentNode.getAttribute('data-cat-id');
|
|
|
-
|
|
|
loading = true;
|
|
|
|
|
|
$.ajax({
|
|
|
type: 'POST',
|
|
|
url: './?c=feed&a=move',
|
|
|
data : {
|
|
|
- f_id: feed_id,
|
|
|
- c_id: cat_id
|
|
|
+ f_id: dragFeedId,
|
|
|
+ c_id: e.target.parentNode.getAttribute('data-cat-id'),
|
|
|
}
|
|
|
- }).success(function() {
|
|
|
- $(e.target).after(e.dataTransfer.getData('text/html'));
|
|
|
+ }).done(function() {
|
|
|
+ $(e.target).after(dragHtml);
|
|
|
if ($(e.target).hasClass('disabled')) {
|
|
|
$(e.target).remove();
|
|
|
}
|
|
|
dnd_successful = true;
|
|
|
- }).complete(function() {
|
|
|
+ }).always(function() {
|
|
|
loading = false;
|
|
|
+ dragFeedId = '';
|
|
|
+ dragHtml = '';
|
|
|
});
|
|
|
|
|
|
$(this).removeClass('drag-hover');
|