~admin/apache-tomcat-8.5.78.git

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>The source code</title>
  <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
  <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
  <style type="text/css">
    .highlight { display: block; background-color: #ddd; }
  </style>
  <script type="text/javascript">
    function highlight() {
      document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
    }
  </script>
</head>
<body onload="prettyPrint(); highlight();">
  <pre class="prettyprint lang-js"><span id='Ext-resizer-Splitter'>/**
</span> * This class functions **between siblings of a {@link Ext.layout.container.VBox VBox} or {@link Ext.layout.container.HBox HBox}
 * layout** to resize both immediate siblings.
 *
 * A Splitter will preserve the flex ratio of any flexed siblings it is required to resize. It does this by setting the `flex` property of *all* flexed siblings
 * to equal their pixel size. The actual numerical `flex` property in the Components will change, but the **ratio** to the total flex value will be preserved.
 *
 * A Splitter may be configured to show a centered mini-collapse tool orientated to collapse the {@link #collapseTarget}.
 * The Splitter will then call that sibling Panel's {@link Ext.panel.Panel#method-collapse collapse} or {@link Ext.panel.Panel#method-expand expand} method
 * to perform the appropriate operation (depending on the sibling collapse state). To create the mini-collapse tool but take care
 * of collapsing yourself, configure the splitter with `{@link #performCollapse}: false`.
 */
Ext.define('Ext.resizer.Splitter', {
    extend: 'Ext.Component',
    requires: ['Ext.XTemplate'],
    uses: ['Ext.resizer.SplitterTracker'],
    alias: 'widget.splitter',
 
<span id='Ext-resizer-Splitter-property-childEls'>    childEls: [
</span>        'collapseEl'
    ],
 
<span id='Ext-resizer-Splitter-cfg-renderTpl'>    renderTpl: [
</span>        '&lt;tpl if=&quot;collapsible===true&quot;&gt;',
            '&lt;div id=&quot;{id}-collapseEl&quot; class=&quot;', Ext.baseCSSPrefix, 'collapse-el ',
                Ext.baseCSSPrefix, 'layout-split-{collapseDir}{childElCls}&quot;&gt;&amp;#160;',
            '&lt;/div&gt;',
        '&lt;/tpl&gt;'
    ],
 
<span id='Ext-resizer-Splitter-cfg-baseCls'>    baseCls: Ext.baseCSSPrefix + 'splitter',
</span><span id='Ext-resizer-Splitter-property-collapsedClsInternal'>    collapsedClsInternal: Ext.baseCSSPrefix + 'splitter-collapsed',
</span>    
<span id='Ext-resizer-Splitter-property-canResize'>    // Default to tree, allow internal classes to disable resizing
</span>    canResize: true,
 
<span id='Ext-resizer-Splitter-cfg-collapsible'>    /**
</span>     * @cfg {Boolean} collapsible
     * True to show a mini-collapse tool in the Splitter to toggle expand and collapse on the {@link #collapseTarget} Panel.
     * Defaults to the {@link Ext.panel.Panel#collapsible collapsible} setting of the Panel.
     */
    collapsible: false,
 
<span id='Ext-resizer-Splitter-cfg-performCollapse'>    /**
</span>     * @cfg {Boolean} performCollapse
     * Set to false to prevent this Splitter's mini-collapse tool from managing the collapse
     * state of the {@link #collapseTarget}.
     */
 
<span id='Ext-resizer-Splitter-cfg-collapseOnDblClick'>    /**
</span>     * @cfg {Boolean} collapseOnDblClick
     * True to enable dblclick to toggle expand and collapse on the {@link #collapseTarget} Panel.
     */
    collapseOnDblClick: true,
 
<span id='Ext-resizer-Splitter-cfg-defaultSplitMin'>    /**
</span>     * @cfg {Number} defaultSplitMin
     * Provides a default minimum width or height for the two components
     * that the splitter is between.
     */
    defaultSplitMin: 40,
 
<span id='Ext-resizer-Splitter-cfg-defaultSplitMax'>    /**
</span>     * @cfg {Number} defaultSplitMax
     * Provides a default maximum width or height for the two components
     * that the splitter is between.
     */
    defaultSplitMax: 1000,
 
<span id='Ext-resizer-Splitter-cfg-collapsedCls'>    /**
</span>     * @cfg {String} collapsedCls
     * A class to add to the splitter when it is collapsed. See {@link #collapsible}.
     */
 
<span id='Ext-resizer-Splitter-cfg-collapseTarget'>    /**
</span>     * @cfg {String/Ext.panel.Panel} collapseTarget
     * A string describing the relative position of the immediate sibling Panel to collapse. May be 'prev' or 'next'.
     *
     * Or the immediate sibling Panel to collapse.
     *
     * The orientation of the mini-collapse tool will be inferred from this setting.
     *
     * **Note that only Panels may be collapsed.**
     */
    collapseTarget: 'next',
 
<span id='Ext-resizer-Splitter-property-orientation'>    /**
</span>     * @property {String} orientation
     * Orientation of this Splitter. `'vertical'` when used in an hbox layout, `'horizontal'`
     * when used in a vbox layout.
     */
 
    horizontal: false,
<span id='Ext-resizer-Splitter-property-vertical'>    vertical: false,
</span>
<span id='Ext-resizer-Splitter-cfg-size'>    /**
</span>     * @cfg {Number} size
     * The size of the splitter. This becomes the height for vertical splitters and 
     * width for horizontal splitters.
     */
    size: 5,
 
<span id='Ext-resizer-Splitter-method-getTrackerConfig'>    /**
</span>     * Returns the config object (with an `xclass` property) for the splitter tracker. This
     * is overridden by {@link Ext.resizer.BorderSplitter BorderSplitter} to create a
     * {@link Ext.resizer.BorderSplitterTracker BorderSplitterTracker}.
     * @protected
     */
    getTrackerConfig: function () {
        return {
            xclass: 'Ext.resizer.SplitterTracker',
            el: this.el,
            splitter: this
        };
    },
 
<span id='Ext-resizer-Splitter-method-beforeRender'>    beforeRender: function() {
</span>        var me = this,
            target = me.getCollapseTarget();
 
        me.callParent();
 
        if (target.collapsed) {
            me.addCls(me.collapsedClsInternal);
        }
        if (!me.canResize) {
            me.addCls(me.baseCls + '-noresize');
        }
 
        Ext.applyIf(me.renderData, {
            collapseDir: me.getCollapseDirection(),
            collapsible: me.collapsible || target.collapsible
        });
 
        me.protoEl.unselectable();
    },
 
<span id='Ext-resizer-Splitter-method-onRender'>    onRender: function() {
</span>        var me = this,
            collapseEl;
 
        me.callParent(arguments);
 
        // Add listeners on the mini-collapse tool unless performCollapse is set to false
        if (me.performCollapse !== false) {
            if (me.renderData.collapsible) {
                me.mon(me.collapseEl, 'click', me.toggleTargetCmp, me);
            }
            if (me.collapseOnDblClick) {
                me.mon(me.el, 'dblclick', me.toggleTargetCmp, me);
            }
        }
 
        // Ensure the mini collapse icon is set to the correct direction when the target is collapsed/expanded by any means
        me.mon(me.getCollapseTarget(), {
            collapse: me.onTargetCollapse,
            expand: me.onTargetExpand,
            beforeexpand: me.onBeforeTargetExpand,
            beforecollapse: me.onBeforeTargetCollapse,
            scope: me
        });
 
        if (me.canResize) {
            me.tracker = Ext.create(me.getTrackerConfig());
            // Relay the most important events to our owner (could open wider later):
            me.relayEvents(me.tracker, [ 'beforedragstart', 'dragstart', 'dragend' ]);
        }
 
        collapseEl = me.collapseEl;
        if (collapseEl) {
            collapseEl.lastCollapseDirCls = me.collapseDirProps[me.collapseDirection].cls;
        }
    },
 
<span id='Ext-resizer-Splitter-method-getCollapseDirection'>    getCollapseDirection: function() {
</span>        var me = this,
            dir = me.collapseDirection,
            collapseTarget, idx, items, type;
 
        if (!dir) {
            collapseTarget = me.collapseTarget;
            if (collapseTarget.isComponent) {
                dir = collapseTarget.collapseDirection;
            }
 
            if (!dir) {
                // Avoid duplication of string tests.
                // Create a two bit truth table of the configuration of the Splitter:
                // Collapse Target | orientation
                //        0              0             = next, horizontal
                //        0              1             = next, vertical
                //        1              0             = prev, horizontal
                //        1              1             = prev, vertical
                type = me.ownerCt.layout.type;
                if (collapseTarget.isComponent) {
                    items = me.ownerCt.items;
                    idx = Number(items.indexOf(collapseTarget) === items.indexOf(me) - 1) &lt;&lt; 1 | Number(type === 'hbox');
                } else {
                    idx = Number(me.collapseTarget === 'prev') &lt;&lt; 1 | Number(type === 'hbox');
                }
 
                // Read the data out the truth table
                dir = ['bottom', 'right', 'top', 'left'][idx];
            }
 
            me.collapseDirection = dir;
        }
 
        me.setOrientation((dir === 'top' || dir === 'bottom') ? 'horizontal' : 'vertical');
 
        return dir;
    },
 
<span id='Ext-resizer-Splitter-method-getCollapseTarget'>    getCollapseTarget: function() {
</span>        var me = this;
 
        return me.collapseTarget.isComponent ? me.collapseTarget
                    : me.collapseTarget === 'prev' ? me.previousSibling() : me.nextSibling();
    },
    
<span id='Ext-resizer-Splitter-method-setCollapseEl'>    setCollapseEl: function(display){
</span>        var el = this.collapseEl;
        if (el) {
            el.setDisplayed(display);
        }
    },
    
<span id='Ext-resizer-Splitter-method-onBeforeTargetExpand'>    onBeforeTargetExpand: function(target) {
</span>        this.setCollapseEl('none');
    },
    
<span id='Ext-resizer-Splitter-method-onBeforeTargetCollapse'>    onBeforeTargetCollapse: function(){
</span>        this.setCollapseEl('none');
    },
 
<span id='Ext-resizer-Splitter-method-onTargetCollapse'>    onTargetCollapse: function(target) {
</span>        this.el.addCls([this.collapsedClsInternal, this.collapsedCls]);
        this.setCollapseEl('');
    },
 
<span id='Ext-resizer-Splitter-method-onTargetExpand'>    onTargetExpand: function(target) {
</span>        this.el.removeCls([this.collapsedClsInternal, this.collapsedCls]);
        this.setCollapseEl('');
    },
 
<span id='Ext-resizer-Splitter-property-collapseDirProps'>    collapseDirProps: {
</span>        top: {
            cls: Ext.baseCSSPrefix + 'layout-split-top'
        },
        right: {
            cls: Ext.baseCSSPrefix + 'layout-split-right'
        },
        bottom: {
            cls: Ext.baseCSSPrefix + 'layout-split-bottom'
        },
        left: {
            cls: Ext.baseCSSPrefix + 'layout-split-left'
        }
    },
 
<span id='Ext-resizer-Splitter-property-orientationProps'>    orientationProps: {
</span>        horizontal: {
            opposite: 'vertical',
            fixedAxis: 'height',
            stretchedAxis: 'width'
        },
        vertical: {
            opposite: 'horizontal',
            fixedAxis: 'width',
            stretchedAxis: 'height'
        }
    },
 
<span id='Ext-resizer-Splitter-method-applyCollapseDirection'>    applyCollapseDirection: function () {
</span>        var me = this,
            collapseEl = me.collapseEl,
            collapseDirProps = me.collapseDirProps[me.collapseDirection],
            cls;
 
        if (collapseEl) {
            cls = collapseEl.lastCollapseDirCls;
            if (cls) {
                collapseEl.removeCls(cls);
            }
 
            collapseEl.addCls(collapseEl.lastCollapseDirCls = collapseDirProps.cls);
        }
    },
 
<span id='Ext-resizer-Splitter-method-applyOrientation'>    applyOrientation: function () {
</span>        var me = this,
            orientation = me.orientation,
            orientationProps = me.orientationProps[orientation],
            defaultSize = me.size,
            fixedSizeProp = orientationProps.fixedAxis,
            stretchSizeProp = orientationProps.stretchedAxis,
            cls = me.baseCls + '-';
 
        me[orientation] = true;
        me[orientationProps.opposite] = false;
 
        if (!me.hasOwnProperty(fixedSizeProp) || me[fixedSizeProp] === '100%') {
            me[fixedSizeProp] = defaultSize;
        }
        if (!me.hasOwnProperty(stretchSizeProp) || me[stretchSizeProp] === defaultSize) {
            me[stretchSizeProp] = '100%';
        }
 
        me.removeCls(cls + orientationProps.opposite);
        me.addCls(cls + orientation);
    },
 
<span id='Ext-resizer-Splitter-method-setOrientation'>    setOrientation: function (orientation) {
</span>        var me = this;
 
        if (me.orientation !== orientation) {
            me.orientation = orientation;
            me.applyOrientation();
        }
    },
    
<span id='Ext-resizer-Splitter-method-updateOrientation'>    updateOrientation: function () {
</span>        delete this.collapseDirection; // recompute
        this.getCollapseDirection();
        this.applyCollapseDirection();
    },
 
<span id='Ext-resizer-Splitter-method-toggleTargetCmp'>    toggleTargetCmp: function(e, t) {
</span>        var cmp = this.getCollapseTarget(),
            placeholder = cmp.placeholder,
            toggle;
 
        // We can only toggle the target if it offers the expand/collapse API
        if (Ext.isFunction(cmp.expand) &amp;&amp; Ext.isFunction(cmp.collapse)) {
            if (placeholder &amp;&amp; !placeholder.hidden) {
                toggle = true;
            } else {
                toggle = !cmp.hidden;
            }
 
            if (toggle) {
                if (cmp.collapsed) {
                    cmp.expand();
                } else if (cmp.collapseDirection) {
                    cmp.collapse();
                } else {
                    cmp.collapse(this.renderData.collapseDir);
                }
            }
        }
    },
 
<span id='Ext-resizer-Splitter-method-setSize'>    /*
</span>     * Work around IE bug. %age margins do not get recalculated on element resize unless repaint called.
     */
    setSize: function() {
        var me = this;
        me.callParent(arguments);
        if (Ext.isIE &amp;&amp; me.el) {
            me.el.repaint();
        }
    },
    
<span id='Ext-resizer-Splitter-method-beforeDestroy'>    beforeDestroy: function(){
</span>        Ext.destroy(this.tracker);
        this.callParent();
    }
});
</pre>
</body>
</html>