source: plugins/widgets/dragdrop.js @ 2980:aef1340d89e3

/*
# -- BEGIN LICENSE BLOCK ---------------------------------------
#
# This file is part of Dotclear 2.
#
# Copyright (c) 2003-2015 Olivier Meunier & Association Dotclear
# Licensed under the GPL version 2.0 license.
# See LICENSE file or
# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
#
# -- END LICENSE BLOCK -----------------------------------------
*/

$(function() {

     // clean
     $('.remove-if-drag').remove();
     $('.hidden-if-drag').hide();
     $('.widgets, .sortable-delete').addClass('if-drag');

     // move
     $( ".connected, .sortable-delete" ).sortable({
          tolerance: "move",
          cursor: "move",
          axis: "y",
          dropOnEmpty: true,
          handle: ".widget-name",
          placeholder: "ui-sortable-placeholder",
          items: "li:not(.sortable-delete-placeholder,.empty-widgets)",
          connectWith: ".connected, .sortable-delete",
          start: function( event, ui ) {
               // petit décalage esthétique
               ui.item.css('left', ui.item.position().left + 20);
          },
          update: function(event, ui) {
               ul = $(this);
               widget = ui.item;
               field = ul.parents('.widgets');

               // met a zéro le décalage
               ui.item.css('left', 'auto');
               // Fixes issue #2080
               ui.item.css('width', 'auto');
               ui.item.css('height', 'auto');

               // signale les zones vides
               if( ul.find('li:not(.empty-widgets)').length == 0 ) {
                    ul.find('li.empty-widgets').show();
                    field.find('ul.sortable-delete').hide();
               } else {
                    ul.find('li.empty-widgets').hide();
                    field.find('ul.sortable-delete').show();
               }

               // remove
               if( widget.parents('ul').is('.sortable-delete') ) {
                    widget.hide('slow', function() {
                         $(this).remove();
                    });
               }

               // réordonne
               reorder(ul);

               // expand
               if(widget.find('img.expand').length == 0) {
                    dotclear.postExpander(widget);
                    dotclear.viewPostContent(widget, 'close');
               }
          }
     });

     // add
     $( "#widgets-ref > li" ).draggable({
          tolerance: "move",
          cursor: "move",
          connectToSortable: ".connected",
          helper: "clone",
          revert: "invalid",
          start: function( event, ui ) {
               ui.helper.css({'width': $('#widgets-ref > li').css('width')});
          }
     });

     $("li.ui-draggable, ul.ui-sortable li")
          .not('ul.sortable-delete li, li.empty-widgets')
          .css({'cursor':'move'});
});