+++ /dev/null
-node_module = require './node'
-util = require './util'
-
-Position = node_module.Position
-
-$ = jQuery
-
-
-class DragAndDropHandler
- constructor: (tree_widget) ->
- @tree_widget = tree_widget
-
- @hovered_area = null
- @$ghost = null
- @hit_areas = []
- @is_dragging = false
- @current_item = null
-
- mouseCapture: (position_info) ->
- $element = $(position_info.target)
-
- if not @mustCaptureElement($element)
- return null
-
- if @tree_widget.options.onIsMoveHandle and not @tree_widget.options.onIsMoveHandle($element)
- return null
-
- node_element = @tree_widget._getNodeElement($element)
-
- if node_element and @tree_widget.options.onCanMove
- if not @tree_widget.options.onCanMove(node_element.node)
- node_element = null
-
- @current_item = node_element
- return (@current_item != null)
-
- mouseStart: (position_info) ->
- @refresh()
-
- offset = $(position_info.target).offset()
-
- node = @current_item.node
-
- if @tree_widget.options.autoEscape
- node_name = util.html_escape(node.name)
- else
- node_name = node.name
-
- @drag_element = new DragElement(
- node_name,
- position_info.page_x - offset.left,
- position_info.page_y - offset.top,
- @tree_widget.element
- )
-
- @is_dragging = true
- @current_item.$element.addClass('jqtree-moving')
- return true
-
- mouseDrag: (position_info) ->
- @drag_element.move(position_info.page_x, position_info.page_y)
-
- area = @findHoveredArea(position_info.page_x, position_info.page_y)
- can_move_to = @canMoveToArea(area)
-
- if can_move_to and area
- if !area.node.isFolder()
- @stopOpenFolderTimer()
-
- if @hovered_area != area
- @hovered_area = area
-
- # If this is a closed folder, start timer to open it
- if @mustOpenFolderTimer(area)
- @startOpenFolderTimer(area.node)
- else
- @stopOpenFolderTimer()
-
- @updateDropHint()
- else
- @removeHover()
- @removeDropHint()
- @stopOpenFolderTimer()
-
- if not area
- if @tree_widget.options.onDragMove?
- @tree_widget.options.onDragMove(@current_item.node, position_info.original_event)
-
- return true
-
- mustCaptureElement: ($element) ->
- return not $element.is('input,select,textarea')
-
- canMoveToArea: (area) ->
- if not area
- return false
- else if @tree_widget.options.onCanMoveTo
- position_name = Position.getName(area.position)
-
- return @tree_widget.options.onCanMoveTo(@current_item.node, area.node, position_name)
- else
- return true
-
- mouseStop: (position_info) ->
- @moveItem(position_info)
- @clear()
- @removeHover()
- @removeDropHint()
- @removeHitAreas()
-
- current_item = @current_item
-
- if @current_item
- @current_item.$element.removeClass('jqtree-moving')
- @current_item = null
-
- @is_dragging = false
-
- if not @hovered_area and current_item
- if @tree_widget.options.onDragStop?
- @tree_widget.options.onDragStop(current_item.node, position_info.original_event)
-
- return false
-
- refresh: ->
- @removeHitAreas()
-
- if @current_item
- @generateHitAreas()
-
- @current_item = @tree_widget._getNodeElementForNode(@current_item.node)
-
- if @is_dragging
- @current_item.$element.addClass('jqtree-moving')
-
- removeHitAreas: ->
- @hit_areas = []
-
- clear: ->
- @drag_element.remove()
- @drag_element = null
-
- removeDropHint: ->
- if @previous_ghost
- @previous_ghost.remove()
-
- removeHover: ->
- @hovered_area = null
-
- generateHitAreas: ->
- hit_areas_generator = new HitAreasGenerator(
- @tree_widget.tree,
- @current_item.node,
- @getTreeDimensions().bottom
- )
- @hit_areas = hit_areas_generator.generate()
-
- findHoveredArea: (x, y) ->
- dimensions = @getTreeDimensions()
-
- if (
- x < dimensions.left or
- y < dimensions.top or
- x > dimensions.right or
- y > dimensions.bottom
- )
- return null
-
- low = 0
- high = @hit_areas.length
- while (low < high)
- mid = (low + high) >> 1
- area = @hit_areas[mid]
-
- if y < area.top
- high = mid
- else if y > area.bottom
- low = mid + 1
- else
- return area
-
- return null
-
- mustOpenFolderTimer: (area) ->
- node = area.node
-
- return (
- node.isFolder() and
- not node.is_open and
- area.position == Position.INSIDE
- )
-
- updateDropHint: ->
- if not @hovered_area
- return
-
- # remove previous drop hint
- @removeDropHint()
-
- # add new drop hint
- node_element = @tree_widget._getNodeElementForNode(@hovered_area.node)
- @previous_ghost = node_element.addDropHint(@hovered_area.position)
-
- startOpenFolderTimer: (folder) ->
- openFolder = =>
- @tree_widget._openNode(
- folder,
- @tree_widget.options.slide,
- =>
- @refresh()
- @updateDropHint()
- )
-
- @stopOpenFolderTimer()
-
- @open_folder_timer = setTimeout(openFolder, @tree_widget.options.openFolderDelay)
-
- stopOpenFolderTimer: ->
- if @open_folder_timer
- clearTimeout(@open_folder_timer)
- @open_folder_timer = null
-
- moveItem: (position_info) ->
- if (
- @hovered_area and
- @hovered_area.position != Position.NONE and
- @canMoveToArea(@hovered_area)
- )
- moved_node = @current_item.node
- target_node = @hovered_area.node
- position = @hovered_area.position
- previous_parent = moved_node.parent
-
- if position == Position.INSIDE
- @hovered_area.node.is_open = true
-
- doMove = =>
- @tree_widget.tree.moveNode(moved_node, target_node, position)
- @tree_widget.element.empty()
- @tree_widget._refreshElements()
-
- event = @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
- )
-
- doMove() unless event.isDefaultPrevented()
-
- getTreeDimensions: ->
- # Return the dimensions of the tree. Add a margin to the bottom to allow
- # for some to drag-and-drop the last element.
- offset = @tree_widget.element.offset()
-
- return {
- left: offset.left,
- top: offset.top,
- right: offset.left + @tree_widget.element.width(),
- bottom: offset.top + @tree_widget.element.height() + 16
- }
-
-
-class VisibleNodeIterator
- constructor: (tree) ->
- @tree = tree
-
- iterate: ->
- is_first_node = true
-
- _iterateNode = (node, next_node) =>
- must_iterate_inside = (
- (node.is_open or not node.element) and node.hasChildren()
- )
-
- if node.element
- $element = $(node.element)
-
- if not $element.is(':visible')
- return
-
- if is_first_node
- @handleFirstNode(node, $element)
- is_first_node = false
-
- if not node.hasChildren()
- @handleNode(node, next_node, $element)
- else if node.is_open
- if not @handleOpenFolder(node, $element)
- must_iterate_inside = false
- else
- @handleClosedFolder(node, next_node, $element)
-
- if must_iterate_inside
- children_length = node.children.length
- for child, i in node.children
- if i == (children_length - 1)
- _iterateNode(node.children[i], null)
- else
- _iterateNode(node.children[i], node.children[i+1])
-
- if node.is_open
- @handleAfterOpenFolder(node, next_node, $element)
-
- _iterateNode(@tree, null)
-
- handleNode: (node, next_node, $element) ->
- # override
-
- handleOpenFolder: (node, $element) ->
- # override
- # return
- # - true: continue iterating
- # - false: stop iterating
-
- handleClosedFolder: (node, next_node, $element) ->
- # override
-
- handleAfterOpenFolder: (node, next_node, $element) ->
- # override
-
- handleFirstNode: (node, $element) ->
- # override
-
-
-class HitAreasGenerator extends VisibleNodeIterator
- constructor: (tree, current_node, tree_bottom) ->
- super(tree)
-
- @current_node = current_node
- @tree_bottom = tree_bottom
-
- generate: ->
- @positions = []
- @last_top = 0
-
- @iterate()
-
- return @generateHitAreas(@positions)
-
- getTop: ($element) ->
- return $element.offset().top
-
- addPosition: (node, position, top) ->
- area = {
- top: top
- node: node
- position: position
- }
-
- @positions.push(area)
- @last_top = top
-
- handleNode: (node, next_node, $element) ->
- top = @getTop($element)
-
- if node == @current_node
- # Cannot move inside current item
- @addPosition(node, Position.NONE, top)
- else
- @addPosition(node, Position.INSIDE, top)
-
- if (
- next_node == @current_node or
- node == @current_node
- )
- # Cannot move before or after current item
- @addPosition(node, Position.NONE, top)
- else
- @addPosition(node, Position.AFTER, top)
-
- handleOpenFolder: (node, $element) ->
- if node == @current_node
- # Cannot move inside current item
- # Stop iterating
- return false
-
- # Cannot move before current item
- if node.children[0] != @current_node
- @addPosition(node, Position.INSIDE, @getTop($element))
-
- # Continue iterating
- return true
-
- handleClosedFolder: (node, next_node, $element) ->
- top = @getTop($element)
-
- if node == @current_node
- # Cannot move after current item
- @addPosition(node, Position.NONE, top)
- else
- @addPosition(node, Position.INSIDE, top)
-
- # Cannot move before current item
- if next_node != @current_node
- @addPosition(node, Position.AFTER, top)
-
- handleFirstNode: (node, $element) ->
- if node != @current_node
- @addPosition(node, Position.BEFORE, @getTop($(node.element)))
-
- handleAfterOpenFolder: (node, next_node, $element) ->
- if (
- node == @current_node.node or
- next_node == @current_node.node
- )
- # Cannot move before or after current item
- @addPosition(node, Position.NONE, @last_top)
- else
- @addPosition(node, Position.AFTER, @last_top)
-
- generateHitAreas: (positions) ->
- previous_top = -1
- group = []
- hit_areas = []
-
- for position in positions
- if position.top != previous_top and group.length
- if group.length
- @generateHitAreasForGroup(
- hit_areas,
- group,
- previous_top,
- position.top
- )
-
- previous_top = position.top
- group = []
-
- group.push(position)
-
- @generateHitAreasForGroup(
- hit_areas,
- group,
- previous_top,
- @tree_bottom
- )
-
- return hit_areas
-
- generateHitAreasForGroup: (hit_areas, positions_in_group, top, bottom) ->
- # limit positions in group
- 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
-
-
-class DragElement
- constructor: (node_name, offset_x, offset_y, $tree) ->
- @offset_x = offset_x
- @offset_y = offset_y
-
- @$element = $("<span class=\"jqtree-title jqtree-dragging\">#{ node_name }</span>")
- @$element.css("position", "absolute")
- $tree.append(@$element)
-
- move: (page_x, page_y) ->
- @$element.offset(
- left: page_x - @offset_x,
- top: page_y - @offset_y
- )
-
- remove: ->
- @$element.remove()
-
-
-module.exports =
- DragAndDropHandler: DragAndDropHandler
- DragElement: DragElement
- HitAreasGenerator: HitAreasGenerator
Code Review / portal.git / blobdiff