rails_admin_uploader 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: fdc91b58e311a7ff0e82b52fade2fb14ebf6d885
+  data.tar.gz: 5f14d3f71459413afb96a773ed01b99911d1a3fa
+SHA512:
+  metadata.gz: 3a23bb89acbb9557bf99aacd9563798bddc30ce62adade4d027575c3ff165652c8a7042249c954ed9ffda54591c23e11d4f4844db6bbf06d680c6358652d0d24
+  data.tar.gz: 818c8e433a60b716a25e4fe344dc460f46de4b63e316c6c7b44a45f01d0c336351217d94189c8b5385cfbc65a66b2b98d33f93450611cf40c8aa03b3b68f5db4

data/.gitignore

@@ -0,0 +1,9 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in rails_admin_uploader.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 glebtv
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,78 @@
+# RailsAdminUploader
+
+Mass file uploads via [jQuery-File-Upload](https://github.com/blueimp/jQuery-File-Upload) for Rails Admin
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'rails_admin_uploader'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install rails_admin_uploader
+
+Mount the gem's engine. Add to ```config/routes.rb```:
+
+    mount RailsAdminUploader::Engine => '/ra_uploader', as: 'rails_admin_uploader'
+
+Add this line to ```app/assets/javascripts/rails_admin/custom/ui.coffee```
+
+    #= require rails_admin_uploader
+
+Create this file if it doesn't exist in your project.
+
+
+Add this line to ```app/assets/stylesheets/rails_admin/custom/theming.sass```
+
+    @import rails_admin_uploader
+
+Create this file if it doesn't exist in your project.
+
+## Usage
+
+Configure your models:
+
+  class Obj
+    has_many :images
+    has_many :plans
+    include RailsAdminUploader::Base
+    rails_admin_uploader :images, :plans
+    # add a string field :ra_token to DB (required)
+    rails_admin do
+      edit do
+        field :image, :rails_admin_uploader
+        field :plans, :rails_admin_uploader
+      end
+    end
+  end
+  class Image
+    belongs_to :obj
+    include RailsAdminUploader::Asset
+
+    # add a string field :ra_token to DB (required)
+    # add an image field :image to DB (required)
+    # add an integer field :sort to DB (optional)
+    # add a boolean field :enabled to DB (optional)
+  end
+
+Set up CanCan (required)
+
+## Contributing
+
+Bug reports and pull requests are welcome on [GitHub](https://github.com/rs-pro/rails_admin_uploader).
+
+## License
+
+Somewhat based on [rails-uploader](https://github.com/superp/rails-uploader)
+Copyright (c) 2013 Fodojo, released under the MIT license
+
+The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
+Copyright (c) 2015 glebtv, released under the MIT license
+

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/app/assets/javascripts/rails_admin_uploader.coffee

@@ -0,0 +1,261 @@
+#= require rails_admin_uploader/tmpl
+#= require rails_admin_uploader/canvas-to-blob
+#= require rails_admin_uploader/load-image.all.min.js
+#= require rails_admin_uploader/jquery.fileupload
+#= require rails_admin_uploader/jquery.fileupload-process
+#= require rails_admin_uploader/jquery.fileupload-image
+#= require rails_admin_uploader/jquery.fileupload-audio
+#= require rails_admin_uploader/jquery.fileupload-video
+#= require rails_admin_uploader/jquery.fileupload-validate
+#= require rails_admin_uploader/jquery.iframe-transport
+#= require rails_admin_uploader/jquery.fileupload-ui
+
+upload_template = """
+<script id="ra_uploader_upload" type="text/x-tmpl">
+{% for (var i=0, file; file=o.files[i]; i++) { %}
+  <tr class="template-upload">
+    {% if (o.options.flags.sortable) { %}
+      <td></td>
+    {% } %}
+    {% if (o.options.flags.enableable) { %}
+      <td></td>
+    {% } %}
+		<td width="200">
+      <span class="preview"></span>
+    </td>
+    <td width="200">
+      <div class="fileName">{%=file.name%}</div>
+      <div class="fileError"><strong class="error text-danger"></strong></div>
+			<div class="fileWeight">{%=o.formatFileSize(file.size)%}</div>
+    </td>
+    <td>
+      <div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><div class="progress-bar progress-bar-success" style="width:0%;"></div></div>
+    </td>
+    <td>
+      <button class="btn btn-warning btn-sm cancel">
+        <i class="fa fa-ban"></i>
+      </button>
+    </td>
+	</tr>
+{% } %}
+</script>
+
+"""
+
+e_spin = '<a class="label label-primary">
+  <i class="fa fa-spinner fa-spin"></i>
+</a>'
+e_on = '<a class="label label-success">
+  <i class="fa fa-check"></i>
+</a>'
+e_off = '<a class="label label-danger">
+  <i class="fa fa-times"></i>
+</a>'
+
+download_template = """
+<script id="ra_uploader_download" type="text/x-tmpl">
+{% for (var i=0, file; file=o.files[i]; i++) { %}
+  <tr data-id="{%=file.id%}" class="template-download">
+    {% if (o.options.flags.sortable) { %}
+      <td class="sort-handle">
+        <i class="fa fa-sort"></i>
+      </td>
+    {% } %}
+    {%= JSON.stringify(o) %}
+    {% if (o.options.flags.enableable) { %}
+      <td class="enable-button">
+        {% if (file.enabled) { %}
+          #{e_on}
+        {% } else { %}
+          #{e_off}
+        {% } %}
+      </td>
+    {% } %}
+    <td width="200">
+      <a target="_blank" href="{%=file.url%}">
+        <img src="{%=file.thumb_url%}" title="{%=file.filename%}" />
+      </a>
+    </td>
+    <td width="200">
+      <div class="fileName">
+        <a target="_blank" href="{%=file.url%}">{%=file.filename%}</a>
+      </div>
+      <div class="fileWeight">{%=o.formatFileSize(file.size)%}</div>
+      {% if (file.error) { %}
+          <div><span class="label label-danger">Ошибка</span> {%=file.error%}</div>
+      {% } %}
+    </td>
+    <td>
+      {% if (o.options.flags.nameable) { %}
+        <input class="nameable" value="{%=file.name%}" placeholder="Название"/>
+        <i class="spinner fa fa-spinner fa-spin" style="display: none;"></i>
+      {% } %}
+    <td>
+      <a class="btn btn-danger btn-sm delete">
+        <i class="fa fa-trash-o"></i>
+      </a>
+    </td>
+  </div>
+{% } %}
+</script>
+
+"""
+
+class RaUploader
+  constructor: ($t)->
+    @$t = $t
+    
+    @url = @$t.data('url')
+    @klass = @$t.data('klass')
+    @id = @$t.data('id')
+    @field = @$t.data('field')
+    @$f = @$t.find('.files')
+    @flags = @$t.data('flags')
+
+    @guid = @$t.find('input[type=hidden]').val()
+
+    @$t.disableSelection()
+
+    @initUploader()
+    @loadFiles()
+
+  data: =>
+    r = {
+      field: @field
+      klass: @klass
+      guid: @guid
+    }
+    if @id
+      r.obj_id = @id
+    r
+
+  initSortable: ->
+    return false unless @flags.sortable
+    @$t.find('.files tbody').sortable
+      placeholder: 'attach_item'
+      cursor: 'move'
+      handle: ".sort-handle",
+      update: (event, ui) =>
+        order = []
+        @$t.find('.template-download').each ->
+          $i = $(this)
+          order.push($i.data('id'))
+        d = @data()
+        d.order = order
+        $.ajax
+          url: @url
+          type: 'POST'
+          dataType: 'json'
+          data: d
+          error: (r)->
+            alert(r)
+
+  initEnableable: =>
+    return false unless @flags.enableable
+    t = @
+    @$t.on('click', '.enable-button a', (e)->
+      $t = $(this)
+      $i = $t.parents('.template-download')
+      e.preventDefault()
+      d = t.data()
+      d.img = {enabled: !$t.hasClass('label-success')}
+      $p = $t.parent()
+      $p.html(e_spin)
+      id = $i.data('id')
+      $.ajax
+        url: "#{t.url}/#{id}"
+        type: 'PUT'
+        dataType: 'json'
+        data: d
+        success: (r)->
+          $p.html(if r.enabled then e_on else e_off)
+        error: (r)->
+          alert(r)
+    )
+
+  initNameable: =>
+    return false unless @flags.nameable
+    t = @
+    @$t.on('blur', 'input.nameable', (e)->
+      $t = $(this)
+      $i = $t.parents('.template-download')
+      e.preventDefault()
+      d = t.data()
+      d.img = {name: $t.val()}
+      id = $i.data('id')
+      $t.next('.spinner').show()
+      $.ajax
+        url: "#{t.url}/#{id}"
+        type: 'PUT'
+        dataType: 'json'
+        data: d
+        success: (r)->
+          $t.next('.spinner').hide()
+        error: (r)->
+          alert(r)
+    )
+
+  initUploader: =>
+    t = @
+    @$fo = @$t.find('input.fileupload').fileupload(
+      url: @url
+      dataType: 'json'
+      autoUpload: true
+      previewMaxWidth: 100
+      previewMaxHeight: 100
+      formData: (form)=>
+        formData = []
+        $.each @data(), (name, value) ->
+          formData.push
+            name: name
+            value: value
+        formData
+      uploadTemplateId: "ra_uploader_upload",
+      downloadTemplateId: "ra_uploader_download"
+      dropZone: @$t
+      filesContainer: @$f
+      previewCrop: true
+      flags: @flags
+      destroy: (e, data) ->
+        $i = data.context
+        d = t.data()
+        id = $i.data('id')
+        if confirm("Точно удалить?")
+          $.ajax
+            url: "#{t.url}/#{id}"
+            type: 'DELETE'
+            dataType: 'json'
+            data: d
+            success: (r)->
+              $i.remove()
+            error: (r)->
+              alert(r)
+    )
+    @uploader = @$fo.data('blueimpFileupload')
+
+  loadFiles: ->
+    $.ajax
+      type: 'GET'
+      dataType: 'json'
+      url: @url
+      data: @data()
+      success: (r)=>
+        @$f.html("")
+        @uploader._renderDownload(r.files).appendTo(@$f)
+        @initSortable()
+        @initEnableable()
+        @initNameable()
+      error: ->
+        @$f.html("Ошибка загрузки списка файлов...").css(color: 'red')
+
+init = ->
+  $('.fileupload-block').each ->
+    new RaUploader($(this))
+
+
+$(document).on 'pjax:complete', init
+$ ->
+  $('body').append(upload_template)
+  $('body').append(download_template)
+  init()
+

data/app/assets/javascripts/rails_admin_uploader/canvas-to-blob.js

@@ -0,0 +1,95 @@
+/*
+ * JavaScript Canvas to Blob 2.0.5
+ * https://github.com/blueimp/JavaScript-Canvas-to-Blob
+ *
+ * Copyright 2012, Sebastian Tschan
+ * https://blueimp.net
+ *
+ * Licensed under the MIT license:
+ * http://www.opensource.org/licenses/MIT
+ *
+ * Based on stackoverflow user Stoive's code snippet:
+ * http://stackoverflow.com/q/4998908
+ */
+
+/*jslint nomen: true, regexp: true */
+/*global window, atob, Blob, ArrayBuffer, Uint8Array, define */
+
+(function (window) {
+    'use strict';
+    var CanvasPrototype = window.HTMLCanvasElement &&
+            window.HTMLCanvasElement.prototype,
+        hasBlobConstructor = window.Blob && (function () {
+            try {
+                return Boolean(new Blob());
+            } catch (e) {
+                return false;
+            }
+        }()),
+        hasArrayBufferViewSupport = hasBlobConstructor && window.Uint8Array &&
+            (function () {
+                try {
+                    return new Blob([new Uint8Array(100)]).size === 100;
+                } catch (e) {
+                    return false;
+                }
+            }()),
+        BlobBuilder = window.BlobBuilder || window.WebKitBlobBuilder ||
+            window.MozBlobBuilder || window.MSBlobBuilder,
+        dataURLtoBlob = (hasBlobConstructor || BlobBuilder) && window.atob &&
+            window.ArrayBuffer && window.Uint8Array && function (dataURI) {
+                var byteString,
+                    arrayBuffer,
+                    intArray,
+                    i,
+                    mimeString,
+                    bb;
+                if (dataURI.split(',')[0].indexOf('base64') >= 0) {
+                    // Convert base64 to raw binary data held in a string:
+                    byteString = atob(dataURI.split(',')[1]);
+                } else {
+                    // Convert base64/URLEncoded data component to raw binary data:
+                    byteString = decodeURIComponent(dataURI.split(',')[1]);
+                }
+                // Write the bytes of the string to an ArrayBuffer:
+                arrayBuffer = new ArrayBuffer(byteString.length);
+                intArray = new Uint8Array(arrayBuffer);
+                for (i = 0; i < byteString.length; i += 1) {
+                    intArray[i] = byteString.charCodeAt(i);
+                }
+                // Separate out the mime component:
+                mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];
+                // Write the ArrayBuffer (or ArrayBufferView) to a blob:
+                if (hasBlobConstructor) {
+                    return new Blob(
+                        [hasArrayBufferViewSupport ? intArray : arrayBuffer],
+                        {type: mimeString}
+                    );
+                }
+                bb = new BlobBuilder();
+                bb.append(arrayBuffer);
+                return bb.getBlob(mimeString);
+            };
+    if (window.HTMLCanvasElement && !CanvasPrototype.toBlob) {
+        if (CanvasPrototype.mozGetAsFile) {
+            CanvasPrototype.toBlob = function (callback, type, quality) {
+                if (quality && CanvasPrototype.toDataURL && dataURLtoBlob) {
+                    callback(dataURLtoBlob(this.toDataURL(type, quality)));
+                } else {
+                    callback(this.mozGetAsFile('blob', type));
+                }
+            };
+        } else if (CanvasPrototype.toDataURL && dataURLtoBlob) {
+            CanvasPrototype.toBlob = function (callback, type, quality) {
+                callback(dataURLtoBlob(this.toDataURL(type, quality)));
+            };
+        }
+    }
+    if (typeof define === 'function' && define.amd) {
+        define(function () {
+            return dataURLtoBlob;
+        });
+    } else {
+        window.dataURLtoBlob = dataURLtoBlob;
+    }
+}(window));