activeadmin-dropzone 0.0.1

data/app/controllers/dropzone_controller.rb

@@ -0,0 +1,16 @@
+class DropzoneController < ApplicationController
+  
+  def upload
+    dropzone_class = params[:dropzone_class].constantize
+    dropzone_object = dropzone_class.new
+    dropzone_object.send "#{ dropzone_class.dropzone_field(:type) }=", params[:dropzonable_class] if dropzone_class.dropzone_field?(:type)
+    dropzone_object.send "#{ dropzone_class.dropzone_field(:data) }=", params[:file]
+
+    if dropzone_object.save
+      render json: dropzone_object.to_json
+    else
+      head :error and return
+    end
+  end
+
+end

data/app/helpers/active_admin/views_helper.rb

@@ -0,0 +1,18 @@
+module ActiveAdmin::ViewsHelper
+
+  def render_mock_dropzone_files(dropzone_objects)
+    dropzone_objects.map do |dropzone_object|
+      { 
+        id: dropzone_object.id, 
+        name: dropzone_object.send(dropzone_object.class.dropzone_field(:title)),
+        size: dropzone_object.send(dropzone_object.class.dropzone_field(:file_size)), 
+        url: dropzone_object.send(dropzone_object.class.dropzone_field(:url))
+      }
+    end.map do |hash|
+      hash.map{ |(k, v)| "#{ k }: '#{ v }'" }.join(',')
+    end.map do |string|
+      "{#{ string }}"
+    end.join(', ').html_safe
+  end
+  
+end

data/app/inputs/dropzone_input.rb

@@ -0,0 +1,8 @@
+class DropzoneInput 
+  include Formtastic::Inputs::Base
+
+  def to_html
+    template.render 'dropzone', object: object, options: options, method: method
+  end
+
+end

data/app/views/application/_dropzone.html.erb

@@ -0,0 +1,91 @@
+<div id="dropzone_<%= method %>_<%= cycle(*(1..999).to_a, name: method) %>" class="dropzone">
+  <span class="notice"><%=t 'dropzone.drag_or_click' %></span>
+  <%= hidden_field_tag "#{ object.class.model_name.singular }[#{ method }_attributes][-1]", "" %>
+  <% object.send(method).each_with_index do |dropzone_object, index| %>
+    <%= hidden_field_tag "#{ object.class.model_name.singular }[#{ method }_attributes][#{ dropzone_object.id }][#{ object.class.send("dropzone_#{ method }_field", :title) }]", dropzone_object.send(object.class.send("dropzone_#{ method }_field", :title)) %>
+  <% end %>
+</div>
+
+<% unless options[:hint].blank? %>
+  <p class="inline-hints dropzone-hint"><%= options[:hint] %></p>
+<% end %>
+
+<script>
+  (function() {
+    Dropzone.autoDiscover = false;
+
+    var mockFiles = [<%= render_mock_dropzone_files(object.send(method)) %>];
+    var dropzone_id = "#dropzone_<%= method %>_<%= current_cycle(method) %>"; 
+    var dropzone = new Dropzone(dropzone_id, { 
+      url: '<%= upload_dropzone_path(dropzonable_class: object.class, dropzone_class: object.class.send("dropzone_#{ method }_class")) %>',
+      addRemoveLinks: true,
+      dictCancelUpload: '<%=t "dropzone.cancel" %>',
+      dictRemoveFile: '<%=t "dropzone.remove" %>',
+      maxFiles: <%= defined?(max_files) ? '1' : 'null' %>,
+      sending: function(file, xhr, formData) {
+        xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]').prop('content'));
+      },
+      success: function(file, data) {
+        $(dropzone_id).append('<input type="hidden" name="<%= object.class.model_name.singular %>[<%= method %>_attributes][' + data.id + '][<%= object.class.send("dropzone_#{ method }_field", :title) %>]" value="" />');
+        $(file.previewElement).attr('data-id', data.id);
+        $(file.previewElement).attr('data-url', data.url);
+        return file.previewElement.classList.add("dz-success");
+      },
+      removedfile: function(file) {
+        $(dropzone_id + ' input[name="<%= object.class.model_name.singular %>[images_attributes][' + file.id + '][<%= object.class.send("dropzone_#{ method }_field", :title) %>]"]').remove();
+        $(dropzone_id + ' input[name="<%= object.class.model_name.singular %>[images_attributes][' + file.id + '][<%= object.class.send("dropzone_#{ method }_field", :position) %>]"]').remove();
+        $(file.previewElement).remove();
+        $(dropzone_id).sortable('refresh');
+      }
+    });
+
+    $(dropzone_id).sortable({
+      items: '.dz-preview',
+      placeholder: 'sortable-placeholder'
+    });
+
+    var func = function(file) {
+      if (file.id)
+        $(file.previewElement).attr('data-id', file.id);
+
+      $(file.previewElement).find('.dz-filename, img').on('click', function() {
+        var id = $(this).parents('.dz-preview:first').attr('data-id');
+        var input = $(dropzone_id + ' input[name="<%= object.class.model_name.singular %>[<%= method %>_attributes][' + id + '][<%= object.class.send("dropzone_#{ method }_field", :title) %>]"]');
+        var title = prompt("<%=t 'dropzone.title' %>: ", $(file.previewElement).find('.dz-filename span').text());
+        $(file.previewElement).find('.dz-filename span').text(title);
+        input.val(title);
+      });
+    };
+
+    var generate_dropzone_position_elements = function() {
+      var position = 0;
+      $(dropzone_id + ' .dz-preview').each(function() {
+        var id = $(this).attr('data-id');
+        $(dropzone_id).append('<input type="hidden" name="<%= object.class.model_name.singular %>[<%= method %>_attributes][' + id + '][<%= object.class.send("dropzone_#{ method }_field", :position) %>]" value="' + (position++) + '" />');
+      });
+    };
+
+    dropzone.on('addedfile', func);
+
+    for (var i = 0; i < mockFiles.length; i++) {
+      var mockFile = mockFiles[i];
+      dropzone.options.addedfile.call(dropzone, mockFile);
+      func(mockFile);
+      if (mockFile.url)
+        dropzone.options.thumbnail.call(dropzone, mockFile, mockFile.url);
+        $(mockFile.previewElement).attr('data-url', mockFile.url);
+    }
+
+    $('form').submit(function(e) {
+      if (dropzone.getQueuedFiles().length > 0 || dropzone.getUploadingFiles().length > 0) {
+        if (confirm("<%=t 'dropzone.are_you_sure' %>") == true) {
+          generate_dropzone_position_elements();
+        } else {
+          e.preventDefault();
+        }
+      } else {
+        generate_dropzone_position_elements();
+      }
+    });
+  })();
+</script>

data/config/locales/en.yml

@@ -0,0 +1,7 @@
+en:
+  dropzone:
+    drag_or_click: 'Drag files here or click to upload'
+    cancel: 'Cancel'
+    remove: 'Remove'
+    title: 'Title'
+    are_you_sure: 'Several images have not been uploaded to the server yet. Are you sure to submit form without these images?'

data/config/locales/ru.yml

@@ -0,0 +1,7 @@
+ru:
+  dropzone:
+    drag_or_click: 'Перетащите сюда файлы или нажмите для загрузки'
+    cancel: 'Отменить'
+    remove: 'Удалить'
+    title: 'Название'
+    are_you_sure: 'Некоторые файлы еще не загрузились на сервер. Вы действительно хотите сохранить без них?'

data/config/routes.rb

@@ -0,0 +1,8 @@
+# temporary fix double route error
+unless defined?(Rails.application.routes.url_helpers.upload_dropzone_path)
+  Rails.application.routes.draw do
+    
+    post '/dropzone/upload' => 'dropzone#upload', as: :upload_dropzone
+
+  end
+end

data/lib/activeadmin-dropzone.rb

@@ -0,0 +1,2 @@
+require "activeadmin-dropzone/engine"
+require "activeadmin-dropzone/active_record/dropzone"

data/lib/activeadmin-dropzone/active_record/dropzone.rb

@@ -0,0 +1,82 @@
+module Activeadmin
+  module Dropzone
+    extend ActiveSupport::Concern
+
+    module ClassMethods
+      def dropzone(association_name)
+        class_eval %Q(
+          def self.dropzone_#{ association_name }_class
+            self.reflect_on_association(:#{ association_name }).class_name.constantize
+          end
+
+          def #{ association_name }_attributes=(attributes)
+            original_collection = self.#{ association_name }.to_a
+
+            ActiveRecord::Base.transaction do
+              self.#{ association_name } = self.class.dropzone_#{ association_name }_class.find(attributes.select{ |id, hash| !id.blank? and id != '-1' }.map{ |id, hash| id.to_i })
+
+              self.#{ association_name }.each do |dropzone_object|
+                attribute = attributes[dropzone_object.id.to_s]
+                changes = {}
+
+                title_field = self.class.dropzone_#{ association_name }_class.dropzone_field(:title)
+                if dropzone_object.respond_to?(title_field) and dropzone_object.send(title_field) != attribute['title']
+                  changes[title_field] = attribute['title']
+                end
+
+                position_field = self.class.dropzone_#{ association_name }_class.dropzone_field(:position)
+                if dropzone_object.respond_to?(position_field) and dropzone_object.send(position_field) != attribute['position'].to_i
+                  changes[position_field] = attribute['position']
+                end
+
+                unless changes.empty?
+                  dropzone_object.update_attributes changes
+                end
+              end
+
+              self.update_attribute :#{ association_name }_count, self.#{ association_name }.size if self.respond_to?(:#{ association_name }_count)
+
+              (original_collection - self.#{ association_name }).each do |object|
+                object.destroy
+              end
+            end
+          end
+
+          def self.dropzone_#{ association_name }_field(key)
+            dropzone_#{ association_name }_class.dropzone_field(key)
+          end
+
+          def self.dropzone_#{ association_name }_field?(key)
+            dropzone_#{ association_name }_class.dropzone_field?(key)
+          end
+        )
+      end
+
+      def dropzone_item(options = {})
+        options = {
+          title: :title,
+          position: :position,
+          data: :data,
+          file_size: :data_file_size,
+          url: :data_url
+        }.deep_merge(options)
+
+        class_eval %Q(
+          def self.dropzone_field(key)
+            #{ options }[key.to_sym]
+          end
+
+          def self.dropzone_field?(key)
+            #{ options }.keys.include? key.to_sym
+          end
+
+          def #{ options[:data] }_url
+            #{ options[:data] }.url
+          end
+        )
+      end
+    end
+  end
+end
+
+ActiveRecord::Base.send :include, Activeadmin::Dropzone

data/lib/activeadmin-dropzone/engine.rb

@@ -0,0 +1,6 @@
+module Activeadmin
+  module Dropzone
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/test/helper.rb

@@ -0,0 +1,18 @@
+require 'rubygems'
+require 'bundler'
+begin
+  Bundler.setup(:default, :development)
+rescue Bundler::BundlerError => e
+  $stderr.puts e.message
+  $stderr.puts "Run `bundle install` to install missing gems"
+  exit e.status_code
+end
+require 'test/unit'
+require 'shoulda'
+
+$LOAD_PATH.unshift(File.join(File.dirname(__FILE__), '..', 'lib'))
+$LOAD_PATH.unshift(File.dirname(__FILE__))
+require 'activeadmin-dropzone'
+
+class Test::Unit::TestCase
+end

data/test/test_activeadmin-dropzone.rb

@@ -0,0 +1,7 @@
+require 'helper'
+
+class TestActiveadminDropzone < Test::Unit::TestCase
+  should "probably rename this file and start testing for real" do
+    flunk "hey buddy, you should probably rename this file and start testing for real"
+  end
+end

metadata

@@ -0,0 +1,102 @@
+--- !ruby/object:Gem::Specification
+name: activeadmin-dropzone
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Maxim Gladkov
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-02-25 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jeweler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: simplecov-rcov
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+description: 
+email: contact@maximgladkov.com
+executables: []
+extensions: []
+extra_rdoc_files:
+- LICENSE.txt
+- README.md
+files:
+- .DS_Store
+- .document
+- Gemfile
+- Gemfile.lock
+- LICENSE.txt
+- README.md
+- Rakefile
+- VERSION
+- activeadmin-dropzone.gemspec
+- app/.DS_Store
+- app/assets/.DS_Store
+- app/assets/images/.DS_Store
+- app/assets/javascripts/activeadmin-dropzone.js
+- app/assets/javascripts/dropzone.js
+- app/assets/stylesheets/activeadmin-dropzone.css.scss
+- app/assets/stylesheets/dropzone.css
+- app/controllers/dropzone_controller.rb
+- app/helpers/active_admin/views_helper.rb
+- app/inputs/dropzone_input.rb
+- app/views/application/_dropzone.html.erb
+- config/locales/en.yml
+- config/locales/ru.yml
+- config/routes.rb
+- lib/.DS_Store
+- lib/activeadmin-dropzone.rb
+- lib/activeadmin-dropzone/active_record/dropzone.rb
+- lib/activeadmin-dropzone/engine.rb
+- test/helper.rb
+- test/test_activeadmin-dropzone.rb
+homepage: http://maximgladkov.com/blog/activeadmin-dropzone-gem
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.0.3
+signing_key: 
+specification_version: 4
+summary: Easy to use integration of drag&drop files upload via dropzone.js for ActiveAdmin
+test_files: []