').addClass('scroll-wrapper').addClass(c.attr('class')) .css('position', c.css('position') === 'absolute' ? 'absolute' : 'relative') .insertBefore(c).append(c); if (o.isRtl) { w.addClass('scroll--rtl'); } if (c.is('textarea')) { this.containerWrapper = cw = $('

').insertBefore(c).append(c); w.addClass('scroll-textarea'); } cssOptions = { "height": "auto", "margin-bottom": browser.scroll.height * -1 + 'px', "max-height": "" }; cssOptions[o.isRtl ? 'margin-left' : 'margin-right'] = browser.scroll.width * -1 + 'px'; cw.addClass('scroll-content').css(cssOptions); c.on('scroll' + namespace, function (event) { var scrollLeft = c.scrollLeft(); var scrollTop = c.scrollTop(); if (o.isRtl) { // webkit 0:100 // ie/edge 100:0 // firefox -100:0 switch (true) { case browser.firefox: scrollLeft = Math.abs(scrollLeft); case browser.msedge || browser.msie: scrollLeft = c[0].scrollWidth - c[0].clientWidth - scrollLeft; break; } } if ($.isFunction(o.onScroll)) { o.onScroll.call(S, { maxScroll: s.y.maxScrollOffset, scroll: scrollTop, size: s.y.size, visible: s.y.visible }, { maxScroll: s.x.maxScrollOffset, scroll: scrollLeft, size: s.x.size, visible: s.x.visible }); } s.x.isVisible && s.x.scroll.bar.css('left', scrollLeft * s.x.kx + 'px'); s.y.isVisible && s.y.scroll.bar.css('top', scrollTop * s.y.kx + 'px'); }); /* prevent native scrollbars to be visible on #anchor click */ w.on('scroll' + namespace, function () { w.scrollTop(0).scrollLeft(0); }); if (o.disableBodyScroll) { var handleMouseScroll = function (event) { isVerticalScroll(event) ? s.y.isVisible && s.y.mousewheel(event) : s.x.isVisible && s.x.mousewheel(event); }; w.on('MozMousePixelScroll' + namespace, handleMouseScroll); w.on('mousewheel' + namespace, handleMouseScroll); if (browser.mobile) { w.on('touchstart' + namespace, function (event) { var touch = event.originalEvent.touches && event.originalEvent.touches[0] || event; var originalTouch = { pageX: touch.pageX, pageY: touch.pageY }; var originalScroll = { left: c.scrollLeft(), top: c.scrollTop() }; $(doc).on('touchmove' + namespace, function (event) { var touch = event.originalEvent.targetTouches && event.originalEvent.targetTouches[0] || event; c.scrollLeft(originalScroll.left + originalTouch.pageX - touch.pageX); c.scrollTop(originalScroll.top + originalTouch.pageY - touch.pageY); event.preventDefault(); }); $(doc).on('touchend' + namespace, function () { $(doc).off(namespace); }); }); } } if ($.isFunction(o.onInit)) { o.onInit.apply(this, [c]); } } else { cssOptions = { "height": "auto", "margin-bottom": browser.scroll.height * -1 + 'px', "max-height": "" }; cssOptions[o.isRtl ? 'margin-left' : 'margin-right'] = browser.scroll.width * -1 + 'px'; cw.css(cssOptions); } // init scrollbars & recalculate sizes $.each(s, function (d, scrollx) { var scrollCallback = null; var scrollForward = 1; var scrollOffset = (d === 'x') ? 'scrollLeft' : 'scrollTop'; var scrollStep = o.scrollStep; var scrollTo = function () { var currentOffset = c[scrollOffset](); c[scrollOffset](currentOffset + scrollStep); if (scrollForward == 1 && (currentOffset + scrollStep) >= scrollToValue) currentOffset = c[scrollOffset](); if (scrollForward == -1 && (currentOffset + scrollStep) <= scrollToValue) currentOffset = c[scrollOffset](); if (c[scrollOffset]() == currentOffset && scrollCallback) { scrollCallback(); } } var scrollToValue = 0; if (!scrollx.scroll) { scrollx.scroll = S._getScroll(o['scroll' + d]).addClass('scroll-' + d); if (o.showArrows) { scrollx.scroll.addClass('scroll-element_arrows_visible'); } scrollx.mousewheel = function (event) { if (!scrollx.isVisible || (d === 'x' && isVerticalScroll(event))) { return true; } if (d === 'y' && !isVerticalScroll(event)) { s.x.mousewheel(event); return true; } var delta = event.originalEvent.wheelDelta * -1 || event.originalEvent.detail; var maxScrollValue = scrollx.size - scrollx.visible - scrollx.offset; // fix new mozilla if (!delta) { if (d === 'x' && !!event.originalEvent.deltaX) { delta = event.originalEvent.deltaX * 40; } else if (d === 'y' && !!event.originalEvent.deltaY) { delta = event.originalEvent.deltaY * 40; } } if ((delta > 0 && scrollToValue < maxScrollValue) || (delta < 0 && scrollToValue > 0)) { scrollToValue = scrollToValue + delta; if (scrollToValue < 0) scrollToValue = 0; if (scrollToValue > maxScrollValue) scrollToValue = maxScrollValue; S.scrollTo = S.scrollTo || {}; S.scrollTo[scrollOffset] = scrollToValue; setTimeout(function () { if (S.scrollTo) { c.stop().animate(S.scrollTo, 240, 'linear', function () { scrollToValue = c[scrollOffset](); }); S.scrollTo = null; } }, 1); } event.preventDefault(); return false; }; scrollx.scroll .on('MozMousePixelScroll' + namespace, scrollx.mousewheel) .on('mousewheel' + namespace, scrollx.mousewheel) .on('mouseenter' + namespace, function () { scrollToValue = c[scrollOffset](); }); // handle arrows & scroll inner mousedown event scrollx.scroll.find('.scroll-arrow, .scroll-element_track') .on('mousedown' + namespace, function (event) { if (event.which != 1) // lmb return true; scrollForward = 1; var data = { eventOffset: event[(d === 'x') ? 'pageX' : 'pageY'], maxScrollValue: scrollx.size - scrollx.visible - scrollx.offset, scrollbarOffset: scrollx.scroll.bar.offset()[(d === 'x') ? 'left' : 'top'], scrollbarSize: scrollx.scroll.bar[(d === 'x') ? 'outerWidth' : 'outerHeight']() }; var timeout = 0, timer = 0; if ($(this).hasClass('scroll-arrow')) { scrollForward = $(this).hasClass("scroll-arrow_more") ? 1 : -1; scrollStep = o.scrollStep * scrollForward; scrollToValue = scrollForward > 0 ? data.maxScrollValue : 0; if (o.isRtl) { switch(true){ case browser.firefox: scrollToValue = scrollForward > 0 ? 0: data.maxScrollValue * -1; break; case browser.msie || browser.msedge: break; } } } else { scrollForward = (data.eventOffset > (data.scrollbarOffset + data.scrollbarSize) ? 1 : (data.eventOffset < data.scrollbarOffset ? -1 : 0)); if(d === 'x' && o.isRtl && (browser.msie || browser.msedge)) scrollForward = scrollForward * -1; scrollStep = Math.round(scrollx.visible * 0.75) * scrollForward; scrollToValue = (data.eventOffset - data.scrollbarOffset - (o.stepScrolling ? (scrollForward == 1 ? data.scrollbarSize : 0) : Math.round(data.scrollbarSize / 2))); scrollToValue = c[scrollOffset]() + (scrollToValue / scrollx.kx); } S.scrollTo = S.scrollTo || {}; S.scrollTo[scrollOffset] = o.stepScrolling ? c[scrollOffset]() + scrollStep : scrollToValue; if (o.stepScrolling) { scrollCallback = function () { scrollToValue = c[scrollOffset](); clearInterval(timer); clearTimeout(timeout); timeout = 0; timer = 0; }; timeout = setTimeout(function () { timer = setInterval(scrollTo, 40); }, o.duration + 100); } setTimeout(function () { if (S.scrollTo) { c.animate(S.scrollTo, o.duration); S.scrollTo = null; } }, 1); return S._handleMouseDown(scrollCallback, event); }); // handle scrollbar drag'n'drop scrollx.scroll.bar.on('mousedown' + namespace, function (event) { if (event.which != 1) // lmb return true; var eventPosition = event[(d === 'x') ? 'pageX' : 'pageY']; var initOffset = c[scrollOffset](); scrollx.scroll.addClass('scroll-draggable'); $(doc).on('mousemove' + namespace, function (event) { var diff = parseInt((event[(d === 'x') ? 'pageX' : 'pageY'] - eventPosition) / scrollx.kx, 10); if (d === 'x' && o.isRtl && (browser.msie || browser.msedge)) diff = diff * -1; c[scrollOffset](initOffset + diff); c.scrollTop(initOffset + diff).trigger("scroll" + namespace); }); return S._handleMouseDown(function () { scrollx.scroll.removeClass('scroll-draggable'); scrollToValue = c[scrollOffset](); }, event); }); } }); // remove classes & reset applied styles $.each(s, function (d, scrollx) { var scrollClass = 'scroll-scroll' + d + '_visible'; var scrolly = (d == "x") ? s.y : s.x; scrollx.scroll.removeClass(scrollClass); scrolly.scroll.removeClass(scrollClass); cw.removeClass(scrollClass); }); // calculate init sizes $.each(s, function (d, scrollx) { $.extend(scrollx, (d == "x") ? { offset: parseInt(c.css('left'), 10) || 0, size: c.prop('scrollWidth'), visible: w.getHiddenDimensions().width } : { offset: parseInt(c.css('top'), 10) || 0, size: c.prop('scrollHeight'), visible: w.getHiddenDimensions().height }); }); // update scrollbar visibility/dimensions this._updateScroll('x', this.scrollx); this._updateScroll('y', this.scrolly); if ($.isFunction(o.onUpdate)) { o.onUpdate.apply(this, [c]); } // calculate scroll size $.each(s, function (d, scrollx) { var cssOffset = (d === 'x') ? 'left' : 'top'; var cssFullSize = (d === 'x') ? 'outerWidth' : 'outerHeight'; var cssSize = (d === 'x') ? 'width' : 'height'; var offset = parseInt(c.css(cssOffset), 10) || 0; var AreaSize = scrollx.size; var AreaVisible = scrollx.visible + offset; var scrollSize = scrollx.scroll.size[cssFullSize]() + (parseInt(scrollx.scroll.size.css(cssOffset), 10) || 0); if (o.autoScrollSize) { scrollx.scrollbarSize = parseInt(scrollSize * AreaVisible / AreaSize, 10); scrollx.scroll.bar.css(cssSize, scrollx.scrollbarSize + 'px'); } scrollx.scrollbarSize = scrollx.scroll.bar[cssFullSize](); scrollx.kx = ((scrollSize - scrollx.scrollbarSize) / (AreaSize - AreaVisible)) || 1; scrollx.maxScrollOffset = AreaSize - AreaVisible; }); c.scrollLeft(initScroll.scrollLeft).scrollTop(initScroll.scrollTop).trigger('scroll'); }, /** * Get scrollx/scrolly object * * @param {Mixed} scroll * @returns {jQuery} scroll object */ _getScroll: function (scroll) { var types = { advanced: [ '

', '

', // required! used for scrollbar size calculation ! '

', '

', // used for handling scrollbar click '

', '

', // required '

', '

' ].join(''), simple: [ '

', '

', // required! used for scrollbar size calculation ! '

', // used for handling scrollbar click '

', // required '

', '

' ].join('') }; if (types[scroll]) { scroll = types[scroll]; } if (!scroll) { scroll = types['simple']; } if (typeof (scroll) == 'string') { scroll = $(scroll).appendTo(this.wrapper); } else { scroll = $(scroll); } $.extend(scroll, { bar: scroll.find('.scroll-bar'), size: scroll.find('.scroll-element_size'), track: scroll.find('.scroll-element_track') }); return scroll; }, _handleMouseDown: function (callback, event) { var namespace = this.namespace; $(doc).on('blur' + namespace, function () { $(doc).add('body').off(namespace); callback && callback(); }); $(doc).on('dragstart' + namespace, function (event) { event.preventDefault(); return false; }); $(doc).on('mouseup' + namespace, function () { $(doc).add('body').off(namespace); callback && callback(); }); $('body').on('selectstart' + namespace, function (event) { event.preventDefault(); return false; }); event && event.preventDefault(); return false; }, _updateScroll: function (d, scrollx) { var container = this.container, containerWrapper = this.containerWrapper || container, scrollClass = 'scroll-scroll' + d + '_visible', scrolly = (d === 'x') ? this.scrolly : this.scrollx, offset = parseInt(this.container.css((d === 'x') ? 'left' : 'top'), 10) || 0, wrapper = this.wrapper; var AreaSize = scrollx.size; var AreaVisible = scrollx.visible + offset; scrollx.isVisible = (AreaSize - AreaVisible) > 1; // bug in IE9/11 with 1px diff if (scrollx.isVisible) { scrollx.scroll.addClass(scrollClass); scrolly.scroll.addClass(scrollClass); containerWrapper.addClass(scrollClass); } else { scrollx.scroll.removeClass(scrollClass); scrolly.scroll.removeClass(scrollClass); containerWrapper.removeClass(scrollClass); } if (d === 'y') { if (container.is('textarea') || AreaSize < AreaVisible) { containerWrapper.css({ "height": (AreaVisible + browser.scroll.height) + 'px', "max-height": "none" }); } else { containerWrapper.css({ //"height": "auto", // do not reset height value: issue with height:100%! "height": (AreaVisible + browser.scroll.height) + 'px', "max-height": (AreaVisible + browser.scroll.height) + 'px' }); } } if (scrollx.size != container.prop('scrollWidth') || scrolly.size != container.prop('scrollHeight') || scrollx.visible != wrapper.getHiddenDimensions().width || scrolly.visible != wrapper.getHiddenDimensions().height || scrollx.offset != (parseInt(container.css('left'), 10) || 0) || scrolly.offset != (parseInt(container.css('top'), 10) || 0) ) { $.extend(this.scrollx, { offset: parseInt(container.css('left'), 10) || 0, size: container.prop('scrollWidth'), visible: wrapper.getHiddenDimensions().width }); $.extend(this.scrolly, { offset: parseInt(container.css('top'), 10) || 0, size: this.container.prop('scrollHeight'), visible: wrapper.getHiddenDimensions().height }); this._updateScroll(d === 'x' ? 'y' : 'x', scrolly); } } }; var CustomScrollbar = BaseScrollbar; /* * Extend jQuery as plugin * * @param {Mixed} command to execute * @param {Mixed} arguments as Array * @return {jQuery} */ $.fn.scrollbar = function (command, args) { if (typeof command !== 'string') { args = command; command = 'init'; } if (typeof args === 'undefined') { args = []; } if (!$.isArray(args)) { args = [args]; } this.not('body, .scroll-wrapper').each(function () { var element = $(this), instance = element.data(browser.data.name); if (instance || command === 'init') { if (!instance) { instance = new CustomScrollbar(element); } if (instance[command]) { instance[command].apply(instance, args); } } }); return this; }; /** * Connect default options to global object */ $.fn.scrollbar.options = defaults; /** * Check if scroll content/container size is changed */ var updateScrollbars = (function () { var timer = 0, timerCounter = 0; return function (force) { var i, container, options, scroll, wrapper, scrollx, scrolly; for (i = 0; i < browser.scrolls.length; i++) { scroll = browser.scrolls[i]; container = scroll.container; options = scroll.options; wrapper = scroll.wrapper; scrollx = scroll.scrollx; scrolly = scroll.scrolly; if (force || (options.autoUpdate && wrapper && wrapper.is(':visible') && (container.prop('scrollWidth') != scrollx.size || container.prop('scrollHeight') != scrolly.size || wrapper.getHiddenDimensions().width != scrollx.visible || wrapper.getHiddenDimensions().height != scrolly.visible))) { scroll.init(); if (options.debug) { win.console && console.log({ scrollHeight: container.prop('scrollHeight') + ':' + scroll.scrolly.size, scrollWidth: container.prop('scrollWidth') + ':' + scroll.scrollx.size, visibleHeight: wrapper.height() + ':' + scroll.scrolly.visible, visibleWidth: wrapper.getHiddenDimensions().width + ':' + scroll.scrollx.visible }, true); timerCounter++; } } } if (debug && timerCounter > 10) { win.console && console.log('Scroll updates exceed 10'); updateScrollbars = function () {}; } else { clearTimeout(timer); timer = setTimeout(updateScrollbars, 300); } }; })(); /* ADDITIONAL FUNCTIONS */ /** * Get native browser scrollbar size (height/width) * * @param {Boolean} actual size or CSS size, default - CSS size * @returns {Object} with height, width */ function getBrowserScrollSize(actualSize) { if (browser.webkit && !actualSize) { return { height: 0, width: 0 }; } if (!browser.data.outer) { var css = { "border": "none", "box-sizing": "content-box", "height": "200px", "margin": "0", "padding": "0", "width": "200px" }; browser.data.inner = $("

").css($.extend({}, css)); browser.data.outer = $("

").css($.extend({ "left": "-1000px", "overflow": "scroll", "position": "absolute", "top": "-1000px" }, css)).append(browser.data.inner).appendTo("body"); } browser.data.outer.scrollLeft(1000).scrollTop(1000); return { height: Math.ceil((browser.data.outer.offset().top - browser.data.inner.offset().top) || 0), width: Math.ceil((browser.data.outer.offset().left - browser.data.inner.offset().left) || 0) }; } /** * Check if native browser scrollbars overlay content * * @returns {Boolean} */ function isScrollOverlaysContent() { var scrollSize = getBrowserScrollSize(true); return !(scrollSize.height || scrollSize.width); } function isVerticalScroll(event) { var e = event.originalEvent; if (e.axis && e.axis === e.HORIZONTAL_AXIS) return false; if (e.wheelDeltaX) return false; return true; } /** * Extend AngularJS as UI directive * and expose a provider for override default config * */ if (win.angular) { (function (angular) { angular.module('jQueryScrollbar', []) .provider('jQueryScrollbar', function () { var defaultOptions = defaults; return { setOptions: function (options) { angular.extend(defaultOptions, options); }, $get: function () { return { options: angular.copy(defaultOptions) }; } }; }) .directive('jqueryScrollbar', ['jQueryScrollbar', '$parse', function (jQueryScrollbar, $parse) { return { restrict: "AC", link: function (scope, element, attrs) { var model = $parse(attrs.jqueryScrollbar), options = model(scope); element.scrollbar(options || jQueryScrollbar.options) .on('$destroy', function () { element.scrollbar('destroy'); }); } }; }]); })(win.angular); } })); // Ion.RangeSlider // version 2.1.2 Build: 350 // © Denis Ineshin, 2015 // https://github.com/IonDen // // Project page: http://ionden.com/a/plugins/ion.rangeSlider/en.html // GitHub page: https://github.com/IonDen/ion.rangeSlider // // Released under MIT licence: // http://ionden.com/a/plugins/licence-en.html // ===================================================================================================================== ;(function ($, document, window, navigator, undefined) { "use strict"; // ================================================================================================================= // Service var plugin_count = 0; // IE8 fix var is_old_ie = (function () { var n = navigator.userAgent, r = /msie\s\d+/i, v; if (n.search(r) > 0) { v = r.exec(n).toString(); v = v.split(" ")[1]; if (v < 9) { $("html").addClass("lt-ie9"); return true; } } return false; } ()); if (!Function.prototype.bind) { Function.prototype.bind = function bind(that) { var target = this; var slice = [].slice; if (typeof target != "function") { throw new TypeError(); } var args = slice.call(arguments, 1), bound = function () { if (this instanceof bound) { var F = function(){}; F.prototype = target.prototype; var self = new F(); var result = target.apply( self, args.concat(slice.call(arguments)) ); if (Object(result) === result) { return result; } return self; } else { return target.apply( that, args.concat(slice.call(arguments)) ); } }; return bound; }; } if (!Array.prototype.indexOf) { Array.prototype.indexOf = function(searchElement, fromIndex) { var k; if (this == null) { throw new TypeError('"this" is null or not defined'); } var O = Object(this); var len = O.length >>> 0; if (len === 0) { return -1; } var n = +fromIndex || 0; if (Math.abs(n) === Infinity) { n = 0; } if (n >= len) { return -1; } k = Math.max(n >= 0 ? n : len - Math.abs(n), 0); while (k < len) { if (k in O && O[k] === searchElement) { return k; } k++; } return -1; }; } // ================================================================================================================= // Template var base_html = '' + '' + '01' + '000' + '' + '' + ''; var single_html = '' + '' + ''; var double_html = '' + '' + '' + ''; var disable_html = ''; // ================================================================================================================= // Core /** * Main plugin constructor * * @param input {Object} link to base input element * @param options {Object} slider config * @param plugin_count {Number} * @constructor */ var IonRangeSlider = function (input, options, plugin_count) { this.VERSION = "2.1.2"; this.input = input; this.plugin_count = plugin_count; this.current_plugin = 0; this.calc_count = 0; this.update_tm = 0; this.old_from = 0; this.old_to = 0; this.old_min_interval = null; this.raf_id = null; this.dragging = false; this.force_redraw = false; this.no_diapason = false; this.is_key = false; this.is_update = false; this.is_start = true; this.is_finish = false; this.is_active = false; this.is_resize = false; this.is_click = false; // ADDED BY SNAPPAGES TO ACCOUNT FOR IFRAME ISSUES var win = (typeof options.win !== "undefined")? options.win:window; // cache for links to all DOM elements this.$cache = { win: $(win), body: $(win.document.body), input: $(input), cont: null, rs: null, min: null, max: null, from: null, to: null, single: null, bar: null, line: null, s_single: null, s_from: null, s_to: null, shad_single: null, shad_from: null, shad_to: null, edge: null, grid: null, grid_labels: [] }; // storage for measure variables this.coords = { // left x_gap: 0, x_pointer: 0, // width w_rs: 0, w_rs_old: 0, w_handle: 0, // percents p_gap: 0, p_gap_left: 0, p_gap_right: 0, p_step: 0, p_pointer: 0, p_handle: 0, p_single_fake: 0, p_single_real: 0, p_from_fake: 0, p_from_real: 0, p_to_fake: 0, p_to_real: 0, p_bar_x: 0, p_bar_w: 0, // grid grid_gap: 0, big_num: 0, big: [], big_w: [], big_p: [], big_x: [] }; // storage for labels measure variables this.labels = { // width w_min: 0, w_max: 0, w_from: 0, w_to: 0, w_single: 0, // percents p_min: 0, p_max: 0, p_from_fake: 0, p_from_left: 0, p_to_fake: 0, p_to_left: 0, p_single_fake: 0, p_single_left: 0 }; /** * get and validate config */ var $inp = this.$cache.input, val = $inp.prop("value"), config, config_from_data, prop; // default config config = { type: "single", min: 10, max: 100, from: null, to: null, step: 1, min_interval: 0, max_interval: 0, drag_interval: false, values: [], p_values: [], from_fixed: false, from_min: null, from_max: null, from_shadow: false, to_fixed: false, to_min: null, to_max: null, to_shadow: false, prettify_enabled: true, prettify_separator: " ", prettify: null, force_edges: false, keyboard: false, keyboard_step: 5, grid: false, grid_margin: true, grid_num: 4, grid_snap: false, hide_min_max: false, hide_from_to: false, prefix: "", postfix: "", max_postfix: "", decorate_both: true, values_separator: " — ", input_values_separator: ";", disable: false, onStart: null, onChange: null, onFinish: null, onUpdate: null }; // config from data-attributes extends js config config_from_data = { type: $inp.data("type"), min: $inp.data("min"), max: $inp.data("max"), from: $inp.data("from"), to: $inp.data("to"), step: $inp.data("step"), min_interval: $inp.data("minInterval"), max_interval: $inp.data("maxInterval"), drag_interval: $inp.data("dragInterval"), values: $inp.data("values"), from_fixed: $inp.data("fromFixed"), from_min: $inp.data("fromMin"), from_max: $inp.data("fromMax"), from_shadow: $inp.data("fromShadow"), to_fixed: $inp.data("toFixed"), to_min: $inp.data("toMin"), to_max: $inp.data("toMax"), to_shadow: $inp.data("toShadow"), prettify_enabled: $inp.data("prettifyEnabled"), prettify_separator: $inp.data("prettifySeparator"), force_edges: $inp.data("forceEdges"), keyboard: $inp.data("keyboard"), keyboard_step: $inp.data("keyboardStep"), grid: $inp.data("grid"), grid_margin: $inp.data("gridMargin"), grid_num: $inp.data("gridNum"), grid_snap: $inp.data("gridSnap"), hide_min_max: $inp.data("hideMinMax"), hide_from_to: $inp.data("hideFromTo"), prefix: $inp.data("prefix"), postfix: $inp.data("postfix"), max_postfix: $inp.data("maxPostfix"), decorate_both: $inp.data("decorateBoth"), values_separator: $inp.data("valuesSeparator"), input_values_separator: $inp.data("inputValuesSeparator"), disable: $inp.data("disable") }; config_from_data.values = config_from_data.values && config_from_data.values.split(","); for (prop in config_from_data) { if (config_from_data.hasOwnProperty(prop)) { if (!config_from_data[prop] && config_from_data[prop] !== 0) { delete config_from_data[prop]; } } } // input value extends default config if (val) { val = val.split(config_from_data.input_values_separator || options.input_values_separator || ";"); if (val[0] && val[0] == +val[0]) { val[0] = +val[0]; } if (val[1] && val[1] == +val[1]) { val[1] = +val[1]; } if (options && options.values && options.values.length) { config.from = val[0] && options.values.indexOf(val[0]); config.to = val[1] && options.values.indexOf(val[1]); } else { config.from = val[0] && +val[0]; config.to = val[1] && +val[1]; } } // js config extends default config $.extend(config, options); // data config extends config $.extend(config, config_from_data); this.options = config; // validate config, to be sure that all data types are correct this.validate(); // default result object, returned to callbacks this.result = { input: this.$cache.input, slider: null, min: this.options.min, max: this.options.max, from: this.options.from, from_percent: 0, from_value: null, to: this.options.to, to_percent: 0, to_value: null }; this.init(); }; IonRangeSlider.prototype = { /** * Starts or updates the plugin instance * * @param is_update {boolean} */ init: function (is_update) { this.no_diapason = false; this.coords.p_step = this.convertToPercent(this.options.step, true); this.target = "base"; this.toggleInput(); this.append(); this.setMinMax(); if (is_update) { this.force_redraw = true; this.calc(true); // callbacks called this.callOnUpdate(); } else { this.force_redraw = true; this.calc(true); // callbacks called this.callOnStart(); } this.updateScene(); }, /** * Appends slider template to a DOM */ append: function () { var container_html = ''; this.$cache.input.before(container_html); this.$cache.input.prop("readonly", true); this.$cache.cont = this.$cache.input.prev(); this.result.slider = this.$cache.cont; this.$cache.cont.html(base_html); this.$cache.rs = this.$cache.cont.find(".irs"); this.$cache.min = this.$cache.cont.find(".irs-min"); this.$cache.max = this.$cache.cont.find(".irs-max"); this.$cache.from = this.$cache.cont.find(".irs-from"); this.$cache.to = this.$cache.cont.find(".irs-to"); this.$cache.single = this.$cache.cont.find(".irs-single"); this.$cache.bar = this.$cache.cont.find(".irs-bar"); this.$cache.line = this.$cache.cont.find(".irs-line"); this.$cache.grid = this.$cache.cont.find(".irs-grid"); if (this.options.type === "single") { this.$cache.cont.append(single_html); this.$cache.edge = this.$cache.cont.find(".irs-bar-edge"); this.$cache.s_single = this.$cache.cont.find(".single"); this.$cache.from[0].style.visibility = "hidden"; this.$cache.to[0].style.visibility = "hidden"; this.$cache.shad_single = this.$cache.cont.find(".shadow-single"); } else { this.$cache.cont.append(double_html); this.$cache.s_from = this.$cache.cont.find(".from"); this.$cache.s_to = this.$cache.cont.find(".to"); this.$cache.shad_from = this.$cache.cont.find(".shadow-from"); this.$cache.shad_to = this.$cache.cont.find(".shadow-to"); this.setTopHandler(); } if (this.options.hide_from_to) { this.$cache.from[0].style.display = "none"; this.$cache.to[0].style.display = "none"; this.$cache.single[0].style.display = "none"; } this.appendGrid(); if (this.options.disable) { this.appendDisableMask(); this.$cache.input[0].disabled = true; } else { this.$cache.cont.removeClass("irs-disabled"); this.$cache.input[0].disabled = false; this.bindEvents(); } if (this.options.drag_interval) { this.$cache.bar[0].style.cursor = "ew-resize"; } }, /** * Determine which handler has a priority * works only for double slider type */ setTopHandler: function () { var min = this.options.min, max = this.options.max, from = this.options.from, to = this.options.to; if (from > min && to === max) { this.$cache.s_from.addClass("type_last"); } else if (to < max) { this.$cache.s_to.addClass("type_last"); } }, /** * Determine which handles was clicked last * and which handler should have hover effect * * @param target {String} */ changeLevel: function (target) { switch (target) { case "single": this.coords.p_gap = this.toFixed(this.coords.p_pointer - this.coords.p_single_fake); break; case "from": this.coords.p_gap = this.toFixed(this.coords.p_pointer - this.coords.p_from_fake); this.$cache.s_from.addClass("state_hover"); this.$cache.s_from.addClass("type_last"); this.$cache.s_to.removeClass("type_last"); break; case "to": this.coords.p_gap = this.toFixed(this.coords.p_pointer - this.coords.p_to_fake); this.$cache.s_to.addClass("state_hover"); this.$cache.s_to.addClass("type_last"); this.$cache.s_from.removeClass("type_last"); break; case "both": this.coords.p_gap_left = this.toFixed(this.coords.p_pointer - this.coords.p_from_fake); this.coords.p_gap_right = this.toFixed(this.coords.p_to_fake - this.coords.p_pointer); this.$cache.s_to.removeClass("type_last"); this.$cache.s_from.removeClass("type_last"); break; } }, /** * Then slider is disabled * appends extra layer with opacity */ appendDisableMask: function () { this.$cache.cont.append(disable_html); this.$cache.cont.addClass("irs-disabled"); }, /** * Remove slider instance * and ubind all events */ remove: function () { this.$cache.cont.remove(); this.$cache.cont = null; this.$cache.line.off("keydown.irs_" + this.plugin_count); this.$cache.body.off("touchmove.irs_" + this.plugin_count); this.$cache.body.off("mousemove.irs_" + this.plugin_count); this.$cache.win.off("touchend.irs_" + this.plugin_count); this.$cache.win.off("mouseup.irs_" + this.plugin_count); if (is_old_ie) { this.$cache.body.off("mouseup.irs_" + this.plugin_count); this.$cache.body.off("mouseleave.irs_" + this.plugin_count); } this.$cache.grid_labels = []; this.coords.big = []; this.coords.big_w = []; this.coords.big_p = []; this.coords.big_x = []; cancelAnimationFrame(this.raf_id); }, /** * bind all slider events */ bindEvents: function () { if (this.no_diapason) { return; } this.$cache.body.on("touchmove.irs_" + this.plugin_count, this.pointerMove.bind(this)); this.$cache.body.on("mousemove.irs_" + this.plugin_count, this.pointerMove.bind(this)); this.$cache.win.on("touchend.irs_" + this.plugin_count, this.pointerUp.bind(this)); this.$cache.win.on("mouseup.irs_" + this.plugin_count, this.pointerUp.bind(this)); this.$cache.line.on("touchstart.irs_" + this.plugin_count, this.pointerClick.bind(this, "click")); this.$cache.line.on("mousedown.irs_" + this.plugin_count, this.pointerClick.bind(this, "click")); if (this.options.drag_interval && this.options.type === "double") { this.$cache.bar.on("touchstart.irs_" + this.plugin_count, this.pointerDown.bind(this, "both")); this.$cache.bar.on("mousedown.irs_" + this.plugin_count, this.pointerDown.bind(this, "both")); } else { this.$cache.bar.on("touchstart.irs_" + this.plugin_count, this.pointerClick.bind(this, "click")); this.$cache.bar.on("mousedown.irs_" + this.plugin_count, this.pointerClick.bind(this, "click")); } if (this.options.type === "single") { this.$cache.single.on("touchstart.irs_" + this.plugin_count, this.pointerDown.bind(this, "single")); this.$cache.s_single.on("touchstart.irs_" + this.plugin_count, this.pointerDown.bind(this, "single")); this.$cache.shad_single.on("touchstart.irs_" + this.plugin_count, this.pointerClick.bind(this, "click")); this.$cache.single.on("mousedown.irs_" + this.plugin_count, this.pointerDown.bind(this, "single")); this.$cache.s_single.on("mousedown.irs_" + this.plugin_count, this.pointerDown.bind(this, "single")); this.$cache.edge.on("mousedown.irs_" + this.plugin_count, this.pointerClick.bind(this, "click")); this.$cache.shad_single.on("mousedown.irs_" + this.plugin_count, this.pointerClick.bind(this, "click")); } else { this.$cache.single.on("touchstart.irs_" + this.plugin_count, this.pointerDown.bind(this, null)); this.$cache.single.on("mousedown.irs_" + this.plugin_count, this.pointerDown.bind(this, null)); this.$cache.from.on("touchstart.irs_" + this.plugin_count, this.pointerDown.bind(this, "from")); this.$cache.s_from.on("touchstart.irs_" + this.plugin_count, this.pointerDown.bind(this, "from")); this.$cache.to.on("touchstart.irs_" + this.plugin_count, this.pointerDown.bind(this, "to")); this.$cache.s_to.on("touchstart.irs_" + this.plugin_count, this.pointerDown.bind(this, "to")); this.$cache.shad_from.on("touchstart.irs_" + this.plugin_count, this.pointerClick.bind(this, "click")); this.$cache.shad_to.on("touchstart.irs_" + this.plugin_count, this.pointerClick.bind(this, "click")); this.$cache.from.on("mousedown.irs_" + this.plugin_count, this.pointerDown.bind(this, "from")); this.$cache.s_from.on("mousedown.irs_" + this.plugin_count, this.pointerDown.bind(this, "from")); this.$cache.to.on("mousedown.irs_" + this.plugin_count, this.pointerDown.bind(this, "to")); this.$cache.s_to.on("mousedown.irs_" + this.plugin_count, this.pointerDown.bind(this, "to")); this.$cache.shad_from.on("mousedown.irs_" + this.plugin_count, this.pointerClick.bind(this, "click")); this.$cache.shad_to.on("mousedown.irs_" + this.plugin_count, this.pointerClick.bind(this, "click")); } if (this.options.keyboard) { this.$cache.line.on("keydown.irs_" + this.plugin_count, this.key.bind(this, "keyboard")); } if (is_old_ie) { this.$cache.body.on("mouseup.irs_" + this.plugin_count, this.pointerUp.bind(this)); this.$cache.body.on("mouseleave.irs_" + this.plugin_count, this.pointerUp.bind(this)); } }, /** * Mousemove or touchmove * only for handlers * * @param e {Object} event object */ pointerMove: function (e) { if (!this.dragging) { return; } var x = e.pageX || e.originalEvent.touches && e.originalEvent.touches[0].pageX; this.coords.x_pointer = x - this.coords.x_gap; this.calc(); }, /** * Mouseup or touchend * only for handlers * * @param e {Object} event object */ pointerUp: function (e) { if (this.current_plugin !== this.plugin_count) { return; } if (this.is_active) { this.is_active = false; } else { return; } this.$cache.cont.find(".state_hover").removeClass("state_hover"); this.force_redraw = true; if (is_old_ie) { $("*").prop("unselectable", false); } this.updateScene(); this.restoreOriginalMinInterval(); // callbacks call if ($.contains(this.$cache.cont[0], e.target) || this.dragging) { this.is_finish = true; this.callOnFinish(); } this.dragging = false; }, /** * Mousedown or touchstart * only for handlers * * @param target {String|null} * @param e {Object} event object */ pointerDown: function (target, e) { e.preventDefault(); var x = e.pageX || e.originalEvent.touches && e.originalEvent.touches[0].pageX; if (e.button === 2) { return; } if (target === "both") { this.setTempMinInterval(); } if (!target) { target = this.target; } this.current_plugin = this.plugin_count; this.target = target; this.is_active = true; this.dragging = true; this.coords.x_gap = this.$cache.rs.offset().left; this.coords.x_pointer = x - this.coords.x_gap; this.calcPointerPercent(); this.changeLevel(target); if (is_old_ie) { $("*").prop("unselectable", true); } this.$cache.line.trigger("focus"); this.updateScene(); }, /** * Mousedown or touchstart * for other slider elements, like diapason line * * @param target {String} * @param e {Object} event object */ pointerClick: function (target, e) { e.preventDefault(); var x = e.pageX || e.originalEvent.touches && e.originalEvent.touches[0].pageX; if (e.button === 2) { return; } this.current_plugin = this.plugin_count; this.target = target; this.is_click = true; this.coords.x_gap = this.$cache.rs.offset().left; this.coords.x_pointer = +(x - this.coords.x_gap).toFixed(); this.force_redraw = true; this.calc(); this.$cache.line.trigger("focus"); }, /** * Keyborard controls for focused slider * * @param target {String} * @param e {Object} event object * @returns {boolean|undefined} */ key: function (target, e) { if (this.current_plugin !== this.plugin_count || e.altKey || e.ctrlKey || e.shiftKey || e.metaKey) { return; } switch (e.which) { case 83: // W case 65: // A case 40: // DOWN case 37: // LEFT e.preventDefault(); this.moveByKey(false); break; case 87: // S case 68: // D case 38: // UP case 39: // RIGHT e.preventDefault(); this.moveByKey(true); break; } return true; }, /** * Move by key. Beta * @todo refactor than have plenty of time * * @param right {boolean} direction to move */ moveByKey: function (right) { var p = this.coords.p_pointer; if (right) { p += this.options.keyboard_step; } else { p -= this.options.keyboard_step; } this.coords.x_pointer = this.toFixed(this.coords.w_rs / 100 * p); this.is_key = true; this.calc(); }, /** * Set visibility and content * of Min and Max labels */ setMinMax: function () { if (!this.options) { return; } if (this.options.hide_min_max) { this.$cache.min[0].style.display = "none"; this.$cache.max[0].style.display = "none"; return; } if (this.options.values.length) { this.$cache.min.html(this.decorate(this.options.p_values[this.options.min])); this.$cache.max.html(this.decorate(this.options.p_values[this.options.max])); } else { this.$cache.min.html(this.decorate(this._prettify(this.options.min), this.options.min)); this.$cache.max.html(this.decorate(this._prettify(this.options.max), this.options.max)); } this.labels.w_min = this.$cache.min.outerWidth(false); this.labels.w_max = this.$cache.max.outerWidth(false); }, /** * Then dragging interval, prevent interval collapsing * using min_interval option */ setTempMinInterval: function () { var interval = this.result.to - this.result.from; if (this.old_min_interval === null) { this.old_min_interval = this.options.min_interval; } this.options.min_interval = interval; }, /** * Restore min_interval option to original */ restoreOriginalMinInterval: function () { if (this.old_min_interval !== null) { this.options.min_interval = this.old_min_interval; this.old_min_interval = null; } }, // ============================================================================================================= // Calculations /** * All calculations and measures start here * * @param update {boolean=} */ calc: function (update) { if (!this.options) { return; } this.calc_count++; if (this.calc_count === 10 || update) { this.calc_count = 0; this.coords.w_rs = this.$cache.rs.outerWidth(false); this.calcHandlePercent(); } if (!this.coords.w_rs) { return; } this.calcPointerPercent(); var handle_x = this.getHandleX(); if (this.target === "click") { this.coords.p_gap = this.coords.p_handle / 2; handle_x = this.getHandleX(); if (this.options.drag_interval) { this.target = "both_one"; } else { this.target = this.chooseHandle(handle_x); } } switch (this.target) { case "base": var w = (this.options.max - this.options.min) / 100, f = (this.result.from - this.options.min) / w, t = (this.result.to - this.options.min) / w; this.coords.p_single_real = this.toFixed(f); this.coords.p_from_real = this.toFixed(f); this.coords.p_to_real = this.toFixed(t); this.coords.p_single_real = this.checkDiapason(this.coords.p_single_real, this.options.from_min, this.options.from_max); this.coords.p_from_real = this.checkDiapason(this.coords.p_from_real, this.options.from_min, this.options.from_max); this.coords.p_to_real = this.checkDiapason(this.coords.p_to_real, this.options.to_min, this.options.to_max); this.coords.p_single_fake = this.convertToFakePercent(this.coords.p_single_real); this.coords.p_from_fake = this.convertToFakePercent(this.coords.p_from_real); this.coords.p_to_fake = this.convertToFakePercent(this.coords.p_to_real); this.target = null; break; case "single": if (this.options.from_fixed) { break; } this.coords.p_single_real = this.convertToRealPercent(handle_x); this.coords.p_single_real = this.calcWithStep(this.coords.p_single_real); this.coords.p_single_real = this.checkDiapason(this.coords.p_single_real, this.options.from_min, this.options.from_max); this.coords.p_single_fake = this.convertToFakePercent(this.coords.p_single_real); break; case "from": if (this.options.from_fixed) { break; } this.coords.p_from_real = this.convertToRealPercent(handle_x); this.coords.p_from_real = this.calcWithStep(this.coords.p_from_real); if (this.coords.p_from_real > this.coords.p_to_real) { this.coords.p_from_real = this.coords.p_to_real; } this.coords.p_from_real = this.checkDiapason(this.coords.p_from_real, this.options.from_min, this.options.from_max); this.coords.p_from_real = this.checkMinInterval(this.coords.p_from_real, this.coords.p_to_real, "from"); this.coords.p_from_real = this.checkMaxInterval(this.coords.p_from_real, this.coords.p_to_real, "from"); this.coords.p_from_fake = this.convertToFakePercent(this.coords.p_from_real); break; case "to": if (this.options.to_fixed) { break; } this.coords.p_to_real = this.convertToRealPercent(handle_x); this.coords.p_to_real = this.calcWithStep(this.coords.p_to_real); if (this.coords.p_to_real < this.coords.p_from_real) { this.coords.p_to_real = this.coords.p_from_real; } this.coords.p_to_real = this.checkDiapason(this.coords.p_to_real, this.options.to_min, this.options.to_max); this.coords.p_to_real = this.checkMinInterval(this.coords.p_to_real, this.coords.p_from_real, "to"); this.coords.p_to_real = this.checkMaxInterval(this.coords.p_to_real, this.coords.p_from_real, "to"); this.coords.p_to_fake = this.convertToFakePercent(this.coords.p_to_real); break; case "both": if (this.options.from_fixed || this.options.to_fixed) { break; } handle_x = this.toFixed(handle_x + (this.coords.p_handle * 0.1)); this.coords.p_from_real = this.convertToRealPercent(handle_x) - this.coords.p_gap_left; this.coords.p_from_real = this.calcWithStep(this.coords.p_from_real); this.coords.p_from_real = this.checkDiapason(this.coords.p_from_real, this.options.from_min, this.options.from_max); this.coords.p_from_real = this.checkMinInterval(this.coords.p_from_real, this.coords.p_to_real, "from"); this.coords.p_from_fake = this.convertToFakePercent(this.coords.p_from_real); this.coords.p_to_real = this.convertToRealPercent(handle_x) + this.coords.p_gap_right; this.coords.p_to_real = this.calcWithStep(this.coords.p_to_real); this.coords.p_to_real = this.checkDiapason(this.coords.p_to_real, this.options.to_min, this.options.to_max); this.coords.p_to_real = this.checkMinInterval(this.coords.p_to_real, this.coords.p_from_real, "to"); this.coords.p_to_fake = this.convertToFakePercent(this.coords.p_to_real); break; case "both_one": if (this.options.from_fixed || this.options.to_fixed) { break; } var real_x = this.convertToRealPercent(handle_x), from = this.result.from_percent, to = this.result.to_percent, full = to - from, half = full / 2, new_from = real_x - half, new_to = real_x + half; if (new_from < 0) { new_from = 0; new_to = new_from + full; } if (new_to > 100) { new_to = 100; new_from = new_to - full; } this.coords.p_from_real = this.calcWithStep(new_from); this.coords.p_from_real = this.checkDiapason(this.coords.p_from_real, this.options.from_min, this.options.from_max); this.coords.p_from_fake = this.convertToFakePercent(this.coords.p_from_real); this.coords.p_to_real = this.calcWithStep(new_to); this.coords.p_to_real = this.checkDiapason(this.coords.p_to_real, this.options.to_min, this.options.to_max); this.coords.p_to_fake = this.convertToFakePercent(this.coords.p_to_real); break; } if (this.options.type === "single") { this.coords.p_bar_x = (this.coords.p_handle / 2); this.coords.p_bar_w = this.coords.p_single_fake; this.result.from_percent = this.coords.p_single_real; this.result.from = this.convertToValue(this.coords.p_single_real); if (this.options.values.length) { this.result.from_value = this.options.values[this.result.from]; } } else { this.coords.p_bar_x = this.toFixed(this.coords.p_from_fake + (this.coords.p_handle / 2)); this.coords.p_bar_w = this.toFixed(this.coords.p_to_fake - this.coords.p_from_fake); this.result.from_percent = this.coords.p_from_real; this.result.from = this.convertToValue(this.coords.p_from_real); this.result.to_percent = this.coords.p_to_real; this.result.to = this.convertToValue(this.coords.p_to_real); if (this.options.values.length) { this.result.from_value = this.options.values[this.result.from]; this.result.to_value = this.options.values[this.result.to]; } } this.calcMinMax(); this.calcLabels(); }, /** * calculates pointer X in percent */ calcPointerPercent: function () { if (!this.coords.w_rs) { this.coords.p_pointer = 0; return; } if (this.coords.x_pointer < 0 || isNaN(this.coords.x_pointer) ) { this.coords.x_pointer = 0; } else if (this.coords.x_pointer > this.coords.w_rs) { this.coords.x_pointer = this.coords.w_rs; } this.coords.p_pointer = this.toFixed(this.coords.x_pointer / this.coords.w_rs * 100); }, convertToRealPercent: function (fake) { var full = 100 - this.coords.p_handle; return fake / full * 100; }, convertToFakePercent: function (real) { var full = 100 - this.coords.p_handle; return real / 100 * full; }, getHandleX: function () { var max = 100 - this.coords.p_handle, x = this.toFixed(this.coords.p_pointer - this.coords.p_gap); if (x < 0) { x = 0; } else if (x > max) { x = max; } return x; }, calcHandlePercent: function () { if (this.options.type === "single") { this.coords.w_handle = this.$cache.s_single.outerWidth(false); } else { this.coords.w_handle = this.$cache.s_from.outerWidth(false); } this.coords.p_handle = this.toFixed(this.coords.w_handle / this.coords.w_rs * 100); }, /** * Find closest handle to pointer click * * @param real_x {Number} * @returns {String} */ chooseHandle: function (real_x) { if (this.options.type === "single") { return "single"; } else { var m_point = this.coords.p_from_real + ((this.coords.p_to_real - this.coords.p_from_real) / 2); if (real_x >= m_point) { return this.options.to_fixed ? "from" : "to"; } else { return this.options.from_fixed ? "to" : "from"; } } }, /** * Measure Min and Max labels width in percent */ calcMinMax: function () { if (!this.coords.w_rs) { return; } this.labels.p_min = this.labels.w_min / this.coords.w_rs * 100; this.labels.p_max = this.labels.w_max / this.coords.w_rs * 100; }, /** * Measure labels width and X in percent */ calcLabels: function () { if (!this.coords.w_rs || this.options.hide_from_to) { return; } if (this.options.type === "single") { this.labels.w_single = this.$cache.single.outerWidth(false); this.labels.p_single_fake = this.labels.w_single / this.coords.w_rs * 100; this.labels.p_single_left = this.coords.p_single_fake + (this.coords.p_handle / 2) - (this.labels.p_single_fake / 2); this.labels.p_single_left = this.checkEdges(this.labels.p_single_left, this.labels.p_single_fake); } else { this.labels.w_from = this.$cache.from.outerWidth(false); this.labels.p_from_fake = this.labels.w_from / this.coords.w_rs * 100; this.labels.p_from_left = this.coords.p_from_fake + (this.coords.p_handle / 2) - (this.labels.p_from_fake / 2); this.labels.p_from_left = this.toFixed(this.labels.p_from_left); this.labels.p_from_left = this.checkEdges(this.labels.p_from_left, this.labels.p_from_fake); this.labels.w_to = this.$cache.to.outerWidth(false); this.labels.p_to_fake = this.labels.w_to / this.coords.w_rs * 100; this.labels.p_to_left = this.coords.p_to_fake + (this.coords.p_handle / 2) - (this.labels.p_to_fake / 2); this.labels.p_to_left = this.toFixed(this.labels.p_to_left); this.labels.p_to_left = this.checkEdges(this.labels.p_to_left, this.labels.p_to_fake); this.labels.w_single = this.$cache.single.outerWidth(false); this.labels.p_single_fake = this.labels.w_single / this.coords.w_rs * 100; this.labels.p_single_left = ((this.labels.p_from_left + this.labels.p_to_left + this.labels.p_to_fake) / 2) - (this.labels.p_single_fake / 2); this.labels.p_single_left = this.toFixed(this.labels.p_single_left); this.labels.p_single_left = this.checkEdges(this.labels.p_single_left, this.labels.p_single_fake); } }, // ============================================================================================================= // Drawings /** * Main function called in request animation frame * to update everything */ updateScene: function () { if (this.raf_id) { cancelAnimationFrame(this.raf_id); this.raf_id = null; } clearTimeout(this.update_tm); this.update_tm = null; if (!this.options) { return; } this.drawHandles(); if (this.is_active) { this.raf_id = requestAnimationFrame(this.updateScene.bind(this)); } else { this.update_tm = setTimeout(this.updateScene.bind(this), 300); } }, /** * Draw handles */ drawHandles: function () { this.coords.w_rs = this.$cache.rs.outerWidth(false); if (!this.coords.w_rs) { return; } if (this.coords.w_rs !== this.coords.w_rs_old) { this.target = "base"; this.is_resize = true; } if (this.coords.w_rs !== this.coords.w_rs_old || this.force_redraw) { this.setMinMax(); this.calc(true); this.drawLabels(); if (this.options.grid) { this.calcGridMargin(); this.calcGridLabels(); } this.force_redraw = true; this.coords.w_rs_old = this.coords.w_rs; this.drawShadow(); } if (!this.coords.w_rs) { return; } if (!this.dragging && !this.force_redraw && !this.is_key) { return; } if (this.old_from !== this.result.from || this.old_to !== this.result.to || this.force_redraw || this.is_key) { this.drawLabels(); this.$cache.bar[0].style.left = this.coords.p_bar_x + "%"; this.$cache.bar[0].style.width = this.coords.p_bar_w + "%"; if (this.options.type === "single") { this.$cache.s_single[0].style.left = this.coords.p_single_fake + "%"; this.$cache.single[0].style.left = this.labels.p_single_left + "%"; if (this.options.values.length) { this.$cache.input.prop("value", this.result.from_value); } else { this.$cache.input.prop("value", this.result.from); } this.$cache.input.data("from", this.result.from); } else { this.$cache.s_from[0].style.left = this.coords.p_from_fake + "%"; this.$cache.s_to[0].style.left = this.coords.p_to_fake + "%"; if (this.old_from !== this.result.from || this.force_redraw) { this.$cache.from[0].style.left = this.labels.p_from_left + "%"; } if (this.old_to !== this.result.to || this.force_redraw) { this.$cache.to[0].style.left = this.labels.p_to_left + "%"; } this.$cache.single[0].style.left = this.labels.p_single_left + "%"; if (this.options.values.length) { this.$cache.input.prop("value", this.result.from_value + this.options.input_values_separator + this.result.to_value); } else { this.$cache.input.prop("value", this.result.from + this.options.input_values_separator + this.result.to); } this.$cache.input.data("from", this.result.from); this.$cache.input.data("to", this.result.to); } if ((this.old_from !== this.result.from || this.old_to !== this.result.to) && !this.is_start) { this.$cache.input.trigger("change"); } this.old_from = this.result.from; this.old_to = this.result.to; // callbacks call if (!this.is_resize && !this.is_update && !this.is_start && !this.is_finish) { this.callOnChange(); } if (this.is_key || this.is_click) { this.is_key = false; this.is_click = false; this.callOnFinish(); } this.is_update = false; this.is_resize = false; this.is_finish = false; } this.is_start = false; this.is_key = false; this.is_click = false; this.force_redraw = false; }, /** * Draw labels * measure labels collisions * collapse close labels */ drawLabels: function () { if (!this.options) { return; } var values_num = this.options.values.length, p_values = this.options.p_values, text_single, text_from, text_to; if (this.options.hide_from_to) { return; } if (this.options.type === "single") { if (values_num) { text_single = this.decorate(p_values[this.result.from]); this.$cache.single.html(text_single); } else { text_single = this.decorate(this._prettify(this.result.from), this.result.from); this.$cache.single.html(text_single); } this.calcLabels(); if (this.labels.p_single_left < this.labels.p_min + 1) { this.$cache.min[0].style.visibility = "hidden"; } else { this.$cache.min[0].style.visibility = "visible"; } if (this.labels.p_single_left + this.labels.p_single_fake > 100 - this.labels.p_max - 1) { this.$cache.max[0].style.visibility = "hidden"; } else { this.$cache.max[0].style.visibility = "visible"; } } else { if (values_num) { if (this.options.decorate_both) { text_single = this.decorate(p_values[this.result.from]); text_single += this.options.values_separator; text_single += this.decorate(p_values[this.result.to]); } else { text_single = this.decorate(p_values[this.result.from] + this.options.values_separator + p_values[this.result.to]); } text_from = this.decorate(p_values[this.result.from]); text_to = this.decorate(p_values[this.result.to]); this.$cache.single.html(text_single); this.$cache.from.html(text_from); this.$cache.to.html(text_to); } else { if (this.options.decorate_both) { text_single = this.decorate(this._prettify(this.result.from), this.result.from); text_single += this.options.values_separator; text_single += this.decorate(this._prettify(this.result.to), this.result.to); } else { text_single = this.decorate(this._prettify(this.result.from) + this.options.values_separator + this._prettify(this.result.to), this.result.to); } text_from = this.decorate(this._prettify(this.result.from), this.result.from); text_to = this.decorate(this._prettify(this.result.to), this.result.to); this.$cache.single.html(text_single); this.$cache.from.html(text_from); this.$cache.to.html(text_to); } this.calcLabels(); var min = Math.min(this.labels.p_single_left, this.labels.p_from_left), single_left = this.labels.p_single_left + this.labels.p_single_fake, to_left = this.labels.p_to_left + this.labels.p_to_fake, max = Math.max(single_left, to_left); if (this.labels.p_from_left + this.labels.p_from_fake >= this.labels.p_to_left) { this.$cache.from[0].style.visibility = "hidden"; this.$cache.to[0].style.visibility = "hidden"; this.$cache.single[0].style.visibility = "visible"; if (this.result.from === this.result.to) { if (this.target === "from") { this.$cache.from[0].style.visibility = "visible"; } else if (this.target === "to") { this.$cache.to[0].style.visibility = "visible"; } this.$cache.single[0].style.visibility = "hidden"; max = to_left; } else { this.$cache.from[0].style.visibility = "hidden"; this.$cache.to[0].style.visibility = "hidden"; this.$cache.single[0].style.visibility = "visible"; max = Math.max(single_left, to_left); } } else { this.$cache.from[0].style.visibility = "visible"; this.$cache.to[0].style.visibility = "visible"; this.$cache.single[0].style.visibility = "hidden"; } if (min < this.labels.p_min + 1) { this.$cache.min[0].style.visibility = "hidden"; } else { this.$cache.min[0].style.visibility = "visible"; } if (max > 100 - this.labels.p_max - 1) { this.$cache.max[0].style.visibility = "hidden"; } else { this.$cache.max[0].style.visibility = "visible"; } } }, /** * Draw shadow intervals */ drawShadow: function () { var o = this.options, c = this.$cache, is_from_min = typeof o.from_min === "number" && !isNaN(o.from_min), is_from_max = typeof o.from_max === "number" && !isNaN(o.from_max), is_to_min = typeof o.to_min === "number" && !isNaN(o.to_min), is_to_max = typeof o.to_max === "number" && !isNaN(o.to_max), from_min, from_max, to_min, to_max; if (o.type === "single") { if (o.from_shadow && (is_from_min || is_from_max)) { from_min = this.convertToPercent(is_from_min ? o.from_min : o.min); from_max = this.convertToPercent(is_from_max ? o.from_max : o.max) - from_min; from_min = this.toFixed(from_min - (this.coords.p_handle / 100 * from_min)); from_max = this.toFixed(from_max - (this.coords.p_handle / 100 * from_max)); from_min = from_min + (this.coords.p_handle / 2); c.shad_single[0].style.display = "block"; c.shad_single[0].style.left = from_min + "%"; c.shad_single[0].style.width = from_max + "%"; } else { c.shad_single[0].style.display = "none"; } } else { if (o.from_shadow && (is_from_min || is_from_max)) { from_min = this.convertToPercent(is_from_min ? o.from_min : o.min); from_max = this.convertToPercent(is_from_max ? o.from_max : o.max) - from_min; from_min = this.toFixed(from_min - (this.coords.p_handle / 100 * from_min)); from_max = this.toFixed(from_max - (this.coords.p_handle / 100 * from_max)); from_min = from_min + (this.coords.p_handle / 2); c.shad_from[0].style.display = "block"; c.shad_from[0].style.left = from_min + "%"; c.shad_from[0].style.width = from_max + "%"; } else { c.shad_from[0].style.display = "none"; } if (o.to_shadow && (is_to_min || is_to_max)) { to_min = this.convertToPercent(is_to_min ? o.to_min : o.min); to_max = this.convertToPercent(is_to_max ? o.to_max : o.max) - to_min; to_min = this.toFixed(to_min - (this.coords.p_handle / 100 * to_min)); to_max = this.toFixed(to_max - (this.coords.p_handle / 100 * to_max)); to_min = to_min + (this.coords.p_handle / 2); c.shad_to[0].style.display = "block"; c.shad_to[0].style.left = to_min + "%"; c.shad_to[0].style.width = to_max + "%"; } else { c.shad_to[0].style.display = "none"; } } }, // ============================================================================================================= // Callbacks callOnStart: function () { if (this.options.onStart && typeof this.options.onStart === "function") { this.options.onStart(this.result); } }, callOnChange: function () { if (this.options.onChange && typeof this.options.onChange === "function") { this.options.onChange(this.result); } }, callOnFinish: function () { if (this.options.onFinish && typeof this.options.onFinish === "function") { this.options.onFinish(this.result); } }, callOnUpdate: function () { if (this.options.onUpdate && typeof this.options.onUpdate === "function") { this.options.onUpdate(this.result); } }, // ============================================================================================================= // Service methods toggleInput: function () { this.$cache.input.toggleClass("irs-hidden-input"); }, /** * Convert real value to percent * * @param value {Number} X in real * @param no_min {boolean=} don't use min value * @returns {Number} X in percent */ convertToPercent: function (value, no_min) { var diapason = this.options.max - this.options.min, one_percent = diapason / 100, val, percent; if (!diapason) { this.no_diapason = true; return 0; } if (no_min) { val = value; } else { val = value - this.options.min; } percent = val / one_percent; return this.toFixed(percent); }, /** * Convert percent to real values * * @param percent {Number} X in percent * @returns {Number} X in real */ convertToValue: function (percent) { var min = this.options.min, max = this.options.max, min_decimals = min.toString().split(".")[1], max_decimals = max.toString().split(".")[1], min_length, max_length, avg_decimals = 0, abs = 0; if (percent === 0) { return this.options.min; } if (percent === 100) { return this.options.max; } if (min_decimals) { min_length = min_decimals.length; avg_decimals = min_length; } if (max_decimals) { max_length = max_decimals.length; avg_decimals = max_length; } if (min_length && max_length) { avg_decimals = (min_length >= max_length) ? min_length : max_length; } if (min < 0) { abs = Math.abs(min); min = +(min + abs).toFixed(avg_decimals); max = +(max + abs).toFixed(avg_decimals); } var number = ((max - min) / 100 * percent) + min, string = this.options.step.toString().split(".")[1], result; if (string) { number = +number.toFixed(string.length); } else { number = number / this.options.step; number = number * this.options.step; number = +number.toFixed(0); } if (abs) { number -= abs; } if (string) { result = +number.toFixed(string.length); } else { result = this.toFixed(number); } if (result < this.options.min) { result = this.options.min; } else if (result > this.options.max) { result = this.options.max; } return result; }, /** * Round percent value with step * * @param percent {Number} * @returns percent {Number} rounded */ calcWithStep: function (percent) { var rounded = Math.round(percent / this.coords.p_step) * this.coords.p_step; if (rounded > 100) { rounded = 100; } if (percent === 100) { rounded = 100; } return this.toFixed(rounded); }, checkMinInterval: function (p_current, p_next, type) { var o = this.options, current, next; if (!o.min_interval) { return p_current; } current = this.convertToValue(p_current); next = this.convertToValue(p_next); if (type === "from") { if (next - current < o.min_interval) { current = next - o.min_interval; } } else { if (current - next < o.min_interval) { current = next + o.min_interval; } } return this.convertToPercent(current); }, checkMaxInterval: function (p_current, p_next, type) { var o = this.options, current, next; if (!o.max_interval) { return p_current; } current = this.convertToValue(p_current); next = this.convertToValue(p_next); if (type === "from") { if (next - current > o.max_interval) { current = next - o.max_interval; } } else { if (current - next > o.max_interval) { current = next + o.max_interval; } } return this.convertToPercent(current); }, checkDiapason: function (p_num, min, max) { var num = this.convertToValue(p_num), o = this.options; if (typeof min !== "number") { min = o.min; } if (typeof max !== "number") { max = o.max; } if (num < min) { num = min; } if (num > max) { num = max; } return this.convertToPercent(num); }, toFixed: function (num) { num = num.toFixed(9); return +num; }, _prettify: function (num) { if (!this.options.prettify_enabled) { return num; } if (this.options.prettify && typeof this.options.prettify === "function") { return this.options.prettify(num); } else { return this.prettify(num); } }, prettify: function (num) { var n = num.toString(); return n.replace(/(\d{1,3}(?=(?:\d\d\d)+(?!\d)))/g, "$1" + this.options.prettify_separator); }, checkEdges: function (left, width) { if (!this.options.force_edges) { return this.toFixed(left); } if (left < 0) { left = 0; } else if (left > 100 - width) { left = 100 - width; } return this.toFixed(left); }, validate: function () { var o = this.options, r = this.result, v = o.values, vl = v.length, value, i; if (typeof o.min === "string") o.min = +o.min; if (typeof o.max === "string") o.max = +o.max; if (typeof o.from === "string") o.from = +o.from; if (typeof o.to === "string") o.to = +o.to; if (typeof o.step === "string") o.step = +o.step; if (typeof o.from_min === "string") o.from_min = +o.from_min; if (typeof o.from_max === "string") o.from_max = +o.from_max; if (typeof o.to_min === "string") o.to_min = +o.to_min; if (typeof o.to_max === "string") o.to_max = +o.to_max; if (typeof o.keyboard_step === "string") o.keyboard_step = +o.keyboard_step; if (typeof o.grid_num === "string") o.grid_num = +o.grid_num; if (o.max < o.min) { o.max = o.min; } if (vl) { o.p_values = []; o.min = 0; o.max = vl - 1; o.step = 1; o.grid_num = o.max; o.grid_snap = true; for (i = 0; i < vl; i++) { value = +v[i]; if (!isNaN(value)) { v[i] = value; value = this._prettify(value); } else { value = v[i]; } o.p_values.push(value); } } if (typeof o.from !== "number" || isNaN(o.from)) { o.from = o.min; } if (typeof o.to !== "number" || isNaN(o.from)) { o.to = o.max; } if (o.type === "single") { if (o.from < o.min) { o.from = o.min; } if (o.from > o.max) { o.from = o.max; } } else { if (o.from < o.min || o.from > o.max) { o.from = o.min; } if (o.to > o.max || o.to < o.min) { o.to = o.max; } if (o.from > o.to) { o.from = o.to; } } if (typeof o.step !== "number" || isNaN(o.step) || !o.step || o.step < 0) { o.step = 1; } if (typeof o.keyboard_step !== "number" || isNaN(o.keyboard_step) || !o.keyboard_step || o.keyboard_step < 0) { o.keyboard_step = 5; } if (typeof o.from_min === "number" && o.from < o.from_min) { o.from = o.from_min; } if (typeof o.from_max === "number" && o.from > o.from_max) { o.from = o.from_max; } if (typeof o.to_min === "number" && o.to < o.to_min) { o.to = o.to_min; } if (typeof o.to_max === "number" && o.from > o.to_max) { o.to = o.to_max; } if (r) { if (r.min !== o.min) { r.min = o.min; } if (r.max !== o.max) { r.max = o.max; } if (r.from < r.min || r.from > r.max) { r.from = o.from; } if (r.to < r.min || r.to > r.max) { r.to = o.to; } } if (typeof o.min_interval !== "number" || isNaN(o.min_interval) || !o.min_interval || o.min_interval < 0) { o.min_interval = 0; } if (typeof o.max_interval !== "number" || isNaN(o.max_interval) || !o.max_interval || o.max_interval < 0) { o.max_interval = 0; } if (o.min_interval && o.min_interval > o.max - o.min) { o.min_interval = o.max - o.min; } if (o.max_interval && o.max_interval > o.max - o.min) { o.max_interval = o.max - o.min; } }, decorate: function (num, original) { var decorated = "", o = this.options; if (o.prefix) { decorated += o.prefix; } decorated += num; if (o.max_postfix) { if (o.values.length && num === o.p_values[o.max]) { decorated += o.max_postfix; if (o.postfix) { decorated += " "; } } else if (original === o.max) { decorated += o.max_postfix; if (o.postfix) { decorated += " "; } } } if (o.postfix) { decorated += o.postfix; } return decorated; }, updateFrom: function () { this.result.from = this.options.from; this.result.from_percent = this.convertToPercent(this.result.from); if (this.options.values) { this.result.from_value = this.options.values[this.result.from]; } }, updateTo: function () { this.result.to = this.options.to; this.result.to_percent = this.convertToPercent(this.result.to); if (this.options.values) { this.result.to_value = this.options.values[this.result.to]; } }, updateResult: function () { this.result.min = this.options.min; this.result.max = this.options.max; this.updateFrom(); this.updateTo(); }, // ============================================================================================================= // Grid appendGrid: function () { if (!this.options.grid) { return; } var o = this.options, i, z, total = o.max - o.min, big_num = o.grid_num, big_p = 0, big_w = 0, small_max = 4, local_small_max, small_p, small_w = 0, result, html = ''; this.calcGridMargin(); if (o.grid_snap) { big_num = total / o.step; big_p = this.toFixed(o.step / (total / 100)); } else { big_p = this.toFixed(100 / big_num); } if (big_num > 4) { small_max = 3; } if (big_num > 7) { small_max = 2; } if (big_num > 14) { small_max = 1; } if (big_num > 28) { small_max = 0; } for (i = 0; i < big_num + 1; i++) { local_small_max = small_max; big_w = this.toFixed(big_p * i); if (big_w > 100) { big_w = 100; local_small_max -= 2; if (local_small_max < 0) { local_small_max = 0; } } this.coords.big[i] = big_w; small_p = (big_w - (big_p * (i - 1))) / (local_small_max + 1); for (z = 1; z <= local_small_max; z++) { if (big_w === 0) { break; } small_w = this.toFixed(big_w - (small_p * z)); html += ''; } html += ''; result = this.convertToValue(big_w); if (o.values.length) { result = o.p_values[result]; } else { result = this._prettify(result); } html += '' + result + ''; } this.coords.big_num = Math.ceil(big_num + 1); this.$cache.cont.addClass("irs-with-grid"); this.$cache.grid.html(html); this.cacheGridLabels(); }, cacheGridLabels: function () { var $label, i, num = this.coords.big_num; for (i = 0; i < num; i++) { $label = this.$cache.grid.find(".js-grid-text-" + i); this.$cache.grid_labels.push($label); } this.calcGridLabels(); }, calcGridLabels: function () { var i, label, start = [], finish = [], num = this.coords.big_num; for (i = 0; i < num; i++) { this.coords.big_w[i] = this.$cache.grid_labels[i].outerWidth(false); this.coords.big_p[i] = this.toFixed(this.coords.big_w[i] / this.coords.w_rs * 100); this.coords.big_x[i] = this.toFixed(this.coords.big_p[i] / 2); start[i] = this.toFixed(this.coords.big[i] - this.coords.big_x[i]); finish[i] = this.toFixed(start[i] + this.coords.big_p[i]); } if (this.options.force_edges) { if (start[0] < -this.coords.grid_gap) { start[0] = -this.coords.grid_gap; finish[0] = this.toFixed(start[0] + this.coords.big_p[0]); this.coords.big_x[0] = this.coords.grid_gap; } if (finish[num - 1] > 100 + this.coords.grid_gap) { finish[num - 1] = 100 + this.coords.grid_gap; start[num - 1] = this.toFixed(finish[num - 1] - this.coords.big_p[num - 1]); this.coords.big_x[num - 1] = this.toFixed(this.coords.big_p[num - 1] - this.coords.grid_gap); } } this.calcGridCollision(2, start, finish); this.calcGridCollision(4, start, finish); for (i = 0; i < num; i++) { label = this.$cache.grid_labels[i][0]; label.style.marginLeft = -this.coords.big_x[i] + "%"; } }, // Collisions Calc Beta // TODO: Refactor then have plenty of time calcGridCollision: function (step, start, finish) { var i, next_i, label, num = this.coords.big_num; for (i = 0; i < num; i += step) { next_i = i + (step / 2); if (next_i >= num) { break; } label = this.$cache.grid_labels[next_i][0]; if (finish[i] <= start[next_i]) { label.style.visibility = "visible"; } else { label.style.visibility = "hidden"; } } }, calcGridMargin: function () { if (!this.options.grid_margin) { return; } this.coords.w_rs = this.$cache.rs.outerWidth(false); if (!this.coords.w_rs) { return; } if (this.options.type === "single") { this.coords.w_handle = this.$cache.s_single.outerWidth(false); } else { this.coords.w_handle = this.$cache.s_from.outerWidth(false); } this.coords.p_handle = this.toFixed(this.coords.w_handle / this.coords.w_rs * 100); this.coords.grid_gap = this.toFixed((this.coords.p_handle / 2) - 0.1); this.$cache.grid[0].style.width = this.toFixed(100 - this.coords.p_handle) + "%"; this.$cache.grid[0].style.left = this.coords.grid_gap + "%"; }, // ============================================================================================================= // Public methods update: function (options) { if (!this.input) { return; } this.is_update = true; this.options.from = this.result.from; this.options.to = this.result.to; this.options = $.extend(this.options, options); this.validate(); this.updateResult(options); this.toggleInput(); this.remove(); this.init(true); }, reset: function () { if (!this.input) { return; } this.updateResult(); this.update(); }, destroy: function () { if (!this.input) { return; } this.toggleInput(); this.$cache.input.prop("readonly", false); $.data(this.input, "ionRangeSlider", null); this.remove(); this.input = null; this.options = null; } }; $.fn.ionRangeSlider = function (options) { return this.each(function() { if (!$.data(this, "ionRangeSlider")) { $.data(this, "ionRangeSlider", new IonRangeSlider(this, options, plugin_count++)); } }); }; // ================================================================================================================= // http://paulirish.com/2011/requestanimationframe-for-smart-animating/ // http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating // requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel // MIT license (function() { var lastTime = 0; var vendors = ['ms', 'moz', 'webkit', 'o']; for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) { window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame']; window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame'] || window[vendors[x]+'CancelRequestAnimationFrame']; } if (!window.requestAnimationFrame) window.requestAnimationFrame = function(callback, element) { var currTime = new Date().getTime(); var timeToCall = Math.max(0, 16 - (currTime - lastTime)); var id = window.setTimeout(function() { callback(currTime + timeToCall); }, timeToCall); lastTime = currTime + timeToCall; return id; }; if (!window.cancelAnimationFrame) window.cancelAnimationFrame = function(id) { clearTimeout(id); }; }()); } (jQuery, document, window, navigator)); (function(B){B.fn.alphanum=function(N){var M=G(N);var O=this;y(O,C,M);return this};B.fn.alpha=function(O){var N=G("alpha");var M=G(O,N);var P=this;y(P,C,M);return this};B.fn.numeric=function(N){var M=i(N);var O=this;y(O,F,M);O.blur(function(){u(this,M)});return this};var m={allow:"",disallow:"",allowSpace:true,allowNewline:true,allowNumeric:true,allowUpper:true,allowLower:true,allowCaseless:true,allowLatin:true,allowOtherCharSets:true,forceUpper:false,forceLower:false,maxLength:NaN};var z={allowPlus:false,allowMinus:true,allowThouSep:true,allowDecSep:true,allowLeadingSpaces:false,maxDigits:NaN,maxDecimalPlaces:NaN,maxPreDecimalPlaces:NaN,max:NaN,min:NaN};var L={alpha:{allowNumeric:false},upper:{allowNumeric:false,allowUpper:true,allowLower:false,allowCaseless:true},lower:{allowNumeric:false,allowUpper:false,allowLower:true,allowCaseless:true}};var c={integer:{allowPlus:false,allowMinus:true,allowThouSep:false,allowDecSep:false},positiveInteger:{allowPlus:false,allowMinus:false,allowThouSep:false,allowDecSep:false}};var a=D()+d();var l=",";var w=".";var x=b();var v=K();function D(){var M="!@#$%^&*()+=[]\\';,/{}|\":<>?~`.-_";M+=" ";return M}function d(){var M="\xAC\u20AC\xA3\xA6";return M}function y(O,M,N){O.each(function(){var P=B(this);P.off(".alphanum").on("keyup.alphanum change.alphanum paste.alphanum",function(R){var Q="";if(R.originalEvent&&R.originalEvent.clipboardData&&R.originalEvent.clipboardData.getData){Q=R.originalEvent.clipboardData.getData("text/plain")}setTimeout(function(){H(P,M,N,Q)},0)}).on("keypress.alphanum",function(U){var Y=!U.charCode?U.which:U.charCode;if(E(Y)||U.ctrlKey||U.metaKey){return}var W=String.fromCharCode(Y);var V=P.selection();var Q=V.start;var T=V.end;var X=P.val();var S=X.substring(0,Q)+W+X.substring(T);var R=M(S,N);if(R!=S){U.preventDefault()}})})}function u(M,O){var N=parseFloat(B(M).val());var P=B(M);if(isNaN(N)){P.val("");return}if(q(O.min)&&NO.max){P.val("")}}function q(M){return !isNaN(M)}function E(M){if(M>=32){return false}if(M==10){return false}if(M==13){return false}return true}function H(R,M,Q,N){var S=R.val();if(S==""&&N.length>0){S=N}var P=M(S,Q);if(S==P){return}var O=R.alphanum_caret();R.val(P);if(S.length==(P.length+1)){R.alphanum_caret(O-1)}else{R.alphanum_caret(O)}}function G(O,N){if(typeof N=="undefined"){N=m}var P,M={};if(typeof O==="string"){P=L[O]}else{if(typeof O=="undefined"){P={}}else{P=O}}B.extend(M,N,P);if(typeof M.blacklist=="undefined"){M.blacklistSet=f(M.allow,M.disallow)}return M}function i(N){var O,M={};if(typeof N==="string"){O=c[N]}else{if(typeof N=="undefined"){O={}}else{O=N}}B.extend(M,z,O);return M}function s(O,M,N){if(N.maxLength&&O.length>=N.maxLength){return false}if(N.allow.indexOf(M)>=0){return true}if(N.allowSpace&&(M==" ")){return true}if(!N.allowNewline&&(M=="\n"||M=="\r")){return false}if(N.blacklistSet.contains(M)){return false}if(!N.allowNumeric&&x[M]){return false}if(!N.allowUpper&&e(M)){return false}if(!N.allowLower&&r(M)){return false}if(!N.allowCaseless&&J(M)){return false}if(!N.allowLatin&&v.contains(M)){return false}if(!N.allowOtherCharSets){if(x[M]||v.contains(M)){return true}else{return false}}return true}function j(O,M,N){if(x[M]){if(k(O,N)){return false}if(p(O,N)){return false}if(A(O,N)){return false}if(o(O+M,N)){return false}if(I(O+M,N)){return false}return true}if(N.allowPlus&&M=="+"&&O==""){return true}if(N.allowMinus&&M=="-"&&O==""){return true}if(M==l&&N.allowThouSep&&h(O)){return true}if(M==w){if(O.indexOf(w)>=0){return false}if(N.allowDecSep&&N.maxDecimalPlaces===0){return false}if(N.allowDecSep){return true}}return false}function t(M){M=M+"";return M.replace(/[^0-9]/g,"").length}function k(N,O){var M=O.maxDigits;if(M===""||isNaN(M)){return false}var P=t(N);if(P>=M){return true}return false}function A(P,R){var Q=R.maxDecimalPlaces;if(Q===""||isNaN(Q)){return false}var N=P.indexOf(w);if(N==-1){return false}var M=P.substring(N);var O=t(M);if(O>=Q){return true}return false}function p(P,Q){var O=Q.maxPreDecimalPlaces;if(O===""||isNaN(O)){return false}var M=P.indexOf(w);if(M>=0){return false}var N=t(P);if(N>=O){return true}return false}function o(M,N){if(!N.max||N.max<0){return false}var O=parseFloat(M);if(O>N.max){return true}return false}function I(M,N){if(!N.min||N.min>0){return false}var O=parseFloat(M);if(O=0){return false}var R=O.indexOf(l);if(R<0){return true}var N=O.lastIndexOf(l);var M=O.length-N-1;if(M<3){return false}var P=t(O.substring(R));if((P%3)>0){return false}return true}function g(M){if(typeof M=="string"){this.map=n(M)}else{this.map={}}}g.prototype.add=function(O){var N=this.clone();for(var M in O.map){N.map[M]=true}return N};g.prototype.subtract=function(O){var N=this.clone();for(var M in O.map){delete N.map[M]}return N};g.prototype.contains=function(M){if(this.map[M]){return true}else{return false}};g.prototype.clone=function(){var N=new g();for(var M in this.map){N.map[M]=true}return N};function n(N){var P={};var Q=N.split("");var O=0;var M;for(O=0;O=0){endPos=a.toString().length}else{endPos=startPos+m.toString().length}return{start:startPos,end:endPos}},l=function(x){var i=b(x);if(x.selectionStart!==undefined){if(document.activeElement&&document.activeElement!=x&&x.selectionStart==x.selectionEnd&&x.selectionStart==0){return{start:x.value.length,end:x.value.length}}return{start:x.selectionStart,end:x.selectionEnd}}else{if(i.getSelection){return f(x,i)}else{try{if(x.nodeName.toLowerCase()=="input"){var y=b(x).document.selection.createRange(),e=x.createTextRange();e.setEndPoint("EndToStart",y);var w=e.text.length;return{start:w,end:w+y.text.length}}else{var v=f(x,i);if(!v){return v}var q=g.Range.current().clone(),m=q.clone().collapse().range,r=q.clone().collapse(false).range;m.moveStart("character",-1);r.moveStart("character",-1);if(v.startPos!=0&&m.text==""){v.startPos+=2}if(v.endPos!=0&&r.text==""){v.endPos+=2}return v}}catch(p){return{start:x.value.length,end:x.value.length}}}}},c=function(v,x,m){var q=b(v);if(v.setSelectionRange){if(m===undefined){v.focus();v.setSelectionRange(x,x)}else{v.select();v.selectionStart=x;v.selectionEnd=m}}else{if(v.createTextRange){var y=v.createTextRange();y.moveStart("character",x);m=m||x;y.moveEnd("character",m-v.value.length);y.select()}else{if(q.getSelection){var a=q.document,w=q.getSelection(),r=a.createRange(),p=[x,m!==undefined?m:x];h([v],p);r.setStart(p[0].el,p[0].count);r.setEnd(p[1].el,p[1].count);w.removeAllRanges();w.addRange(r)}else{if(q.document.body.createTextRange){var r=document.body.createTextRange();r.moveToElementText(v);r.collapse();r.moveStart("character",x);r.moveEnd("character",m!==undefined?m:x);r.select()}}}}},j=function(m,a,o,i){if(typeof o[0]==="number"&&o[0]').hide().insertAfter("body")[0].contentWindow;q=function(){return a(n.document[c][l])};o=function(u,s){if(u!==s){var t=n.document;t.open().close();t[c].hash="#"+u}};o(a())}}m.start=function(){if(r){return}var t=a();o||p();(function s(){var v=a(),u=q(t);if(v!==t){o(t=v,u);$(i).trigger(d)}else{if(u!==t){i[c][l]=i[c][l].replace(/#.*/,"")+"#"+u}}r=setTimeout(s,$[d+"Delay"])})()};m.stop=function(){if(!n){r&&clearTimeout(r);r=0}};return m})()})(jQuery,this); "use strict";jQuery.base64=(function($){var _PADCHAR="=",_ALPHA="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",_VERSION="1.0";function _getbyte64(s,i){var idx=_ALPHA.indexOf(s.charAt(i));if(idx===-1){throw"Cannot decode base64"}return idx}function _decode(s){var pads=0,i,b10,imax=s.length,x=[];s=String(s);if(imax===0){return s}if(imax%4!==0){throw"Cannot decode base64"}if(s.charAt(imax-1)===_PADCHAR){pads=1;if(s.charAt(imax-2)===_PADCHAR){pads=2}imax-=4}for(i=0;i>16,(b10>>8)&255,b10&255))}switch(pads){case 1:b10=(_getbyte64(s,i)<<18)|(_getbyte64(s,i+1)<<12)|(_getbyte64(s,i+2)<<6);x.push(String.fromCharCode(b10>>16,(b10>>8)&255));break;case 2:b10=(_getbyte64(s,i)<<18)|(_getbyte64(s,i+1)<<12);x.push(String.fromCharCode(b10>>16));break}return x.join("")}function _getbyte(s,i){var x=s.charCodeAt(i);if(x>255){throw"INVALID_CHARACTER_ERR: DOM Exception 5"}return x}function _encode(s){if(arguments.length!==1){throw"SyntaxError: exactly one argument required"}s=String(s);var i,b10,x=[],imax=s.length-s.length%3;if(s.length===0){return s}for(i=0;i>18));x.push(_ALPHA.charAt((b10>>12)&63));x.push(_ALPHA.charAt((b10>>6)&63));x.push(_ALPHA.charAt(b10&63))}switch(s.length-imax){case 1:b10=_getbyte(s,i)<<16;x.push(_ALPHA.charAt(b10>>18)+_ALPHA.charAt((b10>>12)&63)+_PADCHAR+_PADCHAR);break;case 2:b10=(_getbyte(s,i)<<16)|(_getbyte(s,i+1)<<8);x.push(_ALPHA.charAt(b10>>18)+_ALPHA.charAt((b10>>12)&63)+_ALPHA.charAt((b10>>6)&63)+_PADCHAR);break}return x.join("")}return{decode:_decode,encode:_encode,VERSION:_VERSION}}(jQuery)); jQuery.fn.farbtastic=function(a){jQuery.farbtastic(this,a);return this};jQuery.farbtastic=function(a,b){var a=jQuery(a).get(0);return a.farbtastic||(a.farbtastic=new jQuery._farbtastic(a,b))};jQuery._farbtastic=function(a,f){var d=(a.ownerDocument!==window.document)?window.parent.document:document;var b=this;jQuery(a).html('

');var c=jQuery(".farbtastic",a);b.wheel=jQuery(".wheel",a).get(0);b.radius=84;b.square=100;b.width=194;if(navigator.appVersion.match(/MSIE [0-6]\./)){jQuery("*",c).each(function(){if(this.currentStyle.backgroundImage!="none"){var e=this.currentStyle.backgroundImage;e=this.currentStyle.backgroundImage.substring(5,e.length-2);jQuery(this).css({backgroundImage:"none",filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='"+e+"')"})}})}b.linkTo=function(e){if(typeof b.callback=="object"){jQuery(b.callback).unbind("keyup",b.updateValue)}b.color=null;if(typeof e=="function"){b.callback=e}else{if(typeof e=="object"||typeof e=="string"){b.callback=jQuery(e);b.callback.bind("keyup",b.updateValue);if(b.callback.get(0).value){b.setColor(b.callback.get(0).value)}}}return this};b.updateValue=function(e){if(this.value&&this.value!=b.color){b.setColor(this.value)}};b.setColor=function(e){var g=b.unpack(e);if(b.color!=e&&g){b.color=e;b.rgb=g;b.hsl=b.RGBToHSL(b.rgb);b.updateDisplay()}return this};b.setHSL=function(e){b.hsl=e;b.rgb=b.HSLToRGB(e);b.color=b.pack(b.rgb);b.updateDisplay();return this};b.widgetCoords=function(j){var h,n;var i=j.target||j.srcElement;var g=b.wheel;if(typeof j.offsetX!="undefined"){var m={x:j.offsetX,y:j.offsetY};var k=i;while(k){k.mouseX=m.x;k.mouseY=m.y;m.x+=k.offsetLeft;m.y+=k.offsetTop;k=k.offsetParent}var k=g;var l={x:0,y:0};while(k){if(typeof k.mouseX!="undefined"){h=k.mouseX-l.x;n=k.mouseY-l.y;break}l.x+=k.offsetLeft;l.y+=k.offsetTop;k=k.offsetParent}k=i;while(k){k.mouseX=undefined;k.mouseY=undefined;k=k.offsetParent}}else{var m=b.absolutePosition(g);h=(j.pageX||0*(j.clientX+jQuery("html").get(0).scrollLeft))-m.x;n=(j.pageY||0*(j.clientY+jQuery("html").get(0).scrollTop))-m.y}return{x:h-b.width/2,y:n-b.width/2}};b.mousedown=function(e){if(!d.dragging){jQuery(d).bind("mousemove",b.mousemove).bind("mouseup",b.mouseup);d.dragging=true}var g=b.widgetCoords(e);b.circleDrag=Math.max(Math.abs(g.x),Math.abs(g.y))*2>b.square;b.mousemove(e);return false};b.mousemove=function(i){var j=b.widgetCoords(i);if(b.circleDrag){var h=Math.atan2(j.x,-j.y)/6.28;if(h<0){h+=1}b.setHSL([h,b.hsl[1],b.hsl[2]])}else{var g=Math.max(0,Math.min(1,-(j.x/b.square)+0.5));var e=Math.max(0,Math.min(1,-(j.y/b.square)+0.5));b.setHSL([b.hsl[0],g,e])}return false};b.mouseup=function(){jQuery(d).unbind("mousemove",b.mousemove);jQuery(d).unbind("mouseup",b.mouseup);d.dragging=false};b.updateDisplay=function(){var e=b.hsl[0]*6.28;jQuery(".h-marker",c).css({left:Math.round(Math.sin(e)*b.radius+b.width/2)+"px",top:Math.round(-Math.cos(e)*b.radius+b.width/2)+"px"});jQuery(".sl-marker",c).css({left:Math.round(b.square*(0.5-b.hsl[1])+b.width/2)+"px",top:Math.round(b.square*(0.5-b.hsl[2])+b.width/2)+"px"});jQuery(".color",c).css("backgroundColor",b.pack(b.HSLToRGB([b.hsl[0],1,0.5])));if(typeof b.callback=="object"){jQuery(b.callback).css({backgroundColor:b.color,color:b.hsl[2]>0.5?"#000":"#fff"});jQuery(b.callback).each(function(){if(this.value&&this.value!=b.color){this.value=b.color}})}else{if(typeof b.callback=="function"){b.callback.call(b,b.color)}}};b.absolutePosition=function(g){var h={x:g.offsetLeft,y:g.offsetTop};if(g.offsetParent){var e=b.absolutePosition(g.offsetParent);h.x+=e.x;h.y+=e.y}return h};b.pack=function(h){var j=Math.round(h[0]*255);var i=Math.round(h[1]*255);var e=Math.round(h[2]*255);return"#"+(j<16?"0":"")+j.toString(16)+(i<16?"0":"")+i.toString(16)+(e<16?"0":"")+e.toString(16)};b.unpack=function(e){if(e.length==7){return[parseInt("0x"+e.substring(1,3))/255,parseInt("0x"+e.substring(3,5))/255,parseInt("0x"+e.substring(5,7))/255]}else{if(e.length==4){return[parseInt("0x"+e.substring(1,2))/15,parseInt("0x"+e.substring(2,3))/15,parseInt("0x"+e.substring(3,4))/15]}}};b.HSLToRGB=function(n){var p,o,e,k,m;var j=n[0],q=n[1],i=n[2];o=(i<=0.5)?i*(q+1):i+q-i*q;p=i*2-o;return[this.hueToRGB(p,o,j+0.33333),this.hueToRGB(p,o,j),this.hueToRGB(p,o,j-0.33333)]};b.hueToRGB=function(g,e,i){i=(i<0)?i+1:((i>1)?i-1:i);if(i*6<1){return g+(e-g)*i*6}if(i*2<1){return e}if(i*3<2){return g+(e-g)*(0.66666-i)*6}return g};b.RGBToHSL=function(n){var j,p,q,k,t,i;var e=n[0],m=n[1],o=n[2];j=Math.min(e,Math.min(m,o));p=Math.max(e,Math.max(m,o));q=p-j;i=(j+p)/2;t=0;if(i>0&&i<1){t=q/(i<0.5?(2*i):(2-2*i))}k=0;if(q>0){if(p==e&&p!=m){k+=(m-o)/q}if(p==m&&p!=o){k+=(2+(o-e)/q)}if(p==o&&p!=e){k+=(4+(e-m)/q)}k/=6}return[k,t,i]};jQuery("*",c).mousedown(b.mousedown);b.setColor("#000000");if(f){b.linkTo(f)}};/*! jQuery Tags Input Plugin 1.3.3 Copyright (c) 2011 XOXCO, Inc Documentation for this plugin lives here: http://xoxco.com/clickable/jquery-tags-input Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php ben@xoxco.com */ (function($) { var delimiter = new Array(); var tags_callbacks = new Array(); $.fn.doAutosize = function(o){ var minWidth = $(this).data('minwidth'), maxWidth = $(this).data('maxwidth'), val = '', input = $(this), testSubject = $().parentFind('#'+$(this).data('tester_id')); if (val === (val = input.val())) {return;} // Enter new content into testSubject var escaped = val.replace(/&/g, '&').replace(/\s/g,' ').replace(//g, '>'); testSubject.html(escaped); // Calculate new width + whether to change var testerWidth = testSubject.width(), newWidth = (testerWidth + o.comfortZone) >= minWidth ? testerWidth + o.comfortZone : minWidth, currentWidth = input.width(), isValidWidthChange = (newWidth < currentWidth && newWidth >= minWidth) || (newWidth > minWidth && newWidth < maxWidth); // Animate width if (isValidWidthChange) { input.width(newWidth); } }; $.fn.resetAutosize = function(options){ // alert(JSON.stringify(options)); var minWidth = $(this).data('minwidth') || options.minInputWidth || $(this).width(), maxWidth = $(this).data('maxwidth') || options.maxInputWidth || ($(this).closest('.tagsinput').width() - options.inputPadding), val = '', input = $(this), testSubject = $('').css({ position: 'absolute', top: -9999, left: -9999, width: 'auto', fontSize: input.css('fontSize'), fontFamily: input.css('fontFamily'), fontWeight: input.css('fontWeight'), letterSpacing: input.css('letterSpacing'), whiteSpace: 'nowrap' }), testerId = $(this).attr('id')+'_autosize_tester'; if(! $().parentFind('#'+testerId).length > 0){ testSubject.attr('id', testerId); testSubject.appendTo('body'); } input.data('minwidth', minWidth); input.data('maxwidth', maxWidth); input.data('tester_id', testerId); input.css('width', minWidth); }; $.fn.addTag = function(value,options) { options = jQuery.extend({focus:false,callback:true},options); this.each(function() { var id = $(this).attr('id'); var tagslist = $(this).val().split(delimiter[id]); if (tagslist[0] == '') { tagslist = new Array(); } value = jQuery.trim(value); if (options.unique) { var skipTag = $(this).tagExist(value); if(skipTag == true) { //Marks fake input as not_valid to let styling it $().parentFind('#'+id+'_tag').addClass('not_valid'); } } else { var skipTag = false; } if (value !='' && skipTag != true) { $('').addClass('tag').append( $('').text(value).append(' '), $('', { href : '#', title : 'Removing tag', text : 'x' }).click(function () { return $().parentFind('#' + id).removeTag(escape(value)); }) ).insertBefore($().parentFind('#' + id + '_addTag')); tagslist.push(value); $().parentFind('#'+id+'_tag').val(''); if (options.focus) { $().parentFind('#'+id+'_tag').focus(); } else { $().parentFind('#'+id+'_tag').blur(); } $.fn.tagsInput.updateTagsField(this,tagslist); if (options.callback && tags_callbacks[id] && tags_callbacks[id]['onAddTag']) { var f = tags_callbacks[id]['onAddTag']; f.call(this, value); } if(tags_callbacks[id] && tags_callbacks[id]['onChange']) { var i = tagslist.length; var f = tags_callbacks[id]['onChange']; f.call(this, $(this), tagslist[i-1]); } } }); return false; }; $.fn.removeTag = function(value) { value = unescape(value); this.each(function() { var id = $(this).attr('id'); var old = $(this).val().split(delimiter[id]); $().parentFind('#'+id+'_tagsinput .tag').remove(); str = ''; for (i=0; i< old.length; i++) { if (old[i]!=value) { str = str + delimiter[id] +old[i]; } } $.fn.tagsInput.importTags(this,str); if (tags_callbacks[id] && tags_callbacks[id]['onRemoveTag']) { var f = tags_callbacks[id]['onRemoveTag']; f.call(this, value); } }); return false; }; $.fn.tagExist = function(val) { var id = $(this).attr('id'); var tagslist = $(this).val().split(delimiter[id]); return (jQuery.inArray(val, tagslist) >= 0); //true when tag exists, false when not }; // clear all existing tags and import new ones from a string $.fn.importTags = function(str) { var id = $(this).attr('id'); $().parentFind('#'+id+'_tagsinput .tag').remove(); $.fn.tagsInput.importTags(this,str); } $.fn.tagsInput = function(options) { var settings = jQuery.extend({ interactive:true, defaultText:'add a tag', minChars:0, width:'300px', height:'100px', minInputWidth:'70px', autocomplete: {selectFirst: false }, hide:true, delimiter: ',', unique:true, removeWithBackspace:true, placeholderColor:'#666666', autosize: true, comfortZone: 25, inputPadding: 6*2 },options); var uniqueIdCounter = 0; this.each(function() { // If we have already initialized the field, do not do it again if (typeof $(this).attr('data-tagsinput-init') !== 'undefined') { return; } // Mark the field as having been initialized $(this).attr('data-tagsinput-init', true); if (settings.hide) { $(this).hide(); } var id = $(this).attr('id'); if (!id || delimiter[$(this).attr('id')]) { id = $(this).attr('id', 'tags' + new Date().getTime() + (uniqueIdCounter++)).attr('id'); } var data = jQuery.extend({ pid:id, real_input: '#'+id, holder: '#'+id+'_tagsinput', input_wrapper: '#'+id+'_addTag', fake_input: '#'+id+'_tag' },settings); delimiter[id] = data.delimiter; if (settings.onAddTag || settings.onRemoveTag || settings.onChange) { tags_callbacks[id] = new Array(); tags_callbacks[id]['onAddTag'] = settings.onAddTag; tags_callbacks[id]['onRemoveTag'] = settings.onRemoveTag; tags_callbacks[id]['onChange'] = settings.onChange; } var markup = '