bootstrap_refile 0.0.2

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 6ba7c473753c6e2aa933e40c6aacfa6d90f71614
+  data.tar.gz: 1af4eef11284c53d217ea53a1d8b11691179f32d
+SHA512:
+  metadata.gz: 73f24c6950ad409362b7bf4ee1088c812ff2a6bcf1f66ab433ae6e81b27479212fededadc8e9e300988d6c793380297875457e6ec8ee9908fe46c808b33e228a
+  data.tar.gz: 5236baff08ef97e33961ae45ee29bc71a80ce8c8366158d04c7c47d290b72481a323a60b720d0fdf20f69c76fd2fccee93d1f14ea2d278a7946c1fe5ec9c1bf2

data/.gitignore

@@ -0,0 +1,15 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/
+*.bundle
+*.so
+*.o
+*.a
+mkmf.log
+*.gem

data/Gemfile

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

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2015 Joshua Novak
+
+MIT License
+
+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,49 @@
+# Bootstrap Refile
+
+A bootstrap styled single file uploader for refile with progress bar and image preview.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'bootstrap_refile'
+```
+
+`bundle install` and restart your server to make the files available through the pipeline.
+
+Add this line to your javascript file ( after `//= require refile` ):
+
+```js
+//= require bootstrap_refile
+```
+
+
+Add this line to your stylesheet:
+
+```scss
+@import "bootstrap_refile";
+```
+
+
+## Usage
+
+``` erb
+<%= form_for @user do |form| %>
+  <%= form.bootstrap_attachment_field :profile_image %>
+<% end %>
+```
+
+If you want to change the style of the progress bar you can pass it in:
+
+``` erb
+<%= form_for @user do |form| %>
+  <%= form.attachment_field :profile_image, progress_class: 'progress-bar-danger' %>
+<% end %>
+```
+
+Options:
+
+- progress_class
+- remove_class
+- select_class

data/Rakefile

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

data/app/assets/javascripts/bootstrap_refile.js

@@ -0,0 +1,60 @@
+$(document).on("upload:start", "input[type=file]", function(e) {
+  var refileUploadContainer = $(this).closest(".refile-upload");
+
+  $(this).closest("form").find("input[type=submit]").attr("disabled", true);
+  //refileUploadContainer.find('.progress').css('opacity', 1);
+});
+
+$(document).on("upload:progress", "input[type=file]", function(e) {
+  var refileUploadContainer = $(this).closest(".refile-upload");
+
+  var detail = e.originalEvent.detail;
+  var progress = Math.round(detail.loaded / detail.total * 100);
+  var progressBar = refileUploadContainer.find('.progress-bar');
+  progressBar.css('width', progress + '%');
+  progressBar.attr('aria-valuenow', progress);
+  progressBar.find('.sr-only').text(progress + '% Complete');
+});
+
+$(document).on("upload:complete", "input[type=file]", function(e) {
+  var refileUploadContainer = $(this).closest(".refile-upload");
+
+  if(!refileUploadContainer.find("input.uploading").length) {
+    $(this).closest("form").find("input[type=submit]").removeAttr("disabled");
+    var progressBar = refileUploadContainer.find('.progress-bar');
+    progressBar.css('width', '0%');
+    progressBar.attr('aria-valuenow', 0);
+    progressBar.find('.sr-only').text('0% Complete');
+    //refileUploadContainer.find('.progress').css('opacity', 0);
+  }
+});
+
+$(document).on("change", "input[type=file]", function() {
+  fileIcons = {
+    'default': 'fa-file-o',
+    'pdf': 'fa-file-pdf-o',
+    'xls': 'fa-file-excel-o',
+    'xlsx': 'fa-file-excel-o',
+    'csv': 'fa-file-excel-o',
+    'doc': 'fa-file-word-o',
+    'docx': 'fa-file-word-o',
+    'jpg': 'fa-file-image-o',
+    'jpeg': 'fa-file-image-o',
+    'png': 'fa-file-image-o',
+    'gif': 'fa-file-image-o'
+  }
+
+  if (this.files.length == 0) return;
+
+  var refileUploadContainer = $(this).closest(".refile-upload");
+  var fileName = this.files[0].name;
+  var fileExt = fileName.split('.').pop().toLowerCase();
+  var attachmentIcon = (fileIcons[fileExt])? fileIcons[fileExt] : fileIcons['default']
+
+  refileUploadContainer.addClass('filled').addClass((fileExt != '')? 'filled-type-' + fileExt : '');
+  refileUploadContainer.find('.file-info').html('<i class="fa ' + attachmentIcon + '"></i> ' + fileName);
+
+  var reader = new FileReader();
+  reader.onload = function (e) { refileUploadContainer.find("img.preview").attr("src", e.target.result); };
+  reader.readAsDataURL(this.files[0]);
+});

data/app/assets/stylesheets/bootstrap_refile.scss

@@ -0,0 +1,106 @@
+.refile-upload {
+
+  .progress {
+    height: 10px;
+    // opacity: 0;
+    margin-bottom: 10px;
+  }
+
+  .file-info {
+    font-size: 12px;
+    opacity: .5;
+    margin-bottom: 10px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .file-preview {
+    border: none;
+    border-radius: 0;
+
+    .file-preview-frame {
+      box-shadow: none;
+      border: none;
+      height: auto !important;
+
+      &:hover,
+      &:active,
+      &:focus {
+        box-shadow: none;
+        border: none;
+      }
+
+      // img {
+      //   width: 100%;
+      //   max-width: 150px;
+      //   height: auto !important;
+      // }
+    }
+
+    .fileinput-remove {
+      display: none;
+    }
+  }
+
+  // img.preview {
+  //   width: 100%;
+  //   max-width: 150px;
+  //   height: auto;
+  // }
+
+  // .drop {
+  //   padding: 15px;
+  //   border: 2px #f1f1f1 dashed;
+  //   border-radius: 5px;
+  //   line-height: 34px;
+  // }
+
+  .btn-file {
+      position: relative;
+      overflow: hidden;
+  }
+
+  .btn-file input[type=file] {
+      position: absolute;
+      top: 0;
+      right: 0;
+      min-width: 100%;
+      min-height: 100%;
+      font-size: 100px;
+      text-align: right;
+      filter: alpha(opacity=0);
+      opacity: 0;
+      outline: none;
+      background: white;
+      cursor: inherit;
+      display: block;
+  }
+
+  .btn-remove {
+    display: none;
+  }
+
+  &.filled {
+    .btn-remove {
+      display: inline-block;
+    }
+
+    .btn-file {
+      display: none;
+    }
+
+    .thumbnail {
+      display: none;
+    }
+
+    &.filled-type-jpg,
+    &.filled-type-jpeg,
+    &.filled-type-png,
+    &.filled-type-gif {
+      .thumbnail {
+        display: block;
+      }
+    }
+  }
+}

data/bootstrap_refile.gemspec

@@ -0,0 +1,26 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'bootstrap_refile/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "bootstrap_refile"
+  spec.version       = BootstrapRefile::VERSION
+  spec.authors       = ["Joshua Novak"]
+  spec.email         = ["JoshuaNovak919@gmail.com"]
+  spec.summary       = "A bootstrap styled single uploader for refile."
+  spec.description   = "A bootstrap styled single uploader for refile."
+  spec.homepage      = "https://github.com/JoshuaNovak919/bootstrap_refile"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0")
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_dependency "railties", ">= 3.1"
+  spec.add_dependency "refile"
+
+  spec.add_development_dependency "bundler", "~> 1.7"
+  spec.add_development_dependency "rake", "~> 10.0"
+end

data/lib/bootstrap_refile/rails/attachment_helper.rb

@@ -0,0 +1,107 @@
+module BootstrapRefile
+  # Rails view helpers which aid in using Refile from views.
+  module AttachmentHelper
+    # Form builder extension
+    module FormBuilder
+      # @see BootstrapAttachmentHelper#attachment_field
+      def bootstrap_attachment_field(method, options = {})
+        self.multipart = true
+        @template.bootstrap_attachment_field(@object_name, method, objectify_options(options))
+      end
+    end
+
+    # Generates a form field which can be used with records which have
+    # attachments. This will generate both a file field as well as a hidden
+    # field which tracks the id of the file in the cache before it is
+    # permanently stored.
+    #
+    # @param object_name                    The name of the object to generate a field for
+    # @param method                         The name of the field
+    # @param [Hash] options
+    # @option options [Object] object       Set by the form builder, currently required for direct/presigned uploads to work.
+    # @option options [Boolean] direct      If set to true, adds the appropriate data attributes for direct uploads with refile.js.
+    # @option options [Boolean] presign     If set to true, adds the appropriate data attributes for presigned uploads with refile.js.
+    # @return [ActiveSupport::SafeBuffer]   The generated form field
+    def bootstrap_attachment_field(object_name, method, object:, **options)
+      file_icons = {
+        'default' => 'fa-file-o',
+        'pdf' => 'fa-file-pdf-o',
+        'xls' => 'fa-file-excel-o',
+        'xlsx' => 'fa-file-excel-o',
+        'csv' => 'fa-file-excel-o',
+        'doc' => 'fa-file-word-o',
+        'docx' => 'fa-file-word-o',
+        'jpg' => 'fa-file-image-o',
+        'jpeg' => 'fa-file-image-o',
+        'png' => 'fa-file-image-o',
+        'gif' => 'fa-file-image-o'
+      }
+
+      options[:remove_class] ||= 'btn-primary'
+      options[:select_class] ||= 'btn-primary'
+      options[:progress_class] ||= ''
+
+      options[:data] ||= {}
+
+      attachment_name = method.to_s.humanize
+
+      file_exists = (!object["#{method}_id"].nil?)
+      file_extension = (file_exists)? File.extname(object["#{method}_filename"].to_s).gsub(/\./, '') : ''
+      file_name = (file_exists && !object["#{method}_filename"].to_s.blank?)? object["#{method}_filename"].to_s : 'No file selected'
+
+      image_url = (file_exists)? attachment_url(object, method.to_sym, :fit, 300, 300) : "http://placehold.it/300x200&text=#{attachment_name}"
+      image_tag = image_tag(image_url, class: 'preview img-responsive')
+
+      remove_attachment = check_box(object_name, "remove_#{method}".to_sym, { class: 'btn btn-primary' })
+      attacher = object.send(:"#{method}_attacher")
+      options[:accept] = attacher.accept
+
+      if options[:direct]
+        host = options[:host] || Refile.host || request.base_url
+        backend_name = Refile.backends.key(attacher.cache)
+
+        url = ::File.join(host, main_app.refile_app_path, backend_name)
+        options[:data].merge!(direct: true, as: "file", url: url)
+      end
+
+      if options[:presigned] and attacher.cache.respond_to?(:presign)
+        options[:data].merge!(direct: true).merge!(attacher.cache.presign.as_json)
+      end
+
+      attachment_field = hidden_field(object_name, method, value: attacher.data.to_json, object: object, id: nil)
+      attachment_field += file_field(object_name, method, options)
+
+      attachment_icon = (file_exists && file_icons[file_extension])? file_icons[file_extension] : file_icons['default']
+
+      result = <<-EOD
+      <div class="refile-upload #{(file_exists)? 'filled' : ''} #{(!file_extension.blank?)? "filled-type-#{file_extension}" : ''}">
+        <h4>#{attachment_name}</h4>
+        <div class="row">
+          <div class="col-sm-5">
+            <span class="thumbnail">#{image_tag}</span>
+          </div>
+          <div class="col-sm-7">
+            <div class="progress">
+              <div class="progress-bar #{options[:progress_class]}" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
+                <span class="sr-only">0% Complete</span>
+              </div>
+            </div>
+            <div class="file-info"><i class="fa #{attachment_icon}"></i> #{file_name}</div>
+            <span class="btn-group btn-remove" data-toggle="buttons">
+              <label class="btn #{options[:remove_class]}">
+                Remove #{attachment_name}
+                #{remove_attachment}
+              </label>
+            </span>
+            <span class="btn #{options[:select_class]} btn-file">
+              Select #{attachment_name}
+              #{attachment_field}
+            </span>
+          </div>
+        </div>
+      </div>
+EOD
+      return result.html_safe
+    end
+  end
+end

data/lib/bootstrap_refile/version.rb

@@ -0,0 +1,3 @@
+module BootstrapRefile
+  VERSION = "0.0.2"
+end

data/lib/bootstrap_refile.rb

@@ -0,0 +1,13 @@
+require "bootstrap_refile/version"
+require "bootstrap_refile/rails/attachment_helper"
+
+module BootstrapRefile
+  module Rails
+    class Engine < ::Rails::Engine
+    	initializer "refile.setup", before: :load_environment_config do
+	      ActionView::Base.send(:include, BootstrapRefile::AttachmentHelper)
+	      ActionView::Helpers::FormBuilder.send(:include, AttachmentHelper::FormBuilder)
+	    end
+    end
+  end
+end

metadata

@@ -0,0 +1,111 @@
+--- !ruby/object:Gem::Specification
+name: bootstrap_refile
+version: !ruby/object:Gem::Version
+  version: 0.0.2
+platform: ruby
+authors:
+- Joshua Novak
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-04-11 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.1'
+- !ruby/object:Gem::Dependency
+  name: refile
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.7'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.7'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+description: A bootstrap styled single uploader for refile.
+email:
+- JoshuaNovak919@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- app/assets/javascripts/bootstrap_refile.js
+- app/assets/stylesheets/bootstrap_refile.scss
+- bootstrap_refile.gemspec
+- lib/bootstrap_refile.rb
+- lib/bootstrap_refile/rails/attachment_helper.rb
+- lib/bootstrap_refile/version.rb
+homepage: https://github.com/JoshuaNovak919/bootstrap_refile
+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.2.2
+signing_key: 
+specification_version: 4
+summary: A bootstrap styled single uploader for refile.
+test_files: []