extjs-rails 4.1.0.alpha5 → 4.1.0.alpha6

data/app/assets/javascripts/src/layout/container/VBox.js

@@ -1,139 +0,0 @@
-/**
- * A layout that arranges items vertically down a Container. This layout optionally divides available vertical space
- * between child items containing a numeric `flex` configuration.
- *
- * This layout may also be used to set the widths of child items by configuring it with the {@link #align} option.
- *
- *     @example
- *     Ext.create('Ext.Panel', {
- *         width: 500,
- *         height: 400,
- *         title: "VBoxLayout Panel",
- *         layout: {
- *             type: 'vbox',
- *             align: 'center'
- *         },
- *         renderTo: document.body,
- *         items: [{
- *             xtype: 'panel',
- *             title: 'Inner Panel One',
- *             width: 250,
- *             flex: 2
- *         },
- *         {
- *             xtype: 'panel',
- *             title: 'Inner Panel Two',
- *             width: 250,
- *             flex: 4
- *         },
- *         {
- *             xtype: 'panel',
- *             title: 'Inner Panel Three',
- *             width: '50%',
- *             flex: 4
- *         }]
- *     });
- */
-Ext.define('Ext.layout.container.VBox', {
-
-    /* Begin Definitions */
-
-    alias: ['layout.vbox'],
-    extend: 'Ext.layout.container.Box',
-    alternateClassName: 'Ext.layout.VBoxLayout',
-
-    /* End Definitions */
-
-    /**
-     * @cfg {String} align
-     * Controls how the child items of the container are aligned. Acceptable configuration values for this property are:
-     *
-     * - **left** : **Default** child items are aligned horizontally at the **left** side of the container
-     * - **center** : child items are aligned horizontally at the **mid-width** of the container
-     * - **stretch** : child items are stretched horizontally to fill the width of the container
-     * - **stretchmax** : child items are stretched horizontally to the size of the largest item.
-     */
-    align : 'left', // left, center, stretch, strechmax
-
-    type: 'vbox',
-
-    direction: 'vertical',
-
-    horizontal: false,
-
-    names: {
-        // parallel
-        lr: 'tb',
-        left: 'top',
-        leftCap: 'Top',
-        right: 'bottom',
-        position: 'top',
-        width: 'height',
-        contentWidth: 'contentHeight',
-        minWidth: 'minHeight',
-        maxWidth: 'maxHeight',
-        widthCap: 'Height',
-        widthModel: 'heightModel',
-        widthIndex: 1,
-        x: 'y',
-        scrollLeft: 'scrollTop',
-        overflowX: 'overflowY',
-
-        // perpendicular
-        center: 'center',
-        top: 'left',// 'before',
-        topPosition: 'left',
-        bottom: 'right',// 'after',
-        height: 'width',
-        contentHeight: 'contentWidth',
-        minHeight: 'minWidth',
-        maxHeight: 'maxWidth',
-        heightCap: 'Width',
-        heightModel: 'widthModel',
-        heightIndex: 0,
-        y: 'x',
-        scrollTop: 'scrollLeft',
-        overflowY: 'overflowX',
-
-        // Methods
-        getWidth: 'getHeight',
-        getHeight: 'getWidth',
-        setWidth: 'setHeight',
-        setHeight: 'setWidth',
-        gotWidth: 'gotHeight',
-        gotHeight: 'gotWidth',
-        setContentWidth: 'setContentHeight',
-        setContentHeight: 'setContentWidth'
-    },
-
-    sizePolicy: {
-        flex: {
-            '': {
-                setsWidth: 0,
-                setsHeight: 1
-            },
-            stretch: {
-                setsWidth: 1,
-                setsHeight: 1
-            },
-            stretchmax: {
-                readsWidth: 1,
-                setsWidth: 1,
-                setsHeight: 1
-            }
-        },
-        '': {
-            setsWidth: 0,
-            setsHeight: 0
-        },
-        stretch: {
-            setsWidth: 1,
-            setsHeight: 0
-        },
-        stretchmax: {
-            readsWidth: 1,
-            setsWidth: 1,
-            setsHeight: 0
-        }
-    }
-});

data/app/assets/javascripts/src/layout/container/boxOverflow/Menu.js

@@ -1,365 +0,0 @@
-/**
- * @private
- */
-Ext.define('Ext.layout.container.boxOverflow.Menu', {
-
-    /* Begin Definitions */
-
-    extend: 'Ext.layout.container.boxOverflow.None',
-    requires: ['Ext.toolbar.Separator', 'Ext.button.Button'],
-    alternateClassName: 'Ext.layout.boxOverflow.Menu',
-    
-    /* End Definitions */
-
-    /**
-     * @cfg {String} triggerButtonCls
-     * CSS class added to the Button which shows the overflow menu.
-     */
-
-    /**
-     * @property {String} noItemsMenuText
-     * HTML fragment to render into the toolbar overflow menu if there are no items to display
-     */
-    noItemsMenuText : '<div class="' + Ext.baseCSSPrefix + 'toolbar-no-items">(None)</div>',
-
-    constructor: function(layout) {
-        var me = this;
-
-        me.callParent(arguments);
-
-        me.triggerButtonCls = me.triggerButtonCls || Ext.baseCSSPrefix + 'box-menu-' + layout.getNames().right;
-        /**
-         * @property {Array} menuItems
-         * Array of all items that are currently hidden and should go into the dropdown menu
-         */
-        me.menuItems = [];
-    },
-
-    beginLayout: function (ownerContext) {
-        this.callParent(arguments);
-
-        // Before layout, we need to re-show all items which we may have hidden due to a
-        // previous overflow...
-        this.clearOverflow(ownerContext);
-    },
-
-    beginLayoutCycle: function (ownerContext, firstCycle) {
-        this.callParent(arguments);
-
-        if (!firstCycle) {
-            // if we are being re-run, we need to clear any overflow from the last run and
-            // recache the childItems collection
-            this.clearOverflow(ownerContext);
-
-            this.layout.cacheChildItems(ownerContext);
-        }
-    },
-
-    onRemove: function(comp){
-        Ext.Array.remove(this.menuItems, comp);
-    },
-
-    // We don't define a prefix in menu overflow.
-    getSuffixConfig: function() {
-        var me = this,
-            layout = me.layout,
-            oid = layout.owner.id;
-
-        /**
-         * @private
-         * @property {Ext.menu.Menu} menu
-         * The expand menu - holds items for every item that cannot be shown
-         * because the container is currently not large enough.
-         */
-        me.menu = new Ext.menu.Menu({
-            listeners: {
-                scope: me,
-                beforeshow: me.beforeMenuShow
-            }
-        });
-
-        /**
-         * @private
-         * @property {Ext.button.Button} menuTrigger
-         * The expand button which triggers the overflow menu to be shown
-         */
-        me.menuTrigger = new Ext.button.Button({
-            id      : oid + '-menu-trigger',
-            cls     : Ext.layout.container.Box.prototype.innerCls + ' ' + me.triggerButtonCls,
-            hidden  : true,
-            ownerCt : layout.owner, // To enable the Menu to ascertain a valid zIndexManager owner in the same tree
-            ownerLayout: layout,
-            iconCls : Ext.baseCSSPrefix + me.getOwnerType(layout.owner) + '-more-icon',
-            ui      : layout.owner instanceof Ext.toolbar.Toolbar ? 'default-toolbar' : 'default',
-            menu    : me.menu,
-            getSplitCls: function() { return '';}
-        });
-
-        return me.menuTrigger.getRenderTree();
-    },
-    
-    getOverflowCls: function() {
-        return Ext.baseCSSPrefix + this.layout.direction + '-box-overflow-body';
-    },
-
-    handleOverflow: function(ownerContext) {
-        var me = this,
-            layout = me.layout,
-            names = layout.getNames(),
-            methodName = 'get' + names.widthCap,
-            plan = ownerContext.state.boxPlan,
-            posArgs = [null, null];
-
-        me.showTrigger(ownerContext);
-
-        // Center the menuTrigger button.
-        // TODO: Should we emulate align: 'middle' like this, or should we 'stretchmax' the menuTrigger?
-        posArgs[names.heightIndex] = (plan.maxSize - me.menuTrigger['get' + names.heightCap]()) / 2;
-        me.menuTrigger.setPosition.apply(me.menuTrigger, posArgs);
-
-        return {
-            reservedSpace: me.menuTrigger[methodName]()
-        };
-    },
-
-    /**
-     * Finishes the render operation of the trigger Button.
-     * @private
-     */
-    captureChildElements: function() {
-        var menuTrigger = this.menuTrigger;
-        if (menuTrigger.rendering) {
-            menuTrigger.finishRender();
-        }
-    },
-
-    /**
-     * @private
-     * Called by the layout, when it determines that there is no overflow.
-     * Also called as an interceptor to the layout's onLayout method to reshow
-     * previously hidden overflowing items.
-     */
-    clearOverflow: function(ownerContext) {
-        var me = this,
-            items = me.menuItems,
-            item,
-            i = 0,
-            length = items.length,
-            owner = me.layout.owner;
-
-        owner.suspendLayouts();
-        me.captureChildElements();
-        me.hideTrigger();
-        owner.resumeLayouts();
-
-        for (; i < length; i++) {
-            item = items[i];
-
-            // What we are doing here is preventing the layout bubble from invalidating our
-            // owner component. We need just the button to be added to the layout run.
-            item.suspendLayouts();
-            item.show();
-            item.resumeLayouts({ isRoot: true });
-        }
-
-        items.length = 0;
-    },
-
-    /**
-     * @private
-     * Shows the overflow trigger when enableOverflow is set to true and the items
-     * in the layout are too wide to fit in the space available
-     */
-    showTrigger: function(ownerContext) {
-        var me = this,
-            layout = me.layout,
-            owner = layout.owner,
-            names = layout.getNames(),
-            startProp = names.x,
-            sizeProp = names.width,
-            plan = ownerContext.state.boxPlan,
-            available = plan.targetSize[sizeProp],
-            childItems = ownerContext.childItems,
-            len = childItems.length,
-            menuTrigger = me.menuTrigger,
-            childContext,
-            comp, i, props;
-
-        // We don't want the menuTrigger.show to cause owner's layout to be invalidated, so
-        // we force just the button to be invalidated and added to the current run.
-        menuTrigger.suspendLayouts();
-        menuTrigger.show();
-        menuTrigger.resumeLayouts({ isRoot: true });
-
-        available -= me.menuTrigger.getWidth();
-
-        owner.suspendLayouts();
-
-        // Hide all items which are off the end, and store them to allow them to be restored
-        // before each layout operation.
-        me.menuItems.length = 0;
-        for (i = 0; i < len; i++) {
-            childContext = childItems[i];
-            props = childContext.props;
-            if (props[startProp] + props[sizeProp] > available) {
-                comp = childContext.target;
-                me.menuItems.push(comp);
-                comp.hide();
-            }
-        }
-
-        owner.resumeLayouts();
-    },
-
-    /**
-     * @private
-     */
-    hideTrigger: function() {
-        var menuTrigger = this.menuTrigger;
-        if (menuTrigger) {
-            menuTrigger.hide();
-        }
-    },
-
-    /**
-     * @private
-     * Called before the overflow menu is shown. This constructs the menu's items, caching them for as long as it can.
-     */
-    beforeMenuShow: function(menu) {
-        var me = this,
-            items = me.menuItems,
-            i = 0,
-            len   = items.length,
-            item,
-            prev,
-            needsSep = function(group, prev){
-                return group.isXType('buttongroup') && !(prev instanceof Ext.toolbar.Separator);
-            };
-
-        menu.suspendLayouts();
-        me.clearMenu();
-        menu.removeAll();
-
-        for (; i < len; i++) {
-            item = items[i];
-
-            // Do not show a separator as a first item
-            if (!i && (item instanceof Ext.toolbar.Separator)) {
-                continue;
-            }
-            if (prev && (needsSep(item, prev) || needsSep(prev, item))) {
-                menu.add('-');
-            }
-
-            me.addComponentToMenu(menu, item);
-            prev = item;
-        }
-
-        // put something so the menu isn't empty if no compatible items found
-        if (menu.items.length < 1) {
-            menu.add(me.noItemsMenuText);
-        }
-        menu.resumeLayouts();
-    },
-    
-    /**
-     * @private
-     * Returns a menu config for a given component. This config is used to create a menu item
-     * to be added to the expander menu
-     * @param {Ext.Component} component The component to create the config for
-     * @param {Boolean} hideOnClick Passed through to the menu item
-     */
-    createMenuConfig : function(component, hideOnClick) {
-        var config = Ext.apply({}, component.initialConfig),
-            group  = component.toggleGroup;
-
-        Ext.copyTo(config, component, [
-            'iconCls', 'icon', 'itemId', 'disabled', 'handler', 'scope', 'menu'
-        ]);
-
-        Ext.apply(config, {
-            text       : component.overflowText || component.text,
-            hideOnClick: hideOnClick,
-            destroyMenu: false
-        });
-
-        if (group || component.enableToggle) {
-            Ext.apply(config, {
-                group  : group,
-                checked: component.pressed,
-                listeners: {
-                    checkchange: function(item, checked){
-                        component.toggle(checked);
-                    }
-                }
-            });
-        }
-
-        delete config.ownerCt;
-        delete config.xtype;
-        delete config.id;
-        return config;
-    },
-
-    /**
-     * @private
-     * Adds the given Toolbar item to the given menu. Buttons inside a buttongroup are added individually.
-     * @param {Ext.menu.Menu} menu The menu to add to
-     * @param {Ext.Component} component The component to add
-     */
-    addComponentToMenu : function(menu, component) {
-        var me = this,
-        i, items, iLen;
-        
-        if (component instanceof Ext.toolbar.Separator) {
-            menu.add('-');
-        } else if (component.isComponent) {
-            if (component.isXType('splitbutton')) {
-                menu.add(me.createMenuConfig(component, true));
-
-            } else if (component.isXType('button')) {
-                menu.add(me.createMenuConfig(component, !component.menu));
-
-            } else if (component.isXType('buttongroup')) {
-                items = component.items.items;
-                iLen  = items.length;
-
-                for (i = 0; i < iLen; i++) {
-                    me.addComponentToMenu(menu, items[i]);
-                }
-            } else {
-                menu.add(Ext.create(Ext.getClassName(component), me.createMenuConfig(component)));
-            }
-        }
-    },
-
-    /**
-     * @private
-     * Deletes the sub-menu of each item in the expander menu. Submenus are created for items such as
-     * splitbuttons and buttongroups, where the Toolbar item cannot be represented by a single menu item
-     */
-    clearMenu : function() {
-        var menu = this.moreMenu,
-        items, i, iLen, item;
-        
-        if (menu && menu.items) {
-            items = menu.items.items;
-            iLen  = items.length;
-            
-            for (i = 0; i < iLen; i++) {
-                item = items[i];
-
-                if (item.menu) {
-                    delete item.menu;
-                }
-            }
-        }
-    },
-
-    /**
-     * @private
-     */
-    destroy: function() {
-        Ext.destroy(this.menu, this.menuTrigger);
-    }
-});