delete image

3 files changed, 18 insertions, 3 deletions

diff --git a/themes/okadmin/public/css/main.css b/themes/okadmin/public/css/main.css
index 0ba6286..d67d312 100644
--- a/themes/okadmin/public/css/main.css
+++ b/themes/okadmin/public/css/main.css
@@ -202,6 +202,16 @@ label {
   margin-top: 1.0em;
 }
 
+.main.resource form img {
+  width: 10em;
+  max-height: 10em;
+  border: 0;
+}
+.main.resource form textarea.caption {
+  width: 15em;
+  height: 9em;
+}
+
 .template {
   display: none;
 }
diff --git a/themes/okadmin/public/js/app.js b/themes/okadmin/public/js/app.js
index 84c0f53..7a5eb60 100644
--- a/themes/okadmin/public/js/app.js
+++ b/themes/okadmin/public/js/app.js
@@ -22,7 +22,13 @@ var OKAdmin = function(){
       $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(){
     $(".template").remove()
   })
diff --git a/themes/okadmin/templates/partials/inputs.liquid b/themes/okadmin/templates/partials/inputs.liquid
index 3a33f95..25aef30 100644
--- a/themes/okadmin/templates/partials/inputs.liquid
+++ b/themes/okadmin/templates/partials/inputs.liquid
@@ -44,8 +44,7 @@
           <li class="image-element">
             <img src="{{image.uri}}" alt="{{image.caption}}">
             <input type="hidden" name="{{name}}[][uri]" value="{{image.uri}}">
-            <div class="clear"></div>
-            <input type="text" name="{{name}}[][caption]" value="{{image.caption}}">
+            <textarea class="caption" name="{{name}}[][caption]">{{image.caption}}</textarea>
             <button class="remove-image">-</button>
           </li>
         {% endfor %}