summaryrefslogtreecommitdiff
path: root/app/photos/static
diff options
context:
space:
mode:
Diffstat (limited to 'app/photos/static')
-rw-r--r--app/photos/static/image-preview.js42
-rw-r--r--app/photos/static/my_styles.css40
2 files changed, 0 insertions, 82 deletions
diff --git a/app/photos/static/image-preview.js b/app/photos/static/image-preview.js
deleted file mode 100644
index b8fead5..0000000
--- a/app/photos/static/image-preview.js
+++ /dev/null
@@ -1,42 +0,0 @@
-function build_image_preview () {
- var url = window.location.href
- var cur = url.split('/')[6];
- if (cur) {
- 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/luximage/data/admin/preview/'+cur+'/', true);
- request.onload = function() {
- if (request.status >= 200 && request.status < 400) {
- var data = JSON.parse(request.responseText);
- //console.log(data);
- img.src = data['url'];
- } 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);
- } else {
- return;
- }
-}
-
-document.addEventListener("DOMContentLoaded", function(event) {
- build_image_preview();
-});
diff --git a/app/photos/static/my_styles.css b/app/photos/static/my_styles.css
deleted file mode 100644
index d13c8e4..0000000
--- a/app/photos/static/my_styles.css
+++ /dev/null
@@ -1,40 +0,0 @@
-
-/*o.v.*/
-
-#id_featured_image {
- /*style the "box" in its minimzed state*/
- border:1px solid black; width:230px; overflow:hidden;
- height:300px; overflow-y:scroll;
- /*animate collapsing the dropdown from open to closed state (v. fast)*/
-}
-#id_featured_image input {
- /*hide the nasty default radio buttons. like, completely!*/
- position:absolute;top:0;left:0;opacity:0;
-}
-
-
-#id_featured_image label {
- /*style the labels to look like dropdown options, kinda*/
- color: #000;
- display:block;
- margin: 2px 2px 2px 10px;
- height:102px;
- opacity:.6;
- background-repeat: no-repeat;
-}
-#id_featured_image:hover label{
- /*this is how labels render in the "expanded" state. we want to see only the selected radio button in the collapsed menu, and all of them when expanded*/
-}
-#id_featured_image label:hover {
- opacity:.8;
-}
-#id_featured_image input:checked + label {
- /*tricky! labels immediately following a checked radio button (with our markup they are semantically related) should be fully opaque regardless of hover, and they should always be visible (i.e. even in the collapsed menu*/
- opacity:1 !important;
- display:block;
- background: #333;
-}
-
-/*pfft, nothing as cool here, just the value trace*/
-#trace {margin:0 0 20px;}
-#id_featured_image li:first-child { display: none;}