mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-11-30 13:29:56 +00:00
Code Issues Releases Wiki Activity

New renderObject() function for displaying trees

Browse Source 
So that we can display parse trees nicely
This commit is contained in:
Jeremy Ruston 2012-01-19 11:55:18 +00:00
parent 4bed00220e
commit d539286e09
1 changed files with 65 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
js/Utils.js
View File

@ -286,6 +286,71 @@ utils.stitchElement = function(element,attributes,options) {
return output.join("");
};
/*
Render an object and its children to a specified MIME type
type: target MIME type
node: object to render
customTemplates: optionally, an array of custom template functions
Arguments for the custom template functions:
output: an array to which output strings should be pushed
type: target MIME type
node: the node to be examined/rendered
The custom template function should push the string rendering of the node to the output array, and return true, or just return false if it cannot render the node.
*/
utils.renderObject = function(output,type,node,customTemplates) {
var renderArrayHtml = function(output,tree) {
output.push(utils.stitchElement("ul",null,{classNames: ["treeArray"]}));
for(var t=0; t<tree.length; t++) {
output.push(utils.stitchElement("li",null,{classNames: ["treeArrayMember"]}));
renderNodeHtml(output,tree[t]);
output.push("</li>");
}
output.push("</ul>");
},
renderFieldHtml = function(output,name,value) {
output.push(utils.stitchElement("li",null,{classNames: ["treeNodeField"]}));
output.push(utils.stitchElement("span",null,{
content: utils.htmlEncode(name),
classNames: ["treeNodeFieldName"]
}));
if (value instanceof Array) {
renderArrayHtml(output,value);
} else if(typeof value === "object") {
renderNodeHtml(output,value);
} else {
output.push(utils.stitchElement("span",null,{
content: utils.htmlEncode(value),
classNames: ["treeNodeFieldValue"]
}));
}
output.push("</li>")
},
renderNodeHtml = function(output,node) {
if(node instanceof Array) {
renderArrayHtml(output,node);
} else {
output.push(utils.stitchElement("ul",null,{classNames: ["treeNode"]}));
var custom = false;
for(var t=0; t<customTemplates.length; t++) {
if(!custom && customTemplates[t](output,type,node)) {
custom = true;
}
}
if(!custom) {
for(var f in node) {
renderFieldHtml(output,f,node[f]);
}
}
output.push("</ul>");
}
};
if(type === "text/html") {
renderNodeHtml(output,node);
}
};
utils.nextTick = function(fn) {
/*global window: false */
if(typeof window !== "undefined") {