defr/drupal/scald/dnd: js/dnd-library.js comparison

comparison js/dnd-library.js @ 20:89fe0aca43d4

Refactored the entire interval system, and started on form behavior.

author	David Eads <eads@chicagotech.org>
date	Sun, 08 Mar 2009 20:29:57 -0500
parents	d83073a08b25
children	69db20fdbac2

comparison

equal deleted inserted replaced

-:d83073a08b25
+:89fe0aca43d4
 var $this = $(this);
 // This is a bad hack to lop off '-dnd-library' from the id to get the editor name
 var $editor = $('#' + this.id.slice(0, -12));
 // Bind Drag and Drop plugin invocation to events emanating from Wysiwyg
 $editor.bind('wysiwygAttach', Drupal.behaviors.dndLibrary.attach_library);
 $editor.bind('wysiwygDetach', Drupal.behaviors.dndLibrary.detach_library);
+// Add preview behavior to editor items (thanks, BeautyTips!)
 $('.editor-item', context).each(function () {
 $(this).bt(Drupal.settings.dndLibraryPreviews[this.id], {
-'trigger' : 'none',
+'trigger': 'none',
-'width' : 300,
+'width': 300,
-'spikeLength' : 7,
+'spikeLength': 7,
-'spikeGirth' : 9,
+'spikeGirth': 9,
 'corner-radius' : 3,
-'strokeWidth' : 1,
+'strokeWidth': 1,
-'fill' : '#eee',
+'fill': '#ffd',
 'strokeStyle': '#555'
 });
-$(this).hover(function() {
+$(this).hoverIntent({
-var $this = $(this);
+'interval': 500,
-this.btOn();
+'timeout' : 0,
-// Remove the preview once dragging of any image has commenced
+'over': function() {
-$('img', $this).bind('drag', function(e) {
+var $this = $(this);
-$this.btOff();
+this.btOn();
-});
+// Remove the preview once dragging of any image has commenced
-}, function() {
+$('img', $this).bind('drag', function(e) {
-this.btOff();
+$this.btOff();
+});
+$('img', $this).bind('click', function(e) {
+$this.btOff();
+});
+},
+'out': function() { this.btOff(); }
 });
 });
+// Simple AJAX pager
-// Ajax pager
 $('.pager a', $this).click(function() {
 $.getJSON(this.href, function(data) {
 Drupal.behaviors.dndLibrary.refreshLibrary.call($this.get(0), data, $editor);
 });
 Drupal.behaviors.dndLibrary();
+return false;
+});
+$('.view-filters form', $this).submit(function() {
+$(this).ajaxSubmit({
+// @TODO add URL from settings and target more specifically...
+'dataType': 'json',
+'success': function(responsetext, statustext) {
+drupal.behaviors.dndlibrary.responsetext.call($this.get(0), responsetext, $editor);
+drupal.behaviors.dndlibrary();
+}
+});
 return false;
 });
 // Preload images in editor representations
 var cached = $.data($editor, 'dnd_preload') || {};
 // Basic textareas
 Drupal.behaviors.dndLibrary.attach_none = function(data, settings) {
 settings = $.extend({
 targets: $('#'+ data.field),
-processTextAreaDrop: function(target, clicked, representation_id, e, data) {
+processTextAreaClick: function(target, clicked, representation_id, e, data) {
 var snippet = '<p class="dnd-dropped-wrapper">' + Drupal.settings.dndEditorRepresentations[representation_id] + '</p>';
 $(target).replaceSelection(snippet, true);
 }
 }, settings);
 $(settings.drop_selector).dnd(settings);
 Drupal.behaviors.dndLibrary._attach_tinymce = function(data, settings, tiny_instance) {
 var ed = tiny_instance, dom = ed.dom, s = ed.selection;
 settings = $.extend({
 targets: $('#'+ data.field +'-wrapper iframe'),
-interval: 100,
+processIframeDrop: function(drop, id_selector) {
-processIframeDrop: function(target, dragged, dropped, representation_id) {
+var representation_id = id_selector.call(this, drop);
 var representation = Drupal.settings.dndEditorRepresentations[representation_id];
-var $target = $(target), $dropped = $(dropped), $dragged = $(dragged), block;
+var target = this, $target = $(target), $drop = $(drop), block;
 // Search through block level parents
-$dropped.parents().each(function() {
+$drop.parents().each(function() {
 var $this = $(this);
 if ($this.css('display') == 'block') {
 block = this;
 return false;
 }
 });
 // Remove dropped item
-$dropped.remove();
+$drop.remove();
 // Create an element to insert
 var insert = dom.create('p', {'class' : 'dnd-dropped-wrapper', 'id' : 'dnd-inserted'}, representation);
 // The no-parent case
 var next = $inserted.next().get(0);
 // If the next item exists and isn't an editor representation, drop the
 // caret at the beginning of the element, otherwise make a new paragraph
 // to advance the caret to.
-if (next && !$(next).hasClass('dnd-dropped-wrapper')) {
+if (next && !$(next).hasClass('dnd-droped-wrapper')) {
 $(next).prepend('<span id="__caret">_</span>');
 }
 else {
 var after = dom.create('p', {}, '<span id="__caret">_</span>');
 dom.insertAfter(after, 'dnd-inserted');
 // Force selection to reset the caret
 var c = dom.get('__caret');
 s.select(c);
 ed.execCommand('Delete', false, null);
 dom.remove(c);
-// Add some classes to the library items
-$(dragged).addClass('dnd-inserted');
-drag_parents = $(dragged).parents('.editor-item');
-drag_parents.addClass('dnd-child-inserted');
 }
 }, settings);
 $(settings.drop_selector).dnd(settings);
 }