Function insertXYSlider

lib/web/drags.js:653–728

(selection_start, selection_end)

};

var insertXYSlider = function (selection_start, selection_end) {
    var w = 150;
    var h = 150;

    canvas = newMarkingCanvas(selection_start, selection_end, w, h);

    var marks = canvas.mark;

    try {
        get = function () {

            //f = parseFloat(cm.getDoc().getRange(marks.find().from, marks.find().to));
            var rr = cm.getDoc().getRange(marks.find().from, marks.find().to);
            console.log(" rr <- " + rr);
            f = eval(rr);
            return f;
        };
        set = function (o, p, x) {

            var ff = {line: marks.find().from.line, ch: marks.find().from.ch};
            ff.ch += 1;
            var ft = {line: marks.find().to.line, ch: marks.find().to.ch};
            ft.ch -= 1;

            var rr = cm.getDoc().getRange(marks.find().from, marks.find().to);
            console.log(" rr <beginSet ||" + rr + "||");

            var norm = " [" + ("" + x).trim() + "] ";
            console.log(" rr <to ||" + norm + "||");
            if (cm.getDoc().getRange(ff, ft) != norm) {
                console.log(" rr <was ||" + cm.getDoc().getRange(ff, ft) + "||");
                cm.getDoc().replaceRange(norm, ff, ft);
                //cm.refresh();

                f = findEnclosingPathForLine(selection_start.line);

                if (f != null) {
                    executeBracket(f, true)
                }

            }

            rr = cm.getDoc().getRange(marks.find().from, marks.find().to);
            console.log(" rr <endSet ||" + rr + "||");

            return x;
        };

        makeXYSlider(canvas.canvas, w, h, get, set);

        // serialize this

        $(canvas.div).data("serialization", function () {
            var fc = marks.find().from.ch;
            var tc = marks.find().to.ch;
            var fl = marks.find().from.line;
            var tl = marks.find().to.line;
            fc = marks.find().from.ch;