bootstrap-slider.min.js
13.7 KB
/* =========================================================
* bootstrap-slider.js v3.0.0
* http://www.eyecon.ro/bootstrap-slider
* =========================================================
* Copyright 2012 Stefan Petre
* ========================================================= */
(function(e){function i(t,n){if(r[t]){var i=s(this);var o=r[t].apply(i,n);if(typeof o==="undefined"){return e(this)}else{return o}}else{throw new Error("method '"+t+"()' does not exist for slider.")}}function s(r){var i=e(r).data("slider");if(i&&i instanceof n){return i}else{throw new Error(t.callingContextNotSliderInstance)}}function o(t){var r=e(this);r.each(function(){var r=e(this),i=r.data("slider"),s=typeof t==="object"&&t;if(i&&!s){s={};e.each(e.fn.slider.defaults,function(e){s[e]=i[e]})}r.data("slider",new n(this,e.extend({},e.fn.slider.defaults,s)))});return r}var t={formatInvalidInputErrorMsg:function(e){return"Invalid input value '"+e+"' passed in"},callingContextNotSliderInstance:"Calling context element does not have instance of Slider bound to it. Check your code to make sure the JQuery object returned from the call to the slider() initializer is calling the method"};var n=function(t,n){var r=this.element=e(t).hide();var i=e(t)[0].style.width;var s=false;var o=this.element.parent();if(o.hasClass("slider")===true){s=true;this.picker=o}else{this.picker=e('<div class="slider">'+'<div class="slider-track">'+'<div class="slider-selection"></div>'+'<div class="slider-handle"></div>'+'<div class="slider-handle"></div>'+"</div>"+'<div id="tooltip" class="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>'+'<div id="tooltip_min" class="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>'+'<div id="tooltip_max" class="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>'+"</div>").insertBefore(this.element).append(this.element)}this.id=this.element.data("slider-id")||n.id;if(this.id){this.picker[0].id=this.id}if(typeof Modernizr!=="undefined"&&Modernizr.touch){this.touchCapable=true}var u=this.element.data("slider-tooltip")||n.tooltip;this.tooltip=this.picker.find("#tooltip");this.tooltipInner=this.tooltip.find("div.tooltip-inner");this.tooltip_min=this.picker.find("#tooltip_min");this.tooltipInner_min=this.tooltip_min.find("div.tooltip-inner");this.tooltip_max=this.picker.find("#tooltip_max");this.tooltipInner_max=this.tooltip_max.find("div.tooltip-inner");if(s===true){this.picker.removeClass("slider-horizontal");this.picker.removeClass("slider-vertical");this.tooltip.removeClass("hide");this.tooltip_min.removeClass("hide");this.tooltip_max.removeClass("hide")}this.orientation=this.element.data("slider-orientation")||n.orientation;switch(this.orientation){case"vertical":this.picker.addClass("slider-vertical");this.stylePos="top";this.mousePos="pageY";this.sizePos="offsetHeight";this.tooltip.addClass("right")[0].style.left="100%";this.tooltip_min.addClass("right")[0].style.left="100%";this.tooltip_max.addClass("right")[0].style.left="100%";break;default:this.picker.addClass("slider-horizontal").css("width",i);this.orientation="horizontal";this.stylePos="left";this.mousePos="pageX";this.sizePos="offsetWidth";this.tooltip.addClass("top")[0].style.top=-this.tooltip.outerHeight()-14+"px";this.tooltip_min.addClass("top")[0].style.top=-this.tooltip_min.outerHeight()-14+"px";this.tooltip_max.addClass("top")[0].style.top=-this.tooltip_max.outerHeight()-14+"px";break}var a=this;e.each(["min","max","step","value"],function(e,t){if(typeof r.data("slider-"+t)!=="undefined"){a[t]=r.data("slider-"+t)}else if(typeof n[t]!=="undefined"){a[t]=n[t]}else if(typeof r.prop(t)!=="undefined"){a[t]=r.prop(t)}else{a[t]=0}});if(this.value instanceof Array){if(s&&!this.range){this.value=this.value[0]}else{this.range=true}}else if(this.range){this.value=[this.value,this.max]}this.selection=this.element.data("slider-selection")||n.selection;this.selectionEl=this.picker.find(".slider-selection");if(this.selection==="none"){this.selectionEl.addClass("hide")}this.selectionElStyle=this.selectionEl[0].style;this.handle1=this.picker.find(".slider-handle:first");this.handle1Stype=this.handle1[0].style;this.handle2=this.picker.find(".slider-handle:last");this.handle2Stype=this.handle2[0].style;if(s===true){this.handle1.removeClass("round triangle");this.handle2.removeClass("round triangle hide")}var f=this.element.data("slider-handle")||n.handle;switch(f){case"round":this.handle1.addClass("round");this.handle2.addClass("round");break;case"triangle":this.handle1.addClass("triangle");this.handle2.addClass("triangle");break}if(this.range){this.value[0]=Math.max(this.min,Math.min(this.max,this.value[0]));this.value[1]=Math.max(this.min,Math.min(this.max,this.value[1]))}else{this.value=[Math.max(this.min,Math.min(this.max,this.value))];this.handle2.addClass("hide");if(this.selection==="after"){this.value[1]=this.max}else{this.value[1]=this.min}}this.diff=this.max-this.min;this.percentage=[(this.value[0]-this.min)*100/this.diff,(this.value[1]-this.min)*100/this.diff,this.step*100/this.diff];this.offset=this.picker.offset();this.size=this.picker[0][this.sizePos];this.formater=n.formater;this.tooltip_separator=n.tooltip_separator;this.tooltip_split=n.tooltip_split;this.reversed=this.element.data("slider-reversed")||n.reversed;this.layout();this.layout();this.handle1.on({keydown:e.proxy(this.keydown,this,0)});this.handle2.on({keydown:e.proxy(this.keydown,this,1)});if(this.touchCapable){this.picker.on({touchstart:e.proxy(this.mousedown,this)})}else{this.picker.on({mousedown:e.proxy(this.mousedown,this)})}if(u==="hide"){this.tooltip.addClass("hide");this.tooltip_min.addClass("hide");this.tooltip_max.addClass("hide")}else if(u==="always"){this.showTooltip();this.alwaysShowTooltip=true}else{this.picker.on({mouseenter:e.proxy(this.showTooltip,this),mouseleave:e.proxy(this.hideTooltip,this)});this.handle1.on({focus:e.proxy(this.showTooltip,this),blur:e.proxy(this.hideTooltip,this)});this.handle2.on({focus:e.proxy(this.showTooltip,this),blur:e.proxy(this.hideTooltip,this)})}this.enabled=n.enabled&&(this.element.data("slider-enabled")===undefined||this.element.data("slider-enabled")===true);if(this.enabled){this.enable()}else{this.disable()}};n.prototype={constructor:n,over:false,inDrag:false,showTooltip:function(){if(this.tooltip_split===false){this.tooltip.addClass("in")}else{this.tooltip_min.addClass("in");this.tooltip_max.addClass("in")}this.over=true},hideTooltip:function(){if(this.inDrag===false&&this.alwaysShowTooltip!==true){this.tooltip.removeClass("in");this.tooltip_min.removeClass("in");this.tooltip_max.removeClass("in")}this.over=false},layout:function(){var e;if(this.reversed){e=[100-this.percentage[0],this.percentage[1]]}else{e=[this.percentage[0],this.percentage[1]]}this.handle1Stype[this.stylePos]=e[0]+"%";this.handle2Stype[this.stylePos]=e[1]+"%";if(this.orientation==="vertical"){this.selectionElStyle.top=Math.min(e[0],e[1])+"%";this.selectionElStyle.height=Math.abs(e[0]-e[1])+"%"}else{this.selectionElStyle.left=Math.min(e[0],e[1])+"%";this.selectionElStyle.width=Math.abs(e[0]-e[1])+"%";var t=this.tooltip_min[0].getBoundingClientRect();var n=this.tooltip_max[0].getBoundingClientRect();if(t.right>n.left){this.tooltip_max.removeClass("top");this.tooltip_max.addClass("bottom")[0].style.top=18+"px"}else{this.tooltip_max.removeClass("bottom");this.tooltip_max.addClass("top")[0].style.top=-30+"px"}}if(this.range){this.tooltipInner.text(this.formater(this.value[0])+this.tooltip_separator+this.formater(this.value[1]));this.tooltip[0].style[this.stylePos]=this.size*(e[0]+(e[1]-e[0])/2)/100-(this.orientation==="vertical"?this.tooltip.outerHeight()/2:this.tooltip.outerWidth()/2)+"px";this.tooltipInner_min.text(this.formater(this.value[0]));this.tooltipInner_max.text(this.formater(this.value[1]));this.tooltip_min[0].style[this.stylePos]=this.size*(e[0]/100)-(this.orientation==="vertical"?this.tooltip_min.outerHeight()/2:this.tooltip_min.outerWidth()/2)+"px";this.tooltip_max[0].style[this.stylePos]=this.size*(e[1]/100)-(this.orientation==="vertical"?this.tooltip_max.outerHeight()/2:this.tooltip_max.outerWidth()/2)+"px"}else{this.tooltipInner.text(this.formater(this.value[0]));this.tooltip[0].style[this.stylePos]=this.size*e[0]/100-(this.orientation==="vertical"?this.tooltip.outerHeight()/2:this.tooltip.outerWidth()/2)+"px"}},mousedown:function(t){if(!this.isEnabled()){return false}if(this.touchCapable&&t.type==="touchstart"){t=t.originalEvent}this.triggerFocusOnHandle();this.offset=this.picker.offset();this.size=this.picker[0][this.sizePos];var n=this.getPercentage(t);if(this.range){var r=Math.abs(this.percentage[0]-n);var i=Math.abs(this.percentage[1]-n);this.dragged=r<i?0:1}else{this.dragged=0}this.percentage[this.dragged]=this.reversed?100-n:n;this.layout();if(this.touchCapable){e(document).on({touchmove:e.proxy(this.mousemove,this),touchend:e.proxy(this.mouseup,this)})}else{e(document).on({mousemove:e.proxy(this.mousemove,this),mouseup:e.proxy(this.mouseup,this)})}this.inDrag=true;var s=this.calculateValue();this.setValue(s);this.element.trigger({type:"slideStart",value:s}).trigger({type:"slide",value:s});return true},triggerFocusOnHandle:function(e){if(e===0){this.handle1.focus()}if(e===1){this.handle2.focus()}},keydown:function(e,t){if(!this.isEnabled()){return false}var n;switch(t.which){case 37:case 40:n=-1;break;case 39:case 38:n=1;break}if(!n){return}var r=n*this.percentage[2];var i=this.percentage[e]+r;if(i>100){i=100}else if(i<0){i=0}this.dragged=e;this.adjustPercentageForRangeSliders(i);this.percentage[this.dragged]=i;this.layout();var s=this.calculateValue();this.setValue(s);this.element.trigger({type:"slide",value:s}).trigger({type:"slideStop",value:s}).data("value",s).prop("value",s);return false},mousemove:function(e){if(!this.isEnabled()){return false}if(this.touchCapable&&e.type==="touchmove"){e=e.originalEvent}var t=this.getPercentage(e);this.adjustPercentageForRangeSliders(t);this.percentage[this.dragged]=this.reversed?100-t:t;this.layout();var n=this.calculateValue();this.setValue(n);this.element.trigger({type:"slide",value:n}).data("value",n).prop("value",n);return false},adjustPercentageForRangeSliders:function(e){if(this.range){if(this.dragged===0&&this.percentage[1]<e){this.percentage[0]=this.percentage[1];this.dragged=1}else if(this.dragged===1&&this.percentage[0]>e){this.percentage[1]=this.percentage[0];this.dragged=0}}},mouseup:function(){if(!this.isEnabled()){return false}if(this.touchCapable){e(document).off({touchmove:this.mousemove,touchend:this.mouseup})}else{e(document).off({mousemove:this.mousemove,mouseup:this.mouseup})}this.inDrag=false;if(this.over===false){this.hideTooltip()}var t=this.calculateValue();this.layout();this.element.data("value",t).prop("value",t).trigger({type:"slideStop",value:t});return false},calculateValue:function(){var e;if(this.range){e=[this.min,this.max];if(this.percentage[0]!==0){e[0]=Math.max(this.min,this.min+Math.round(this.diff*this.percentage[0]/100/this.step)*this.step)}if(this.percentage[1]!==100){e[1]=Math.min(this.max,this.min+Math.round(this.diff*this.percentage[1]/100/this.step)*this.step)}this.value=e}else{e=this.min+Math.round(this.diff*this.percentage[0]/100/this.step)*this.step;if(e<this.min){e=this.min}else if(e>this.max){e=this.max}e=parseFloat(e);this.value=[e,this.value[1]]}return e},getPercentage:function(e){if(this.touchCapable){e=e.touches[0]}var t=(e[this.mousePos]-this.offset[this.stylePos])*100/this.size;t=Math.round(t/this.percentage[2])*this.percentage[2];return Math.max(0,Math.min(100,t))},getValue:function(){if(this.range){return this.value}return this.value[0]},setValue:function(e){this.value=this.validateInputValue(e);if(this.range){this.value[0]=Math.max(this.min,Math.min(this.max,this.value[0]));this.value[1]=Math.max(this.min,Math.min(this.max,this.value[1]))}else{this.value=[Math.max(this.min,Math.min(this.max,this.value))];this.handle2.addClass("hide");if(this.selection==="after"){this.value[1]=this.max}else{this.value[1]=this.min}}this.diff=this.max-this.min;this.percentage=[(this.value[0]-this.min)*100/this.diff,(this.value[1]-this.min)*100/this.diff,this.step*100/this.diff];this.layout();this.element.trigger({type:"slide",value:this.value}).data("value",this.value).prop("value",this.value)},validateInputValue:function(n){if(typeof n==="number"){return n}else if(n instanceof Array){e.each(n,function(e,n){if(typeof n!=="number"){throw new Error(t.formatInvalidInputErrorMsg(n))}});return n}else{throw new Error(t.formatInvalidInputErrorMsg(n))}},destroy:function(){this.handle1.off();this.handle2.off();this.element.off().show().insertBefore(this.picker);this.picker.off().remove();e(this.element).removeData("slider")},disable:function(){this.enabled=false;this.handle1.removeAttr("tabindex");this.handle2.removeAttr("tabindex");this.picker.addClass("slider-disabled");this.element.trigger("slideDisabled")},enable:function(){this.enabled=true;this.handle1.attr("tabindex",0);this.handle2.attr("tabindex",0);this.picker.removeClass("slider-disabled");this.element.trigger("slideEnabled")},toggle:function(){if(this.enabled){this.disable()}else{this.enable()}},isEnabled:function(){return this.enabled},setAttribute:function(e,t){this[e]=t}};var r={getValue:n.prototype.getValue,setValue:n.prototype.setValue,setAttribute:n.prototype.setAttribute,destroy:n.prototype.destroy,disable:n.prototype.disable,enable:n.prototype.enable,toggle:n.prototype.toggle,isEnabled:n.prototype.isEnabled};e.fn.slider=function(e){if(typeof e==="string"&&e!=="refresh"){var t=Array.prototype.slice.call(arguments,1);return i.call(this,e,t)}else{return o.call(this,e)}};e.fn.slider.defaults={min:0,max:10,step:1,orientation:"horizontal",value:5,range:false,selection:"before",tooltip:"show",tooltip_separator:":",tooltip_split:false,handle:"round",reversed:false,enabled:true,formater:function(e){return e}};e.fn.slider.Constructor=n})(window.jQuery)