426 lines
11 KiB
JavaScript
426 lines
11 KiB
JavaScript
|
|
/**
|
|
* Nodequeue object
|
|
*
|
|
* Settings:
|
|
*
|
|
* container
|
|
* up
|
|
* down
|
|
* top
|
|
* bottom:
|
|
* delete: input image
|
|
* order: input hidden
|
|
* add: input to add items
|
|
* path: path to add items
|
|
* tr: the base id of the tr
|
|
*/
|
|
Drupal.nodequeue = function(base, settings) {
|
|
// Set the properties for this object.
|
|
if (settings.container == null) {
|
|
settings.container = settings.row_class;
|
|
}
|
|
|
|
var max = function(array) {
|
|
return Math.max.apply(Math, array);
|
|
};
|
|
|
|
var array_rand = function(array) {
|
|
var i = array.length;
|
|
if (i == 0) return false;
|
|
while (--i) {
|
|
var j = Math.floor(Math.random() * ( i + 1 ));
|
|
var tempi = array[i];
|
|
var tempj = array[j];
|
|
array[i] = tempj;
|
|
array[j] = tempi;
|
|
}
|
|
}
|
|
|
|
var maxPosition = max($(settings.order).val().split(','));
|
|
|
|
this.settings = settings;
|
|
this.base = '#' + base;
|
|
|
|
// helper function to swap items in an array
|
|
var swap = function(array, a, b) {
|
|
var temp = array[a];
|
|
array[a] = array[b];
|
|
array[b] = temp;
|
|
}
|
|
|
|
var saveOrder = function(order) {
|
|
var new_order = '';
|
|
for (i in order) {
|
|
if (new_order) {
|
|
new_order += ',';
|
|
}
|
|
new_order += order[i];
|
|
}
|
|
|
|
$(settings.order).val(new_order);
|
|
$(settings.hidden).show();
|
|
}
|
|
|
|
var changeOrder = function(item, how) {
|
|
var order = $(settings.order).val().split(',');
|
|
|
|
if (how != 'add' && how != 'insert') {
|
|
var tr = $(item).parents('tr').get(0);
|
|
var id = $(tr).attr('id').replace(settings.tr, '');
|
|
var index = -1;
|
|
|
|
for (var i in order) {
|
|
if (order[i] == id) {
|
|
index = parseInt(i);
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
switch (how) {
|
|
case 'add':
|
|
order.push(item);
|
|
break;
|
|
case 'insert':
|
|
order.unshift(item);
|
|
break;
|
|
case 'delete':
|
|
order.splice(index, 1);
|
|
break;
|
|
case 'top':
|
|
var temp = order[index];
|
|
order.splice(index, 1);
|
|
order.unshift(temp);
|
|
break;
|
|
case 'up':
|
|
swap(order, index, index - 1);
|
|
break;
|
|
case 'down':
|
|
swap(order, index, index + 1);
|
|
break;
|
|
case 'bottom':
|
|
var temp = order[index];
|
|
order.splice(index, 1);
|
|
order.push(temp);
|
|
break;
|
|
}
|
|
|
|
saveOrder(order);
|
|
}
|
|
|
|
var makeOrder = function(order) {
|
|
// Go through the new order and move each item to the bottom.
|
|
// Then everything will be where it was meant to be.
|
|
var last = $(settings.row_class + ':last');
|
|
for (var i in order) {
|
|
var item = $('#' + settings.tr + order[i]);
|
|
last.after(item);
|
|
changed($(item));
|
|
last = item;
|
|
}
|
|
restripeTable('#' + base);
|
|
}
|
|
|
|
this.changeOrder = changeOrder;
|
|
|
|
var restripeTable = function(table) {
|
|
// :even and :odd are reversed because jquery counts from 0 and
|
|
// we count from 1, so we're out of sync.
|
|
$('tbody tr:not(:hidden)', $(table))
|
|
.removeClass('even')
|
|
.removeClass('odd')
|
|
.filter(':even')
|
|
.addClass('odd')
|
|
.end()
|
|
.filter(':odd')
|
|
.addClass('even');
|
|
}
|
|
|
|
var changed = function(item) {
|
|
if (!item.is('.changed')) {
|
|
item.addClass('changed').css('color', 'red');
|
|
item.children('td:first').prepend(' <b>*</b> ');
|
|
$('p.nodequeue-warning').css('color', 'red');
|
|
}
|
|
}
|
|
|
|
this.restripeTable = restripeTable;
|
|
|
|
// Set as a function so we can be both a closure and called later
|
|
// when more items get added.
|
|
var bindButtons = function() {
|
|
if (settings.remove) {
|
|
$(settings.remove + ':not(.nodequeue-processed)')
|
|
.addClass('nodequeue-processed')
|
|
.click(function() { return false; })
|
|
.click(function(e) {
|
|
var item = $(this).parents(settings.container);
|
|
changeOrder(this, 'delete');
|
|
|
|
item.remove();
|
|
restripeTable('#' + base);
|
|
|
|
return false;
|
|
});
|
|
}
|
|
|
|
if (settings.clear_list) {
|
|
$(settings.clear_list + ':not(.nodequeue-processed)')
|
|
.addClass('nodequeue-processed')
|
|
.click(function() { return false; })
|
|
.click(function(e) {
|
|
$(settings.row_class).each(function() { $(this).remove() });
|
|
saveOrder([]);
|
|
});
|
|
}
|
|
|
|
if (settings.shuffle) {
|
|
$(settings.shuffle + ':not(.nodequeue-processed)')
|
|
.addClass('nodequeue-processed')
|
|
.click(function() { return false; })
|
|
.click(function(e) {
|
|
// randomize the order
|
|
var order = $(settings.order).val().split(',');
|
|
array_rand(order);
|
|
saveOrder(order);
|
|
makeOrder(order);
|
|
});
|
|
}
|
|
|
|
if (settings.reverse) {
|
|
$(settings.reverse + ':not(.nodequeue-processed)')
|
|
.addClass('nodequeue-processed')
|
|
.click(function() { return false; })
|
|
.click(function(e) {
|
|
// reverse the order
|
|
var order = $(settings.order).val().split(',');
|
|
order.reverse();
|
|
saveOrder(order);
|
|
makeOrder(order);
|
|
});
|
|
}
|
|
|
|
if (settings.up) {
|
|
$(settings.up + ':not(.nodequeue-processed)')
|
|
.addClass('nodequeue-processed')
|
|
.click(function() { return false; })
|
|
.click(function(e) {
|
|
var item = $(this).parents(settings.container);
|
|
var prev = $(item).prev();
|
|
|
|
if (prev.html() != null && item != prev) {
|
|
// move item
|
|
prev.before(item);
|
|
restripeTable('#' + base);
|
|
changed(item);
|
|
changeOrder(this, 'up');
|
|
}
|
|
|
|
return false;
|
|
});
|
|
}
|
|
|
|
if (settings.top) {
|
|
$(settings.top + ':not(.nodequeue-processed)')
|
|
.addClass('nodequeue-processed')
|
|
.click(function() { return false; })
|
|
.click(function(e) {
|
|
var item = $(this).parents(settings.container);
|
|
var first = $(item).siblings(':first');
|
|
|
|
first.before(item);
|
|
restripeTable('#' + base);
|
|
changeOrder(this, 'top');
|
|
changed(item);
|
|
|
|
return false;
|
|
});
|
|
}
|
|
|
|
if (settings.down) {
|
|
$(settings.down + ':not(.nodequeue-processed)')
|
|
.addClass('nodequeue-processed')
|
|
.click(function() { return false; })
|
|
.click(function(e) {
|
|
var item = $(this).parents(settings.container);
|
|
var next = $(item).next();
|
|
|
|
if (next.html() != null && item != next) {
|
|
// move item
|
|
next.after(item);
|
|
restripeTable('#' + base);
|
|
changeOrder(this, 'down');
|
|
changed(item);
|
|
}
|
|
|
|
return false;
|
|
});
|
|
}
|
|
|
|
if (settings.bottom) {
|
|
$(settings.bottom + ':not(.nodequeue-processed)')
|
|
.addClass('nodequeue-processed')
|
|
.click(function() { return false; })
|
|
.click(function(e) {
|
|
var item = $(this).parents(settings.container);
|
|
var last = $(item).siblings(':last');
|
|
|
|
// move item
|
|
last.after(item);
|
|
restripeTable('#' + base);
|
|
changeOrder(this, 'bottom');
|
|
changed(item);
|
|
|
|
return false;
|
|
});
|
|
}
|
|
|
|
if (settings.add) {
|
|
$(settings.add + ':not(.nodequeue-processed)')
|
|
.addClass('nodequeue-processed')
|
|
.click(function() { return false; })
|
|
.click(function(e) {
|
|
var input = this;
|
|
$(input).attr('disabled', true);
|
|
$(input).parent().addClass('throbbing');
|
|
var data = { position: maxPosition + 1 };
|
|
for (i in settings.post) {
|
|
data[$(settings.post[i]).attr('name')] = $(settings.post[i]).val();
|
|
}
|
|
|
|
$.ajax({
|
|
type: 'POST',
|
|
data: data,
|
|
url: settings.path,
|
|
global: true,
|
|
success: function (data) {
|
|
// Parse response
|
|
$(input).parent().removeClass('throbbing');
|
|
$(input).attr('disabled', false);
|
|
data = Drupal.parseJson(data);
|
|
if (data.status) {
|
|
// add new data
|
|
var new_content = $(data.data);
|
|
|
|
Drupal.freezeHeight();
|
|
// Hide the new content before adding to page.
|
|
|
|
maxPosition++;
|
|
// Add the form and re-attach behavior.
|
|
if (settings.add_location != 'top') {
|
|
$('#' + base + ' tbody').append(new_content);
|
|
changeOrder(maxPosition, 'add');
|
|
}
|
|
else {
|
|
$('#' + base + ' tbody').prepend(new_content);
|
|
changeOrder(maxPosition, 'insert');
|
|
}
|
|
|
|
changed(new_content);
|
|
|
|
bindButtons();
|
|
|
|
Drupal.unfreezeHeight();
|
|
|
|
// Add the extra data, if necessary
|
|
if (data.extra && settings.extra) {
|
|
var val = $(settings.extra).val();
|
|
if (val) {
|
|
val += ',';
|
|
}
|
|
val += data.extra;
|
|
$(settings.extra).val(val);
|
|
}
|
|
|
|
if (settings.clear) {
|
|
for (i in settings.clear) {
|
|
$(settings.clear[i]).val('');
|
|
}
|
|
}
|
|
return;
|
|
}
|
|
else {
|
|
// report the error
|
|
alert(data.error, 'Error');
|
|
}
|
|
},
|
|
error: function(data) {
|
|
alert(Drupal.t('An error occurred'));
|
|
$(input).parent().removeClass('throbbing');
|
|
$(input).attr('disabled', false);
|
|
}
|
|
});
|
|
return false;
|
|
});
|
|
|
|
}
|
|
}
|
|
|
|
// Focus if we're told to.
|
|
if (settings.focus) {
|
|
$(settings.focus).get(0).focus();
|
|
}
|
|
this.bindButtons = bindButtons();
|
|
}
|
|
|
|
|
|
Drupal.nodequeue.autoAttach = function() {
|
|
if (Drupal.settings && Drupal.settings.nodequeue) {
|
|
for (var base in Drupal.settings.nodequeue) {
|
|
if (!$('#'+ base + '.nodequeue-processed').size()) {
|
|
var settings = Drupal.settings.nodequeue[base];
|
|
var list = new Drupal.nodequeue(base, settings);
|
|
$('#'+ base).addClass('nodequeue-processed');
|
|
}
|
|
}
|
|
}
|
|
|
|
$('a.nodequeue-ajax-toggle').click(function() {
|
|
var a = this;
|
|
href = $(this).attr('href');
|
|
$(a).addClass('throbbing');
|
|
$.ajax({
|
|
type: 'POST',
|
|
data: { js: 1 },
|
|
url: href,
|
|
global: true,
|
|
dataType: 'json',
|
|
success: function (data) {
|
|
// Parse response
|
|
$(a).removeClass('throbbing');
|
|
// Change text on success
|
|
if (data.status) {
|
|
// Change label back
|
|
$(a).attr('href', data.href);
|
|
$(a).html(data.label);
|
|
if (data.sqid) {
|
|
$('#nodequeue-count-' + data.sqid).html(data.count);
|
|
}
|
|
if (data.href.search('remove-node') > -1) {
|
|
$(a).removeClass('toggle-add');
|
|
$(a).addClass('toggle-remove');
|
|
}
|
|
else {
|
|
$(a).removeClass('toggle-remove');
|
|
$(a).addClass('toggle-add');
|
|
}
|
|
return;
|
|
}
|
|
},
|
|
error: function(data) {
|
|
$(a).removeClass('throbbing');
|
|
}
|
|
});
|
|
return false;
|
|
});
|
|
|
|
}
|
|
|
|
if (Drupal.jsEnabled) {
|
|
$(document).ready(Drupal.nodequeue.autoAttach);
|
|
}
|
|
|
|
|
|
|