css and stuff

2 files changed, 18 insertions, 10 deletions

diff --git a/themes/okadmin/public/js/app.js b/themes/okadmin/public/js/app.js
index 4b8d98f..170b2ab 100644
--- a/themes/okadmin/public/js/app.js
+++ b/themes/okadmin/public/js/app.js
@@ -1,10 +1,20 @@
 var OKAdmin = function(){
   
-  OKUpload.bind()
+  // initialize our (single) ajax image uploader with an element and a template
+  OKUpload.bind( document.getElementById("file") )
   OKUpload.add = function(data){
     var url = data[0].extra.Location
     add_image(url)
   }
+
+  // also handle straight image urls
+  $("#add-image-url").keydown(pressEnter(function(e){
+    var url = $(this).val()
+    $(this).val("")
+    add_image(url)
+  })})
+
+  // clone and populate template
   function add_image(url){
     var imageTemplate = $("#captioned-image-template").html()
     var $el = $(imageTemplate)
@@ -12,21 +22,19 @@ var OKAdmin = function(){
     $el.find("img").attr("src", url)
     $(".captioned-image-list ol").append($el)
   }
+
+  // make the region sortable with drag-and-drop
   $(".captioned-image-list ol").sortable()
   $(".captioned-image-list ol").disableSelection()
-  
-  $("#add-image-url").keydown(pressEnter(function(e){
-    var url = $(this).val()
-    $(this).val("")
-    add_image(url)
-  })})
-  
+
+  // delete image
   $(document).on("click", ".remove-image", function(){
     if (confirm("Delete this image?")) {
       $(this).parent().remove()
     }
   })
   
+  // populate a video field with info from our url parser
   $(".video .url").keydown(pressEnter(function(){
     var $el = $(this)
     var url = $el.val()
@@ -40,6 +48,7 @@ var OKAdmin = function(){
     })
   }}))
   
+  // fix post indexing in list-driven inputs
   $("form").submit(function(){
     $(".image-element").each(function(index){
       $(this).find("input,textarea").each(function(){
diff --git a/themes/okadmin/public/js/upload.js b/themes/okadmin/public/js/upload.js
index d9fd5ed..1c9094c 100644
--- a/themes/okadmin/public/js/upload.js
+++ b/themes/okadmin/public/js/upload.js
@@ -2,8 +2,7 @@
 var OKUpload = {
 	action: "/_services/image",
 	
-	bind: function(){
-	  var el = document.getElementById("file")
+	bind: function(el){
 	  if (! el) return
 		el.addEventListener("change", OKUpload.handleFileSelect)
 	},