Function checkBox

lib/web/drags.js:163–202

(into, w, h, get, setAndGet)

}

var checkBox = function (into, w, h, get, setAndGet) {
    var shapes = into.circle(w / 2, w / 2, w / 2 - 4);
    var click = function () {
        var v = setAndGet(!get());
        shapes.animate({
            "fill-opacity": (v ? 0.5 : 0)
        }, 50);

        if (v)
            shapes.attr({"stroke-dasharray": ""});
        else
            shapes.attr({"stroke-dasharray": "-"})

    };

    var initial = get();

    shapes.attr({
        fill: "#eee",
        "fill-opacity": (initial ? 0.5 : 0),
        "stroke-width": 1,
        cursor: "move",
        stroke: "#000"
    });
    if (initial)
        shapes.attr({"stroke-dasharray": ""});
    else
        shapes.attr({"stroke-dasharray": "-"});

    shapes.hover(
        function () {
            this.attr({"stroke": "#300"})
        },
        function () {
            this.attr({"stroke": "#000"})
        });
    shapes.click(click);

    return shapes;
};

var dragThang = function (into, get, setAndGet, diameter, onUp) {