##// END OF EJS Templates
file-browser: refactor how we load metadata for file trees....
file-browser: refactor how we load metadata for file trees. Before we used to use JSON data to map the nodes to json and fill in metadata. Now we use rendered parts of html. This is nicer for caching as it would allow us to replace the view with cached tree and then after ajax load replace it again with cached with metadata. On the next request we'll get the cached with metadata and thus we can skip entirely second ajax call for metadata. This is part of #4083

File last commit:

r1:854a839a default
r423:9930e2c8 default
Show More
flavoured_checkbox.js
71 lines | 2.7 KiB | application/javascript | JavascriptLexer
/ rhodecode / public / js / src / plugins / flavoured_checkbox.js
project: added all source files and assets
r1 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));