crop-monitor/assets/components/fred/mgr/js/utils/griddraganddrop.js

Ext.ux.dd.GridReorderDropTarget = function (grid, config) {
    this.target = new Ext.dd.DropTarget(grid.getEl(), {
        ddGroup: grid.ddGroup || 'GridDD',
        grid: grid,
        sortCol: 'position',
        isGridFiltered: null,
        gridDropTarget: this,
        notifyDrop: function (dd, e, data) {
            if (data.grid.store.sortInfo && data.grid.store.sortInfo.field != this.sortCol) {
                return false;
            }

            if (typeof this.isGridFiltered === "function") {
                if (this.isGridFiltered()) {
                    return this.dropNotAllowed;
                }
            }

            // determine the row
            var t = Ext.lib.Event.getTarget(e);
            var rindex = this.grid.getView().findRowIndex(t);
            if (rindex === false) return false;
            if (rindex == data.rowIndex) return false;

            var menuIndexes = {};
            menuIndexes.oldIndex = this.grid.store.data.items[data.rowIndex].data[this.sortCol];
            menuIndexes.newIndex = this.grid.store.data.items[rindex].data[this.sortCol];

            // fire the before move/copy event
            if (this.gridDropTarget.fireEvent(this.copy ? 'beforerowcopy' : 'beforerowmove', this.gridDropTarget, menuIndexes.oldIndex, menuIndexes.newIndex, data.selections) === false) return false;

            // update the store
            var ds = this.grid.getStore();
            if (!this.copy) {
                for (i = 0; i < data.selections.length; i++) {
                    ds.remove(ds.getById(data.selections[i].id));
                }
            }
            ds.insert(rindex, data.selections);

            // re-select the row(s)
            var sm = this.grid.getSelectionModel();
            if (sm) sm.selectRecords(data.selections);

            // fire the after move/copy event
            this.gridDropTarget.fireEvent(this.copy ? 'afterrowcopy' : 'afterrowmove', this.gridDropTarget, menuIndexes.oldIndex, menuIndexes.newIndex, data.selections);

            return true;
        },
        notifyOver: function (dd, e, data) {
            this.grid.getView().dragZone.ddel.innerHTML = this.grid.getDragDropText();
            this.grid.getView().dragZone.proxy.update(this.grid.getView().dragZone.ddel);

            if (typeof this.isGridFiltered === "function") {
                if (this.isGridFiltered()) {
                    return this.dropNotAllowed;
                }
            }

            if (data.grid.store.sortInfo && data.grid.store.sortInfo.field != this.sortCol) {
                return this.dropNotAllowed;
            }

            var t = Ext.lib.Event.getTarget(e);
            var rindex = this.grid.getView().findRowIndex(t);
            if (rindex == data.rowIndex) rindex = false;

            return (rindex === false) ? this.dropNotAllowed : this.dropAllowed;
        }
    });
    if (config) {
        Ext.apply(this.target, config);
        if (config.listeners) Ext.apply(this, {listeners: config.listeners});
    }

    this.addEvents({
        "beforerowmove": true,
        "afterrowmove": true,
        "beforerowcopy": true,
        "afterrowcopy": true
    });

    Ext.ux.dd.GridReorderDropTarget.superclass.constructor.call(this);
};

Ext.extend(Ext.ux.dd.GridReorderDropTarget, Ext.util.Observable, {
    getTarget: function () {
        return this.target;
    },
    getGrid: function () {
        return this.target.grid;
    },
    getCopy: function () {
        return this.target.copy ? true : false;
    },
    setCopy: function (b) {
        this.target.copy = b ? true : false;
    }
});