guy 3 years ago
parent
commit
3f5efb98a7
  1. 81
      src/core/wrapper/layout/adapt/adapt.leftrightvertical.js

81
src/core/wrapper/layout/adapt/adapt.leftrightvertical.js

@ -15,9 +15,15 @@ BI.LeftRightVerticalAdaptLayout = BI.inherit(BI.Layout, {
llgap: 0, llgap: 0,
lrgap: 0, lrgap: 0,
lhgap: 0, lhgap: 0,
ltgap: 0,
lbgap: 0,
lvgap: 0,
rlgap: 0, rlgap: 0,
rrgap: 0, rrgap: 0,
rhgap: 0 rhgap: 0,
rtgap: 0,
rbgap: 0,
rvgap: 0
}); });
}, },
render: function () { render: function () {
@ -30,11 +36,17 @@ BI.LeftRightVerticalAdaptLayout = BI.inherit(BI.Layout, {
items: [{ items: [{
el: { el: {
type: "bi.vertical_adapt", type: "bi.vertical_adapt",
ref: function (_ref) {
self.left = _ref;
},
height: "100%", height: "100%",
items: o.items.left, items: o.items.left,
hgap: o.lhgap, hgap: o.lhgap,
lgap: o.llgap, lgap: o.llgap,
rgap: o.lrgap rgap: o.lrgap,
tgap: o.ltgap,
bgap: o.lbgap,
vgap: o.lvgap
} }
}] }]
}); });
@ -45,12 +57,17 @@ BI.LeftRightVerticalAdaptLayout = BI.inherit(BI.Layout, {
items: [{ items: [{
el: { el: {
type: "bi.vertical_adapt", type: "bi.vertical_adapt",
ref: function (_ref) {
self.right = _ref;
},
height: "100%", height: "100%",
items: o.items.right, items: o.items.right,
textAlign: "right",
hgap: o.rhgap, hgap: o.rhgap,
lgap: o.rlgap, lgap: o.rlgap,
rgap: o.rrgap rgap: o.rrgap,
tgap: o.rtgap,
bgap: o.rbgap,
vgap: o.rvgap
} }
}] }]
}); });
@ -68,8 +85,8 @@ BI.LeftRightVerticalAdaptLayout = BI.inherit(BI.Layout, {
}, },
populate: function (items) { populate: function (items) {
BI.LeftRightVerticalAdaptLayout.superclass.populate.apply(this, arguments); this.left.populate(items.left);
this._mount(); this.right.populate(items.right);
} }
}); });
BI.shortcut("bi.left_right_vertical_adapt", BI.LeftRightVerticalAdaptLayout); BI.shortcut("bi.left_right_vertical_adapt", BI.LeftRightVerticalAdaptLayout);
@ -82,27 +99,27 @@ BI.LeftVerticalAdaptLayout = BI.inherit(BI.Layout, {
items: [], items: [],
lgap: 0, lgap: 0,
rgap: 0, rgap: 0,
hgap: 0 hgap: 0,
tgap: 0,
bgap: 0,
vgap: 0
}); });
}, },
render: function () { render: function () {
var o = this.options, self = this; var o = this.options, self = this;
BI.LeftVerticalAdaptLayout.superclass.render.apply(this, arguments); BI.LeftVerticalAdaptLayout.superclass.render.apply(this, arguments);
return { return {
type: "bi.left", type: "bi.vertical_adapt",
ref: function (_ref) { ref: function (_ref) {
self.layout = _ref; self.layout = _ref;
}, },
items: [{ items: o.items,
el: { hgap: o.hgap,
type: "bi.vertical_adapt", lgap: o.lgap,
height: "100%", rgap: o.rgap,
items: o.items, tgap: o.tgap,
lgap: o.lgap, bgap: o.bgap,
hgap: o.hgap, vgap: o.vgap
rgap: o.rgap
}
}]
}; };
}, },
@ -128,28 +145,28 @@ BI.RightVerticalAdaptLayout = BI.inherit(BI.Layout, {
items: [], items: [],
lgap: 0, lgap: 0,
rgap: 0, rgap: 0,
hgap: 0 hgap: 0,
tgap: 0,
bgap: 0,
vgap: 0
}); });
}, },
render: function () { render: function () {
var o = this.options, self = this; var o = this.options, self = this;
BI.RightVerticalAdaptLayout.superclass.render.apply(this, arguments); BI.RightVerticalAdaptLayout.superclass.render.apply(this, arguments);
return { return {
type: "bi.right", type: "bi.vertical_adapt",
ref: function (_ref) { ref: function (_ref) {
self.layout = _ref; self.layout = _ref;
}, },
items: [{ horizontalAlign: BI.HorizontalAlign.Right,
el: { items: o.items.reverse(),
type: "bi.vertical_adapt", hgap: o.hgap,
height: "100%", lgap: o.lgap,
textAlign: "right", rgap: o.rgap,
items: o.items, tgap: o.tgap,
lgap: o.lgap, bgap: o.bgap,
hgap: o.hgap, vgap: o.vgap
rgap: o.rgap
}
}]
}; };
}, },
@ -163,7 +180,7 @@ BI.RightVerticalAdaptLayout = BI.inherit(BI.Layout, {
}, },
populate: function (items) { populate: function (items) {
this.layout.populate.apply(this, arguments); this.layout.populate(items.reverse());
} }
}); });
BI.shortcut("bi.right_vertical_adapt", BI.RightVerticalAdaptLayout); BI.shortcut("bi.right_vertical_adapt", BI.RightVerticalAdaptLayout);

Loading…
Cancel
Save