META-INF.resources.org.richfaces.dnd-droppable.js Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of richfaces-components-ui Show documentation
There is a newer version: 4.3.7.Final
Show newest version
/*
 * code review by Pavel Yaschenko
 * 
 * No event's unbindings when component would be destroyed Hint: easy way to
 * unbind - use namespaces when bind event handlers
 * 
 */

(function($, rf) {

	rf.ui = rf.ui || {};

	var defaultIndicatorClasses = {
		rejectClass : "rf-ind-rejt",
		acceptClass : "rf-ind-acpt",
		draggingClass : "rf-ind-drag"
	};
	
	var defaultOptions = {
	};

	rf.ui.Droppable = function(id, options) {
		this.options = {};
		$.extend(this.options, defaultOptions, options || {});
		$super.constructor.call(this, id);
		
		this.namespace = this.namespace || "."
		+ rf.Event.createNamespace(this.name, this.id);
		
		this.id = id;
		
		this.parentId = this.options.parentId;
		
		this.attachToDom(this.parentId);
		
		this.dropElement = $(document.getElementById(this.parentId));
		this.dropElement.droppable({
					addClasses : false
				});
		this.dropElement.data("init", true);
		
		rf.Event.bind(this.dropElement, 'drop'+this.namespace, this.drop, this);
		rf.Event.bind(this.dropElement, 'dropover'+this.namespace, this.dropover, this);
		rf.Event.bind(this.dropElement, 'dropout'+this.namespace, this.dropout, this);

	};
	
	rf.BaseNonVisualComponent.extend(rf.ui.Droppable);
	
	var $super = rf.ui.Droppable.$super;
	
	$.extend(rf.ui.Droppable.prototype, (function() {
		return {
			drop : function(e) {
				var ui = e.rf.data;
				if (this.accept(ui.draggable)) {
					this.__callAjax(e, ui);
				}

				var dragIndicatorObj = rf.$(ui.helper.attr("id"));
				if (dragIndicatorObj) {
					ui.helper.removeClass(dragIndicatorObj.getAcceptClass());
					ui.helper.removeClass(dragIndicatorObj.getRejectClass());
				} else {
					ui.helper.removeClass(defaultIndicatorClasses.acceptClass);
					ui.helper.removeClass(defaultIndicatorClasses.rejectClass);
				}
			},

			dropover : function(e) {
				var ui = e.rf.data;
				var draggable = ui.draggable;
				var dragIndicatorObj = rf.$(ui.helper.attr("id"));
				if (dragIndicatorObj) {
					if (this.accept(draggable)) {
						ui.helper.removeClass(dragIndicatorObj.getRejectClass());
						ui.helper.addClass(dragIndicatorObj.getAcceptClass());
					} else {
						ui.helper.removeClass(dragIndicatorObj.getAcceptClass());
						ui.helper.addClass(dragIndicatorObj.getRejectClass());
					}
				} else {
					if (this.accept(draggable)) {
						ui.helper.removeClass(defaultIndicatorClasses.rejectClass);
						ui.helper.addClass(defaultIndicatorClasses.acceptClass);
					} else {
						ui.helper.removeClass(defaultIndicatorClasses.acceptClass);
						ui.helper.addClass(defaultIndicatorClasses.rejectClass);
					}
				}
			},

			dropout : function(e) {
				var ui = e.rf.data;
				var draggable = ui.draggable;
				var dragIndicatorObj = rf.$(ui.helper.attr("id"));
				if (dragIndicatorObj) {
					ui.helper.removeClass(dragIndicatorObj.getAcceptClass());
					ui.helper.removeClass(dragIndicatorObj.getRejectClass());
					
				} else {
					ui.helper.removeClass(defaultIndicatorClasses.acceptClass);
					ui.helper.removeClass(defaultIndicatorClasses.rejectClass);
				}
			},

			accept : function(draggable) {
				var accept = false;
				var acceptType = draggable.data("type");
				if (acceptType && this.options.acceptedTypes) {
					$.each(this.options.acceptedTypes, function() {
								if (this == "@none") {
									return false;
								}
						
								if (this == acceptType || this == "@all") {
									accept = true;
									return false;
								}
							});
				}
				return accept;
			},
	
			__callAjax : function(e, ui) {
				if (ui.draggable) {
					var dragSource = ui.draggable.data("id");
					var ajaxFunc = this.options.ajaxFunction;
					if (ajaxFunc && typeof ajaxFunc == 'function') {
						ajaxFunc.call(this, e, dragSource);
					}
				}
			},
			
			destroy : function() {
				// clean up code here
				this.detach(this.parentId);
				rf.Event.unbind(this.dropElement, this.namespace);

				// call parent's destroy method
				$super.destroy.call(this);

			}
			
			
		}
	})());

})(jQuery, window.RichFaces);