001package org.gwtbootstrap3.extras.slider.client.ui; 002 003/* 004 * #%L 005 * GwtBootstrap3 006 * %% 007 * Copyright (C) 2013 - 2015 GwtBootstrap3 008 * %% 009 * Licensed under the Apache License, Version 2.0 (the "License"); 010 * you may not use this file except in compliance with the License. 011 * You may obtain a copy of the License at 012 * 013 * http://www.apache.org/licenses/LICENSE-2.0 014 * 015 * Unless required by applicable law or agreed to in writing, software 016 * distributed under the License is distributed on an "AS IS" BASIS, 017 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 018 * See the License for the specific language governing permissions and 019 * limitations under the License. 020 * #L% 021 */ 022 023import org.gwtbootstrap3.extras.slider.client.ui.base.SliderBase; 024 025import com.google.gwt.core.client.JavaScriptObject; 026import com.google.gwt.dom.client.Element; 027import com.google.gwt.uibinder.client.UiConstructor; 028import com.google.gwt.user.client.Event; 029 030/** 031 * This slider takes as value a range with a min value and a max value. 032 * 033 * @author Xiaodong SUN 034 */ 035public class RangeSlider extends SliderBase<Range> { 036 037 /** 038 * Creates a range slider. 039 */ 040 public RangeSlider() { 041 setRange(true); 042 } 043 044 /** 045 * Creates a range slider with min, max, and range value. 046 * 047 * @param min 048 * @param max 049 * @param range 050 */ 051 public RangeSlider(final double min, final double max, final Range range) { 052 this(); 053 setMin(min); 054 setMax(max); 055 setValue(range); 056 } 057 058 /** 059 * Creates a range slider with min, max, and range value.<br> 060 * <br> 061 * Useful for UiBinder. 062 * 063 * @param min 064 * @param max 065 * @param value 066 */ 067 @UiConstructor 068 public RangeSlider(final double min, final double max, final String value) { 069 this(min, max, Range.fromString(value)); 070 } 071 072 @Override 073 protected native void setValue(Element e, Range value) /*-{ 074 var range = value.@org.gwtbootstrap3.extras.slider.client.ui.Range::toJsArray()(); 075 if (this.@org.gwtbootstrap3.extras.slider.client.ui.RangeSlider::isSliderNamespaceAvailable()()) 076 $wnd.jQuery(e).slider(@org.gwtbootstrap3.extras.slider.client.ui.base.SliderCommand::SET_VALUE, range); 077 else 078 $wnd.jQuery(e).bootstrapSlider(@org.gwtbootstrap3.extras.slider.client.ui.base.SliderCommand::SET_VALUE, range); 079 }-*/; 080 081 @Override 082 protected native Range getValue(Element e) /*-{ 083 var range; 084 if (this.@org.gwtbootstrap3.extras.slider.client.ui.RangeSlider::isSliderNamespaceAvailable()()) 085 range = $wnd.jQuery(e).slider(@org.gwtbootstrap3.extras.slider.client.ui.base.SliderCommand::GET_VALUE); 086 else 087 range = $wnd.jQuery(e).bootstrapSlider(@org.gwtbootstrap3.extras.slider.client.ui.base.SliderCommand::GET_VALUE); 088 return @org.gwtbootstrap3.extras.slider.client.ui.Range::new(Lcom/google/gwt/core/client/JsArrayNumber;)(range); 089 }-*/; 090 091 @Override 092 protected native void setFormatterOption(JavaScriptObject options) /*-{ 093 var slider = this; 094 options.formatter = function(value) { 095 var range = @org.gwtbootstrap3.extras.slider.client.ui.Range::new(Lcom/google/gwt/core/client/JsArrayNumber;)(value); 096 return slider.@org.gwtbootstrap3.extras.slider.client.ui.RangeSlider::formatTooltip(Lorg/gwtbootstrap3/extras/slider/client/ui/Range;)(range); 097 }; 098 }-*/; 099 100 @Override 101 protected native void setFormatter(Element e) /*-{ 102 var slider = this; 103 var attr = @org.gwtbootstrap3.extras.slider.client.ui.base.SliderOption::FORMATTER; 104 var formatter = function(value) { 105 var range = @org.gwtbootstrap3.extras.slider.client.ui.Range::new(Lcom/google/gwt/core/client/JsArrayNumber;)(value); 106 return slider.@org.gwtbootstrap3.extras.slider.client.ui.RangeSlider::formatTooltip(Lorg/gwtbootstrap3/extras/slider/client/ui/Range;)(range); 107 }; 108 if (this.@org.gwtbootstrap3.extras.slider.client.ui.RangeSlider::isSliderNamespaceAvailable()()) 109 $wnd.jQuery(e).slider(@org.gwtbootstrap3.extras.slider.client.ui.base.SliderCommand::SET_ATTRIBUTE, attr, formatter); 110 else 111 $wnd.jQuery(e).bootstrapSlider(@org.gwtbootstrap3.extras.slider.client.ui.base.SliderCommand::SET_ATTRIBUTE, attr, formatter); 112 }-*/; 113 114 @Override 115 protected String format(Range value) { 116 return value.getMinValue() + " : " + value.getMaxValue(); 117 } 118 119 @Override 120 protected Range convertValue(String value) { 121 return Range.fromString(value); 122 } 123 124 @Override 125 protected native void onSlide(Event event) /*-{ 126 var range = @org.gwtbootstrap3.extras.slider.client.ui.Range::new(Lcom/google/gwt/core/client/JsArrayNumber;)(event.value); 127 this.@org.gwtbootstrap3.extras.slider.client.ui.RangeSlider::fireSlideEvent(Lorg/gwtbootstrap3/extras/slider/client/ui/Range;)(range); 128 }-*/; 129 130 @Override 131 protected native void onSlideStart(Event event) /*-{ 132 var range = @org.gwtbootstrap3.extras.slider.client.ui.Range::new(Lcom/google/gwt/core/client/JsArrayNumber;)(event.value); 133 this.@org.gwtbootstrap3.extras.slider.client.ui.RangeSlider::fireSlideStartEvent(Lorg/gwtbootstrap3/extras/slider/client/ui/Range;)(range); 134 }-*/; 135 136 @Override 137 protected native void onSlideStop(Event event) /*-{ 138 var range = @org.gwtbootstrap3.extras.slider.client.ui.Range::new(Lcom/google/gwt/core/client/JsArrayNumber;)(event.value); 139 this.@org.gwtbootstrap3.extras.slider.client.ui.RangeSlider::fireSlideStopEvent(Lorg/gwtbootstrap3/extras/slider/client/ui/Range;)(range); 140 }-*/; 141 142 @Override 143 protected native void onSlideChange(Event event) /*-{ 144 var range = @org.gwtbootstrap3.extras.slider.client.ui.Range::new(Lcom/google/gwt/core/client/JsArrayNumber;)(event.value.newValue); 145 this.@org.gwtbootstrap3.extras.slider.client.ui.RangeSlider::fireChangeEvent(Lorg/gwtbootstrap3/extras/slider/client/ui/Range;)(range); 146 }-*/; 147 148}