extjs-rails 4.1.0.alpha5 → 4.1.0.alpha6

data/app/assets/javascripts/src/data/writer/Writer.js

@@ -1,147 +0,0 @@
-/**
- * @author Ed Spencer
- *
- * Base Writer class used by most subclasses of {@link Ext.data.proxy.Server}. This class is responsible for taking a
- * set of {@link Ext.data.Operation} objects and a {@link Ext.data.Request} object and modifying that request based on
- * the Operations.
- *
- * For example a Ext.data.writer.Json would format the Operations and their {@link Ext.data.Model} instances based on
- * the config options passed to the JsonWriter's constructor.
- *
- * Writers are not needed for any kind of local storage - whether via a {@link Ext.data.proxy.WebStorage Web Storage
- * proxy} (see {@link Ext.data.proxy.LocalStorage localStorage} and {@link Ext.data.proxy.SessionStorage
- * sessionStorage}) or just in memory via a {@link Ext.data.proxy.Memory MemoryProxy}.
- */
-Ext.define('Ext.data.writer.Writer', {
-    alias: 'writer.base',
-    alternateClassName: ['Ext.data.DataWriter', 'Ext.data.Writer'],
-    
-    /**
-     * @cfg {Boolean} writeAllFields
-     * True to write all fields from the record to the server. If set to false it will only send the fields that were
-     * modified. Note that any fields that have {@link Ext.data.Field#persist} set to false will still be ignored.
-     */
-    writeAllFields: true,
-    
-    /**
-     * @cfg {String} nameProperty
-     * This property is used to read the key for each value that will be sent to the server. For example:
-     *
-     *     Ext.define('Person', {
-     *         extend: 'Ext.data.Model',
-     *         fields: [{
-     *             name: 'first',
-     *             mapping: 'firstName'
-     *         }, {
-     *             name: 'last',
-     *             mapping: 'lastName'
-     *         }, {
-     *             name: 'age'
-     *         }]
-     *     });
-     *     new Ext.data.writer.Writer({
-     *         writeAllFields: true,
-     *         nameProperty: 'mapping'
-     *     });
-     *
-     *     // This will be sent to the server
-     *     {
-     *         firstName: 'first name value',
-     *         lastName: 'last name value',
-     *         age: 1
-     *     }
-     *
-     * If the value is not present, the field name will always be used.
-     */
-    nameProperty: 'name',
-
-    /*
-     * @property {Boolean} isWriter
-     * `true` in this class to identify an object as an instantiated Writer, or subclass thereof.
-     */
-    isWriter: true,
-
-    /**
-     * Creates new Writer.
-     * @param {Object} [config] Config object.
-     */
-    constructor: function(config) {
-        Ext.apply(this, config);
-    },
-
-    /**
-     * Prepares a Proxy's Ext.data.Request object
-     * @param {Ext.data.Request} request The request object
-     * @return {Ext.data.Request} The modified request object
-     */
-    write: function(request) {
-        var operation = request.operation,
-            records   = operation.records || [],
-            len       = records.length,
-            i         = 0,
-            data      = [];
-
-        for (; i < len; i++) {
-            data.push(this.getRecordData(records[i], operation));
-        }
-        return this.writeRecords(request, data);
-    },
-
-    /**
-     * Formats the data for each record before sending it to the server. This
-     * method should be overridden to format the data in a way that differs from the default.
-     * @param {Ext.data.Model} record The record that we are writing to the server.
-     * @param {Ext.data.Operation} [operation] An operation object.
-     * @return {Object} An object literal of name/value keys to be written to the server.
-     * By default this method returns the data property on the record.
-     */
-    getRecordData: function(record, operation) {
-        var isPhantom = record.phantom === true,
-            writeAll = this.writeAllFields || isPhantom,
-            nameProperty = this.nameProperty,
-            fields = record.fields,
-            fieldItems = fields.items,
-            data = {},
-            clientIdProperty = record.clientIdProperty,
-            changes,
-            name,
-            field,
-            key,
-            f, fLen;
-        
-        if (writeAll) {
-            fLen = fieldItems.length;
-
-            for (f = 0; f < fLen; f++) {
-                field = fieldItems[f];
-
-                if (field.persist) {
-                    name       = field[nameProperty] || field.name;
-                    data[name] = record.get(field.name);
-                }
-            }
-        } else {
-            // Only write the changes
-            changes = record.getChanges();
-            for (key in changes) {
-                if (changes.hasOwnProperty(key)) {
-                    field      = fields.get(key);
-                    name       = field[nameProperty] || field.name;
-                    data[name] = changes[key];
-                }
-            }
-        }
-        if(isPhantom) {
-            if(clientIdProperty && operation && operation.records.length > 1) {
-                // include clientId for phantom records, if multiple records are being written to the server in one operation.
-                // The server can then return the clientId with each record so the operation can match the server records with the client records
-                data[clientIdProperty] = record.internalId;
-            }
-        } else {
-            // always include the id for non phantoms
-            data[record.idProperty] = record.getId();
-        }
-
-        return data;
-    }
-});

data/app/assets/javascripts/src/data/writer/Xml.js

@@ -1,88 +0,0 @@
-/**
- * @author Ed Spencer
- * @class Ext.data.writer.Xml
-
-This class is used to write {@link Ext.data.Model} data to the server in an XML format.
-The {@link #documentRoot} property is used to specify the root element in the XML document.
-The {@link #record} option is used to specify the element name for each record that will make
-up the XML document.
-
- * @markdown
- */
-Ext.define('Ext.data.writer.Xml', {
-    
-    /* Begin Definitions */
-    
-    extend: 'Ext.data.writer.Writer',
-    alternateClassName: 'Ext.data.XmlWriter',
-    
-    alias: 'writer.xml',
-    
-    /* End Definitions */
-    
-    /**
-     * @cfg {String} documentRoot The name of the root element of the document. Defaults to <tt>'xmlData'</tt>.
-     * If there is more than 1 record and the root is not specified, the default document root will still be used
-     * to ensure a valid XML document is created.
-     */
-    documentRoot: 'xmlData',
-    
-    /**
-     * @cfg {String} defaultDocumentRoot The root to be used if {@link #documentRoot} is empty and a root is required
-     * to form a valid XML document.
-     */
-    defaultDocumentRoot: 'xmlData',
-
-    /**
-     * @cfg {String} header A header to use in the XML document (such as setting the encoding or version).
-     * Defaults to <tt>''</tt>.
-     */
-    header: '',
-
-    /**
-     * @cfg {String} record The name of the node to use for each record. Defaults to <tt>'record'</tt>.
-     */
-    record: 'record',
-
-    //inherit docs
-    writeRecords: function(request, data) {
-        var me = this,
-            xml = [],
-            i = 0,
-            len = data.length,
-            root = me.documentRoot,
-            record = me.record,
-            needsRoot = data.length !== 1,
-            item,
-            key;
-            
-        // may not exist
-        xml.push(me.header || '');
-        
-        if (!root && needsRoot) {
-            root = me.defaultDocumentRoot;
-        }
-        
-        if (root) {
-            xml.push('<', root, '>');
-        }
-            
-        for (; i < len; ++i) {
-            item = data[i];
-            xml.push('<', record, '>');
-            for (key in item) {
-                if (item.hasOwnProperty(key)) {
-                    xml.push('<', key, '>', item[key], '</', key, '>');
-                }
-            }
-            xml.push('</', record, '>');
-        }
-        
-        if (root) {
-            xml.push('</', root, '>');
-        }
-            
-        request.xmlData = xml.join('');
-        return request;
-    }
-});

data/app/assets/javascripts/src/dd/DD.js

@@ -1,300 +0,0 @@
-/*
- * This is a derivative of the similarly named class in the YUI Library.
- * The original license:
- * Copyright (c) 2006, Yahoo! Inc. All rights reserved.
- * Code licensed under the BSD License:
- * http://developer.yahoo.net/yui/license.txt
- */
-
-
-/**
- * A DragDrop implementation where the linked element follows the
- * mouse cursor during a drag.
- */
-Ext.define('Ext.dd.DD', {
-    extend: 'Ext.dd.DragDrop',
-    requires: ['Ext.dd.DragDropManager'],
-
-    /**
-     * Creates new DD instance.
-     * @param {String} id the id of the linked element
-     * @param {String} sGroup the group of related DragDrop items
-     * @param {Object} config an object containing configurable attributes.
-     * Valid properties for DD: scroll
-     */
-    constructor: function(id, sGroup, config) {
-        if (id) {
-            this.init(id, sGroup, config);
-        }
-    },
-
-    /**
-     * @property {Boolean} scroll
-     * When set to true, the utility automatically tries to scroll the browser
-     * window when a drag and drop element is dragged near the viewport boundary.
-     */
-    scroll: true,
-
-    /**
-     * Sets the pointer offset to the distance between the linked element's top
-     * left corner and the location the element was clicked.
-     * @param {Number} iPageX the X coordinate of the click
-     * @param {Number} iPageY the Y coordinate of the click
-     */
-    autoOffset: function(iPageX, iPageY) {
-        var x = iPageX - this.startPageX,
-            y = iPageY - this.startPageY;
-        this.setDelta(x, y);
-    },
-
-    /**
-     * Sets the pointer offset.  You can call this directly to force the
-     * offset to be in a particular location (e.g., pass in 0,0 to set it
-     * to the center of the object)
-     * @param {Number} iDeltaX the distance from the left
-     * @param {Number} iDeltaY the distance from the top
-     */
-    setDelta: function(iDeltaX, iDeltaY) {
-        this.deltaX = iDeltaX;
-        this.deltaY = iDeltaY;
-    },
-
-    /**
-     * Sets the drag element to the location of the mousedown or click event,
-     * maintaining the cursor location relative to the location on the element
-     * that was clicked.  Override this if you want to place the element in a
-     * location other than where the cursor is.
-     * @param {Number} iPageX the X coordinate of the mousedown or drag event
-     * @param {Number} iPageY the Y coordinate of the mousedown or drag event
-     */
-    setDragElPos: function(iPageX, iPageY) {
-        // the first time we do this, we are going to check to make sure
-        // the element has css positioning
-
-        var el = this.getDragEl();
-        this.alignElWithMouse(el, iPageX, iPageY);
-    },
-
-    /**
-     * Sets the element to the location of the mousedown or click event,
-     * maintaining the cursor location relative to the location on the element
-     * that was clicked.  Override this if you want to place the element in a
-     * location other than where the cursor is.
-     * @param {HTMLElement} el the element to move
-     * @param {Number} iPageX the X coordinate of the mousedown or drag event
-     * @param {Number} iPageY the Y coordinate of the mousedown or drag event
-     */
-    alignElWithMouse: function(el, iPageX, iPageY) {
-        var oCoord = this.getTargetCoord(iPageX, iPageY),
-            fly = el.dom ? el : Ext.fly(el, '_dd'),
-            elSize = fly.getSize(),
-            EL = Ext.Element,
-            vpSize,
-            aCoord,
-            newLeft,
-            newTop;
-
-        if (!this.deltaSetXY) {
-            vpSize = this.cachedViewportSize = { width: EL.getDocumentWidth(), height: EL.getDocumentHeight() };
-            aCoord = [
-                Math.max(0, Math.min(oCoord.x, vpSize.width - elSize.width)),
-                Math.max(0, Math.min(oCoord.y, vpSize.height - elSize.height))
-            ];
-            fly.setXY(aCoord);
-            newLeft = fly.getLeft(true);
-            newTop  = fly.getTop(true);
-            this.deltaSetXY = [newLeft - oCoord.x, newTop - oCoord.y];
-        } else {
-            vpSize = this.cachedViewportSize;
-            fly.setLeftTop(
-                Math.max(0, Math.min(oCoord.x + this.deltaSetXY[0], vpSize.width - elSize.width)),
-                Math.max(0, Math.min(oCoord.y + this.deltaSetXY[1], vpSize.height - elSize.height))
-            );
-        }
-
-        this.cachePosition(oCoord.x, oCoord.y);
-        this.autoScroll(oCoord.x, oCoord.y, el.offsetHeight, el.offsetWidth);
-        return oCoord;
-    },
-
-    /**
-     * Saves the most recent position so that we can reset the constraints and
-     * tick marks on-demand.  We need to know this so that we can calculate the
-     * number of pixels the element is offset from its original position.
-     *
-     * @param {Number} [iPageX] the current x position (this just makes it so we
-     * don't have to look it up again)
-     * @param {Number} [iPageY] the current y position (this just makes it so we
-     * don't have to look it up again)
-     */
-    cachePosition: function(iPageX, iPageY) {
-        if (iPageX) {
-            this.lastPageX = iPageX;
-            this.lastPageY = iPageY;
-        } else {
-            var aCoord = Ext.Element.getXY(this.getEl());
-            this.lastPageX = aCoord[0];
-            this.lastPageY = aCoord[1];
-        }
-    },
-
-    /**
-     * Auto-scroll the window if the dragged object has been moved beyond the
-     * visible window boundary.
-     * @param {Number} x the drag element's x position
-     * @param {Number} y the drag element's y position
-     * @param {Number} h the height of the drag element
-     * @param {Number} w the width of the drag element
-     * @private
-     */
-    autoScroll: function(x, y, h, w) {
-
-        if (this.scroll) {
-            // The client height
-            var clientH = Ext.Element.getViewHeight(),
-                // The client width
-                clientW = Ext.Element.getViewWidth(),
-                // The amt scrolled down
-                st = this.DDMInstance.getScrollTop(),
-                // The amt scrolled right
-                sl = this.DDMInstance.getScrollLeft(),
-                // Location of the bottom of the element
-                bot = h + y,
-                // Location of the right of the element
-                right = w + x,
-                // The distance from the cursor to the bottom of the visible area,
-                // adjusted so that we don't scroll if the cursor is beyond the
-                // element drag constraints
-                toBot = (clientH + st - y - this.deltaY),
-                // The distance from the cursor to the right of the visible area
-                toRight = (clientW + sl - x - this.deltaX),
-                // How close to the edge the cursor must be before we scroll
-                // var thresh = (document.all) ? 100 : 40;
-                thresh = 40,
-                // How many pixels to scroll per autoscroll op.  This helps to reduce
-                // clunky scrolling. IE is more sensitive about this ... it needs this
-                // value to be higher.
-                scrAmt = (document.all) ? 80 : 30;
-
-            // Scroll down if we are near the bottom of the visible page and the
-            // obj extends below the crease
-            if ( bot > clientH && toBot < thresh ) {
-                window.scrollTo(sl, st + scrAmt);
-            }
-
-            // Scroll up if the window is scrolled down and the top of the object
-            // goes above the top border
-            if ( y < st && st > 0 && y - st < thresh ) {
-                window.scrollTo(sl, st - scrAmt);
-            }
-
-            // Scroll right if the obj is beyond the right border and the cursor is
-            // near the border.
-            if ( right > clientW && toRight < thresh ) {
-                window.scrollTo(sl + scrAmt, st);
-            }
-
-            // Scroll left if the window has been scrolled to the right and the obj
-            // extends past the left border
-            if ( x < sl && sl > 0 && x - sl < thresh ) {
-                window.scrollTo(sl - scrAmt, st);
-            }
-        }
-    },
-
-    /**
-     * Finds the location the element should be placed if we want to move
-     * it to where the mouse location less the click offset would place us.
-     * @param {Number} iPageX the X coordinate of the click
-     * @param {Number} iPageY the Y coordinate of the click
-     * @return an object that contains the coordinates (Object.x and Object.y)
-     * @private
-     */
-    getTargetCoord: function(iPageX, iPageY) {
-        var x = iPageX - this.deltaX,
-            y = iPageY - this.deltaY;
-
-        if (this.constrainX) {
-            if (x < this.minX) {
-                x = this.minX;
-            }
-            if (x > this.maxX) {
-                x = this.maxX;
-            }
-        }
-
-        if (this.constrainY) {
-            if (y < this.minY) {
-                y = this.minY;
-            }
-            if (y > this.maxY) {
-                y = this.maxY;
-            }
-        }
-
-        x = this.getTick(x, this.xTicks);
-        y = this.getTick(y, this.yTicks);
-
-
-        return {x: x, y: y};
-    },
-
-    /**
-     * Sets up config options specific to this class. Overrides
-     * Ext.dd.DragDrop, but all versions of this method through the
-     * inheritance chain are called
-     */
-    applyConfig: function() {
-        this.callParent();
-        this.scroll = (this.config.scroll !== false);
-    },
-
-    /**
-     * Event that fires prior to the onMouseDown event.  Overrides
-     * Ext.dd.DragDrop.
-     */
-    b4MouseDown: function(e) {
-        // this.resetConstraints();
-        this.autoOffset(e.getPageX(), e.getPageY());
-    },
-
-    /**
-     * Event that fires prior to the onDrag event.  Overrides
-     * Ext.dd.DragDrop.
-     */
-    b4Drag: function(e) {
-        this.setDragElPos(e.getPageX(), e.getPageY());
-    },
-
-    toString: function() {
-        return ("DD " + this.id);
-    }
-
-    //////////////////////////////////////////////////////////////////////////
-    // Debugging ygDragDrop events that can be overridden
-    //////////////////////////////////////////////////////////////////////////
-    /*
-    startDrag: function(x, y) {
-    },
-
-    onDrag: function(e) {
-    },
-
-    onDragEnter: function(e, id) {
-    },
-
-    onDragOver: function(e, id) {
-    },
-
-    onDragOut: function(e, id) {
-    },
-
-    onDragDrop: function(e, id) {
-    },
-
-    endDrag: function(e) {
-    }
-
-    */
-
-});