0f82990798
Summary:
Also you have to drop them. So drag, and then drop.
This needs some cleanup and reconciliation/generalization with the Maniphest implementation. In particular, you can't drag things to the very top right now, and they should share more CSS and more behaviors.
Test Plan:
Look I alphabetized them:
{F45286}
Reviewers: chad
Reviewed By: chad
CC: aran
Differential Revision: https://secure.phabricator.com/D6136
55 lines
1.4 KiB
JavaScript
55 lines
1.4 KiB
JavaScript
/**
|
|
* @provides javelin-behavior-search-reorder-queries
|
|
* @requires javelin-behavior
|
|
* javelin-vector
|
|
* javelin-stratcom
|
|
* javelin-workflow
|
|
* javelin-dom
|
|
* phabricator-draggable-list
|
|
*/
|
|
|
|
JX.behavior('search-reorder-queries', function(config) {
|
|
|
|
var ghost = JX.$N('div', {className: 'drag-ghost'});
|
|
var root = JX.$(config.listID);
|
|
|
|
var list = new JX.DraggableList('named-query', root)
|
|
.setGhostNode(ghost)
|
|
.setFindItemsHandler(function() {
|
|
return JX.DOM.scry(root, 'li', 'named-query');
|
|
});
|
|
|
|
list.listen('didBeginDrag', function(node) {
|
|
list.getGhostNode().style.height = JX.Vector.getDim(node).y + 'px';
|
|
JX.DOM.alterClass(node, 'drag-dragging', true);
|
|
});
|
|
|
|
list.listen('didEndDrag', function(node) {
|
|
JX.DOM.alterClass(node, 'drag-dragging', false);
|
|
});
|
|
|
|
list.listen('didDrop', function(node, after) {
|
|
var nodes = list.findItems();
|
|
var order = [];
|
|
var key;
|
|
for (var ii = 0; ii < nodes.length; ii++) {
|
|
key = JX.Stratcom.getData(nodes[ii]).queryKey;
|
|
if (key) {
|
|
order.push(key);
|
|
}
|
|
}
|
|
|
|
list.lock();
|
|
JX.DOM.alterClass(node, 'drag-sending', true);
|
|
|
|
new JX.Workflow(config.orderURI, {order: order.join()})
|
|
.setHandler(function(e) {
|
|
JX.DOM.alterClass(node, 'drag-sending', false);
|
|
list.unlock();
|
|
})
|
|
.start();
|
|
});
|
|
|
|
});
|
|
|