|
|
|
@ -122,28 +122,29 @@ BI.IntervalSlider = BI.inherit(BI.Single, {
|
|
|
|
|
this._setVisible(false); |
|
|
|
|
|
|
|
|
|
return { |
|
|
|
|
type: "bi.vertical_fill", |
|
|
|
|
rowSize: [30, 30], |
|
|
|
|
items: [ |
|
|
|
|
this._createLabelWrapper(), |
|
|
|
|
{ |
|
|
|
|
type: "bi.absolute", |
|
|
|
|
element: this, |
|
|
|
|
items: [{ |
|
|
|
|
items: [ |
|
|
|
|
{ |
|
|
|
|
el: { |
|
|
|
|
type: "bi.vertical", |
|
|
|
|
items: [{ |
|
|
|
|
type: "bi.absolute", |
|
|
|
|
type: "bi.horizontal", |
|
|
|
|
horizontalAlign: "stretch", |
|
|
|
|
verticalAlign: "middle", |
|
|
|
|
columnSize: ["fill"], |
|
|
|
|
items: [{ |
|
|
|
|
el: this.track, |
|
|
|
|
width: "100%", |
|
|
|
|
height: c.TRACK_HEIGHT |
|
|
|
|
}] |
|
|
|
|
}], |
|
|
|
|
hgap: 7, |
|
|
|
|
height: c.TRACK_HEIGHT |
|
|
|
|
hgap: 10, |
|
|
|
|
}, |
|
|
|
|
top: 23, |
|
|
|
|
left: 0, |
|
|
|
|
width: "100%" |
|
|
|
|
inset: 0 |
|
|
|
|
}, |
|
|
|
|
this._createLabelWrapper(), |
|
|
|
|
this._createSliderWrapper() |
|
|
|
|
this._createSliderWrapper(), |
|
|
|
|
] |
|
|
|
|
} |
|
|
|
|
] |
|
|
|
|
}; |
|
|
|
|
}, |
|
|
|
@ -225,14 +226,14 @@ BI.IntervalSlider = BI.inherit(BI.Single, {
|
|
|
|
|
items: [{ |
|
|
|
|
el: this.labelOne, |
|
|
|
|
top: 0, |
|
|
|
|
left: "0%" |
|
|
|
|
left: 0, |
|
|
|
|
}] |
|
|
|
|
}, { |
|
|
|
|
type: "bi.absolute", |
|
|
|
|
items: [{ |
|
|
|
|
el: this.labelTwo, |
|
|
|
|
top: 0, |
|
|
|
|
left: "100%" |
|
|
|
|
right: 0, |
|
|
|
|
}] |
|
|
|
|
}], |
|
|
|
|
rgap: c.EDITOR_R_GAP, |
|
|
|
@ -248,58 +249,62 @@ BI.IntervalSlider = BI.inherit(BI.Single, {
|
|
|
|
|
var c = this._constant; |
|
|
|
|
return { |
|
|
|
|
el: { |
|
|
|
|
type: "bi.vertical", |
|
|
|
|
items: [{ |
|
|
|
|
type: "bi.horizontal", |
|
|
|
|
horizontalAlign: "stretch", |
|
|
|
|
verticalAlign: "middle", |
|
|
|
|
items: [ |
|
|
|
|
{ |
|
|
|
|
type: "bi.absolute", |
|
|
|
|
items: [{ |
|
|
|
|
height: 12, |
|
|
|
|
width: "fill", |
|
|
|
|
items: [ |
|
|
|
|
{ |
|
|
|
|
el: this.sliderOne, |
|
|
|
|
top: 0, |
|
|
|
|
left: "0%" |
|
|
|
|
}] |
|
|
|
|
top: 1, |
|
|
|
|
bottom: 0, |
|
|
|
|
left: 0 |
|
|
|
|
}, { |
|
|
|
|
type: "bi.absolute", |
|
|
|
|
items: [{ |
|
|
|
|
el: this.sliderTwo, |
|
|
|
|
top: 0, |
|
|
|
|
top: 1, |
|
|
|
|
bottom: 0, |
|
|
|
|
left: "100%" |
|
|
|
|
}] |
|
|
|
|
}], |
|
|
|
|
hgap: c.SLIDER_WIDTH_HALF, |
|
|
|
|
height: c.SLIDER_HEIGHT |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
hgap: 10, |
|
|
|
|
}, |
|
|
|
|
top: 20, |
|
|
|
|
left: 0, |
|
|
|
|
width: "100%" |
|
|
|
|
inset: 0 |
|
|
|
|
}; |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
_createTrackWrapper: function () { |
|
|
|
|
return BI.createWidget({ |
|
|
|
|
type: "bi.horizontal", |
|
|
|
|
cls: "track-wrapper", |
|
|
|
|
horizontalAlign: "stretch", |
|
|
|
|
verticalAlign: "middle", |
|
|
|
|
columnSize: ["fill"], |
|
|
|
|
scrollx: false, |
|
|
|
|
items: [ |
|
|
|
|
{ |
|
|
|
|
type: "bi.absolute", |
|
|
|
|
items: [{ |
|
|
|
|
el: { |
|
|
|
|
type: "bi.vertical", |
|
|
|
|
items: [{ |
|
|
|
|
type: "bi.absolute", |
|
|
|
|
height: 6, |
|
|
|
|
items: [{ |
|
|
|
|
el: this.grayTrack, |
|
|
|
|
top: 0, |
|
|
|
|
left: 0, |
|
|
|
|
bottom: 0, |
|
|
|
|
width: "100%" |
|
|
|
|
}, { |
|
|
|
|
el: this.blueTrack, |
|
|
|
|
top: 0, |
|
|
|
|
left: 0, |
|
|
|
|
bottom: 0, |
|
|
|
|
width: "0%" |
|
|
|
|
}] |
|
|
|
|
}], |
|
|
|
|
hgap: 8, |
|
|
|
|
height: 8 |
|
|
|
|
}, |
|
|
|
|
top: 8, |
|
|
|
|
left: 0, |
|
|
|
|
width: "100%" |
|
|
|
|
}] |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|