123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161 |
- goog.provide('goog.ui.TwoThumbSlider');
- goog.require('goog.a11y.aria');
- goog.require('goog.a11y.aria.Role');
- goog.require('goog.dom');
- goog.require('goog.dom.TagName');
- goog.require('goog.ui.SliderBase');
- goog.ui.TwoThumbSlider = function(opt_domHelper) {
- goog.ui.SliderBase.call(this, opt_domHelper);
- this.rangeModel.setValue(this.getMinimum());
- this.rangeModel.setExtent(this.getMaximum() - this.getMinimum());
- };
- goog.inherits(goog.ui.TwoThumbSlider, goog.ui.SliderBase);
- goog.tagUnsealableClass(goog.ui.TwoThumbSlider);
- goog.ui.TwoThumbSlider.CSS_CLASS_PREFIX =
- goog.getCssName('goog-twothumbslider');
- goog.ui.TwoThumbSlider.VALUE_THUMB_CSS_CLASS =
- goog.getCssName(goog.ui.TwoThumbSlider.CSS_CLASS_PREFIX, 'value-thumb');
- goog.ui.TwoThumbSlider.EXTENT_THUMB_CSS_CLASS =
- goog.getCssName(goog.ui.TwoThumbSlider.CSS_CLASS_PREFIX, 'extent-thumb');
- goog.ui.TwoThumbSlider.RANGE_HIGHLIGHT_CSS_CLASS =
- goog.getCssName(goog.ui.TwoThumbSlider.CSS_CLASS_PREFIX, 'rangehighlight');
- goog.ui.TwoThumbSlider.prototype.getCssClass = function(orient) {
- return orient == goog.ui.SliderBase.Orientation.VERTICAL ?
- goog.getCssName(goog.ui.TwoThumbSlider.CSS_CLASS_PREFIX, 'vertical') :
- goog.getCssName(goog.ui.TwoThumbSlider.CSS_CLASS_PREFIX, 'horizontal');
- };
- goog.ui.TwoThumbSlider.prototype.createThumb_ = function(cs) {
- var thumb = this.getDomHelper().createDom(goog.dom.TagName.DIV, cs);
- goog.a11y.aria.setRole(thumb, goog.a11y.aria.Role.BUTTON);
- return (thumb);
- };
- goog.ui.TwoThumbSlider.prototype.createThumbs = function() {
-
- var valueThumb = goog.dom.getElementsByTagNameAndClass(
- null, goog.ui.TwoThumbSlider.VALUE_THUMB_CSS_CLASS, this.getElement())[0];
- var extentThumb = goog.dom.getElementsByTagNameAndClass(
- null, goog.ui.TwoThumbSlider.EXTENT_THUMB_CSS_CLASS,
- this.getElement())[0];
- var rangeHighlight = goog.dom.getElementsByTagNameAndClass(
- null, goog.ui.TwoThumbSlider.RANGE_HIGHLIGHT_CSS_CLASS,
- this.getElement())[0];
- if (!valueThumb) {
- valueThumb =
- this.createThumb_(goog.ui.TwoThumbSlider.VALUE_THUMB_CSS_CLASS);
- this.getElement().appendChild(valueThumb);
- }
- if (!extentThumb) {
- extentThumb =
- this.createThumb_(goog.ui.TwoThumbSlider.EXTENT_THUMB_CSS_CLASS);
- this.getElement().appendChild(extentThumb);
- }
- if (!rangeHighlight) {
- rangeHighlight = this.getDomHelper().createDom(
- goog.dom.TagName.DIV, goog.ui.TwoThumbSlider.RANGE_HIGHLIGHT_CSS_CLASS);
-
- this.getDomHelper().insertSiblingBefore(rangeHighlight, valueThumb);
- }
- this.valueThumb = (valueThumb);
- this.extentThumb = (extentThumb);
- this.rangeHighlight = (rangeHighlight);
- };
|