+++ /dev/null
-var $, DragAndDropHandler, DragElement, HitAreasGenerator, Position, VisibleNodeIterator, node_module, util,
- extend = function(child, parent) { for (var key in parent) { if (hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; },
- hasProp = {}.hasOwnProperty;
-
-node_module = require('./node');
-
-util = require('./util');
-
-Position = node_module.Position;
-
-$ = jQuery;
-
-DragAndDropHandler = (function() {
- function DragAndDropHandler(tree_widget) {
- this.tree_widget = tree_widget;
- this.hovered_area = null;
- this.$ghost = null;
- this.hit_areas = [];
- this.is_dragging = false;
- this.current_item = null;
- }
-
- DragAndDropHandler.prototype.mouseCapture = function(position_info) {
- var $element, node_element;
- $element = $(position_info.target);
- if (!this.mustCaptureElement($element)) {
- return null;
- }
- if (this.tree_widget.options.onIsMoveHandle && !this.tree_widget.options.onIsMoveHandle($element)) {
- return null;
- }
- node_element = this.tree_widget._getNodeElement($element);
- if (node_element && this.tree_widget.options.onCanMove) {
- if (!this.tree_widget.options.onCanMove(node_element.node)) {
- node_element = null;
- }
- }
- this.current_item = node_element;
- return this.current_item !== null;
- };
-
- DragAndDropHandler.prototype.mouseStart = function(position_info) {
- var node, node_name, offset;
- this.refresh();
- offset = $(position_info.target).offset();
- node = this.current_item.node;
- if (this.tree_widget.options.autoEscape) {
- node_name = util.html_escape(node.name);
- } else {
- node_name = node.name;
- }
- this.drag_element = new DragElement(node_name, position_info.page_x - offset.left, position_info.page_y - offset.top, this.tree_widget.element);
- this.is_dragging = true;
- this.current_item.$element.addClass('jqtree-moving');
- return true;
- };
-
- DragAndDropHandler.prototype.mouseDrag = function(position_info) {
- var area, can_move_to;
- this.drag_element.move(position_info.page_x, position_info.page_y);
- area = this.findHoveredArea(position_info.page_x, position_info.page_y);
- can_move_to = this.canMoveToArea(area);
- if (can_move_to && area) {
- if (!area.node.isFolder()) {
- this.stopOpenFolderTimer();
- }
- if (this.hovered_area !== area) {
- this.hovered_area = area;
- if (this.mustOpenFolderTimer(area)) {
- this.startOpenFolderTimer(area.node);
- } else {
- this.stopOpenFolderTimer();
- }
- this.updateDropHint();
- }
- } else {
- this.removeHover();
- this.removeDropHint();
- this.stopOpenFolderTimer();
- }
- if (!area) {
- if (this.tree_widget.options.onDragMove != null) {
- this.tree_widget.options.onDragMove(this.current_item.node, position_info.original_event);
- }
- }
- return true;
- };
-
- DragAndDropHandler.prototype.mustCaptureElement = function($element) {
- return !$element.is('input,select,textarea');
- };
-
- DragAndDropHandler.prototype.canMoveToArea = function(area) {
- var position_name;
- if (!area) {
- return false;
- } else if (this.tree_widget.options.onCanMoveTo) {
- position_name = Position.getName(area.position);
- return this.tree_widget.options.onCanMoveTo(this.current_item.node, area.node, position_name);
- } else {
- return true;
- }
- };
-
- DragAndDropHandler.prototype.mouseStop = function(position_info) {
- var current_item;
- this.moveItem(position_info);
- this.clear();
- this.removeHover();
- this.removeDropHint();
- this.removeHitAreas();
- current_item = this.current_item;
- if (this.current_item) {
- this.current_item.$element.removeClass('jqtree-moving');
- this.current_item = null;
- }
- this.is_dragging = false;
- if (!this.hovered_area && current_item) {
- if (this.tree_widget.options.onDragStop != null) {
- this.tree_widget.options.onDragStop(current_item.node, position_info.original_event);
- }
- }
- return false;
- };
-
- DragAndDropHandler.prototype.refresh = function() {
- this.removeHitAreas();
- if (this.current_item) {
- this.generateHitAreas();
- this.current_item = this.tree_widget._getNodeElementForNode(this.current_item.node);
- if (this.is_dragging) {
- return this.current_item.$element.addClass('jqtree-moving');
- }
- }
- };
-
- DragAndDropHandler.prototype.removeHitAreas = function() {
- return this.hit_areas = [];
- };
-
- DragAndDropHandler.prototype.clear = function() {
- this.drag_element.remove();
- return this.drag_element = null;
- };
-
- DragAndDropHandler.prototype.removeDropHint = function() {
- if (this.previous_ghost) {
- return this.previous_ghost.remove();
- }
- };
-
- DragAndDropHandler.prototype.removeHover = function() {
- return this.hovered_area = null;
- };
-
- DragAndDropHandler.prototype.generateHitAreas = function() {
- var hit_areas_generator;
- hit_areas_generator = new HitAreasGenerator(this.tree_widget.tree, this.current_item.node, this.getTreeDimensions().bottom);
- return this.hit_areas = hit_areas_generator.generate();
- };
-
- DragAndDropHandler.prototype.findHoveredArea = function(x, y) {
- var area, dimensions, high, low, mid;
- dimensions = this.getTreeDimensions();
- if (x < dimensions.left || y < dimensions.top || x > dimensions.right || y > dimensions.bottom) {
- return null;
- }
- low = 0;
- high = this.hit_areas.length;
- while (low < high) {
- mid = (low + high) >> 1;
- area = this.hit_areas[mid];
- if (y < area.top) {
- high = mid;
- } else if (y > area.bottom) {
- low = mid + 1;
- } else {
- return area;
- }
- }
- return null;
- };
-
- DragAndDropHandler.prototype.mustOpenFolderTimer = function(area) {
- var node;
- node = area.node;
- return node.isFolder() && !node.is_open && area.position === Position.INSIDE;
- };
-
- DragAndDropHandler.prototype.updateDropHint = function() {
- var node_element;
- if (!this.hovered_area) {
- return;
- }
- this.removeDropHint();
- node_element = this.tree_widget._getNodeElementForNode(this.hovered_area.node);
- return this.previous_ghost = node_element.addDropHint(this.hovered_area.position);
- };
-
- DragAndDropHandler.prototype.startOpenFolderTimer = function(folder) {
- var openFolder;
- openFolder = (function(_this) {
- return function() {
- return _this.tree_widget._openNode(folder, _this.tree_widget.options.slide, function() {
- _this.refresh();
- return _this.updateDropHint();
- });
- };
- })(this);
- this.stopOpenFolderTimer();
- return this.open_folder_timer = setTimeout(openFolder, this.tree_widget.options.openFolderDelay);
- };
-
- DragAndDropHandler.prototype.stopOpenFolderTimer = function() {
- if (this.open_folder_timer) {
- clearTimeout(this.open_folder_timer);
- return this.open_folder_timer = null;
- }
- };
-
- DragAndDropHandler.prototype.moveItem = function(position_info) {
- var doMove, event, moved_node, position, previous_parent, target_node;
- if (this.hovered_area && this.hovered_area.position !== Position.NONE && this.canMoveToArea(this.hovered_area)) {
- moved_node = this.current_item.node;
- target_node = this.hovered_area.node;
- position = this.hovered_area.position;
- previous_parent = moved_node.parent;
- if (position === Position.INSIDE) {
- this.hovered_area.node.is_open = true;
- }
- doMove = (function(_this) {
- return function() {
- _this.tree_widget.tree.moveNode(moved_node, target_node, position);
- _this.tree_widget.element.empty();
- return _this.tree_widget._refreshElements();
- };
- })(this);
- event = this.tree_widget._triggerEvent('tree.move', {
- move_info: {
- moved_node: moved_node,
- target_node: target_node,
- position: Position.getName(position),
- previous_parent: previous_parent,
- do_move: doMove,
- original_event: position_info.original_event
- }
- });
- if (!event.isDefaultPrevented()) {
- return doMove();
- }
- }
- };
-
- DragAndDropHandler.prototype.getTreeDimensions = function() {
- var offset;
- offset = this.tree_widget.element.offset();
- return {
- left: offset.left,
- top: offset.top,
- right: offset.left + this.tree_widget.element.width(),
- bottom: offset.top + this.tree_widget.element.height() + 16
- };
- };
-
- return DragAndDropHandler;
-
-})();
-
-VisibleNodeIterator = (function() {
- function VisibleNodeIterator(tree) {
- this.tree = tree;
- }
-
- VisibleNodeIterator.prototype.iterate = function() {
- var _iterateNode, is_first_node;
- is_first_node = true;
- _iterateNode = (function(_this) {
- return function(node, next_node) {
- var $element, child, children_length, i, j, len, must_iterate_inside, ref;
- must_iterate_inside = (node.is_open || !node.element) && node.hasChildren();
- if (node.element) {
- $element = $(node.element);
- if (!$element.is(':visible')) {
- return;
- }
- if (is_first_node) {
- _this.handleFirstNode(node, $element);
- is_first_node = false;
- }
- if (!node.hasChildren()) {
- _this.handleNode(node, next_node, $element);
- } else if (node.is_open) {
- if (!_this.handleOpenFolder(node, $element)) {
- must_iterate_inside = false;
- }
- } else {
- _this.handleClosedFolder(node, next_node, $element);
- }
- }
- if (must_iterate_inside) {
- children_length = node.children.length;
- ref = node.children;
- for (i = j = 0, len = ref.length; j < len; i = ++j) {
- child = ref[i];
- if (i === (children_length - 1)) {
- _iterateNode(node.children[i], null);
- } else {
- _iterateNode(node.children[i], node.children[i + 1]);
- }
- }
- if (node.is_open) {
- return _this.handleAfterOpenFolder(node, next_node, $element);
- }
- }
- };
- })(this);
- return _iterateNode(this.tree, null);
- };
-
- VisibleNodeIterator.prototype.handleNode = function(node, next_node, $element) {};
-
- VisibleNodeIterator.prototype.handleOpenFolder = function(node, $element) {};
-
- VisibleNodeIterator.prototype.handleClosedFolder = function(node, next_node, $element) {};
-
- VisibleNodeIterator.prototype.handleAfterOpenFolder = function(node, next_node, $element) {};
-
- VisibleNodeIterator.prototype.handleFirstNode = function(node, $element) {};
-
- return VisibleNodeIterator;
-
-})();
-
-HitAreasGenerator = (function(superClass) {
- extend(HitAreasGenerator, superClass);
-
- function HitAreasGenerator(tree, current_node, tree_bottom) {
- HitAreasGenerator.__super__.constructor.call(this, tree);
- this.current_node = current_node;
- this.tree_bottom = tree_bottom;
- }
-
- HitAreasGenerator.prototype.generate = function() {
- this.positions = [];
- this.last_top = 0;
- this.iterate();
- return this.generateHitAreas(this.positions);
- };
-
- HitAreasGenerator.prototype.getTop = function($element) {
- return $element.offset().top;
- };
-
- HitAreasGenerator.prototype.addPosition = function(node, position, top) {
- var area;
- area = {
- top: top,
- node: node,
- position: position
- };
- this.positions.push(area);
- return this.last_top = top;
- };
-
- HitAreasGenerator.prototype.handleNode = function(node, next_node, $element) {
- var top;
- top = this.getTop($element);
- if (node === this.current_node) {
- this.addPosition(node, Position.NONE, top);
- } else {
- this.addPosition(node, Position.INSIDE, top);
- }
- if (next_node === this.current_node || node === this.current_node) {
- return this.addPosition(node, Position.NONE, top);
- } else {
- return this.addPosition(node, Position.AFTER, top);
- }
- };
-
- HitAreasGenerator.prototype.handleOpenFolder = function(node, $element) {
- if (node === this.current_node) {
- return false;
- }
- if (node.children[0] !== this.current_node) {
- this.addPosition(node, Position.INSIDE, this.getTop($element));
- }
- return true;
- };
-
- HitAreasGenerator.prototype.handleClosedFolder = function(node, next_node, $element) {
- var top;
- top = this.getTop($element);
- if (node === this.current_node) {
- return this.addPosition(node, Position.NONE, top);
- } else {
- this.addPosition(node, Position.INSIDE, top);
- if (next_node !== this.current_node) {
- return this.addPosition(node, Position.AFTER, top);
- }
- }
- };
-
- HitAreasGenerator.prototype.handleFirstNode = function(node, $element) {
- if (node !== this.current_node) {
- return this.addPosition(node, Position.BEFORE, this.getTop($(node.element)));
- }
- };
-
- HitAreasGenerator.prototype.handleAfterOpenFolder = function(node, next_node, $element) {
- if (node === this.current_node.node || next_node === this.current_node.node) {
- return this.addPosition(node, Position.NONE, this.last_top);
- } else {
- return this.addPosition(node, Position.AFTER, this.last_top);
- }
- };
-
- HitAreasGenerator.prototype.generateHitAreas = function(positions) {
- var group, hit_areas, j, len, position, previous_top;
- previous_top = -1;
- group = [];
- hit_areas = [];
- for (j = 0, len = positions.length; j < len; j++) {
- position = positions[j];
- if (position.top !== previous_top && group.length) {
- if (group.length) {
- this.generateHitAreasForGroup(hit_areas, group, previous_top, position.top);
- }
- previous_top = position.top;
- group = [];
- }
- group.push(position);
- }
- this.generateHitAreasForGroup(hit_areas, group, previous_top, this.tree_bottom);
- return hit_areas;
- };
-
- HitAreasGenerator.prototype.generateHitAreasForGroup = function(hit_areas, positions_in_group, top, bottom) {
- var area_height, area_top, i, position, position_count;
- position_count = Math.min(positions_in_group.length, 4);
- area_height = Math.round((bottom - top) / position_count);
- area_top = top;
- i = 0;
- while (i < position_count) {
- position = positions_in_group[i];
- hit_areas.push({
- top: area_top,
- bottom: area_top + area_height,
- node: position.node,
- position: position.position
- });
- area_top += area_height;
- i += 1;
- }
- return null;
- };
-
- return HitAreasGenerator;
-
-})(VisibleNodeIterator);
-
-DragElement = (function() {
- function DragElement(node_name, offset_x, offset_y, $tree) {
- this.offset_x = offset_x;
- this.offset_y = offset_y;
- this.$element = $("<span class=\"jqtree-title jqtree-dragging\">" + node_name + "</span>");
- this.$element.css("position", "absolute");
- $tree.append(this.$element);
- }
-
- DragElement.prototype.move = function(page_x, page_y) {
- return this.$element.offset({
- left: page_x - this.offset_x,
- top: page_y - this.offset_y
- });
- };
-
- DragElement.prototype.remove = function() {
- return this.$element.remove();
- };
-
- return DragElement;
-
-})();
-
-module.exports = {
- DragAndDropHandler: DragAndDropHandler,
- DragElement: DragElement,
- HitAreasGenerator: HitAreasGenerator
-};
Code Review / portal.git / blobdiff