diff options
| -rw-r--r-- | .gitignore | 2 | ||||
| -rw-r--r-- | app/photos/static/image-preview.js | 37 | ||||
| -rw-r--r-- | app/utils/static/image-loader.js | 8 | ||||
| -rw-r--r-- | app/utils/static/next-prev-links.js | 34 |
4 files changed, 80 insertions, 1 deletions
@@ -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(); +}); |