added static dirs

4 files changed, 80 insertions, 1 deletions

diff --git a/.gitignore b/.gitignore
index b50a15b..b245de2 100644
--- a/.gitignore
+++ b/.gitignore
@@ -13,7 +13,7 @@ Thumbs.db
 *.pyc
 venv/
 site/
-static/
+/static/
 v6/
 oldsite/
 buildnewsite/
diff --git a/app/photos/static/image-preview.js b/app/photos/static/image-preview.js
new file mode 100644
index 0000000..13445f2
--- /dev/null
+++ b/app/photos/static/image-preview.js
@@ -0,0 +1,37 @@
+function build_image_preview () {
+    var style = document.createElement('style');
+    var url = window.location.href 
+    var cur = url.split('/')[6];
+    var container = document.createElement("div");
+    container.className = "form-row field-image";
+    var wrapper = document.createElement("div");
+    var label = document.createElement("label");
+    label.textContent = "Image:";
+    var pwrap = document.createElement("p");
+    var img = document.createElement("img");
+    var request = new XMLHttpRequest();
+    request.open('GET', '/photos/data/admin/preview/'+cur+'/', true);
+    request.onload = function() {
+        if (request.status >= 200 && request.status < 400) {
+            resp = request.responseText;
+            //console.log(resp);
+            img.src = resp;
+        } else {
+            console.log("server error");
+        }
+    };
+    request.onerror = function() {
+        console.log("error on request");
+    };
+    request.send();
+    pwrap.appendChild(img);
+    wrapper.appendChild(label);
+    wrapper.appendChild(pwrap);
+    container.appendChild(wrapper);
+    parent = document.getElementById("luximage_form");
+    node = parent.children[1].children[0];
+    node.parentNode.insertBefore(container, node.previousSibling);
+}
+document.addEventListener("DOMContentLoaded", function(event) { 
+    build_image_preview();
+});
diff --git a/app/utils/static/image-loader.js b/app/utils/static/image-loader.js
new file mode 100644
index 0000000..90054de
--- /dev/null
+++ b/app/utils/static/image-loader.js
@@ -0,0 +1,8 @@
+function add_images(){
+    var el = document.getElementById("id_body_markdown");
+    var iframe = '<iframe frameborder="0" style="border: #dddddd 1px solid;margin-left: 20px;width:330px; height:720px;" src="/luximages/insert/?textarea='+el.id+'"></iframe>';
+    el.insertAdjacentHTML('afterend', iframe);
+}
+document.addEventListener("DOMContentLoaded", function(event) { 
+    add_images();
+});
diff --git a/app/utils/static/next-prev-links.js b/app/utils/static/next-prev-links.js
new file mode 100644
index 0000000..7af1b66
--- /dev/null
+++ b/app/utils/static/next-prev-links.js
@@ -0,0 +1,34 @@
+function build_next_prev() {
+    var url = window.location.href 
+    var style = document.createElement('style');
+    style.type = 'text/css';
+    style.innerHTML = '.np-container {padding-left: 0;} .prev, .next {display: inline-block; margin-right: .5em;} .prev:after { content: "|"; margin-left:.5em;} .prev a:before {content: "\u00AB"; margin-right: 3px;} .next a:after{content: "\u00BB"; margin-left: 3px;}';
+    document.getElementsByTagName('head')[0].appendChild(style);
+    var cur = Number(url.split('/')[6]);
+    var base_url = url.split(cur)[0];
+    var next = cur+1;
+    var prev = cur-1;
+    var container = document.createElement("ul");
+    var next_li = document.createElement("li");
+    var next_link = document.createElement("a");
+    var prev_li = document.createElement("li");
+    var prev_link = document.createElement("a");
+    prev_li.className = "prev";
+    next_li.className = "next";
+    container.className = "np-container";
+    next_link.href = base_url + next + "/change/";
+    next_link.textContent = "Next";
+    prev_link.href = base_url + prev + "/change/";
+    prev_link.textContent = "Prev";
+    next_li.appendChild(next_link);
+    prev_li.appendChild(prev_link);
+    container.appendChild(prev_li);
+    container.appendChild(next_li);
+    console.log(container);
+    Array.from(document.getElementsByClassName('object-tools')).forEach(function(item) {
+        item.parentNode.insertBefore(container, item.nextSibling);
+    })
+};
+document.addEventListener("DOMContentLoaded", function(event) { 
+    build_next_prev();
+});