MultiRangeSlider (Mrs)

Extends jquery-ui slider widget to include multiple ranges. Live example at jsFiddle http://jsfiddle.net/araczkowski/6cq36ahs/embedded/result/

How To Start (to develop the plugin)

NPM

npm install

Bower

bower install

Grunt

grunt serve

Mrs class constructor

Mrs

/**
* @class Mrs
*
* @constructor
* @param {String} elementId, this id will be used to create jQuery selector
* @param {Object} userOptions (optional) Custom options object that overrides default
* {
*      @property {Number} userOptions.min Slider minimum value
*      @property {Number} userOptions.max Slider maximum value
*      @property {Number} userOptions.step Slider sliding step
*      @property {Number} userOptions.gap Minimum gap between handles when add/remove range controls are visible
*      @property {Number} userOptions.newlength Default length for newly created range. Will be adjusted between surrounding handles if not fitted
*      @property {Object} userOptions.handleLabelDispFormat mrs handle label format default hh24:mi
*      @property {Object} userOptions.stepLabelDispFormat mrs step Label format default hh24
* }
*/

window.Mrs = function(elementId, userOptions) {}

Mrs class interface

addPeriods

/**
 * Adds multiple periods and rebuilds the Mrs slider
 * @param {Array} periodsArray example: Array([[660, 90],[990, 120]...])
 * @return {Object} self instance of am.Mrs class
 */

Mrs.addPeriods = function(periodsArray) {}

= getPeriods

/**
 * Gets all periods for this Mrs instance
 * @return {Array} of each period.toPublic() object
 */

Mrs.getPeriods = function() {}

= changeStep

/**
 * Change the step value
 * @param {Number} step example: 30 (minutes)
 * @return {Object} self instance of Mrs class
 */

Mrs.changeStep = function(step) {}

=========================