Foodsoft/foodsoft
1
1
Fork 0
Code Issues 36 Pull requests 5 Projects 1 Releases Wiki Activity

Reuse some list.js standard template functions (thanks to wvengen https://gist.github.com/wvengen/6784056)

Browse source
This commit is contained in:
Julius 2013-10-03 16:10:18 +02:00
parent c1ac95e440
commit 26e207aeb1
1 changed files with 36 additions and 86 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

122
app/assets/javascripts/list.unlist.js
View file

@ -1,3 +1,6 @@
// for use with listjs 0.2.0
// https://github.com/javve/list.js
/******************************************************************************* /*******************************************************************************
******************************************************************************** ********************************************************************************
@ -50,6 +53,7 @@ End copyright notice of the original code
(function(w, undefined) {
/******************************************************************************* /*******************************************************************************
Begin copy-pasted and modified code Begin copy-pasted and modified code
*******************************************************************************/ *******************************************************************************/
@ -57,10 +61,23 @@ Begin copy-pasted and modified code
// * template engine which adds class 'unlisted' instead of removing from DOM // * template engine which adds class 'unlisted' instead of removing from DOM
// * especially useful in case of formulars // * especially useful in case of formulars
// * uses jQuery's $ // * uses jQuery's $
List.prototype.templateEngines.unlist = function(list, settings) { w.List.prototype.templateEngines.unlist = function(list, settings) {
var listSource = ListJsHelpers.getByClass(settings.listClass, list.listContainer, true), var h = w.ListJsHelpers;
itemSource = getItemSource(settings.item),
templater = this; // start with standard engine, override specific methods afterwards
this.superClass = w.List.prototype.templateEngines.standard;
this.superClass(list, settings);
// todo refer to listjs code instead of copy-pasting
var listSource = h.getByClass(settings.listClass, list.listContainer, true);
var templater = this;
var ensure = {
created: function(item) {
if(item.elm === undefined) {
templater.create(item);
}
}
};
var init = { var init = {
start: function(options) { start: function(options) {
@ -74,88 +91,20 @@ List.prototype.templateEngines.unlist = function(list, settings) {
list.on('updated', templater.updateListHeadings); list.on('updated', templater.updateListHeadings);
} }
}; };
function getItemSource(item) { this.show = function(item) {
if (item === undefined) { ensure.created(item);
var nodes = listSource.childNodes, listSource.appendChild(item.elm); // append item (or move it to the end)
items = []; $(item.elm).removeClass('unlisted');
};
for (var i = 0, il = nodes.length; i < il; i++) { this.hide = function(item) {
// Only textnodes have a data attribute ensure.created(item);
if (nodes[i].data === undefined) { $(item.elm).addClass('unlisted');
return nodes[i]; listSource.appendChild(item.elm);
} };
} this.clear = function() {
return null; $(listSource.childNodes).addClass('unlisted');
} else if (item.indexOf("<") !== -1) { // Try create html element of list, do not work for tables!! };
var div = document.createElement('div');
div.innerHTML = item;
return div.firstChild;
} else {
return document.getElementById(settings.item);
}
}
var ensure = {
created: function(item) {
if (item.elm === undefined) {
templater.create(item);
}
}
};
/* Get values from element */
this.get = function(item, valueNames) {
ensure.created(item);
var values = {};
for(var i = 0, il = valueNames.length; i < il; i++) {
var elm = ListJsHelpers.getByClass(valueNames[i], item.elm, true);
values[valueNames[i]] = elm ? elm.innerHTML : "";
}
return values;
};
/* Sets values at element */
this.set = function(item, values) {
ensure.created(item);
for(var v in values) {
if (values.hasOwnProperty(v)) {
// TODO speed up if possible
var elm = ListJsHelpers.getByClass(v, item.elm, true);
if (elm) {
elm.innerHTML = values[v];
}
}
}
};
this.create = function(item) {
if (item.elm !== undefined) {
return;
}
/* If item source does not exists, use the first item in list as
source for new items */
var newItem = itemSource.cloneNode(true);
newItem.id = "";
item.elm = newItem;
templater.set(item, item.values());
};
this.remove = function(item) {
listSource.removeChild(item.elm);
};
this.show = function(item) {
ensure.created(item);
listSource.appendChild(item.elm); // append item (or move it to the end)
$(item.elm).removeClass('unlisted');
};
this.hide = function(item) {
ensure.created(item);
$(item.elm).addClass('unlisted');
listSource.appendChild(item.elm);
};
this.clear = function() {
$(listSource.childNodes).addClass('unlisted');
};
this.updateListHeadings = function() { this.updateListHeadings = function() {
var headSel = '.' + settings.listHeadingsClass; var headSel = '.' + settings.listHeadingsClass;
@ -172,3 +121,4 @@ List.prototype.templateEngines.unlist = function(list, settings) {
/******************************************************************************* /*******************************************************************************
End copy-pasted and modified code End copy-pasted and modified code
*******************************************************************************/ *******************************************************************************/
})(window);