simple_strap_file 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: b697bc4191b2878f53f8d5de2ac6319b5e2cc631
+  data.tar.gz: 5a8a1782e7e9072b47e75fdde96952c429985e35
+SHA512:
+  metadata.gz: 13acaca21908ebd5853ab8662b37f94bfeb6cdec8fc26f1d26da1a0ee66c1ba6785d38360c09e750f0ef1d07dbf962fdb4f7aa4918bba5dcb8625c304d60bcf5
+  data.tar.gz: 5989ee217a92823aa13bb7b308ab5812aaea2d362c9e160a3657da39006e932463482882c38aeb23c7963e9b0abcde947b82bc3baf9993169522e4defff9fe59

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 simple_strap_file.gemspec
+gemspec

data/LICENSE

@@ -0,0 +1,22 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 Mike Cowan
+
+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,34 @@
+# SimpleStrapFile
+
+[Simple Form](https://github.com/plataformatec/simple_form) component that provides a pretty file input using [Twitter Bootstrap](http://getbootstrap.com/) for styling.
+
+> Based on ['Whipping File Inputs Into Shape with Bootstrap 3'](http://www.abeautifulsite.net/whipping-file-inputs-into-shape-with-bootstrap-3/) by [Cory LaViska](https://twitter.com/claviska).
+
+## Installation
+
+### Prerequisites
+> *It is assumed you have installed Bootstrap and Simple Form already*
+
+Ensure you have applied Bootstrap styling to Simple Form using:
+
+`rails generate simple_form:install --bootstrap`
+
+### Gem
+Add `gem 'simple_strap_file'` to your application's Gemfile and run `bundle`.
+
+### Assets
+Import styling in `app/assets/stylesheets/application.css`:
+
+`*= require simple_strap_file`
+
+Require Javascripts in `app/assets/javascripts/application.js`
+
+`//= require simple_strap_file`
+
+## Contributing
+
+1. Fork it (https://github.com/michaelcowan/simple_strap_file/fork)
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create a new Pull Request

data/Rakefile

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

data/app/assets/javascripts/simple_strap_file.js

@@ -0,0 +1,18 @@
+$(document).on('change', '.btn-file :file', function() {
+  var input = $(this),
+      numFiles = input.get(0).files ? input.get(0).files.length : 1,
+      label = input.val().replace(/\\/g, '/').replace(/.*\//, '');
+  input.trigger('fileselect', [numFiles, label]);
+});
+
+$(document).ready( function() {
+  $('.btn-file :file').on('fileselect', function(event, numFiles, label) {
+    var input = $(this).parents('.input-group').find(':text'),
+      log = numFiles > 1 ? numFiles + ' files selected' : label;
+    if( input.length ) {
+      input.val(log);
+    } else {
+      if( log ) alert(log);
+    }
+  });
+});

data/app/assets/stylesheets/simple_strap_file.css

@@ -0,0 +1,19 @@
+.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;
+}

data/app/inputs/file_input.rb

@@ -0,0 +1,13 @@
+class FileInput < SimpleForm::Inputs::FileInput
+  # http://www.abeautifulsite.net/whipping-file-inputs-into-shape-with-bootstrap-3/
+  def input(wrapper_options=nil)
+    button = template.content_tag(:div, class: 'input-group') do
+      (template.content_tag(:span, class: 'input-group-btn') do
+        template.content_tag(:span, class: 'btn btn-primary btn-file') do
+          @builder.file_field(attribute_name) + raw('Browse&hellip;')
+        end
+      end) +
+      template.tag(:input, class: 'form-control', type: 'text', readonly: true)
+    end
+  end
+end

data/bin/console

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+require "bundler/setup"
+require "simple_strap_file"
+
+# You can add fixtures and/or initialization code here to make experimenting
+# with your gem easier. You can also use a different console, if you like.
+
+# (If you use this, don't forget to add pry to your Gemfile!)
+# require "pry"
+# Pry.start
+
+require "irb"
+IRB.start

data/bin/setup

@@ -0,0 +1,7 @@
+#!/bin/bash
+set -euo pipefail
+IFS=$'\n\t'
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/file_input.rb

@@ -0,0 +1,23 @@
+module SimpleForm
+  module Inputs
+    class FileInput < Base
+      def input
+        idf = "#{lookup_model_names.join("_")}_#{reflection_or_attribute_name}"
+        input_html_options[:style] ||= 'display:none;'
+
+        button = template.content_tag(:div, class: 'input-append', style: 'display: table; width: 100%') do 
+          (template.content_tag(:span, style: 'display: table-cell; width: 100%' ) do
+            template.tag(:input, id: "pbox_#{idf}", class: 'string form-control', type: 'text')
+          end) +
+          template.content_tag(:a, "Browse", class: 'btn', style: 'float: right', onclick: "$('input[id=#{idf}]').click();")
+        end
+
+        script = template.content_tag(:script, type: 'text/javascript') do
+          "$('input[id=#{idf}]').change(function() { s = $(this).val(); $('#pbox_#{idf}').val(s.slice(s.lastIndexOf('\\\\\\\\')+1)); });".html_safe
+        end
+
+        @builder.file_field(attribute_name, input_html_options) + button + script
+      end
+    end
+  end
+end

data/lib/simple_strap_file/version.rb

@@ -0,0 +1,3 @@
+module SimpleStrapFile
+  VERSION = "0.1.0"
+end

data/lib/simple_strap_file.rb

@@ -0,0 +1,7 @@
+require 'simple_form'
+require 'simple_strap_file/version'
+
+module SimpleStrapFile
+  class Engine < Rails::Engine
+  end
+end

data/simple_strap_file.gemspec

@@ -0,0 +1,26 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'simple_strap_file/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "simple_strap_file"
+  spec.version       = SimpleStrapFile::VERSION
+  spec.authors       = ["Mike Cowan"]
+  spec.email         = ["mike.c.cowan@gmail.com"]
+
+  spec.summary       = "Simple Form component that provides a pretty file input using Bootstrap"
+  spec.description   = "Brings form file inputs in line with the other Bootstrap themed fields"
+  spec.homepage      = "https://github.com/michaelcowan/simple-strap-file"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
+  spec.bindir        = "exe"
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.8"
+  spec.add_development_dependency "rake", "~> 10.0"
+
+  spec.add_dependency "simple_form", "~> 3.1"
+end

metadata

@@ -0,0 +1,100 @@
+--- !ruby/object:Gem::Specification
+name: simple_strap_file
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Mike Cowan
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2015-02-17 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.8'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.8'
+- !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'
+- !ruby/object:Gem::Dependency
+  name: simple_form
+  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'
+description: Brings form file inputs in line with the other Bootstrap themed fields
+email:
+- mike.c.cowan@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- Gemfile
+- LICENSE
+- README.md
+- Rakefile
+- app/assets/javascripts/simple_strap_file.js
+- app/assets/stylesheets/simple_strap_file.css
+- app/inputs/file_input.rb
+- bin/console
+- bin/setup
+- file_input.rb
+- lib/simple_strap_file.rb
+- lib/simple_strap_file/version.rb
+- simple_strap_file.gemspec
+homepage: https://github.com/michaelcowan/simple-strap-file
+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.4.5
+signing_key: 
+specification_version: 4
+summary: Simple Form component that provides a pretty file input using Bootstrap
+test_files: []