coffeescript-ui/src/base/DragDropSelect/Sortable.coffee

Coffeescript User Interface System

###
 * coffeescript-ui - Coffeescript User Interface System (CUI)
 * Copyright (c) 2013 - 2016 Programmfabrik GmbH
 * MIT Licence
 * https://github.com/programmfabrik/coffeescript-ui, http://www.coffeescript-ui.org
###

class CUI.Sortable extends CUI.Draggable
	@cls = "sortable"

	initOpts: ->
		super()
		@addOpts
			allowSort:
				mandatory: true
				default: (ev, from_idx, to_idx) ->
					return true
				check: Function
			sorted:
				mandatory: true
				default: (ev, from_idx, to_idx) ->
					alert("You sorted item #{from_idx} to #{to_idx}.")
				check: Function

		@removeOpt("helper_contain_element")

	getSortTarget: (target, node) ->
		els = CUI.dom.elementsUntil(target, null, node)
		if els.length > 1
			els[els.length-2]
		else
			return null

	getClass: ->
		if @_selector
			"cui-drag-drop-select"
		else
			super()

	readOpts: ->
		super()
		@_helper_contain_element = @_element

	get_child_number: (child) ->
		for c, idx in @element.children
			if c == child
				return idx
		null

	move_element: (source_idx, dest_idx) ->
		$source = @element.children[source_idx]
		$dest = @element.children[dest_idx]
		if source_idx == dest_idx
			return

		if source_idx < dest_idx
			CUI.globalDrag.noClickKill = true
			CUI.dom.insertAfter($dest, $source)
		else if source_idx > dest_idx
			CUI.globalDrag.noClickKill = true
			CUI.dom.insertBefore($dest, $source)

		CUI.dom.syncAnimatedClone(@element)
		@

	start_drag: (ev, $target, diff) ->

		CUI.globalDrag.sort_source = @__findClosestSon(CUI.globalDrag.$source)
		CUI.globalDrag.sort_source.classList.add("cui-sortable-placeholder")
		CUI.globalDrag.start_idx = @get_child_number(CUI.globalDrag.sort_source)
		CUI.dom.addClass(@element, 'cui-sorting')

		CUI.dom.initAnimatedClone(@element)

	getCloneSourceForHelper: ->
		@__findClosestSon(CUI.globalDrag.$source)

	__findClosestSon: ($target) ->
		# find the closest child of the target
		parents = CUI.dom.parentsUntil($target, null, @element)

		if parents[parents.length-1] == window
			return null

		switch parents.length
			when 0
				return null
			when 1
				return $target
			else
				return parents[parents.length - 2]

	do_drag: (ev, $target, diff) ->
		@position_helper(ev, $target, diff)

		target_child = @__findClosestSon($target)
		if not target_child
			return

		source_idx = @get_child_number(CUI.globalDrag.sort_source)
		dest_idx = @get_child_number(target_child)

		if @_allowSort(ev, source_idx, dest_idx)
			@move_element(source_idx, dest_idx)
		@

	init_drag: (ev, $target) ->
		# we need to move the target to the element undernith the cursor
		super(ev, @getSortTarget(ev.getTarget(), @_element))

	stop_drag: (ev) ->
		super(ev)
		@__end_drag(ev, true)

	end_drag: (ev) ->
		super(ev)
		@__end_drag(ev, false)

	cleanup_drag: (ev) ->
		super(ev)
		CUI.dom.removeClass(@element, 'cui-sorting')
		CUI.globalDrag.sort_source.classList.remove("cui-sortable-placeholder")
		CUI.dom.removeAnimatedClone(@element)

	__end_drag: (ev, stopped) ->
		# move dragged object into position
		curr_idx = @get_child_number(CUI.globalDrag.sort_source)

		if CUI.globalDrag.start_idx == curr_idx
			return

		if stopped
			@move_element(curr_idx, CUI.globalDrag.start_idx)
		else
			@_sorted(ev, CUI.globalDrag.start_idx, curr_idx)

		return