META-INF.assets.rjzjh.jqueryplugin.json2template.js Maven / Gradle / Ivy
///
/// This function expects the 'data' object with the source: JSON and optional settings.
/// Source will be bounded into the template markup.
///
///
/// 1) source: - A JSON object representing the data sourcemore
/// 2) template: - optional! When null then the target $(selector) inner HTML is used as a template.
/// 2a: template: - An element $(selector) to be used as a template (inner HTML).
/// 2b: template: - A string of HTML to be used as a template.
/// 3) tagOpen: - optional! A string representing the markup prefix. Default value "{{".
/// 4) tagClose: - optional! A string representing the markup sufix. Default value "}}".
/// 5) dateFormat: - optional! A string representing the PHP date format. e.g. 'd.m.Y'.
/// When not provided toLocalDate() + toLocalTime() is used for dates.
///
/// Incorrect datasource (null value)!
'
, errorIncorrectTemplate: 'Incorrect template or target (null value)!
'
},
tag:
{
open: '{{'
, close: '}}'
, defaultOpen: '{{'
, defaultClose: '}}'
, quotation: '"'
, equalSign: '='
, space: ' '
, content: '[A-Z0-9a-z\.\$_-]+' // expected (and supported) json properties syntax
}
, dateFormat: null
, templateAttributes: ['class*', 'template'] // one of the classes, or dummy attribute template
},
execute: function (item, template, placeHolder)
{
// set the local variables, to assure that we work with the right (expected) objects
var $ = jQuery, _this = $.json2template, settings = _this.settings
if (item == null) // no source
{
($(settings.prototype.errorIncorrectSource).appendTo(placeHolder));
return;
}
if (template == null) // no template
{
($(settings.prototype.errorIncorrectTemplate).appendTo(placeHolder));
return;
}
var tag = this.getWrapper(template); // table rows must be wrapped in TABLE tag
// template could be missing the root container, so create one
var html = _this.iterate(item, '<' + tag + '>' + template + '');
html = _this.replaceValue(html, settings.tag.content, "");
// pam-pa-da-daaaaaa ... let's convert the result into the DOM element
var result = $(html);
if (placeHolder != null)
{
$(placeHolder).html("");
}
result.children().each(function ()
{
($(this).appendTo(placeHolder || 'BODY'));
});
},
outerHTML: function (obj)
{
// set the local variables, to assure that we work with the right (expected) objects
var $ = jQuery, _this = $.json2template, settings = _this.settings
var parent = jQuery("");
parent.append($(obj).clone());
var result = $(parent).html();
return result;
},
getWrapper: function(template)
{
if ( this.startWith(template, "= 0; deep--)
{
template = _this.replaceValue(template, search, formatted)
search = identifier[deep - 1] + "." + search;
}
return template;
},
replaceValue: function (template, search, replacement)
{
// set the local variables, to assure that we work with the right (expected) objects
var $ = jQuery, _this = $.json2template, settings = _this.settings
var tag = settings.tag;
var mark = tag.open + search + tag.close;
var attrMark = tag.equalSign
+ tag.quotation
+ mark
+ tag.space
+ tag.quotation;
var escapeMark = tag.equalSign
+ tag.quotation
+ escape(mark
+ tag.space)
+ tag.quotation;
var attrRepla = tag.equalSign
+ tag.quotation
+ replacement
+ tag.quotation;
// IE 6.0 pre-filled the template attributes href and src ... with the window.location
template = template.replace(RegExp(window.location.href.substring(0
, window.location.href.lastIndexOf("/") + 1)
, "g")
, "");
template = template.replace(RegExp(attrMark, "g"), attrRepla); // fix IE missing quot for attributes (title="title")
template = template.replace(RegExp(escapeMark, "g"), attrRepla);
template = template.replace(RegExp(mark, "g"), replacement);
template = template.replace(RegExp(escape(mark), "g"), replacement); // fix FF url 'fix'
return template;
},
// puts the property-arrays (e.g. Items[]) at the beginning of the processing que
// of all object properties
// also puts the object properties at the end (and valueTypes in the middle)
orderProperties: function (obj)
{
// set the local variables, to assure that we work with the right (expected) objects
var $ = jQuery, _this = $.json2template, settings = _this.settings
var item = obj;
var properties = new Array();
var objects = new Array();
for (var property in item)
{
if (item[property] != null
&& typeof item[property] == 'object')
{
if (item[property] instanceof Array)
{
properties.splice(0, 0, property);
continue;
}
if (!(item[property] instanceof Date))
{
objects.push(property);
continue;
}
}
properties.push(property);
}
return $.merge(properties, objects);
},
// iterates 'template' to find out the HTML snippets which should be filled with the property-array
findTemplates: function (templateDocument, identifier)
{
// set the local variables, to assure that we work with the right (expected) objects
var $ = jQuery, _this = $.json2template, settings = _this.settings
var tag = $.json2template.settings.tag;
var result = new Array()
var search = identifier[identifier.length - 1];
for (var deep = identifier.length - 1; deep >= 0; deep--)
{
for (var i = 0; i < settings.templateAttributes.length; i++)
{
$.merge(result, $('[' + settings.templateAttributes[i]
+ '="'
+ tag.open + search + tag.close
+ '"]'
, templateDocument));
}
search = identifier[deep - 1] + "." + search;
}
return $(result);
},
format: function (value)
{
// set the local variables, to assure that we work with the right (expected) objects
var $ = jQuery, _this = $.json2template, settings = _this.settings
if (parseFloat(value))
{
return value;
}
var date = null;
if (value instanceof Date)
{
date = value;
}
else if (typeof value == "string")
{
if (value.length = 29 && value.substr(25, 29) == " GMT")
{
var num = Date.parse(value);
if (!isNaN(num))
{
date = new Date(num);
}
}
else if (value.substr(0, 6) == "/Date(")
{ // fix Microsoft "/Date(123)/" format, created for their parsers
num = new Date(parseInt(value.substr(6)));
if (!isNaN(num))
{
date = new Date(num);
}
}
}
if (date == null)
{
return value.toString();
}
if (settings.dateFormat)
{
return date.format(settings.dateFormat);
}
return date.toLocaleDateString() + " " + date.toLocaleTimeString();
},
_: function () { }
};
}
)(jQuery);