add url button on image field

2 files changed, 28 insertions, 13 deletions

diff --git a/themes/okadmin/public/js/app.js b/themes/okadmin/public/js/app.js
index 3370485..4b8d98f 100644
--- a/themes/okadmin/public/js/app.js
+++ b/themes/okadmin/public/js/app.js
@@ -3,17 +3,31 @@ var OKAdmin = function(){
   OKUpload.bind()
   OKUpload.add = function(data){
     var url = data[0].extra.Location
+    add_image(url)
+  }
+  function add_image(url){
     var imageTemplate = $("#captioned-image-template").html()
     var $el = $(imageTemplate)
     $el.find(".uri").val(url)
     $el.find("img").attr("src", url)
-
     $(".captioned-image-list ol").append($el)
   }
-  $(".captioned-image-list ol").sortable();
-  $(".captioned-image-list ol").disableSelection();
-
-  $(".video .url").change(function(){
+  $(".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)
+  })})
+  
+  $(document).on("click", ".remove-image", function(){
+    if (confirm("Delete this image?")) {
+      $(this).parent().remove()
+    }
+  })
+  
+  $(".video .url").keydown(pressEnter(function(){
     var $el = $(this)
     var url = $el.val()
     Parser.parse( url, function(media){
@@ -24,13 +38,7 @@ var OKAdmin = function(){
       $el.parent().find(".video-title").val( media.title )
       $el.parent().find(".video-thumb").val( media.thumbnail )
     })
-  })
-  
-  $(document).on("click", ".remove-image", function(){
-    if (confirm("Delete this image?")) {
-      $(this).parent().remove()
-    }
-  })
+  }}))
   
   $("form").submit(function(){
     $(".image-element").each(function(index){
@@ -40,7 +48,13 @@ var OKAdmin = function(){
       })
     })
   })
-}
+  
+  function pressEnter(fn){
+    return function(e){
+      if (e.keyCode !== 13) return
+      e.preventDefault()
+    }
+  }
 
 $(function(){
   window.app = new OKAdmin ()
diff --git a/themes/okadmin/templates/partials/inputs.liquid b/themes/okadmin/templates/partials/inputs.liquid
index d8207ab..7d23c9e 100644
--- a/themes/okadmin/templates/partials/inputs.liquid
+++ b/themes/okadmin/templates/partials/inputs.liquid
@@ -54,6 +54,7 @@
           <input id="file" type="file" accept="image/*" multiple>
           <span>+ Add images</span>
         </div>
+        <input id="add-image-url" type="text" placeholder="+ Add URL">
         <script type="text/html" id="captioned-image-template">
           <li class="image-element">
             <input class="uri" type="hidden" name="{{name}}[][uri]" value="">