vacation_sorter.js

AdminVacationSorter = function(selector) {
  var selector = selector;
  var sortable = null;
  var options = {
    axis: 'y', 
    containment: 'parent', 
    cursor: 'move',
    update: update_handler,
    helper: ui_helper
  };

  var initialize = function() {
    sortable = $(selector).sortable(options).disableSelection();
  };

  var update_handler = function(event, ui) {
    console.log(event);
    console.log($(this));
  };

  var ui_helper = function(event, ui) {
    ui.children().each(function() {
      $(this).width($(this).width());
    });
    return ui;
  };

  initialize();
}

App = {};
//...

App.Admin = {};
//...

App.Admin.Vacation = {};
//...

App.Admin.Vacation.Sorter = (function($) { 

  // defaults 
  var params = {
    sortable: {
      selector: '#default-selector',
      options: {
        axis: 'y', 
        containment: 'parent', 
        cursor: 'move',
        update: update_handler,
        helper: ui_helper
      }
    }
  };

  function initSortable()
  {
    var sortable = $(params.sortable.selector).sortable(params.sortable.options).disableSelection();
  }

  var update_handler = function(event, ui) 
  {
    console.log(event);
    console.log($(this));
  };

  var ui_helper = function(event, ui) 
  {
    ui.children().each(function() {
      var el = $(this); 
      el.width(el.width());
    });
    return ui;
  };

  var methods = {
    init: function(options)
    {
      // merge options
      $.extend(params, options, true);

      initSortable();
    }
  }

  return methods;
})(jQuery);