e-lado/app/assets/javascripts/range_filter.js

[](https://circleci.com/gh/sharetribe/sharetribe/tree/master) [](https://gemnasium.com/sharetribe/shar

window.ST = window.ST || {};

/**
  Initialize range slider filter

  ## Params:

  - `selector`: Selector
  - `range`: [min, max] array
  - `start`: [startValueMin, startValueMax]
  - `labels`: [labelElementMin, labelElementMax]
  - `fields`: [inputFieldMin, inputFieldMax]
  - `decimals: boolean allow decimals
*/

window.ST.rangeFilter = function(selector, range, start, labels, fields, decimals) {

  function decimalPlaces(number) {
    // The ^-?\d*\. strips off any sign, integer portion, and decimal point
    // leaving only the decimal fraction.
    return ((+number).toString()).replace(/^-?\d*\.?/g, '').length;
  }

  function numberOfDecimals(){
    if(decimals){
      var num_of_decimals = Math.max.apply(null, range.map(decimalPlaces));
      return 1 / Math.pow(10, num_of_decimals);
    }else{
      return 1;
    }
  }

  function updateLabel(el) {
    return function(val) {
      el.html(val);
    };
  }


  var step = numberOfDecimals();

  $(selector).noUiSlider({
    range: range,
    step: step,
    start: [start[0], start[1]],
    connect: true,
    serialization: {
      resolution: step,
      to: [
        [$(fields[0]), updateLabel($(labels[0]))],
        [$(fields[1]), updateLabel($(labels[1]))]
      ]
    }
  });
};