SimpleTemplate.js

var SimpleTemplate={
	ver:'1.2',
	template:{},
	regex : /[{@](.*?)[}]/g,
	functions : {
		toLowerCase : function(a){ a = a+''; return a.toLowerCase();},
		toUpperCase : function(a){ a = a+''; return a.toUpperCase();},
		firstChar 	: function(a){ a = a+''; return a[0];},
		underscores : function(a){ return a.split(' ').join('_');},
		removeUnderscores : function(a){ return a.split('_').join(' ');},
		checked : function(a){ if(a){ return 'checked'; }else{ return;}},
	}
};

SimpleTemplate.loadTemplate = function(who){
	if(document.getElementById(who)){
		SimpleTemplate.template[who]=document.getElementById(who).innerHTML;
	}else{
		console.log('failed to load template ['+who+']')
	}
}

SimpleTemplate.addFunction = function(name,callback){
	this.function[name]=callback;
}

SimpleTemplate._get_variable_via_path = function(path){
	var temp = path.split('.');
	var result = window;
	for (var i=0; i!= temp.length; i++){
		result = result[temp[i]];
	}
	return result;
}

SimpleTemplate.loadTemplates = function(){
	var temp = document.getElementsByTagName('script');
	for (var i=0;i!=temp.length;i++){
		if(temp[i].type=='simple/template'){
			var who = temp[i].id;
			var markup =  temp[i].innerHTML
			SimpleTemplate.template[who]={
				markup: markup,
				tags: null,
				control : SimpleTemplate._get_variable_via_path(temp[i].getAttribute('data-control')),
			}
			SimpleTemplate.template[who].tags = SimpleTemplate.getTags(markup);
		}
	}
}

SimpleTemplate.getTags = function(a){
	var found = a.match(SimpleTemplate.regex);
	var tags = {};
	for (var i in found){
		var temp = found[i];
		var prop = null;
		var func = null;

		// We need to remove the template tags from our properties.
		temp = temp.replace('{@','').replace('}','');

		// We'll start at the very end of the string and look for a function call.
		func = temp.split(',')[1];
		if(func){ // If we find one, we save it and remove it from temp.
			temp = temp.split(',')[0];
		}

		// Now we look for a propery
		prop = temp.split('.')[1];
		if(prop){ // If we find one, we save it and remove it from temp.
			temp = temp.split('.')[0];
		}

		tags[found[i]] = {
			prop: prop,
			func: func,
			tag : temp
		}
	}
	return(tags);
}

SimpleTemplate.fill = function(template,obj,live){
	var template = this.template[template];
	var output = template.markup;
	var identifier, value;
	for (var i in template.tags){
		identifier = new RegExp("\\" + i, "g");
		var result = obj[template.tags[i].tag] || '';
		if(template.tags[i].prop){
			try	{
				result = result[template.tags[i].prop];
			}
			catch (e){
				console.log('SimpleTemplate ('+result+'): ' + e.message);
			}
		}
		if(template.tags[i].func){
			try{
				result = SimpleTemplate.functions[template.tags[i].func](result);
			}
			catch (e){
				console.log('SimpleTemplate ('+result+'): ' + e.message);
			}
		}
		output=output.replace(identifier,result);
	}
	var holder = document.createElement('div');
	holder.innerHTML = output;
	if(template.control){
		if(template.control.init){
			template.control.init(holder);
		}
	}
	if(live){
		holder._data_object = obj;
		console.log(holder);
	}
	return(holder);
}