1 files changed, 47 insertions, 0 deletions
diff --git a/app/utils/static/image-loader.js b/app/utils/static/image-loader.js
new file mode 100644
index 0000000..2744251
--- /dev/null
+++ b/app/utils/static/image-loader.js
@@ -0,0 +1,47 @@
+function add_images(){
+    var el = document.getElementById("id_body_markdown");
+    if (el){ 
+        var iframe='<iframe id="images_frame" 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);
+    }
+
+    var featured_image = document.getElementById("id_featured_image") 
+
+    if (featured_image) {
+        featured_image.querySelectorAll('li').forEach(function(element) {
+            var cur = element.dataset.imageid;
+            var loop = Number(element.dataset.loopcounter);
+            if (cur != "") {
+                if (loop <= 100) {
+                console.log(loop);
+                var request = new XMLHttpRequest();
+                request.open('GET', '/photos/luximage/data/admin/tn/'+cur+'/', true);
+                request.onload = function() {
+                    if (request.status >= 200 && request.status < 400) {
+                        var data = JSON.parse(request.responseText);
+                        var el = element.getElementsByTagName('label')[0];
+                        url = "url('"+data['url']+"');";
+                        //console.log(url);
+                        el.style.backgroundImage = 'url('+data["url"]+')';
+                            
+                        //console.log(el.style);
+                    } else {
+                        console.log("server error", request.statusText);
+                    }
+                };
+                request.onerror = function() {
+                    console.log("error on request");
+                };
+                request.send();
+            }
+        }
+        });
+    }
+
+}
+document.addEventListener("DOMContentLoaded", function(event) { 
+    add_images();
+    md = document.forms["entry_form"].elements["body_markdown"];
+    md.style.maxHeight = "300rem";
+    md.style.maxWidth = "300rem";
+});