neiyou_user_web/public/assets/examples/js/tables/table-dragger.js

(function (global, factory) {
  if (typeof define === "function" && define.amd) {
    define("/tables/table-dragger", ["jquery", "Site"], factory);
  } else if (typeof exports !== "undefined") {
    factory(require("jquery"), require("Site"));
  } else {
    var mod = {
      exports: {}
    };
    factory(global.jQuery, global.Site);
    global.tablesTableDragger = mod.exports;
  }
})(this, function (_jquery, _Site) {
  "use strict";

  _jquery = babelHelpers.interopRequireDefault(_jquery);
  (0, _jquery.default)(document).ready(function ($$$1) {
    (0, _Site.run)(); // Example Default
    // ---------------

    tableDragger(document.querySelector("#default-table")); // Example Sort Rows
    // -----------------

    tableDragger(document.querySelector("#row-table"), {
      mode: "row"
    }); // Example Only Body
    // -----------------

    tableDragger(document.querySelector("#only-body-table"), {
      mode: "row",
      onlyBody: true
    }); // Example Handler
    // ---------------

    tableDragger(document.querySelector("#handle-table"), {
      dragHandler: ".table-dragger-handle"
    }); // Example Free
    // ------------

    tableDragger(document.querySelector("#free-table"), {
      mode: "row",
      onlyBody: true,
      dragHandler: ".table-dragger-handle"
    }); // Example Event
    // -------------

    tableDragger(document.querySelector('#event-table'), {
      mode: 'free',
      dragHandler: '.table-dragger-handle',
      onlyBody: true
    }).on('drag', function () {
      console.log('drag');
    }).on('drop', function (from, to, el, mode) {
      console.log('drop ' + el.nodeName + ' from ' + from + ' ' + mode + ' to ' + to + ' ' + mode);
    }).on('shadowMove', function (from, to, el, mode) {
      console.log('move ' + el.nodeName + ' from ' + from + ' ' + mode + ' to ' + to + ' ' + mode);
    }).on('out', function (el, mode) {
      console.log('move out or drop ' + el.nodeName + ' in mode ' + mode);
    });
  });
});