Workflow change

js/doT.min.js

@@ -0,0 +1,8 @@
+/* Laura Doktorova https://github.com/olado/doT */
+(function(){function o(){var a={"&":"&#38;","<":"&#60;",">":"&#62;",'"':"&#34;","'":"&#39;","/":"&#47;"},b=/&(?!#?\w+;)|<|>|"|'|\//g;return function(){return this?this.replace(b,function(c){return a[c]||c}):this}}function p(a,b,c){return(typeof b==="string"?b:b.toString()).replace(a.define||i,function(l,e,f,g){if(e.indexOf("def.")===0)e=e.substring(4);if(!(e in c))if(f===":"){a.defineParams&&g.replace(a.defineParams,function(n,h,d){c[e]={arg:h,text:d}});e in c||(c[e]=g)}else(new Function("def","def['"+
+e+"']="+g))(c);return""}).replace(a.use||i,function(l,e){if(a.useParams)e=e.replace(a.useParams,function(g,n,h,d){if(c[h]&&c[h].arg&&d){g=(h+":"+d).replace(/'|\\/g,"_");c.__exp=c.__exp||{};c.__exp[g]=c[h].text.replace(RegExp("(^|[^\\w$])"+c[h].arg+"([^\\w$])","g"),"$1"+d+"$2");return n+"def.__exp['"+g+"']"}});var f=(new Function("def","return "+e))(c);return f?p(a,f,c):f})}function m(a){return a.replace(/\\('|\\)/g,"$1").replace(/[\r\t\n]/g," ")}var j={version:"1.0.1",templateSettings:{evaluate:/\{\{([\s\S]+?(\}?)+)\}\}/g,
+interpolate:/\{\{=([\s\S]+?)\}\}/g,encode:/\{\{!([\s\S]+?)\}\}/g,use:/\{\{#([\s\S]+?)\}\}/g,useParams:/(^|[^\w$])def(?:\.|\[[\'\"])([\w$\.]+)(?:[\'\"]\])?\s*\:\s*([\w$\.]+|\"[^\"]+\"|\'[^\']+\'|\{[^\}]+\})/g,define:/\{\{##\s*([\w\.$]+)\s*(\:|=)([\s\S]+?)#\}\}/g,defineParams:/^\s*([\w$]+):([\s\S]+)/,conditional:/\{\{\?(\?)?\s*([\s\S]*?)\s*\}\}/g,iterate:/\{\{~\s*(?:\}\}|([\s\S]+?)\s*\:\s*([\w$]+)\s*(?:\:\s*([\w$]+))?\s*\}\})/g,varname:"it",strip:true,append:true,selfcontained:false},template:undefined,
+compile:undefined},q;if(typeof module!=="undefined"&&module.exports)module.exports=j;else if(typeof define==="function"&&define.amd)define(function(){return j});else{q=function(){return this||(0,eval)("this")}();q.doT=j}String.prototype.encodeHTML=o();var r={append:{start:"'+(",end:")+'",endencode:"||'').toString().encodeHTML()+'"},split:{start:"';out+=(",end:");out+='",endencode:"||'').toString().encodeHTML();out+='"}},i=/$^/;j.template=function(a,b,c){b=b||j.templateSettings;var l=b.append?r.append:
+r.split,e,f=0,g;a=b.use||b.define?p(b,a,c||{}):a;a=("var out='"+(b.strip?a.replace(/(^|\r|\n)\t* +| +\t*(\r|\n|$)/g," ").replace(/\r|\n|\t|\/\*[\s\S]*?\*\//g,""):a).replace(/'|\\/g,"\\$&").replace(b.interpolate||i,function(h,d){return l.start+m(d)+l.end}).replace(b.encode||i,function(h,d){e=true;return l.start+m(d)+l.endencode}).replace(b.conditional||i,function(h,d,k){return d?k?"';}else if("+m(k)+"){out+='":"';}else{out+='":k?"';if("+m(k)+"){out+='":"';}out+='"}).replace(b.iterate||i,function(h,
+d,k,s){if(!d)return"';} } out+='";f+=1;g=s||"i"+f;d=m(d);return"';var arr"+f+"="+d+";if(arr"+f+"){var "+k+","+g+"=-1,l"+f+"=arr"+f+".length-1;while("+g+"<l"+f+"){"+k+"=arr"+f+"["+g+"+=1];out+='"}).replace(b.evaluate||i,function(h,d){return"';"+m(d)+"out+='"})+"';return out;").replace(/\n/g,"\\n").replace(/\t/g,"\\t").replace(/\r/g,"\\r").replace(/(\s|;|\}|^|\{)out\+='';/g,"$1").replace(/\+''/g,"").replace(/(\s|;|\}|^|\{)out\+=''\+/g,"$1out+=");if(e&&b.selfcontained)a="String.prototype.encodeHTML=("+
+o.toString()+"());"+a;try{return new Function(b.varname,a)}catch(n){typeof console!=="undefined"&&console.log("Could not create a template function: "+a);throw n;}};j.compile=function(a,b){return j.template(a,null,b)}})();

js/dynamic_load.js

@@ -0,0 +1,117 @@
+function load_html_css_js(fileType, fileName, contextDict, targetDiv)
+{
+    if (fileType.toLowerCase() == "css")
+    {
+        tmp_ele = document.createElement("style");
+        append_to("head", tmp_ele);
+    }
+    else if (fileType.toLowerCase() == "js")
+    {
+        tmp_ele = document.createElement("script");
+        append_to("head", tmp_ele);
+    }
+    else if (fileType.toLowerCase() == "html")
+    {
+        if (!targetDiv)
+        {
+            tmp_body = document.getElementsByTagName("body")[0];
+            targetDiv = tmp_body;
+
+            console.log(document.getElementsByTagName("body")[0]);
+        }
+        tmp_ele = targetDiv;
+    }
+    else
+    {
+        //raise error
+    }
+
+    targetDiv = tmp_ele;
+
+    function func_success(xhr)
+    {
+        load_template(targetDiv, remove_multi_comment(xhr.responseText), contextDict);
+    }
+    do_xhr(fileName, func_success);
+
+    return tmp_ele;
+}
+
+function append_to(tagName, tmp_ele)
+{
+    tmp_head = document.getElementsByTagName(tagName)[0];
+    tmp_head.appendChild(tmp_ele);
+}
+
+function load_template(targetDiv, fileText, contextDict)
+{
+    func_template = doT.template(fileText);
+    targetDiv.innerHTML = func_template(contextDict);
+    console.log(targetDiv.innerHTML);
+    // think about returning func_template for efficient drawing of multiple similar graphs
+}
+// regexp to remove multi-line comment -> /\/\*(.*)\*\//g
+// only /* or */ -> (\/\*)|(\*\/)
+function remove_multi_comment(tmp_str)
+{
+    regexp_multi_comment = /(\/\*)|(\*\/)/g; // compile and re-use it
+    replaced_str = tmp_str.replace(regexp_multi_comment, "");
+    return replaced_str;
+}
+
+function do_xhr(fileName, func_success)
+{
+    var xhr = createXHR();
+    xhr.onreadystatechange = function ()
+    {
+        if (xhr.readyState == 4)
+        {
+            if ((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304)
+            {
+                func_success(xhr);
+            }
+            else
+            {
+                alert("Request was unsuccessful: " + xhr.status);
+            }
+        }
+    };
+    xhr.open("get", fileName, true);
+    xhr.send(null);
+}
+
+function createXHR()
+{
+    if (typeof XMLHttpRequest != "undefined")
+    {
+        return new XMLHttpRequest();
+    }
+    else if (typeof ActiveXObject != "undefined")
+    {
+        if (typeof arguments.callee.activeXString != "string")
+        {
+            var versions = ["MSXML2.XMLHttp.6.0", "MSXML2.XMLHttp.3.0", "MSXML2.XMLHttp"],
+                i, len;
+
+            for (i = 0, len = versions.length; i < len; i++)
+            {
+                try
+                {
+                    new ActiveXObject(versions[i]);
+                    arguments.callee.activeXString = versions[i];
+                    break;
+                }
+                catch (ex)
+                {
+                    //skip
+                }
+            }
+        }
+
+        return new ActiveXObject(arguments.callee.activeXString);
+    }
+    else
+    {
+        throw new Error("No XHR object available.");
+    }
+}