STRUCT Create project structure

2 files changed, 42 insertions, 0 deletions

diff --git a/src/js/app.js b/src/js/app.js
new file mode 100644
index 0000000..a0ec650
--- /dev/null
+++ b/src/js/app.js
@@ -0,0 +1,23 @@
+import { load as load_template } from './templates';
+import Mustache from 'mustache';
+
+import { lowcan } from 'agl-js-api';
+
+var template;
+var page = {
+
+};
+
+export function show() {
+    document.body.innerHTML = Mustache.render(template, page);
+}
+
+export function init() {
+    load_template('main.template.html').then(function(result) {
+        template = result;
+        Mustache.parse(template);
+        show();
+    }, function(error) {
+        console.error('ERRROR loading main template', error);
+    });
+}
\ No newline at end of file
diff --git a/src/js/templates.js b/src/js/templates.js
new file mode 100644
index 0000000..2513722
--- /dev/null
+++ b/src/js/templates.js
@@ -0,0 +1,19 @@
+export function load(template) {
+    return new Promise(function(resolve, reject){
+        var xhr = new XMLHttpRequest();
+
+        xhr.open('GET', '/templates/'+template);
+    
+        xhr.send();
+    
+        xhr.onload = function() {
+            if (xhr.status != 200) {
+                console.error('Error loading template', xhr.status, xhr.statusText);
+                reject(xhr.status);
+            } else {
+                console.log(xhr.responseType);
+                resolve(xhr.responseText);
+            }
+        };
+    });
+}
\ No newline at end of file