Function makeSlider

lib/web/drags.js:298–343

(rrRaph, w, h, get, setAndConstrain, onUp)

var insetW = 0;

var makeSlider = function (rrRaph, w, h, get, setAndConstrain, onUp) {
    for (var q = 1; q < 10; q++)
        rrRaph.path("M" + (insetW + (q / 10.0) * (w - insetW * 2)) + "," + 1 + "L" + (insetW + (q / 10.0) * (w - insetW * 2)) + "," + (h)).attr({
            stroke: "#222",
            "stroke-width": 1
        })

    var p = rrRaph.path("M" + insetW + "," + (h / 2) + "L" + (w - insetW) + "," + (h / 2))
    p.attr({
        stroke: "#000",
        "stroke-width": 1
    });

    var oo = dragThang(
        rrRaph,
        function () {
            return [insetW + get() * (w - insetW * 2), h / 2]
        },
        function (originally, previously, now) {
            var c = now[0];
            if (c < insetW) c = insetW;
            if (c > w - insetW) c = w - insetW;

            console.log("set " + c)

            var v = setAndConstrain((originally[0] - insetW) / (w - insetW * 2), (previously[0] - insetW) / (w - insetW * 2), (c - insetW) / (w - insetW * 2));

            console.log("set part 2 " + v)

            c = v * (w - insetW * 2) + insetW;

            return [c, originally[1]];
        },
        10,
        function () {
            if (onUp) {
                var u = onUp()
                console.log(" ran onUp again got " + u);
                return [insetW + u * (w - insetW * 2), h / 2]
            }
            else {
                return
            }
        }
    );
};

var makeDifferentialSlider = function (rrRaph, w, h, get, setAndConstrain, onUp) {
    for (var q = 1; q < 10; q++)