From d04d3c2e9febe706092adab2bf93ba5ddee984f3 Mon Sep 17 00:00:00 2001
From: Felipe Lima <felipe.lima@gmail.com>
Date: Fri, 6 Apr 2012 00:30:43 -0700
Subject: [PATCH] adding images to the page as they are uploaded

---
 app/assets/images/delete.png                 | Bin 0 -> 3350 bytes
 app/assets/javascripts/uploads.js.coffee.erb |  15 +++++++++++-
 app/assets/stylesheets/uploads.css.scss      |  24 +++++++++++++++++++
 app/controllers/uploads_controller.rb        |   2 +-
 4 files changed, 39 insertions(+), 2 deletions(-)
 create mode 100644 app/assets/images/delete.png

diff --git a/app/assets/images/delete.png b/app/assets/images/delete.png
new file mode 100644
index 0000000000000000000000000000000000000000..e22ed6f43fc38bc1468121f8ae1561e73571bbe9
GIT binary patch
literal 3350
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

literal 0
HcmV?d00001

diff --git a/app/assets/javascripts/uploads.js.coffee.erb b/app/assets/javascripts/uploads.js.coffee.erb
index fb8c204..22af5ff 100644
--- a/app/assets/javascripts/uploads.js.coffee.erb
+++ b/app/assets/javascripts/uploads.js.coffee.erb
@@ -37,7 +37,20 @@ jQuery ->
 
         $.ajax $('#uploader iframe').data('create-resource-url'),
           type: 'POST',
-          data: data
+          data: data,
+          dataType: 'text',
+          success: (upload_id) ->
+            wrapper = $('<div class="wrapper"></div>')
+            img = $('<img class="thumb">')
+            remove_btn = $("<img src='<%= asset_path('delete.png') %>' class='delete' />")
+            remove_btn.click () ->
+              $(this).parent().fadeOut(() -> $(this).remove())
+            img_id = $('<input type="hidden" name="uploads[]" />')
+            img.attr('src', "#{uploaderHost}/#{data.s3_key}/#{data.file_name}")
+            img.attr('data-img-id', upload_id)
+            img_id.val(upload_id)
+            wrapper.append(img).append(img_id).append(remove_btn)
+            $('#uploader').append(wrapper)
 
 
       when 'add upload'
diff --git a/app/assets/stylesheets/uploads.css.scss b/app/assets/stylesheets/uploads.css.scss
index 2f6e37d..5fe800a 100644
--- a/app/assets/stylesheets/uploads.css.scss
+++ b/app/assets/stylesheets/uploads.css.scss
@@ -59,4 +59,28 @@ progress{
 .remove_link{
   color: red;
   text-decoration: none;
+}
+
+#uploader { 
+  .wrapper {
+    position: relative;
+    display: inline-block;
+    &:hover {
+      .delete {
+        display: block;
+      }
+    }
+    .thumb { 
+      height: 100px;
+      margin-right: 5px;
+    }
+    .delete { 
+      display:none;
+      position: absolute;
+      top: 2px;
+      right: 7px;
+      background: white;
+      cursor: pointer;
+    }
+  }
 }
\ No newline at end of file
diff --git a/app/controllers/uploads_controller.rb b/app/controllers/uploads_controller.rb
index 4fc171c..5214420 100644
--- a/app/controllers/uploads_controller.rb
+++ b/app/controllers/uploads_controller.rb
@@ -6,7 +6,7 @@ def index
 
   def create
     @upload = Upload.new(params[:upload] || params.delete_if{ |p| !Upload.attribute_names.include?(p) })
-    render nothing: true if @upload.save
+    @upload.save ? render(json: @upload.id) : render(nothing: true)
   end
 
 end