pretty_file_input 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 7e57d9efb1610be2863391f09c934f208c3a5f2e
+  data.tar.gz: d46c59fca21ff1b76fa3c1bf37304b9de6eb721e
+SHA512:
+  metadata.gz: 30f013d6bcc509c9a77bf227291e4e5a522add470edc1ccff78e059821fd24cd550fc0f577ba6347489de04caeefef8bcbb9c97c369e8ea426cddf323660ef3e
+  data.tar.gz: 5707ec9e0e91111b18da1d53b024d4bcd9bb7cc33264749883f5bc4c45703b466dc4d9a2068ce8ee48570cf53fbabb795fb92b720e0d89f9349b4669dcba434a

data/.gitignore

@@ -0,0 +1,7 @@
+.bundle/
+log/*.log
+tmp/*
+coverage/*
+*.gem
+Gemfile.lock
+.ruby-gemset

data/.ruby-version

@@ -0,0 +1 @@
+2.1.1

data/Gemfile

@@ -0,0 +1,2 @@
+source "https://rubygems.org"
+gemspec

data/README.md

@@ -0,0 +1,6 @@
+pretty_file_input
+=======
+
+## License
+
+[MIT](http://dobtco.mit-license.org/)

data/app/assets/javascripts/pretty_file_input.coffee

@@ -0,0 +1,136 @@
+(($, window) ->
+
+  class PrettyFileInput
+    defaults:
+      additionalParams: {}
+      name: undefined
+      persisted: undefined
+      action: undefined
+      method: undefined
+
+    constructor: ($el, options) ->
+      @$el = $el
+      @options = $.extend {}, @defaults, options, @$el.data('pfi')
+
+      @$form = @$el.closest('form')
+      @$input = @$el.find('input').attr('name', if @options.persisted then false else @options.name)
+      @$filename = @$el.find('.pfi_existing_filename')
+      @$status = @$el.find('.pfi_status')
+
+      removeKey = if @options.name.match(/\[/)
+        i = @options.name.lastIndexOf('[')
+        "#{@options.name.substring(0, i)}[remove_#{@options.name.substring(i + 1, @options.name.length)}"
+      else
+        "remove_#{@options.name}"
+
+      @removeParams = {}
+      @removeParams[removeKey] = true
+
+      @options.action ||= @$form.attr('action')
+      @options.method ||= @$form.find('[name=_method]').val() || @$form.attr('method')
+
+      @_bindEvents()
+
+    remove: ->
+      if @options.persisted
+        @_ajaxRemove()
+      else
+        @$input.val('')
+
+      @options.name = undefined
+      @$el.removeClass('is_uploaded')
+
+    _baseParams: ->
+      $.extend { pretty_file_input: true }, @options.additionalParams
+
+    _ajaxRemove: ->
+      $.ajax
+        url: @options.action
+        type: @options.method
+        dataType: 'json'
+        data: $.extend @_baseParams(), @removeParams
+
+    _ajaxUpload: ->
+      $tmpForm = @_createTemporaryForm()
+
+      $tmpForm.ajaxSubmit
+        dataType: 'json'
+        data: @_baseParams()
+        uploadProgress: (_, __, ___, percentComplete) =>
+          @$status.text(
+            if percentComplete == 100
+              'Finishing'
+            else
+              "Uploading (#{percentComplete}%)"
+          )
+        complete: =>
+          @$input.show()
+          $tmpForm.remove()
+        success: $.proxy(@_uploadSuccess, @)
+        error: $.proxy(@_uploadError, @)
+
+    _createTemporaryForm: ->
+      form = $("""
+        <form action='#{@options.action}' method='post' style='display: inline;'>
+          <input type='hidden' name='_method' value='#{@options.method}' />
+        </form>
+      """)
+
+      $oldInput = @$input
+      @$input = $oldInput.clone().hide().val('').insertBefore($oldInput)
+      @_bindInputChange()
+      $oldInput.appendTo(form)
+      $oldInput.attr('name', @options.name)
+      form.insertBefore(@$input)
+
+      form
+
+    _uploadSuccess: (data) ->
+      if data?.additionalParams?
+        @options.additionalParams = data.additionalParams
+
+      @$status.text('')
+      @$el.addClass('is_uploaded')
+
+    _uploadError: ->
+      @$status.text 'Error'
+      setTimeout ( => @$status.text('') ), 2000
+
+    _eventToFilename: (e) ->
+      if e.target.files?
+        e.target.files[0].name
+      else if e.target.value
+        e.target.value.replace(/^.+\\/, '')
+
+    _onChange: (e) ->
+      @$filename.text @_eventToFilename(e)
+
+      if @options.persisted
+        @$status.text 'Uploading...'
+        @_ajaxUpload()
+      else
+        @_uploadSuccess()
+
+    _bindEvents: ->
+      @$el.on 'click', '[data-pfi-remove]', $.proxy(@remove, @)
+      @_bindInputChange()
+
+    # FF6 doesn't bubble the 'change' event, so we need to bind
+    # directly to the @$input. Since we need to re-bind later,
+    # we break this out into a separate method.
+    _bindInputChange: ->
+      @$input.on 'change', $.proxy(@_onChange, @)
+
+  $.fn.extend prettyFileInput: (option, args...) ->
+    @each ->
+      data = $(@).data('pretty-file-input')
+
+      if !data
+        $(@).data 'pretty-file-input', (data = new PrettyFileInput($(@), option))
+      if typeof option == 'string'
+        data[option].apply(data, args)
+
+) window.jQuery, window
+
+$ ->
+  $('[data-pfi]').prettyFileInput()

data/app/assets/stylesheets/pretty_file_input.scss

@@ -0,0 +1,19 @@
+// A more functional file input
+.pfi {
+  input {
+    display: inline;
+  }
+}
+
+.pfi_uploaded{
+  display: none;
+}
+
+.is_uploaded {
+  .pfi_uploaded {
+    display: block;
+  }
+  .pfi_not_uploaded {
+    display: none;
+  }
+}

data/app/inputs/pretty_file_input_input.rb

@@ -0,0 +1,16 @@
+class PrettyFileInputInput < SimpleForm::Inputs::Base
+  def input
+    @builder.multipart = true
+    PrettyFileInput::Component.new(
+      name: tag_name,
+      persisted: object.persisted?,
+      filename: object.try(:send, attribute_name).try(:file).try(:filename)
+    ).to_html
+  end
+
+  # Not sure why this is so goddamn hard to retrieve
+  def tag_name
+    ActionView::Helpers::Tags::Base.new(object_name, attribute_name, nil).
+      send(:tag_name)
+  end
+end

data/lib/pretty_file_input.rb

@@ -0,0 +1,8 @@
+require 'pretty_file_input/version'
+require 'pretty_file_input/component'
+
+module PrettyFileInput
+  class Engine < ::Rails::Engine
+
+  end
+end

data/lib/pretty_file_input/component.rb

@@ -0,0 +1,33 @@
+require 'erector'
+
+class PrettyFileInput::Component < Erector::Widget
+  needs :name,                # input name that will be sent to the server
+        persisted: false,     # is parent object is not persisted, no AJAX calls will be made
+        filename: nil,        # pre-populate the filename span
+        method: nil,          # override the parent form's method
+        action: nil,          # override the parent form's action
+        additional_params: {} # additional parameters to be sent to server with each request
+
+  def content
+    div(
+      class: "pfi cf #{@filename ? 'is_uploaded' : ''}",
+      'data-pfi' => {
+        name: @name,
+        persisted: @persisted,
+        action: @action,
+        method: @method,
+        additionalParams: @additional_params
+      }.to_json
+    ) {
+      div.pfi_uploaded {
+        span.pfi_existing_filename @filename
+        text ' '
+        a.button.mini.info 'Remove', 'data-pfi-remove' => true
+      }
+      div.pfi_not_uploaded {
+        input type: 'file'
+        span.pfi_status
+      }
+    }
+  end
+end

data/lib/pretty_file_input/version.rb

@@ -0,0 +1,3 @@
+module PrettyFileInput
+  VERSION = '0.0.1'
+end

data/pretty_file_input.gemspec

@@ -0,0 +1,22 @@
+$:.push File.expand_path("../lib", __FILE__)
+
+# Maintain your gem's version:
+require 'pretty_file_input/version'
+
+# Describe your gem and declare its dependencies:
+Gem::Specification.new do |s|
+  s.name = 'pretty_file_input'
+  s.version = PrettyFileInput::VERSION
+  s.required_ruby_version = Gem::Requirement.new('>= 2.0.0')
+  s.authors = ['Adam Becker']
+  s.summary = 'A more powerful file input.'
+  s.email = 'adam@dobt.co'
+  s.license = 'MIT'
+  s.files = `git ls-files`.split("\n")
+  s.test_files = `git ls-files -- {features,spec}/*`.split("\n")
+  s.homepage = 'http://github.com/dobtco/pretty_file_input'
+
+  s.add_dependency 'coffee-script'
+  s.add_dependency 'erector-rails4'
+  s.add_dependency 'sass'
+end

data/script/release

@@ -0,0 +1,38 @@
+#!/bin/sh
+# Tag and push a release.
+
+set -e
+
+# Make sure we're in the project root.
+
+cd $(dirname "$0")/..
+
+# Build a new gem archive.
+
+rm -rf pretty_file_input-*.gem
+gem build -q pretty_file_input.gemspec
+
+# Make sure we're on the master branch.
+
+(git branch | grep -q '* master') || {
+  echo "Only release from the master branch."
+  exit 1
+}
+
+# Figure out what version we're releasing.
+
+tag=v`ls pretty_file_input-*.gem | sed 's/^pretty_file_input-\(.*\)\.gem$/\1/'`
+
+# Make sure we haven't released this version before.
+
+git fetch -t origin
+
+(git tag -l | grep -q "$tag") && {
+  echo "Whoops, there's already a '${tag}' tag."
+  exit 1
+}
+
+# Tag it and bag it.
+
+gem push pretty_file_input-*.gem && git tag "$tag" &&
+  git push origin master && git push origin "$tag"

metadata

@@ -0,0 +1,98 @@
+--- !ruby/object:Gem::Specification
+name: pretty_file_input
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Adam Becker
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-11-21 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: coffee-script
+  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: erector-rails4
+  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: sass
+  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'
+description: 
+email: adam@dobt.co
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".ruby-version"
+- Gemfile
+- README.md
+- app/assets/javascripts/pretty_file_input.coffee
+- app/assets/stylesheets/pretty_file_input.scss
+- app/inputs/pretty_file_input_input.rb
+- lib/pretty_file_input.rb
+- lib/pretty_file_input/component.rb
+- lib/pretty_file_input/version.rb
+- pretty_file_input.gemspec
+- script/release
+homepage: http://github.com/dobtco/pretty_file_input
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: 2.0.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 more powerful file input.
+test_files: []
+has_rdoc: