/*
|
This file is part of Ext JS 4.2
|
|
Copyright (c) 2011-2013 Sencha Inc
|
|
Contact: http://www.sencha.com/contact
|
|
GNU General Public License Usage
|
This file may be used under the terms of the GNU General Public License version 3.0 as
|
published by the Free Software Foundation and appearing in the file LICENSE included in the
|
packaging of this file.
|
|
Please review the following information to ensure the GNU General Public License version 3.0
|
requirements will be met: http://www.gnu.org/copyleft/gpl.html.
|
|
If you are unsure which license is appropriate for your use, please contact the sales department
|
at http://www.sencha.com/contact.
|
|
Build date: 2013-05-16 14:36:50 (f9be68accb407158ba2b1be2c226a6ce1f649314)
|
*/
|
Ext.define('ExtThemeNeptune.layout.component.Dock', {
|
override: 'Ext.layout.component.Dock',
|
|
/**
|
* This table contains the border removal classes indexed by the sum of the edges to
|
* remove. Each edge is assigned a value:
|
*
|
* * `left` = 1
|
* * `bottom` = 2
|
* * `right` = 4
|
* * `top` = 8
|
*
|
* @private
|
*/
|
noBorderClassTable: [
|
0, // TRBL
|
Ext.baseCSSPrefix + 'noborder-l', // 0001 = 1
|
Ext.baseCSSPrefix + 'noborder-b', // 0010 = 2
|
Ext.baseCSSPrefix + 'noborder-bl', // 0011 = 3
|
Ext.baseCSSPrefix + 'noborder-r', // 0100 = 4
|
Ext.baseCSSPrefix + 'noborder-rl', // 0101 = 5
|
Ext.baseCSSPrefix + 'noborder-rb', // 0110 = 6
|
Ext.baseCSSPrefix + 'noborder-rbl', // 0111 = 7
|
Ext.baseCSSPrefix + 'noborder-t', // 1000 = 8
|
Ext.baseCSSPrefix + 'noborder-tl', // 1001 = 9
|
Ext.baseCSSPrefix + 'noborder-tb', // 1010 = 10
|
Ext.baseCSSPrefix + 'noborder-tbl', // 1011 = 11
|
Ext.baseCSSPrefix + 'noborder-tr', // 1100 = 12
|
Ext.baseCSSPrefix + 'noborder-trl', // 1101 = 13
|
Ext.baseCSSPrefix + 'noborder-trb', // 1110 = 14
|
Ext.baseCSSPrefix + 'noborder-trbl' // 1111 = 15
|
],
|
|
/**
|
* The numeric values assigned to each edge indexed by the `dock` config value.
|
* @private
|
*/
|
edgeMasks: {
|
top: 8,
|
right: 4,
|
bottom: 2,
|
left: 1
|
},
|
|
handleItemBorders: function() {
|
var me = this,
|
edges = 0,
|
maskT = 8,
|
maskR = 4,
|
maskB = 2,
|
maskL = 1,
|
owner = me.owner,
|
bodyBorder = owner.bodyBorder,
|
ownerBorder = owner.border,
|
collapsed = me.collapsed,
|
edgeMasks = me.edgeMasks,
|
noBorderCls = me.noBorderClassTable,
|
dockedItemsGen = owner.dockedItems.generation,
|
b, borderCls, docked, edgesTouched, i, ln, item, dock, lastValue, mask,
|
addCls, removeCls;
|
|
if (me.initializedBorders === dockedItemsGen) {
|
return;
|
}
|
|
addCls = [];
|
removeCls = [];
|
|
borderCls = me.getBorderCollapseTable();
|
noBorderCls = me.getBorderClassTable ? me.getBorderClassTable() : noBorderCls;
|
|
me.initializedBorders = dockedItemsGen;
|
|
// Borders have to be calculated using expanded docked item collection.
|
me.collapsed = false;
|
docked = me.getDockedItems();
|
me.collapsed = collapsed;
|
|
for (i = 0, ln = docked.length; i < ln; i++) {
|
item = docked[i];
|
if (item.ignoreBorderManagement) {
|
// headers in framed panels ignore border management, so we do not want
|
// to set "satisfied" on the edge in question
|
continue;
|
}
|
|
dock = item.dock;
|
mask = edgesTouched = 0;
|
addCls.length = 0;
|
removeCls.length = 0;
|
|
if (dock !== 'bottom') {
|
if (edges & maskT) { // if (not touching the top edge)
|
b = item.border;
|
} else {
|
b = ownerBorder;
|
if (b !== false) {
|
edgesTouched += maskT;
|
}
|
}
|
if (b === false) {
|
mask += maskT;
|
}
|
}
|
if (dock !== 'left') {
|
if (edges & maskR) { // if (not touching the right edge)
|
b = item.border;
|
} else {
|
b = ownerBorder;
|
if (b !== false) {
|
edgesTouched += maskR;
|
}
|
}
|
if (b === false) {
|
mask += maskR;
|
}
|
}
|
if (dock !== 'top') {
|
if (edges & maskB) { // if (not touching the bottom edge)
|
b = item.border;
|
} else {
|
b = ownerBorder;
|
if (b !== false) {
|
edgesTouched += maskB;
|
}
|
}
|
if (b === false) {
|
mask += maskB;
|
}
|
}
|
if (dock !== 'right') {
|
if (edges & maskL) { // if (not touching the left edge)
|
b = item.border;
|
} else {
|
b = ownerBorder;
|
if (b !== false) {
|
edgesTouched += maskL;
|
}
|
}
|
if (b === false) {
|
mask += maskL;
|
}
|
}
|
|
if ((lastValue = item.lastBorderMask) !== mask) {
|
item.lastBorderMask = mask;
|
if (lastValue) {
|
removeCls[0] = noBorderCls[lastValue];
|
}
|
if (mask) {
|
addCls[0] = noBorderCls[mask];
|
}
|
}
|
|
if ((lastValue = item.lastBorderCollapse) !== edgesTouched) {
|
item.lastBorderCollapse = edgesTouched;
|
if (lastValue) {
|
removeCls[removeCls.length] = borderCls[lastValue];
|
}
|
if (edgesTouched) {
|
addCls[addCls.length] = borderCls[edgesTouched];
|
}
|
}
|
|
if (removeCls.length) {
|
item.removeCls(removeCls);
|
}
|
if (addCls.length) {
|
item.addCls(addCls);
|
}
|
|
// mask can use += but edges must use |= because there can be multiple items
|
// on an edge but the mask is reset per item
|
|
edges |= edgeMasks[dock]; // = T, R, B or L (8, 4, 2 or 1)
|
}
|
|
mask = edgesTouched = 0;
|
addCls.length = 0;
|
removeCls.length = 0;
|
|
if (edges & maskT) { // if (not touching the top edge)
|
b = bodyBorder;
|
} else {
|
b = ownerBorder;
|
if (b !== false) {
|
edgesTouched += maskT;
|
}
|
}
|
if (b === false) {
|
mask += maskT;
|
}
|
|
if (edges & maskR) { // if (not touching the right edge)
|
b = bodyBorder;
|
} else {
|
b = ownerBorder;
|
if (b !== false) {
|
edgesTouched += maskR;
|
}
|
}
|
if (b === false) {
|
mask += maskR;
|
}
|
|
if (edges & maskB) { // if (not touching the bottom edge)
|
b = bodyBorder;
|
} else {
|
b = ownerBorder;
|
if (b !== false) {
|
edgesTouched += maskB;
|
}
|
}
|
if (b === false) {
|
mask += maskB;
|
}
|
|
if (edges & maskL) { // if (not touching the left edge)
|
b = bodyBorder;
|
} else {
|
b = ownerBorder;
|
if (b !== false) {
|
edgesTouched += maskL;
|
}
|
}
|
if (b === false) {
|
mask += maskL;
|
}
|
|
if ((lastValue = me.lastBodyBorderMask) !== mask) {
|
me.lastBodyBorderMask = mask;
|
if (lastValue) {
|
removeCls[0] = noBorderCls[lastValue];
|
}
|
if (mask) {
|
addCls[0] = noBorderCls[mask];
|
}
|
}
|
|
if ((lastValue = me.lastBodyBorderCollapse) !== edgesTouched) {
|
me.lastBodyBorderCollapse = edgesTouched;
|
if (lastValue) {
|
removeCls[removeCls.length] = borderCls[lastValue];
|
}
|
if (edgesTouched) {
|
addCls[addCls.length] = borderCls[edgesTouched];
|
}
|
}
|
|
if (removeCls.length) {
|
owner.removeBodyCls(removeCls);
|
}
|
if (addCls.length) {
|
owner.addBodyCls(addCls);
|
}
|
},
|
|
onRemove: function (item) {
|
var lastBorderMask = item.lastBorderMask;
|
|
if (!item.isDestroyed && !item.ignoreBorderManagement && lastBorderMask) {
|
item.lastBorderMask = 0;
|
item.removeCls(this.noBorderClassTable[lastBorderMask]);
|
}
|
|
this.callParent([item]);
|
}
|
});
|
