rhodecode/public/js/src/plugins/flavoured_checkbox.js

var FlavoredCheckbox = (function($) {

"use strict";

// makes Markdown FlavoredCheckbox interactive
// `container` is either a DOM element, jQuery collection or selector containing
// the Markdown content
// `retriever` is a function being passed the respective checkbox and a
// callback - the latter is expected to be called with the container's raw
// Markdown source
// `storer` is a function being passed the updated Markdown content, the
// respective checkbox and a callback
// both functions' are invoked with the respective `FlavoredCheckbox` instance as
// execution context (i.e. `this`)
// use like that::
//       var retriever = function(checkbox, callback) {
//        var url = '/checkbox_update_url';
//        $.get(url, callback);
//       }
//
//       var storer = function(markdown_txt, checkbox, callback) {
//        var url = '/checkbox_update_url';
//        $.ajax({
//            type: "put",
//            url: url,
//            data: markdown_txt,
//            success: callback
//        });
//       }
//       new FlavoredCheckbox("article", retriever, storer);

function FlavoredCheckbox(container, retriever, storer) {
        this.container = container.jquery ? container : $(container);
        this.retriever = retriever;
        this.storer = storer;
        this._used_class = '.flavored_checkbox_list'

        var checkbox_objects = $(this._used_class, container);
        checkbox_objects.find(this.checkboxSelector).prop("disabled", false);
        var self = this;
        checkbox_objects.on("change", this.checkboxSelector, function() {
                var args = Array.prototype.slice.call(arguments);
                args.push(self);
                self.onChange.apply(this, args);
        });
}
FlavoredCheckbox.prototype.checkboxSelector = "> li > input:checkbox";
FlavoredCheckbox.prototype.onChange = function(ev, self) {
        var checkbox = $(this).prop("disabled", true);
        var index = $("ul" + self.checkboxSelector, self.container).index(this);
        var reactivate = function() { checkbox.prop("disabled", false); };
        self.retriever(checkbox, function(markdown) {
            markdown = self.toggleCheckbox(index, markdown);
            self.storer(markdown, checkbox, reactivate);
        });
};
FlavoredCheckbox.prototype.toggleCheckbox = function(index, markdown) {
        var pattern = /^([*-]) \[([ x])\]/mg; // XXX: duplicates server-side logic!?
        var count = 0;
        return markdown.replace(pattern, function(match, prefix, marker) {
            if(count === index) {
                    marker = marker === " " ? "x" : " ";
            }
            count++;
            return prefix + " [" + marker + "]";
        });
};

return FlavoredCheckbox;

}(jQuery));