active_admin_multi_upload 0.0.1

data/app/models/concerns/active_admin_multi_upload/uploadable.rb

@@ -0,0 +1,26 @@
+module ActiveAdminMultiUpload::Uploadable
+  extend ActiveSupport::Concern
+
+  included do
+    include Rails.application.routes.url_helpers
+  end
+
+  module ClassMethods
+    def allows_upload(name)
+      code = <<-eoruby
+        def to_jq_upload
+          {
+            "name" => read_attribute(#{name}),
+            "size" => image.size,
+            "url" => image.url,
+            "thumbnail_url" => image.thumb.url,
+            "delete_url" => destroy_upload_admin_#{self.name.downcase}_url(self, only_path: true),
+            "id" => id,
+            "delete_type" => "DELETE"
+          }
+        end
+      eoruby
+      class_eval(code)
+    end
+  end
+end

data/app/views/active_admin_multi_upload/_upload_form.html.erb

@@ -0,0 +1,158 @@
+<%= stylesheet_link_tag "active_admin_multi_upload/jquery_upload" %>
+
+
+<%  options = options ||= {}
+    uploaded_ids_form_input_name = options[:uploaded_ids_form_input_name] ||= "#{resource.class.name.downcase}[#{association.singularize}_ids][]"
+    existing_uploads = options[:existing_uploads] ||= resource.send(association.to_sym)
+    input_id_prefix = options[:input_id_prefix] ||= "#{resource.class.name.downcase}_#{association.singularize}_ids_"
+    post_url = options[:post_url] ||= "/admin/#{association}/create_upload"
+    input_name = options[:input_name] ||= "#{association.singularize}[#{attribute}]"
+
+ %>
+
+<div id="uploader">
+  <!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
+  <div class="row fileupload-buttonbar">
+    <div class="span7">
+    <!-- The fileinput-button span is used to style the file input field as button -->
+      <span class="btn btn-success fileinput-button">
+        <i class="icon-plus icon-white"></i>
+        <span>Add files...</span>
+        <input id="fileupload" type="file" name="<%= input_name %>" multiple>
+      </span>
+      <button type="reset" class="btn btn-warning cancel">
+        <i class="icon-ban-circle icon-white"></i>
+        <span>Cancel upload</span>
+      </button>
+      <button type="button" class="btn btn-danger delete">
+        <i class="icon-trash icon-white"></i>
+        <span>Delete</span>
+      </button>
+      <input type="checkbox" class="toggle">
+    </div>
+  </div>
+  <!-- The loading indicator is shown during image processing -->
+  <div class="fileupload-process"></div>
+  <br>
+  <!-- The table listing the files available for upload/download -->
+  <table class="table table-striped"><tbody class="files" id="files-container" data-toggle="modal-gallery" data-target="#modal-gallery"></tbody></table>
+</div>
+
+
+<script>
+  var fileUploadErrors = {
+    maxFileSize: 'File is too big',
+    minFileSize: 'File is too small',
+    acceptFileTypes: 'Filetype not allowed',
+    maxNumberOfFiles: 'Max number of files exceeded',
+    uploadedBytes: 'Uploaded bytes exceed file size',
+    emptyResult: 'Empty file upload result'
+};
+</script>
+
+<!-- The template to display files available for upload -->
+<script id="template-upload" type="text/x-tmpl">
+  {% for (var i=0, file; file=o.files[i]; i++) { %}
+    <tr class="template-upload fade">
+      <td class="preview"><span class="fade"></span></td>
+      <td class="name"><span>{%=file.name%}</span></td>
+      <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
+      {% if (file.error) { %}
+        <td class="error" colspan="2"><span class="label label-important">{%=locale.fileupload.error%}</span> {%=locale.fileupload.errors[file.error] || file.error%}</td>
+      {% } else if (o.files.valid && !i) { %}
+        <td>
+          <div class="progress progress-striped active" role="progressbar" ><div class="progress-bar bar progress-bar-success" style="width:0%;"></div></div>
+        </td>
+        <td class="start">{% if (!o.options.autoUpload) { %}
+          <button class="btn btn-primary">
+            <i class="icon-upload icon-white"></i>
+            <span>{%=locale.fileupload.start%}</span>
+          </button>
+      {% } %}</td>
+      {% } else { %}
+        <td colspan="2"></td>
+      {% } %}
+      <td class="cancel">{% if (!i) { %}
+        <button class="btn btn-warning">
+          <i class="icon-ban-circle icon-white"></i>
+          <span>{%=locale.fileupload.cancel%}</span>
+        </button>
+      {% } %}</td>
+    </tr>
+  {% } %}
+</script>
+
+<!-- The template to display files available for download -->
+<script id="template-download" type="text/x-tmpl">
+  {% for (var i=0, file; file=o.files[i]; i++) { %}
+    <tr class="template-download fade">
+      {% if (file.error) { %}
+        <td></td>
+        <td class="name"><span>{%=file.name%}</span></td>
+        <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
+        <td class="error" colspan="2"><span class="label label-important">{%=locale.fileupload.error%}</span> {%=locale.fileupload.errors[file.error] || file.error%}</td>
+      {% } else { %}
+        <td class="preview">{% if (file.thumbnail_url) { %}
+          <a href="{%=file.url%}" title="{%=file.name%}" rel="gallery" download="{%=file.name%}"><img src="{%=file.thumbnail_url%}"></a>
+        {% } %}</td>
+        <td class="name" id="upload_{%=file.id%}">
+          <a href="{%=file.url%}" title="{%=file.name%}" rel="{%=file.thumbnail_url&&'gallery'%}" download="{%=file.name%}">{%=file.name%}</a>
+        </td>
+        <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
+        <td colspan="2"></td>
+      {% } %}
+      <td class="delete">
+        <button class="btn btn-danger" data-type="{%=file.delete_type%}" data-url="{%=file.delete_url%}">
+          <i class="icon-trash icon-white"></i>
+          <span>{%=locale.fileupload.destroy%}</span>
+        </button>
+        <input type="checkbox" name="delete" value="1">
+      </td>
+    </tr>
+  {% } %}
+</script>
+
+
+<script type="text/javascript" charset="utf-8">
+  $(function () {
+  // Initialize the jQuery File Upload widget:
+    $('#uploader').fileupload({
+      url: "<%= post_url %>",
+      autoUpload: true,
+      formData: {},
+      sequentialUploads: true,
+      fileInput: $("#fileupload"),
+      filesContainer: "#files-container"
+    }).on('fileuploadcompleted', function(e, data) {
+      insertUploadInputs(data.result.files);
+    }).bind('fileuploaddestroy', function(e, data) {
+      removeUploadInputs([data]);
+    });
+  });
+</script>
+
+
+<script type="text/javascript">
+var insertUploadInputs = function(files) {
+  $.each(files, function(index, file) {
+      var input = $("<input type='hidden' class='file-upload' name='<%= uploaded_ids_form_input_name %>' id='<%= input_id_prefix %>" + file.id + "' value='" + file.id + "' />");
+      input.insertAfter($("#upload_" + file.id));
+  });
+};
+
+var removeUploadInputs = function(files) {
+  $.each(files, function(index, file) {
+    var id = file.url.split("/").pop();
+    $("#<%= input_id_prefix %>" + id).remove();
+  });
+};
+
+$(function () {
+  var files = <%= existing_uploads.map(&:to_jq_upload).to_json.html_safe %>;
+  var uploader = $("#uploader").data("blueimpFileupload");
+  var template = uploader._renderDownload(files)['appendTo'](uploader.options.filesContainer);
+  uploader._transition(template);
+  insertUploadInputs(files);
+});
+
+</script>

data/config/routes.rb

@@ -0,0 +1,2 @@
+Rails.application.routes.draw do
+end

data/lib/active_admin_multi_upload.rb

@@ -0,0 +1,7 @@
+require "active_admin_multi_upload/engine"
+require "active_admin_multi_upload/dsl"
+
+module ActiveAdminMultiUpload
+end
+
+::ActiveAdmin::DSL.send(:include, ActiveAdminMultiUpload::DSL)

data/lib/active_admin_multi_upload/dsl.rb

@@ -0,0 +1,49 @@
+module ActiveAdminMultiUpload
+  module DSL
+
+    def allows_multi_upload(options={})
+
+      config.resource_class.send(:include, ::ActiveAdminMultiUpload::Uploadable)
+      uploader = options[:mounted_uploader] ||= :image
+      config.resource_class.send(:allows_upload,  uploader)
+
+      collection_action :create_upload, method: :post do
+        @upload_model = options[:model] ||= active_admin_config.resource_class
+        @model = @upload_model.new(upload_resource_params)
+        if @model.save
+          respond_to do |format|
+            format.html {
+              render :json => [@model.to_jq_upload].to_json,
+              :content_type => 'text/html',
+              :layout => false
+            }
+            format.json {
+              render :json => { files: [@model.to_jq_upload] }, status: :created
+            }
+          end
+        else
+          render :json => [{:error => "custom_failure"}], :status => 304
+        end
+      end
+
+      member_action :destroy_upload, method: :delete do
+        @upload_model = options[:model] ||= active_admin_config.resource_class
+        @model = @upload_model.find(params[:id])
+        @model.destroy
+        render :json => true
+      end
+
+      controller do
+        # Rails 4 Strong Parameters compatibility and backwards compatibility.
+        def upload_resource_params
+          # I don't think this will work any more.
+          if respond_to?(:permitted_params)
+            permitted_params[active_admin_config.resource_class.name.underscore]
+          else
+            params[active_admin_config.resource_class.name.underscore]
+          end
+        end
+      end
+    end
+  end
+end

data/lib/active_admin_multi_upload/engine.rb

@@ -0,0 +1,5 @@
+module ActiveAdminMultiUpload
+  class Engine < ::Rails::Engine
+    require 'jquery-fileupload-rails'
+  end
+end

data/lib/active_admin_multi_upload/version.rb

@@ -0,0 +1,3 @@
+module ActiveAdminMultiUpload
+  VERSION = "0.0.1"
+end

data/lib/generators/active_admin_multi_upload/resource/USAGE

@@ -0,0 +1,5 @@
+Description:
+    Adds the ability to upload multiple files to a Model that has a Carrierwave uploader mounted to it within Active Admin
+
+Example:
+    rails g active_admin_multi_upload:resource YourModel

data/lib/generators/active_admin_multi_upload/resource/resource_generator.rb

@@ -0,0 +1,16 @@
+module ActiveAdminMultiUpload
+  class ResourceGenerator < Rails::Generators::NamedBase
+    source_root File.expand_path('../templates', __FILE__)
+
+    def add_js_assets
+      append_file "app/assets/javascripts/active_admin.js.coffee", "#= require jquery-fileupload\n"
+      append_file "app/assets/javascripts/active_admin.js.coffee", "#= require jquery-fileupload/vendor/tmpl\n"
+    end
+
+    def add_css_assets
+      append_file "app/assets/stylesheets/active_admin.css.scss", '@import "jquery.fileupload-ui";'
+    end
+
+    private
+  end
+end

data/lib/tasks/active_admin_multi_upload_tasks.rake

@@ -0,0 +1,4 @@
+# desc "Explaining what the task does"
+# task :active_admin_multi_upload do
+#   # Task goes here
+# end

data/test/active_admin_multi_upload_test.rb

@@ -0,0 +1,7 @@
+require 'test_helper'
+
+class ActiveAdminMultiUploadTest < ActiveSupport::TestCase
+  test "truth" do
+    assert_kind_of Module, ActiveAdminMultiUpload
+  end
+end

data/test/dummy/README.rdoc

@@ -0,0 +1,28 @@
+== README
+
+This README would normally document whatever steps are necessary to get the
+application up and running.
+
+Things you may want to cover:
+
+* Ruby version
+
+* System dependencies
+
+* Configuration
+
+* Database creation
+
+* Database initialization
+
+* How to run the test suite
+
+* Services (job queues, cache servers, search engines, etc.)
+
+* Deployment instructions
+
+* ...
+
+
+Please feel free to use a different markup language if you do not plan to run
+<tt>rake doc:app</tt>.

data/test/dummy/Rakefile

@@ -0,0 +1,6 @@
+# Add your own tasks in files placed in lib/tasks ending in .rake,
+# for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
+
+require File.expand_path('../config/application', __FILE__)
+
+Dummy::Application.load_tasks

data/test/dummy/app/assets/javascripts/application.js

@@ -0,0 +1,13 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file.
+//
+// Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require_tree .

data/test/dummy/app/assets/stylesheets/application.css

@@ -0,0 +1,13 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ *
+ *= require_self
+ *= require_tree .
+ */

data/test/dummy/app/controllers/application_controller.rb

@@ -0,0 +1,5 @@
+class ApplicationController < ActionController::Base
+  # Prevent CSRF attacks by raising an exception.
+  # For APIs, you may want to use :null_session instead.
+  protect_from_forgery with: :exception
+end

data/test/dummy/app/helpers/application_helper.rb

@@ -0,0 +1,2 @@
+module ApplicationHelper
+end

data/test/dummy/app/views/layouts/application.html.erb

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Dummy</title>
+  <%= stylesheet_link_tag    "application", media: "all", "data-turbolinks-track" => true %>
+  <%= javascript_include_tag "application", "data-turbolinks-track" => true %>
+  <%= csrf_meta_tags %>
+</head>
+<body>
+
+<%= yield %>
+
+</body>
+</html>

data/test/dummy/bin/bundle

@@ -0,0 +1,3 @@
+#!/usr/bin/env ruby
+ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../../Gemfile', __FILE__)
+load Gem.bin_path('bundler', 'bundle')

data/test/dummy/bin/rails

@@ -0,0 +1,4 @@
+#!/usr/bin/env ruby
+APP_PATH = File.expand_path('../../config/application',  __FILE__)
+require_relative '../config/boot'
+require 'rails/commands'

data/test/dummy/bin/rake

@@ -0,0 +1,4 @@
+#!/usr/bin/env ruby
+require_relative '../config/boot'
+require 'rake'
+Rake.application.run

data/test/dummy/config.ru

@@ -0,0 +1,4 @@
+# This file is used by Rack-based servers to start the application.
+
+require ::File.expand_path('../config/environment',  __FILE__)
+run Rails.application

data/test/dummy/config/application.rb

@@ -0,0 +1,28 @@
+require File.expand_path('../boot', __FILE__)
+
+# Pick the frameworks you want:
+# require "active_record/railtie"
+require "action_controller/railtie"
+require "action_mailer/railtie"
+require "sprockets/railtie"
+require "rails/test_unit/railtie"
+
+Bundler.require(*Rails.groups)
+require "active_admin_multi_upload"
+
+module Dummy
+  class Application < Rails::Application
+    # Settings in config/environments/* take precedence over those specified here.
+    # Application configuration should go into files in config/initializers
+    # -- all .rb files in that directory are automatically loaded.
+
+    # Set Time.zone default to the specified zone and make Active Record auto-convert to this zone.
+    # Run "rake -D time" for a list of tasks for finding time zone names. Default is UTC.
+    # config.time_zone = 'Central Time (US & Canada)'
+
+    # The default locale is :en and all translations from config/locales/*.rb,yml are auto loaded.
+    # config.i18n.load_path += Dir[Rails.root.join('my', 'locales', '*.{rb,yml}').to_s]
+    # config.i18n.default_locale = :de
+  end
+end
+