diff options
Diffstat (limited to 'www/lib/angular-awesome-slider/dist/angular-awesome-slider.js')
| -rw-r--r-- | www/lib/angular-awesome-slider/dist/angular-awesome-slider.js | 1267 |
1 files changed, 0 insertions, 1267 deletions
diff --git a/www/lib/angular-awesome-slider/dist/angular-awesome-slider.js b/www/lib/angular-awesome-slider/dist/angular-awesome-slider.js deleted file mode 100644 index 49749246..00000000 --- a/www/lib/angular-awesome-slider/dist/angular-awesome-slider.js +++ /dev/null @@ -1,1267 +0,0 @@ -(function (angular) { - 'use strict'; - - angular.module('angularAwesomeSlider', []) - // DIRECTIVE - .directive('slider', [ - '$compile', '$templateCache','$timeout', '$window', 'slider', - function(compile, templateCache, timeout, win, Slider) { - return { - restrict : 'AE', - require: '?ngModel', - scope: { options:'=', ngDisabled: '='}, - priority: 1, - link : function(scope, element, attrs, ngModel) { - - if(!ngModel) return; - - if (!scope.options) - throw new Error('You must provide a value for "options" attribute.'); - - var injector = angular.injector(); - - // options as inline variable - if (angular.isString(scope.options)) { - scope.options = angular.toJson(scope.options); - } - - scope.mainSliderClass = 'jslider'; - scope.mainSliderClass += scope.options.skin ? ' jslider_' + scope.options.skin : ' '; - scope.mainSliderClass += scope.options.vertical ? ' vertical ' : ''; - scope.mainSliderClass += scope.options.css ? ' sliderCSS' : ''; - scope.mainSliderClass += scope.options.className ? ' ' + scope.options.className : ''; - - // handle limit labels visibility - scope.options.limits = angular.isDefined(scope.options.limits) ? scope.options.limits : true; - - // compile template - element.after(compile(templateCache.get('ng-slider/slider-bar.tmpl.html'))(scope, function(clonedElement, scope) { - scope.tmplElt = clonedElement; - })); - - // init - - var initialized = false; - - var init = function(value) { - scope.from = ''+scope.options.from; - scope.to = ''+scope.options.to; - if (scope.options.calculate && angular.isFunction(scope.options.calculate)) { - scope.from = scope.options.calculate(scope.from); - scope.to = scope.options.calculate(scope.to); - } - - var OPTIONS = { - from: !scope.options.round ? parseInt(scope.options.from, 10) : parseFloat(scope.options.from), - to: !scope.options.round ? parseInt(scope.options.to, 10) : parseFloat(scope.options.to), - step: scope.options.step, - smooth: scope.options.smooth, - limits: scope.options.limits, - round: scope.options.round || false, - value: value || ngModel.$viewValue, - dimension: '', - scale: scope.options.scale, - modelLabels: scope.options.modelLabels, - vertical: scope.options.vertical, - css: scope.options.css, - className: scope.options.className, - realtime: scope.options.realtime, - cb: forceApply, - threshold: scope.options.threshold, - heterogeneity: scope.options.heterogeneity - }; - - OPTIONS.calculate = scope.options.calculate || undefined; - OPTIONS.onstatechange = scope.options.onstatechange || undefined; - - // slider - scope.slider = !scope.slider ? slidering(element, scope.tmplElt, OPTIONS) : scope.slider.init(element, scope.tmplElt, OPTIONS); - - if (!initialized) { - initListener(); - } - - // scale - var scaleDiv = scope.tmplElt.find('div')[7]; - angular.element(scaleDiv).html(scope.slider.generateScale()); - scope.slider.drawScale(scaleDiv); - - if (scope.ngDisabled) { - disabler(scope.ngDisabled); - } - - initialized = true; - }; - - function initListener() { - // window resize listener - angular.element(win).bind('resize', function(event) { - scope.slider.onresize(); - }); - } - - // model -> view - ngModel.$render = function () { - //elm.html(ctrl.$viewValue); - var singleValue = false; - - if (!ngModel.$viewValue && ngModel.$viewValue !== 0) { - return; - } - - if (typeof(ngModel.$viewValue) === 'number') { - ngModel.$viewValue = ''+ngModel.$viewValue; - } - - if( !ngModel.$viewValue.split(';')[1]) { - scope.mainSliderClass += ' jslider-single'; - } - else { - scope.mainSliderClass = scope.mainSliderClass.replace(' jslider-single', ''); - } - - if (scope.slider) { - var vals = ngModel.$viewValue.split(";"); - scope.slider.getPointers()[0].set(vals[0], true); - if (vals[1]) { - scope.slider.getPointers()[1].set(vals[1], true); - //if moving left to right with two pointers - //we need to "finish" moving the first - if(parseInt(vals[1]) > parseInt(vals[0])){ - scope.slider.getPointers()[0].set(vals[0], true); - } - } - } - - }; - - scope.$on('slider-value-update', function(e, msg){ - init(msg.value); - timeout(function(){ - scope.slider.redrawPointers(); - }); - }); - - // view -> model - var forceApply = function(value, released) { - if (scope.disabled) - return; - scope.$apply(function() { - ngModel.$setViewValue(value); - }); - if (scope.options.callback){ - scope.options.callback(value, released); - } - }; - - // watch options - scope.$watch('options', function(value) { - timeout(function(){ - init(); - }); - }, scope.watchOptions || true); - - // disabling - var disabler = function(value) { - scope.disabled = value; - if (scope.slider) { - scope.tmplElt.toggleClass('disabled'); - scope.slider.disable(value); - } - }; - - scope.$watch('ngDisabled', function(value) { - disabler(value); - }); - - scope.limitValue = function(value) { - if (scope.options.modelLabels) { - if (angular.isFunction(scope.options.modelLabels)) { - return scope.options.modelLabels(value); - } - return scope.options.modelLabels[value] !== undefined ? scope.options.modelLabels[value] : value; - } - return value; - }; - - var slidering = function( inputElement, element, settings) { - return new Slider( inputElement, element, settings ); - }; - } - }; - }]) -.config(function() {}) -.run(function() {}); -})(angular); -;(function(angular){ - 'use strict'; - angular.module('angularAwesomeSlider').constant('sliderConstants', { - SLIDER: { - settings: { - from: 1, - to: 40, - step: 1, - smooth: true, - limits: false, - round: false, - value: "3", - dimension: "", - vertical: false, - calculate: false, - onstatechange: false, - callback: false, - realtime: false - }, - className: "jslider", - selector: ".jslider-", - css: { - visible : { visibility: "visible" }, - hidden : { visibility: "hidden" } - } - }, - EVENTS: { - - } - }); - -}(angular));;(function(angular){ - 'use strict'; - - angular.module('angularAwesomeSlider').factory('sliderUtils', ['$window', function(win) { - return { - offset: function(elm) { - // try {return elm.offset();} catch(e) {} - var rawDom = elm[0]; - var _x = 0; - var _y = 0; - var body = document.documentElement || document.body; - var scrollX = window.pageXOffset || body.scrollLeft; - var scrollY = window.pageYOffset || body.scrollTop; - _x = rawDom.getBoundingClientRect().left + scrollX; - _y = rawDom.getBoundingClientRect().top + scrollY; - return { left: _x, top:_y }; - }, - browser: function() { - // TODO finish browser detection and this case - var userAgent = win.navigator.userAgent; - var browsers = {mozilla: /mozilla/i, chrome: /chrome/i, safari: /safari/i, firefox: /firefox/i, ie: /internet explorer/i}; - for(var key in browsers) { - if (browsers[key].test(userAgent)) { - return key; - } - } - return 'unknown'; - } - }; - }]); -})(angular); - - - -;(function(angular){ - 'use strict'; - - angular.module('angularAwesomeSlider').factory('sliderDraggable', ['sliderUtils', function(utils) { - - function Draggable(){ - this._init.apply( this, arguments ); - } - - Draggable.prototype.oninit = function(){ - }; - - Draggable.prototype.events = function(){ - }; - - Draggable.prototype.onmousedown = function(){ - this.ptr.css({ position: 'absolute' }); - }; - - Draggable.prototype.onmousemove = function( evt, x, y ){ - this.ptr.css({ left: x, top: y }); - }; - - Draggable.prototype.onmouseup = function(){}; - - Draggable.prototype.isDefault = { - drag: false, - clicked: false, - toclick: true, - mouseup: false - }; - - Draggable.prototype._init = function() { - if( arguments.length > 0 ){ - this.ptr = arguments[0]; - this.label = arguments[3]; - this.parent = arguments[2]; - - if (!this.ptr) - return; - //this.outer = $(".draggable-outer"); - - this.is = {}; - angular.extend( this.is, this.isDefault ); - var offset = utils.offset(this.ptr); - - this.d = { - left: offset.left, - top: offset.top, - width: this.ptr[0].clientWidth, - height: this.ptr[0].clientHeight - }; - - this.oninit.apply( this, arguments ); - - this._events(); - } - }; - - Draggable.prototype._getPageCoords = function( event ){ - if( event.targetTouches && event.targetTouches[0] ){ - return { x: event.targetTouches[0].pageX, y: event.targetTouches[0].pageY }; - } else - return { x: event.pageX, y: event.pageY }; - }; - - Draggable.prototype._bindEvent = function( ptr, eventType, handler ){ - var self = this; - - // PS need to bind to touch and non-touch events for devices which support both - if( this.supportTouches_ ){ - ptr[0].addEventListener( this.events_[ eventType ].touch, handler, false ); - } - - ptr.bind( this.events_[ eventType ].nonTouch, handler ); - }; - - Draggable.prototype._events = function(){ - var self = this; - - this.supportTouches_ = 'ontouchend' in document; - this.events_ = { - 'click': { touch : 'touchstart', nonTouch : 'click' }, - 'down': { touch : 'touchstart', nonTouch : 'mousedown' }, - 'move': { touch : 'touchmove', nonTouch : 'mousemove' }, - 'up' : { touch : 'touchend', nonTouch: 'mouseup'}, - 'mousedown' : { touch : 'mousedown', nonTouch : 'mousedown' } - }; - - var documentElt = angular.element(window.document); - - this._bindEvent(documentElt, 'move', function(event) { - if(self.is.drag) { - event.stopPropagation(); - event.preventDefault(); - if (!self.parent.disabled) { - self._mousemove(event); - } - } - }); - this._bindEvent(documentElt, 'down', function(event) { - if(self.is.drag) { - event.stopPropagation(); - event.preventDefault(); - } - }); - this._bindEvent(documentElt, 'up', function(event) { - self._mouseup(event); - }); - - this._bindEvent( this.label, 'down', function(event) { - self._mousedown( event ); - return false; - }); - this._bindEvent( this.label, 'up', function(event) { - self._mouseup( event ); - }); - - this._bindEvent( this.ptr, 'down', function(event) { - self._mousedown( event ); - return false; - }); - this._bindEvent( this.ptr, 'up', function(event) { - self._mouseup( event ); - }); - - // TODO see if needed - this.events(); - }; - - Draggable.prototype._mousedown = function( evt ){ - this.is.drag = true; - this.is.clicked = false; - this.is.mouseup = false; - - var coords = this._getPageCoords( evt ); - this.cx = coords.x - this.ptr[0].offsetLeft; - this.cy = coords.y - this.ptr[0].offsetTop; - - angular.extend(this.d, { - left: coords.x, - top: coords.y, - width: this.ptr[0].clientWidth, - height: this.ptr[0].clientHeight - }); - - if( this.outer && this.outer.get(0) ){ - this.outer.css({ height: Math.max(this.outer.height(), $(document.body).height()), overflow: 'hidden' }); - } - - this.onmousedown( evt ); - }; - - Draggable.prototype._mousemove = function( evt ){ - this.is.toclick = false; - var coords = this._getPageCoords( evt ); - this.onmousemove( evt, coords.x - this.cx, coords.y - this.cy ); - }; - - Draggable.prototype._mouseup = function( evt ){ - var oThis = this; - - if( this.is.drag ){ - this.is.drag = false; - - var browser = utils.browser(); - - if( this.outer && this.outer.get(0) ) { - - if( browser === 'mozilla' ){ - this.outer.css({ overflow: "hidden" }); - } else { - this.outer.css({ overflow: "visible" }); - } - - // TODO finish browser detection and this case, remove following line - this.outer.css({ height: "auto" }); - // if( browser === 'ie' && $.browser.version == '6.0' ){ - // this.outer.css({ height: "100%" }); - // } else { - // this.outer.css({ height: "auto" }); - // } - - } - - this.onmouseup( evt ); - } - }; - - return Draggable; - }]); -}(angular)); -;(function(angular){ - 'use strict'; - - angular.module('angularAwesomeSlider').factory('sliderPointer', ['sliderDraggable', 'sliderUtils', function(Draggable, utils) { - - function SliderPointer() { - Draggable.apply(this, arguments); - } - - SliderPointer.prototype = new Draggable(); - - SliderPointer.prototype.oninit = function( ptr, id, vertical, label, _constructor ) { - this.uid = id; - this.parent = _constructor; - this.value = {}; - this.vertical = vertical; - this.settings = angular.copy(_constructor.settings); - this.threshold = this.settings.threshold; - }; - - SliderPointer.prototype.onmousedown = function( evt ) { - var off = utils.offset(this.parent.domNode); - - var offset = { - left: off.left, - top: off.top, - width: this.parent.domNode[0].clientWidth, - height: this.parent.domNode[0].clientHeight - }; - - this._parent = { - offset: offset, - width: offset.width, - height: offset.height - }; - - this.ptr.addClass('jslider-pointer-hover'); - }; - - SliderPointer.prototype.onmousemove = function( evt, x, y ){ - var coords = this._getPageCoords( evt ); - this._set(!this.vertical ? this.calc( coords.x ) : this.calc( coords.y )); - if( this.settings.realtime && this.settings.cb && angular.isFunction(this.settings.cb) ) - this.settings.cb.call( this.parent, this.parent.getValue(), !this.is.drag ); - }; - - SliderPointer.prototype.onmouseup = function(evt){ - if( this.settings.cb && angular.isFunction(this.settings.cb)) - this.settings.cb.call( this.parent, this.parent.getValue(), !this.is.drag ); - - if (!this.is.drag) - this.ptr.removeClass('jslider-pointer-hover'); - }; - - SliderPointer.prototype.limits = function( x ){ - return this.parent.limits(x, this); - }; - - SliderPointer.prototype.calc = function( coords ){ - return !this.vertical ? - this.limits(((coords-this._parent.offset.left)*100)/this._parent.width) - : - this.limits(((coords-this._parent.offset.top)*100)/this._parent.height); - }; - - SliderPointer.prototype.set = function( value, opt_origin ){ - this.value.origin = this.parent.round(value); - this._set(this.parent.valueToPrc(value,this), opt_origin); - }; - - SliderPointer.prototype._set = function( prc, opt_origin ){ - this.allowed = true; - - var oldOrigin = this.value.origin; - var oldPerc = this.value.prc; - - this.value.origin = this.parent.prcToValue(prc); - this.value.prc = prc; - - // check threshold - if (this.threshold && this.parent.o.pointers[1]) { - var v1 = this.value.origin, - v2 = this.parent.o.pointers[this.uid === 0 ? 1:0].value.origin; - this.allowed = Math.abs(v2 - v1) >= this.threshold; - if (!this.allowed && oldOrigin !== undefined && oldPerc !== undefined){ - this.value.origin = oldOrigin; - this.value.prc = oldPerc; - } - } - - if (!this.vertical) - this.ptr.css({left:this.value.prc+'%'}); - else - this.ptr.css({top:this.value.prc+'%', marginTop: -5}); - this.parent.redraw(this); - }; - - return SliderPointer; - }]); -}(angular)); -;(function(angular){ - 'use strict'; - - angular.module('angularAwesomeSlider').factory('slider', ['sliderPointer', 'sliderConstants', 'sliderUtils', function(SliderPointer, sliderConstants, utils) { - - function Slider(){ - return this.init.apply(this, arguments); - } - - Slider.prototype.init = function( inputNode, templateNode, settings ){ - this.settings = settings; - this.inputNode = inputNode; - this.inputNode.addClass('ng-hide'); - - this.settings.interval = this.settings.to-this.settings.from; - - if(this.settings.calculate && angular.isFunction(this.settings.calculate)) { - this.nice = this.settings.calculate; - } - - if(this.settings.onstatechange && angular.isFunction(this.settings.onstatechange)) { - this.onstatechange = this.settings.onstatechange; - } - - this.css = sliderConstants.SLIDER.css; - this.is = {init: false}; - this.o = {}; - this.initValue = {}; - this.isAsc = settings.from < settings.to; - - this.create(templateNode); - - return this; - }; - - Slider.prototype.create = function( templateNode ){ - // set skin class - // if( this.settings.skin && this.settings.skin.length > 0 ) - // this.setSkin( this.settings.skin ); - - var self = this; - - this.domNode = templateNode; - - var divs = this.domNode.find('div'), - is = this.domNode.find('i'), - angElt = angular.element, - angExt = angular.extend, - angForEach = angular.forEach, - pointer1 = angElt(divs[1]), - pointer2 = angElt(divs[2]), - pointerLabel1 = angElt(divs[5]), - pointerLabel2 = angElt(divs[6]), - indicatorLeft = angElt(is[0]), - indicatorRight = angElt(is[1]), - range = angElt(is[2]), - indicator1 = angElt(is[3]), - indicator2 = angElt(is[4]), - indicator3 = angElt(is[5]), - indicator4 = angElt(is[6]), - labels = [pointerLabel1, pointerLabel2], - pointers = [pointer1, pointer2], - off = utils.offset(this.domNode), - offset = { - left: off.left, - top: off.top, - width: this.domNode[0].clientWidth, - height: this.domNode[0].clientHeight - }, - values = self.settings.value.split(';'); - - this.sizes = { - domWidth: this.domNode[0].clientWidth, - domHeight: this.domNode[0].clientHeight, - domOffset: offset - }; - - // find some objects - angExt(this.o, { - pointers: {}, - labels: { 0: { o : pointerLabel1 }, 1: { o : pointerLabel2 } }, - limits: { 0: angular.element(divs[3]), 1: angular.element(divs[4]) }, - indicators: { 0: indicator1, 1: indicator2, 2: indicator3, 3: indicator4 } - }); - - angExt(this.o.labels[0], { - value: this.o.labels[0].o.find("span") - }); - - angExt(this.o.labels[1], { - value: this.o.labels[1].o.find("span") - }); - - // single pointer - this.settings.single = !self.settings.value.split(";")[1]; - - if (this.settings.single) { - range.addClass('ng-hide'); - } else { - range.removeClass('ng-hide'); - } - - angForEach(pointers, function(pointer, key) { - self.settings = angular.copy(self.settings); - - var value = values[key], - prev, - prevValue, - test, - value1, - offset; - - if(value) { - self.o.pointers[key] = new SliderPointer(pointer, key, self.settings.vertical, labels[key], self); - - prev = values[key-1]; - prevValue = prev ? parseInt(prev, 10 ) : undefined; - - value = self.settings.round ? parseFloat(value) : parseInt(value, 10); - - if( prev && self.isAsc ? value < prevValue : value > prevValue ) { - value = prev; - } - - // limit threshold adjust -/* test = self.isAsc ? value < self.settings.from : value > self.settings.from, - value1 = test ? self.settings.from : value; */ - - test = self.isAsc ? value > self.settings.to : value < self.settings.to; - value1 = test ? self.settings.to : value; - - self.o.pointers[key].set( value1, true ); - - // reinit position d - offset = utils.offset(self.o.pointers[key].ptr); - - self.o.pointers[key].d = { - left: offset.left, - top: offset.top - }; - } - }); - - self.domNode.bind('mousedown', self.clickHandler.apply(self)); - - this.o.value = angElt(this.domNode.find("i")[2]); - this.is.init = true; - - // CSS SKIN - if (this.settings.css) { - indicatorLeft.css(this.settings.css.background ? this.settings.css.background : {}); - indicatorRight.css(this.settings.css.background ? this.settings.css.background : {}); - if (!this.o.pointers[1]) { - indicator1.css(this.settings.css.before ? this.settings.css.before : {}); - indicator4.css(this.settings.css.after ? this.settings.css.after : {}); - } - - indicator2.css(this.settings.css.default ? this.settings.css.default : {}); - indicator3.css(this.settings.css.default ? this.settings.css.default : {}); - - range.css(this.settings.css.range ? this.settings.css.range : {}); - pointer1.css(this.settings.css.pointer ? this.settings.css.pointer : {}); - pointer2.css(this.settings.css.pointer ? this.settings.css.pointer : {}); - } - - this.redrawPointers(); - }; - - Slider.prototype.clickHandler = function() { - var self = this; - - // in case of showing/hiding - var resetPtrSize = function( ptr ) { - var ptr1 = self.o.pointers[0].ptr, - ptr2 = self.o.pointers[1].ptr, - offset1 = utils.offset(ptr1), - offset2 = utils.offset(ptr2); - - self.o.pointers[0].d = { - left: offset1.left, - top: offset1.top, - width: ptr1[0].clientWidth, - height: ptr1[0].clientHeight - }; - - self.o.pointers[1].d = { - left: offset2.left, - top: offset2.top, - width: ptr2[0].clientWidth, - height: ptr2[0].clientHeight - }; - }; - - return function(evt) { - if (self.disabled) - return; - var vertical = self.settings.vertical, - targetIdx = 0, - _off = utils.offset(self.domNode), - firstPtr = self.o.pointers[0], - secondPtr = self.o.pointers[1] ? self.o.pointers[1] : null, - tmpPtr, - evtPosition = evt.originalEvent ? evt.originalEvent: evt, - mouse = vertical ? evtPosition.pageY : evtPosition.pageX, - css = vertical ? 'top' : 'left', - offset = { left: _off.left, top: _off.top, width: self.domNode[0].clientWidth, height: self.domNode[0].clientHeight }, - targetPtr = self.o.pointers[targetIdx]; - - if (secondPtr) { - if (!secondPtr.d.width) { - resetPtrSize(); - } - var firstPtrPosition = utils.offset(firstPtr.ptr)[css]; - var secondPtrPosition = utils.offset(secondPtr.ptr)[css]; - var middleGap = Math.abs((secondPtrPosition - firstPtrPosition) / 2); - var testSecondPtrToMove = mouse >= secondPtrPosition || mouse >= (secondPtrPosition - middleGap); - if (testSecondPtrToMove) { - targetPtr = secondPtr; - } - } - targetPtr._parent = {offset: offset, width: offset.width, height: offset.height}; - var coords = firstPtr._getPageCoords( evt ); - targetPtr.cx = coords.x - targetPtr.d.left; - targetPtr.cy = coords.y - targetPtr.d.top; - targetPtr.onmousemove( evt, coords.x, coords.y); - targetPtr.onmouseup(); - angular.extend(targetPtr.d, { - left: coords.x, - top: coords.y - }); - - self.redraw(targetPtr); - return false; - }; - }; - - - Slider.prototype.disable = function( bool ) { - this.disabled = bool; - }; - - Slider.prototype.nice = function( value ){ - return value; - }; - - Slider.prototype.onstatechange = function(){}; - - Slider.prototype.limits = function( x, pointer ){ - // smooth - if(!this.settings.smooth){ - var step = this.settings.step*100 / ( this.settings.interval ); - x = Math.round( x/step ) * step; - } - - if (pointer) { - var another = this.o.pointers[1-pointer.uid]; - if(another && pointer.uid && x < another.value.prc) x = another.value.prc; - if(another && !pointer.uid && x > another.value.prc) x = another.value.prc; - } - // base limit - if(x < 0) x = 0; - if(x > 100) x = 100; - - return Math.round(x*10) / 10; - }; - - Slider.prototype.getPointers = function(){ - return this.o.pointers; - }; - - Slider.prototype.generateScale = function(){ - if (this.settings.scale && this.settings.scale.length > 0){ - var str = '', - s = this.settings.scale, - // FIX Big Scale Failure #34 - // var prc = Math.round((100/(s.length-1))*10)/10; - prc, - label, - duplicate = {}, - position = this.settings.vertical ? 'top' : 'left', - i=0; - for(; i < s.length; i++) { - if (!angular.isDefined(s[i].val)) { - prc = (100/(s.length-1)).toFixed(2); - str += '<span style="'+ position + ': ' + i*prc + '%">' + ( s[i] != '|' ? '<ins>' + s[i] + '</ins>' : '' ) + '</span>'; - } - - if (s[i].val <= this.settings.to && s[i].val >= this.settings.from && ! duplicate[s[i].val]) { - duplicate[s[i].val] = true; - prc = this.valueToPrc(s[i].val); - label = s[i].label ? s[i].label : s[i].val; - str += '<span style="'+ position + ': ' + prc + '%">' + '<ins>' + label + '</ins>' + '</span>'; - } - } - return str; - } - - return ''; - }; - - Slider.prototype.onresize = function(){ - var self = this; - - this.sizes = { - domWidth: this.domNode[0].clientWidth, - domHeight: this.domNode[0].clientHeight, - domOffset: { - left: this.domNode[0].offsetLeft, - top: this.domNode[0].offsetTop, - width: this.domNode[0].clientWidth, - height: this.domNode[0].clientHeight - } - }; - - this.redrawPointers(); - }; - - Slider.prototype.update = function(){ - this.onresize(); - this.drawScale(); - }; - - Slider.prototype.drawScale = function( scaleDiv ){ - angular.forEach(angular.element(scaleDiv).find('ins'), function(scaleLabel, key) { - scaleLabel.style.marginLeft = - scaleLabel.clientWidth / 2; - }); - }; - - Slider.prototype.redrawPointers = function() { - - angular.forEach(this.o.pointers, function(pointer){ - this.redraw(pointer); - }, this); - }; - - Slider.prototype.redraw = function( pointer ){ - if(!this.is.init) { - // this.settings.single - if(this.o.pointers[0] && !this.o.pointers[1]) { - this.originValue = this.o.pointers[0].value.prc; - this.o.indicators[0].css(!this.settings.vertical ? {left:0, width:this.o.pointers[0].value.prc + "%"} : {top:0, height:this.o.pointers[0].value.prc + "%"}); - this.o.indicators[1].css(!this.settings.vertical ? {left:this.o.pointers[0].value.prc + "%"} : {top:this.o.pointers[0].value.prc + "%"}); - this.o.indicators[3].css(!this.settings.vertical ? {left:this.o.pointers[0].value.prc + "%"} : {top:this.o.pointers[0].value.prc + "%"}); - } else { - this.o.indicators[2].css(!this.settings.vertical ? {left:this.o.pointers[1].value.prc + "%"} : {top:this.o.pointers[1].value.prc + "%"}); - this.o.indicators[0].css(!this.settings.vertical ? {left:0, width:"0"} : {top:0, height:"0"}); - this.o.indicators[3].css(!this.settings.vertical ? {left:"0", width:"0"} : {top:"0", height:"0"}); - } - - return false; - } - - this.setValue(); - - var newPos, - newWidth; - - // redraw range line - if(this.o.pointers[0] && this.o.pointers[1]) { - newPos = !this.settings.vertical ? - { left: this.o.pointers[0].value.prc + "%", width: ( this.o.pointers[1].value.prc - this.o.pointers[0].value.prc ) + "%" } - : - { top: this.o.pointers[0].value.prc + "%", height: ( this.o.pointers[1].value.prc - this.o.pointers[0].value.prc ) + "%" }; - - this.o.value.css(newPos); - - // both pointer overlap on limits - if (this.o.pointers[0].value.prc === this.o.pointers[1].value.prc) { - this.o.pointers[1].ptr.css("z-index", this.o.pointers[0].value.prc === 0 ? '3' : '1'); - } - - } - - if(this.o.pointers[0] && !this.o.pointers[1]) { - newWidth = this.o.pointers[0].value.prc - this.originValue; - if (newWidth >= 0) { - this.o.indicators[3].css(!this.settings.vertical ? {width: newWidth + "%"} : {height: newWidth + "%"}); - } - else { - this.o.indicators[3].css(!this.settings.vertical ? {width: 0} : {height: 0}); - } - - if (this.o.pointers[0].value.prc < this.originValue) { - this.o.indicators[0].css(!this.settings.vertical ? {width: this.o.pointers[0].value.prc + "%"} : {height: this.o.pointers[0].value.prc + "%"}); - } - else { - this.o.indicators[0].css(!this.settings.vertical ? {width: this.originValue + "%"} : {height: this.originValue + "%"}); - } - - } - - var value = this.nice(pointer.value.origin); - if (this.settings.modelLabels) { - if (angular.isFunction(this.settings.modelLabels)) { - value = this.settings.modelLabels(value); - } - else { - value = this.settings.modelLabels[value] !== undefined ? this.settings.modelLabels[value] : value; - } - } - - this.o.labels[pointer.uid].value.html(value); - - // redraw position of labels - this.redrawLabels( pointer ); - }; - - Slider.prototype.redrawLabels = function( pointer ) { - - function setPosition( label, sizes, prc ) { - sizes.margin = -sizes.label/2; - var domSize = !self.settings.vertical ? self.sizes.domWidth : self.sizes.domHeight; - - if (self.sizes.domWidth) { - // left limit - var label_left = sizes.border + sizes.margin; - if(label_left < 0) - sizes.margin -= label_left; - - // right limit - if(self.sizes.domWidth > 0 && sizes.border+sizes.label / 2 > domSize){ - sizes.margin = 0; - sizes.right = true; - } else - sizes.right = false; - } - - if (!self.settings.vertical) - label.o.css({ left: prc + "%", marginLeft: sizes.margin+"px", right: "auto" }); - else - label.o.css({ top: prc + "%", marginLeft: "20px", marginTop: sizes.margin, bottom: "auto" }); - if(sizes.right && self.sizes.domWidth > 0) { - if (!self.settings.vertical) - label.o.css({ left: "auto", right: 0 }); - else - label.o.css({ top: "auto", bottom: 0 }); - } - return sizes; - } - - var self = this, - label = this.o.labels[pointer.uid], - prc = pointer.value.prc, - // case hidden - labelWidthSize = label.o[0].offsetWidth === 0 ? (label.o[0].textContent.length)*7 : label.o[0].offsetWidth; - - this.sizes.domWidth = this.domNode[0].clientWidth; - this.sizes.domHeight = this.domNode[0].clientHeight; - - var sizes = { - label: !self.settings.vertical ? labelWidthSize : label.o[0].offsetHeight, - right: false, - border: (prc * (!self.settings.vertical ? this.sizes.domWidth: this.sizes.domHeight)) / 100 - }; - - var anotherIdx = pointer.uid === 0 ? 1:0, - anotherLabel, - anotherPtr; - - if (!this.settings.single && !this.settings.vertical){ - // glue if near; - anotherLabel = this.o.labels[anotherIdx]; - anotherPtr = this.o.pointers[anotherIdx]; - var label1 = this.o.labels[0], - label2 = this.o.labels[1], - ptr1 = this.o.pointers[0], - ptr2 = this.o.pointers[1], - gapBetweenLabel = ptr2.ptr[0].offsetLeft - ptr1.ptr[0].offsetLeft, - value = this.nice(anotherPtr.value.origin); - - label1.o.css(this.css.visible); - label2.o.css(this.css.visible); - - value = this.getLabelValue(value); - - if (gapBetweenLabel + 10 < label1.o[0].offsetWidth+label2.o[0].offsetWidth) { - anotherLabel.o.css(this.css.hidden); - - anotherLabel.value.html(value); - prc = (anotherPtr.value.prc - prc) / 2 + prc; - if(anotherPtr.value.prc != pointer.value.prc){ - value = this.nice(this.o.pointers[0].value.origin); - var value1 = this.nice(this.o.pointers[1].value.origin); - value = this.getLabelValue(value); - value1 = this.getLabelValue(value1); - - label.value.html(value + " – " + value1); - sizes.label = label.o[0].offsetWidth; - sizes.border = (prc * domSize) / 100; - } - } - else { - anotherLabel.value.html(value); - anotherLabel.o.css(this.css.visible); - } - } - - sizes = setPosition(label, sizes, prc); - - var domSize = !self.settings.vertical ? self.sizes.domWidth : self.sizes.domHeight; - - /* draw second label */ - if(anotherLabel){ - // case hidden - var labelWidthSize2 = label.o[0].offsetWidth === 0 ? (label.o[0].textContent.length/2)*7 : label.o[0].offsetWidth, - sizes2 = { - label: !self.settings.vertical ? labelWidthSize2: anotherLabel.o[0].offsetHeight, - right: false, - border: (anotherPtr.value.prc * this.sizes.domWidth) / 100 - }; - sizes = setPosition(anotherLabel, sizes2, anotherPtr.value.prc); - } - - this.redrawLimits(); - }; - - Slider.prototype.redrawLimits = function() { - if (this.settings.limits) { - - var limits = [true, true], - i = 0; - - for(var key in this.o.pointers){ - - if(!this.settings.single || key === 0){ - - var pointer = this.o.pointers[key], - label = this.o.labels[pointer.uid], - label_left = label.o[0].offsetLeft - this.sizes.domOffset.left, - limit = this.o.limits[0]; - - if(label_left < limit[0].clientWidth) { - limits[0] = false; - } - - limit = this.o.limits[1]; - if(label_left + label.o[0].clientWidth > this.sizes.domWidth - limit[0].clientWidth){ - limits[1] = false; - } - - } - } - - for(; i < limits.length; i++){ - if(limits[i]){ // TODO animate - angular.element(this.o.limits[i]).addClass("animate-show"); - } - else{ - angular.element(this.o.limits[i]).addClass("animate-hidde"); - } - } - } - }; - - Slider.prototype.setValue = function(){ - var value = this.getValue(); - this.inputNode.attr("value", value); - this.onstatechange.call(this, value, this.inputNode); - }; - - Slider.prototype.getValue = function(){ - if(!this.is.init) return false; - var $this = this; - - var value = ""; - angular.forEach(this.o.pointers, function(pointer, key){ - if(pointer.value.prc !== undefined && !isNaN(pointer.value.prc)) - value += (key > 0 ? ";" : "") + $this.prcToValue(pointer.value.prc); - }); - return value; - }; - - Slider.prototype.getLabelValue = function(value){ - if (this.settings.modelLabels) { - if (angular.isFunction(this.settings.modelLabels)) { - return this.settings.modelLabels(value); - } - else { - return this.settings.modelLabels[value] !== undefined ? this.settings.modelLabels[value] : value; - } - } - - return value; - }; - - Slider.prototype.getPrcValue = function(){ - if(!this.is.init) return false; - var $this = this; - - var value = ""; - // TODO remove jquery and see if % value is nice feature - /*$.each(this.o.pointers, function(i){ - if(this.value.prc !== undefined && !isNaN(this.value.prc)) value += (i > 0 ? ";" : "") + this.value.prc; - });*/ - return value; - }; - - Slider.prototype.prcToValue = function( prc ){ - var value; - if (this.settings.heterogeneity && this.settings.heterogeneity.length > 0){ - var h = this.settings.heterogeneity, - _start = 0, - _from = this.settings.round ? parseFloat(this.settings.from) : parseInt(this.settings.from, 10), - _to = this.settings.round ? parseFloat(this.settings.to) : parseInt(this.settings.to, 10), - i = 0; - - for (; i <= h.length; i++){ - var v; - if(h[i]) - v = h[i].split('/'); - else - v = [100, _to]; - - var v1 = this.settings.round ? parseFloat(v[0]) : parseInt(v[0], 10); - var v2 = this.settings.round ? parseFloat(v[1]) : parseInt(v[1], 10); - - if (prc >= _start && prc <= v1) { - value = _from + ((prc-_start) * (v2-_from)) / (v1-_start); - } - - _start = v1; - _from = v2; - } - } - else { - value = this.settings.from + (prc * this.settings.interval) / 100; - } - - return this.round(value); - }; - - Slider.prototype.valueToPrc = function( value, pointer ){ - var prc, - _from = this.settings.round ? parseFloat(this.settings.from) : parseInt(this.settings.from, 10); - - if (this.settings.heterogeneity && this.settings.heterogeneity.length > 0){ - var h = this.settings.heterogeneity, - _start = 0, - i = 0; - - for (; i <= h.length; i++) { - var v; - if(h[i]) - v = h[i].split('/'); - else - v = [100, this.settings.to]; - - var v1 = this.settings.round ? parseFloat(v[0]) : parseInt(v[0], 10); - var v2 = this.settings.round ? parseFloat(v[1]) : parseInt(v[1], 10); - - if(value >= _from && value <= v2){ - if (pointer) { - prc = pointer.limits(_start + (value-_from)*(v1-_start)/(v2-_from)); - } else { - prc = this.limits(_start + (value-_from)*(v1-_start)/(v2-_from)); - } - } - - _start = v1; _from = v2; - } - - } else { - if (pointer) { - prc = pointer.limits((value-_from)*100/this.settings.interval); - } else { - prc = this.limits((value-_from)*100/this.settings.interval); - } - } - - return prc; - }; - - Slider.prototype.round = function( value ){ - value = Math.round(value / this.settings.step) * this.settings.step; - - if(this.settings.round) - value = Math.round(value * Math.pow(10, this.settings.round)) / Math.pow(10, this.settings.round); - else - value = Math.round(value); - return value; - }; - - return Slider; - - }]); -}(angular)); -;(function(angular, undefined) { -'use strict'; - - angular.module('angularAwesomeSlider') - .run(['$templateCache', function ($templateCache) { - $templateCache.put('ng-slider/slider-bar.tmpl.html', - '<span ng-class="mainSliderClass" id="{{sliderTmplId}}">' + - '<table><tr><td>' + - '<div class="jslider-bg">' + - '<i class="left"></i>'+ - '<i class="right"></i>'+ - '<i class="range"></i>'+ - '<i class="before"></i>'+ - '<i class="default"></i>'+ - '<i class="default"></i>'+ - '<i class="after"></i>'+ - '</div>' + - '<div class="jslider-pointer"></div>' + - '<div class="jslider-pointer jslider-pointer-to"></div>' + - '<div class="jslider-label" ng-show="options.limits"><span ng-bind="limitValue(options.from)"></span>{{options.dimension}}</div>' + - '<div class="jslider-label jslider-label-to" ng-show="options.limits"><span ng-bind="limitValue(options.to)"></span>{{options.dimension}}</div>' + - '<div class="jslider-value"><span></span>{{options.dimension}}</div>' + - '<div class="jslider-value jslider-value-to"><span></span>{{options.dimension}}</div>' + - '<div class="jslider-scale" id="{{sliderScaleDivTmplId}}"></div>' + - '</td></tr></table>' + - '</span>'); - }]); - -})(window.angular); |