Bug Tracker

Ticket #3317: 0001-slider-support-floating-values-set-number-of-decim.patch

File 0001-slider-support-floating-values-set-number-of-decim.patch, 8.9 KB (added by herve, 14 years ago)

The patch in git format

  • ui/ui.slider.js 

    From c498ce58484f4acee3ddc5d991a68289daea1f6c Mon Sep 17 00:00:00 2001
From: =?utf-8?q?Herv=C3=A9=20Cauwelier?= <[email protected]>
Date: Tue, 2 Sep 2008 22:32:55 +0200
Subject: [PATCH] slider: support floating values, set number of decimals

---
 ui/ui.slider.js |   66 ++++++++++++++++++++++++++++++++----------------------
 1 files changed, 39 insertions(+), 27 deletions(-)

diff --git a/ui/ui.slider.js b/ui/ui.slider.js
index ad33290..64e131b 100644
    a b $.widget("ui.slider", { 
    2424                return {
    2525                        options: this.options,
    2626                        handle: this.currentHandle,
    27                         value: this.options.axis != "both" || !this.options.axis ? Math.round(this.value(null,this.options.axis == "vertical" ? "y" : "x")) : {
    28                                 x: Math.round(this.value(null,"x")),
    29                                 y: Math.round(this.value(null,"y"))
     27                        value: this.options.axis != "both" || !this.options.axis ? this.round(this.value(null,this.options.axis == "vertical" ? "y" : "x")) : {
     28                                x: this.round(this.value(null,"x")),
     29                                y: this.round(this.value(null,"y"))
    3030                        },
    3131                        range: this._getRange()
    3232                };
    … … $.widget("ui.slider", { 
    137137               
    138138                var element = this.element[0], o = this.options;
    139139                this.actualSize = { width: this.element.outerWidth() , height: this.element.outerHeight() };                   
    140                
     140
     141                //Prepare precision for math functions
     142                this.precision = o.precision && Math.pow(10, parseInt(precision)) || 0;
     143
    141144                $.extend(o, {
    142145                        axis: o.axis || (element.offsetWidth < element.offsetHeight ? 'vertical' : 'horizontal'),
    143                         max: !isNaN(parseInt(o.max,10)) ? { x: parseInt(o.max, 10), y: parseInt(o.max, 10) } : ({ x: o.max && o.max.x || 100, y: o.max && o.max.y || 100 }),
    144                         min: !isNaN(parseInt(o.min,10)) ? { x: parseInt(o.min, 10), y: parseInt(o.min, 10) } : ({ x: o.min && o.min.x || 0, y: o.min && o.min.y || 0 })
     146                        max: !isNaN(this.parse(o.max)) ? { x: this.parse(o.max), y: this.parse(o.max) } : ({ x: o.max && o.max.x || 100, y: o.max && o.max.y || 100 }),
     147                        min: !isNaN(this.parse(o.min)) ? { x: this.parse(o.min), y: this.parse(o.min) } : ({ x: o.min && o.min.x || 0, y: o.min && o.min.y || 0 })
    145148                });
    146149                //Prepare the real maxValue
    147150                o.realMax = {
    … … $.widget("ui.slider", { 
    150153                };
    151154                //Calculate stepping based on steps
    152155                o.stepping = {
    153                         x: o.stepping && o.stepping.x || parseInt(o.stepping, 10) || (o.steps ? o.realMax.x/(o.steps.x || parseInt(o.steps, 10) || o.realMax.x) : 0),
    154                         y: o.stepping && o.stepping.y || parseInt(o.stepping, 10) || (o.steps ? o.realMax.y/(o.steps.y || parseInt(o.steps, 10) || o.realMax.y) : 0)
     156                        x: o.stepping && o.stepping.x || this.parse(o.stepping) || (o.steps ? o.realMax.x/(o.steps.x || this.parse(o.steps) || o.realMax.x) : 0),
     157                        y: o.stepping && o.stepping.y || this.parse(o.stepping) || (o.steps ? o.realMax.y/(o.steps.y || this.parse(o.steps) || o.realMax.y) : 0)
    155158                };
    156159        },
    157160
    … … $.widget("ui.slider", { 
    230233        _updateRange: function() {
    231234                var prop = this.options.axis == "vertical" ? "top" : "left";
    232235                var size = this.options.axis == "vertical" ? "height" : "width";
    233                 this.rangeElement.css(prop, (parseInt($(this.handle[0]).css(prop),10) || 0) + this._handleSize(0, this.options.axis == "vertical" ? "y" : "x")/2);
    234                 this.rangeElement.css(size, (parseInt($(this.handle[1]).css(prop),10) || 0) - (parseInt($(this.handle[0]).css(prop),10) || 0));
     236                this.rangeElement.css(prop, (this.parse($(this.handle[0]).css(prop)) || 0) + this._handleSize(0, this.options.axis == "vertical" ? "y" : "x")/2);
     237                this.rangeElement.css(size, (this.parse($(this.handle[1]).css(prop)) || 0) - (this.parse($(this.handle[0]).css(prop)) || 0));
    235238        },
    236239        _getRange: function() {
    237                 return this.rangeElement ? this._convertValue(parseInt(this.rangeElement.css(this.options.axis == "vertical" ? "height" : "width"),10), this.options.axis == "vertical" ? "y" : "x") : null;
     240                return this.rangeElement ? this._convertValue(this.parse(this.rangeElement.css(this.options.axis == "vertical" ? "height" : "width")), this.options.axis == "vertical" ? "y" : "x") : null;
    238241        },
    239242
    240243        _handleIndex: function() {
    … … $.widget("ui.slider", { 
    247250                var curHandle = $(handle != undefined && handle !== null ? this.handle[handle] || handle : this.currentHandle);
    248251               
    249252                if(curHandle.data("mouse").sliderValue) {
    250                         return parseInt(curHandle.data("mouse").sliderValue[axis],10);
     253                        return this.parse(curHandle.data("mouse").sliderValue[axis]);
    251254                } else {
    252                         return parseInt(((parseInt(curHandle.css(axis == "x" ? "left" : "top"),10) / (this.actualSize[axis == "x" ? "width" : "height"] - this._handleSize(handle,axis))) * this.options.realMax[axis]) + this.options.min[axis],10);
     255                        return this.parse(((this.parse(curHandle.css(axis == "x" ? "left" : "top")) / (this.actualSize[axis == "x" ? "width" : "height"] - this._handleSize(handle,axis))) * this.options.realMax[axis]) + this.options.min[axis]);
    253256                }
    254257
    255258        },
    … … $.widget("ui.slider", { 
    338341               
    339342                if (o.stepping.x) {
    340343                        var value = this._convertValue(position.left, "x");
    341                         value = Math.round(value / o.stepping.x) * o.stepping.x;
     344                        value = this.round(value / o.stepping.x) * o.stepping.x;
    342345                        position.left = this._translateValue(value, "x");       
    343346                }
    344347                if (o.stepping.y) {
    345348                        var value = this._convertValue(position.top, "y");
    346                         value = Math.round(value / o.stepping.y) * o.stepping.y;
     349                        value = this.round(value / o.stepping.y) * o.stepping.y;
    347350                        position.top = this._translateValue(value, "y");       
    348351                }
    349352               
    … … $.widget("ui.slider", { 
    355358               
    356359                //Store the slider's value
    357360                this.currentHandle.data("mouse").sliderValue = {
    358                         x: Math.round(this._convertValue(position.left, "x")) || 0,
    359                         y: Math.round(this._convertValue(position.top, "y")) || 0
     361                        x: this.round(this._convertValue(position.left, "x")) || 0,
     362                        y: this.round(this._convertValue(position.top, "y")) || 0
    360363                };
    361364               
    362365                if (this.rangeElement)
    … … $.widget("ui.slider", { 
    393396                if(x !== undefined && x.constructor != Number) {
    394397                        var me = /^\-\=/.test(x), pe = /^\+\=/.test(x);
    395398                        if(me || pe) {
    396                                 x = this.value(null, "x") + parseInt(x.replace(me ? '=' : '+=', ''), 10);
     399                                x = this.value(null, "x") + this.parse(x.replace(me ? '=' : '+=', ''));
    397400                        } else {
    398                                 x = isNaN(parseInt(x, 10)) ? undefined : parseInt(x, 10);
     401                                x = isNaN(this.parse(x)) ? undefined : this.parse(x);
    399402                        }
    400403                }
    401404               
    402405                if(y !== undefined && y.constructor != Number) {
    403406                        var me = /^\-\=/.test(y), pe = /^\+\=/.test(y);
    404407                        if(me || pe) {
    405                                 y = this.value(null, "y") + parseInt(y.replace(me ? '=' : '+=', ''), 10);
     408                                y = this.value(null, "y") + this.parse(y.replace(me ? '=' : '+=', ''));
    406409                        } else {
    407                                 y = isNaN(parseInt(y, 10)) ? undefined : parseInt(y, 10);
     410                                y = isNaN(this.parse(y)) ? undefined : this.parse(y);
    408411                        }
    409412                }
    410413
    411414                if(o.axis != "vertical" && x !== undefined) {
    412                         if(o.stepping.x) x = Math.round(x / o.stepping.x) * o.stepping.x;
     415                        if(o.stepping.x) x = this.round(x / o.stepping.x) * o.stepping.x;
    413416                        x = this._translateValue(x, "x");
    414417                        x = this._translateLimits(x, "x");
    415418                        x = this._translateRange(x, "x");
    416419
    417                         o.animate ? this.currentHandle.stop().animate({ left: x }, (Math.abs(parseInt(this.currentHandle.css("left")) - x)) * (!isNaN(parseInt(o.animate)) ? o.animate : 5)) : this.currentHandle.css({ left: x });
     420                        o.animate ? this.currentHandle.stop().animate({ left: x }, (Math.abs(this.parse(this.currentHandle.css("left")) - x)) * (!isNaN(this.parse(o.animate)) ? o.animate : 5)) : this.currentHandle.css({ left: x });
    418421                }
    419422
    420423                if(o.axis != "horizontal" && y !== undefined) {
    421                         if(o.stepping.y) y = Math.round(y / o.stepping.y) * o.stepping.y;
     424                        if(o.stepping.y) y = this.round(y / o.stepping.y) * o.stepping.y;
    422425                        y = this._translateValue(y, "y");
    423426                        y = this._translateLimits(y, "y");
    424427                        y = this._translateRange(y, "y");
    425                         o.animate ? this.currentHandle.stop().animate({ top: y }, (Math.abs(parseInt(this.currentHandle.css("top")) - y)) * (!isNaN(parseInt(o.animate)) ? o.animate : 5)) : this.currentHandle.css({ top: y });
     428                        o.animate ? this.currentHandle.stop().animate({ top: y }, (Math.abs(this.parse(this.currentHandle.css("top")) - y)) * (!isNaN(this.parse(o.animate)) ? o.animate : 5)) : this.currentHandle.css({ top: y });
    426429                }
    427430               
    428431                if (this.rangeElement)
    … … $.widget("ui.slider", { 
    430433                       
    431434                //Store the slider's value
    432435                this.currentHandle.data("mouse").sliderValue = {
    433                         x: Math.round(this._convertValue(x, "x")) || 0,
    434                         y: Math.round(this._convertValue(y, "y")) || 0
     436                        x: this.round(this._convertValue(x, "x")) || 0,
     437                        y: this.round(this._convertValue(y, "y")) || 0
    435438                };
    436439       
    437440                if (!noPropagation) {
    … … $.widget("ui.slider", { 
    440443                        this._propagate('change', null);
    441444                        this._propagate("slide", null);
    442445                }
     446        },
     447        round: function(value) {
     448                var precision = this.precision;
     449                return precision ? Math.round(value * precision) / precision : Math.round(value);
     450        },
     451        parse: function(value) {
     452                if (this.precision == 0)
     453                        return parseInt(value);
     454                return parseFloat(value);
    443455        }
    444456});
    445457