has_filepicker_image 0.1.0

data/.gitignore

@@ -0,0 +1,8 @@
+pkg/*
+*.gem
+.bundle
+nbproject/*
+bin
+.rspec
+.rbenv-version
+coverage/

data/.travis.yml

@@ -0,0 +1,4 @@
+language: ruby
+rvm:
+  - 1.9.3
+  - 2.0.0

data/Gemfile

@@ -0,0 +1,3 @@
+source "http://rubygems.org"
+
+gemspec

data/Gemfile.lock

@@ -0,0 +1,124 @@
+PATH
+  remote: .
+  specs:
+    has_filepicker_image (0.1.0)
+      rails (>= 3.2.0)
+      railties (>= 3.1.0, < 5.0)
+
+GEM
+  remote: http://rubygems.org/
+  specs:
+    actionmailer (3.2.11)
+      actionpack (= 3.2.11)
+      mail (~> 2.4.4)
+    actionpack (3.2.11)
+      activemodel (= 3.2.11)
+      activesupport (= 3.2.11)
+      builder (~> 3.0.0)
+      erubis (~> 2.7.0)
+      journey (~> 1.0.4)
+      rack (~> 1.4.0)
+      rack-cache (~> 1.2)
+      rack-test (~> 0.6.1)
+      sprockets (~> 2.2.1)
+    activemodel (3.2.11)
+      activesupport (= 3.2.11)
+      builder (~> 3.0.0)
+    activerecord (3.2.11)
+      activemodel (= 3.2.11)
+      activesupport (= 3.2.11)
+      arel (~> 3.0.2)
+      tzinfo (~> 0.3.29)
+    activeresource (3.2.11)
+      activemodel (= 3.2.11)
+      activesupport (= 3.2.11)
+    activesupport (3.2.11)
+      i18n (~> 0.6)
+      multi_json (~> 1.0)
+    arel (3.0.2)
+    builder (3.0.4)
+    coveralls (0.7.0)
+      multi_json (~> 1.3)
+      rest-client
+      simplecov (>= 0.7)
+      term-ansicolor
+      thor
+    diff-lcs (1.1.3)
+    erubis (2.7.0)
+    hike (1.2.1)
+    i18n (0.6.1)
+    journey (1.0.4)
+    json (1.7.6)
+    mail (2.4.4)
+      i18n (>= 0.4.0)
+      mime-types (~> 1.16)
+      treetop (~> 1.4.8)
+    mime-types (1.25)
+    multi_json (1.5.0)
+    polyglot (0.3.3)
+    rack (1.4.4)
+    rack-cache (1.2)
+      rack (>= 0.4)
+    rack-ssl (1.3.3)
+      rack
+    rack-test (0.6.2)
+      rack (>= 1.0)
+    rails (3.2.11)
+      actionmailer (= 3.2.11)
+      actionpack (= 3.2.11)
+      activerecord (= 3.2.11)
+      activeresource (= 3.2.11)
+      activesupport (= 3.2.11)
+      bundler (~> 1.0)
+      railties (= 3.2.11)
+    railties (3.2.11)
+      actionpack (= 3.2.11)
+      activesupport (= 3.2.11)
+      rack-ssl (~> 1.3.2)
+      rake (>= 0.8.7)
+      rdoc (~> 3.4)
+      thor (>= 0.14.6, < 2.0)
+    rake (10.0.3)
+    rdoc (3.12.1)
+      json (~> 1.4)
+    rest-client (1.6.7)
+      mime-types (>= 1.16)
+    rspec-core (2.12.2)
+    rspec-expectations (2.12.1)
+      diff-lcs (~> 1.1.3)
+    rspec-mocks (2.12.2)
+    rspec-rails (2.12.2)
+      actionpack (>= 3.0)
+      activesupport (>= 3.0)
+      railties (>= 3.0)
+      rspec-core (~> 2.12.0)
+      rspec-expectations (~> 2.12.0)
+      rspec-mocks (~> 2.12.0)
+    simplecov (0.7.1)
+      multi_json (~> 1.0)
+      simplecov-html (~> 0.7.1)
+    simplecov-html (0.7.1)
+    sprockets (2.2.2)
+      hike (~> 1.2)
+      multi_json (~> 1.0)
+      rack (~> 1.0)
+      tilt (~> 1.1, != 1.3.0)
+    sqlite3 (1.3.7)
+    term-ansicolor (1.2.2)
+      tins (~> 0.8)
+    thor (0.17.0)
+    tilt (1.3.3)
+    tins (0.12.0)
+    treetop (1.4.15)
+      polyglot
+      polyglot (>= 0.3.1)
+    tzinfo (0.3.38)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  coveralls
+  has_filepicker_image!
+  rspec-rails
+  sqlite3

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2013 YOURNAME
+
+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,160 @@
+# HasFilepickerImage [![Build Status](https://travis-ci.org/polmiro/has_filepicker_image.png)](https://travis-ci.org/polmiro/has_filepicker_image) [![Code Climate](https://codeclimate.com/github/polmiro/has_filepicker_image.png)](https://codeclimate.com/github/polmiro/has_filepicker_image) [![Coverage Status](https://coveralls.io/repos/polmiro/has_filepicker_image/badge.png)](https://coveralls.io/r/polmiro/has_filepicker_image)
+
+This gem is mainly an extension of [filepicker-rails](https://github.com/Filepicker/filepicker-rails). It integrates url methods into the models and the form builders.
+This gem helps you get running with [filepicker.io](http://filepicker.io) in Rails with your ActiveRecord models.
+It provides methods for your models to easily retrieve sizes and styles of your images.
+It also adds form helpers to nicely display and reload your images in you forms
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'has_filepicker_image'
+```
+
+And then execute:
+
+
+```
+$ bundle
+```
+
+Or install it yourself as:
+
+```
+$ gem install has_filepicker_image
+```
+
+
+Add the filepicker.io async javascript library to your layout head:
+
+```ruby
+<%= filepicker_async_js_include_tag %>
+```
+or your javascript asset pipeline manifest:
+```
+//= require 'filepicker_async'
+```
+
+
+
+Set your API Key in config/application.rb:
+```ruby
+    config.has_filepicker_image.api_key = "Your filepicker.io API Key"
+```
+
+Set your asset host (if you are using a CDN):
+```ruby
+    config.has_filepicker_image.asset_host = "disdojo11oijdf.cloudfront.net"
+```
+
+Set your custom default options for the image urls (you can override or add your own options, view pickAndStore options in filepicker documentation):
+```ruby
+
+    #  Defaults:
+    #  {
+    #    :delete_button_html => 'Remove',
+    #    :pick_button_html   => 'Pick',
+    #    :html_options => {
+    #      :'data-location'      => 'S3',
+    #      :'data-extensions'    => '.png,.jpg,.jpeg',
+    #      :'data-services'      => 'COMPUTER',
+    #      :'onchange'           => "HasFilepickerImage.previewPickedFile(event);"
+    #    }
+    #  }
+
+
+    config.has_filepicker_image.defaults.merge!(
+      :delete_button_html => 'Delete',
+      :pick_button_html   => 'Add',
+    )
+```
+
+If you have multiple configurations that you want to use, you can add them like this:
+```ruby
+    config.has_filepicker_image.add_config(
+      'doc',
+      {
+        :delete_button_html => 'Delete',
+        :pick_button_html   => 'Select',
+        :html_options => {
+          :'data-location'      => 'S3',
+          :'data-extensions'    => '.pdf',
+          :'data-services'      => 'COMPUTER',
+        }
+      }
+    )
+```
+
+## Usage
+### Migration
+
+Add a column to the model's table of type :string:
+
+```ruby
+class AddAvatarUrlToUser < ActiveRecord::Migration
+    def up
+        add_column :user, :avatar_url, :string
+    end
+
+    def down
+        remove_column :user, :avatar_url
+    end
+end
+```
+
+
+### In your model
+
+```ruby
+class User < ActiveRecord::Base
+  attr_accessible :avatar
+  has_filepicker_image :avatar, styles: { medium: [300,300], thumb: [100,100] }
+end
+```
+
+### In your views
+
+Call filepicker_url on your model passing any of the styles you defined. You can any filepicker.io options [the filepicker.io documentation](https://developers.filepicker.io/docs/web/#fpurl-images).
+
+```erb
+<%= image_tag @user.avatar(:thumb), options %> ---> 'http://filepicker.io/images?w=60&w=40&cache=true&dl=false' having defined styles: { thumb: [60,40]}
+<%= image_tag @user.avatar(:thumb, fit: 'crop'), options %> ---> 'http://filepicker.io/images?w=60&w=40&cache=true&fit=crop&dl=false'
+<%= image_tag @user.avatar(w: 10, h: 20), options %> ---> 'http://filepicker.io/images?w=10&h=20&cache=true&dl=false'
+<%= image_tag @user.avatar(cache: 'false', dl: 'true'), options %> ---> 'http://filepicker.io/images?cache=false&dl=true'
+```
+_Note 1: This method accepts a style plus optional paramters for the url or simply optional parameters for the url._
+_Note 2: Cache headers are enabled and download is disabled by default.
+
+### In your forms
+
+You can overwrite defaults when using the helpers.
+
+With Rails form builders
+```erb
+<%= form_for @user do |f| %>
+  <%= f.label :filepicker_url, "Upload Your Avatar:" %>
+  <%= f.filepicker_image_field :filepicker_url, :delete_button_html => 'Esborrar' %>
+  <%= f.filepicker_field :filepicker_url, 'doc', :delete_button_html => 'Esborrar' %>
+  <%= f.submit %>
+<% end %>
+```
+
+With simple_form
+```erb
+<%= simple_form_for @user do |f| %>
+  <%= f.input :filepicker_url, as: :filepicker_image %>
+  <%= f.submit %>
+<% end %>
+```
+
+With formtastic
+```erb
+<%= simple_form_for @user do |f| %>
+  <%= f.input :filepicker_url, as: :formtastic_filepicker_image %>
+  <%= f.submit %>
+<% end %>
+```
+
+

data/Rakefile

@@ -0,0 +1,28 @@
+#!/usr/bin/env rake
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+begin
+  require 'rdoc/task'
+rescue LoadError
+  require 'rdoc/rdoc'
+  require 'rake/rdoctask'
+  RDoc::Task = Rake::RDocTask
+end
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'HasFilepickerImage'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+Bundler::GemHelper.install_tasks
+
+require 'rspec/core/rake_task'
+task :default => :spec
+RSpec::Core::RakeTask.new
+

data/has_filepicker_image.gemspec

@@ -0,0 +1,28 @@
+$:.push File.expand_path("../lib", __FILE__)
+
+# Maintain your gem's version:
+require "has_filepicker_image/version"
+
+# Describe your gem and declare its dependencies:
+Gem::Specification.new do |s|
+  s.name        = "has_filepicker_image"
+  s.version     = HasFilepickerImage::VERSION
+  s.authors     = ["Pol"]
+  s.email       = ["polmiro@gmail.com"]
+  s.homepage    = ""
+  s.summary     = "Easily add filepicker images to your models"
+  s.description = "Easily add filepicker images to your models"
+
+  s.files         = `git ls-files`.split("\n")
+  s.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
+  s.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
+  s.require_paths = ["lib"]
+
+  s.add_development_dependency "rspec-rails"
+  s.add_development_dependency "sqlite3"
+  s.add_development_dependency "coveralls"
+
+  s.add_dependency "railties", ">= 3.1.0", "< 5.0"
+  s.add_dependency "rails", '>=3.2.0'
+
+end

data/lib/has_filepicker_image/base.rb

@@ -0,0 +1,86 @@
+module HasFilepickerImage
+  module Base
+    extend ActiveSupport::Concern
+
+    module ClassMethods
+
+      def has_filepicker_image(name, options = {})
+        cattr_accessor :has_filepicker_image_styles
+        self.has_filepicker_image_styles ||= {}
+        self.has_filepicker_image_styles.merge!(name.to_sym => options[:styles])
+
+        define_method name do |*args|
+          HasFilepickerImageUrlService.new(
+            name:   name,
+            url:    read_attribute("#{name}_url"),
+            styles: self.class.has_filepicker_image_styles[name],
+            args:   args
+          ).url
+        end
+      end
+
+      class HasFilepickerImageUrlService
+        def initialize(params)
+          @name     = params[:name]
+          @base_url = params[:url]
+          @styles   = params[:styles]
+          @retrieval_options, @conversion_options = parse_options(*params[:args])
+        end
+
+        def url
+          replace_asset_host(@base_url) + query_component if @base_url.present?
+        end
+
+        private
+
+        def replace_asset_host(url)
+          asset_host = Rails.application.config.has_filepicker_image.asset_host
+          if asset_host
+            uri = URI(url)
+            uri.host = asset_host
+            uri.to_s
+          else
+            url
+          end
+        end
+
+        def parse_options(*args)
+          retrieval_options = HashWithIndifferentAccess.new(:cache => true, :dl => 'false')
+          conversion_options = HashWithIndifferentAccess.new
+
+          if args.size > 2
+            raise 'Wrong number of arguments' if args.size > 2
+          elsif args.size > 0
+            hash = {}
+            arg = args[0]
+            if arg.is_a?(Hash)
+              hash.merge!(arg)
+            else
+              hash.merge!(args[1]) if args[1]
+              hash[:w] = @styles[arg][0]
+              hash[:h] = @styles[arg][1]
+            end
+            hash.assert_valid_keys(:w, :h, :fit, :dl, :cache)
+            retrieval_options.merge!(hash.slice(:dl, :cache))
+            conversion_options.merge!(hash.slice(:w, :h, :fit))
+            conversion_options[:fit] ||= 'max' if conversion_options.present?
+          end
+
+          [retrieval_options, conversion_options]
+        end
+
+        def query_component
+          component =  @conversion_options.present? ? '/convert' : ''
+          component + '?' + all_options.map { |k,v| "#{k}=#{v}" }.join('&')
+        end
+
+        def all_options
+          @retrieval_options.merge(@conversion_options)
+        end
+
+      end
+
+    end
+
+  end
+end

data/lib/has_filepicker_image/configuration.rb

@@ -0,0 +1,52 @@
+module HasFilepickerImage
+  class Configuration
+    attr_writer :api_key
+    attr_accessor :asset_host
+
+    def initialize(*args)
+      @conf = HashWithIndifferentAccess.new
+
+      @conf[:default] = {
+        :delete_button_html => 'Remove',
+        :pick_button_html   => 'Pick',
+        :html_options => {
+          :'data-location'      => 'S3',
+          :'data-extensions'    => '.png,.jpg,.jpeg',
+          :'data-services'      => 'COMPUTER',
+          :'onchange'           => "HasFilepickerImage.previewPickedFile(event);"
+        }
+      }
+
+      if ::Rails.env.development? || ::Rails.env.test?
+        @conf[:default][:html_options][:'data-debug'] = true
+      end
+    end
+
+    def api_key
+      @api_key or raise "Set config.has_filepicker_image.api_key"
+    end
+
+    def defaults
+      @conf[:default]
+    end
+
+    def defaults=(opts)
+      @conf[:default] = opts
+    end
+
+    def add_config(name, value)
+      @conf[name] = value
+    end
+
+    def get_config(name = nil)
+      if name
+        unless @conf.has_key?(name)
+          raise 'HasFilepickerImage configuration does not exist'
+        end
+        @conf[name]
+      else
+        defaults
+      end
+    end
+  end
+end

data/lib/has_filepicker_image/engine.rb

@@ -0,0 +1,19 @@
+module HasFilepickerImage
+  class Engine < ::Rails::Engine
+
+    config.has_filepicker_image = HasFilepickerImage::Configuration.new
+
+    ActiveSupport.on_load(:action_view) do
+      class ActionView::Base
+        include HasFilepickerImage::ViewHelper
+      end
+
+      class ActionView::Helpers::FormBuilder
+        include HasFilepickerImage::FormBuilderHelper
+      end
+    end
+
+    ActiveRecord::Base.send(:include, HasFilepickerImage::Base)
+
+  end
+end

data/lib/has_filepicker_image/helpers/form_builder_helper.rb

@@ -0,0 +1,69 @@
+module HasFilepickerImage
+  module FormBuilderHelper
+    def filepicker_image_field(attribute_name, *args)
+      filepicker_field(attribute_name, *args)
+    end
+
+    def filepicker_field(attribute_name, *args)
+      config = Rails.application.config.has_filepicker_image
+      config_name = nil
+      opts = {}
+
+      case args.size
+      when 0
+      when 1
+        if args[0].is_a?(Hash)
+          opts = args[0]
+        else
+          config_name = args[0]
+        end
+      when 2
+        config_name, opts = args
+      else
+        raise ArgumentError.new('Wrong number of arguments for filepicker_field')
+      end
+
+      value = object.send(attribute_name)
+      options = config.get_config(config_name).deep_merge(opts)
+      html_options = options[:html_options] || {}
+
+      preview = @template.content_tag(:div, :class => 'filepicker-image', :style => (value.present? ? '' : 'display:none;')) do
+        if value.present?
+          # Render preview + Delete link
+          thumb_url = value + "/convert?w=260&h=180"
+          thumb_alt = "#{attribute_name} thumbnail"
+          @template.image_tag(thumb_url, alt: thumb_alt )
+        end
+      end
+
+      pick_button = @template.content_tag(:a,
+        options[:pick_button_html],
+        html_options.merge(
+          :href  => '#',
+          :style => value.present? ? 'display:none;' : '',
+          :'data-action' => 'pickImage'
+        )
+      )
+
+      remove_button = @template.link_to(
+        options[:delete_button_html],
+        '#',
+        :style => value.present? ? '' : 'display:none;',
+        :'data-action' => 'removeImage'
+      )
+
+      buttons = @template.content_tag(
+        :div,
+        pick_button + remove_button,
+        :class => 'filepicker-button'
+      )
+
+      buttons + preview + ActionView::Helpers::InstanceTag.new(
+        @object_name,
+        attribute_name,
+        @template,
+        object
+      ).to_input_field_tag('hidden')
+    end
+  end
+end

data/lib/has_filepicker_image/helpers/formtastic_form_input.rb

@@ -0,0 +1,10 @@
+class FormtasticFilepickerImageInput
+  include Formtastic::Inputs::Base
+
+  def to_html
+    input_wrapping do
+      label_html <<
+      builder.filepicker_image_field(method, input_html_options)
+    end
+  end
+end

data/lib/has_filepicker_image/helpers/simple_form_input.rb

@@ -0,0 +1,10 @@
+module SimpleForm
+  module Inputs
+    class FilepickerImageInput < Base
+
+      def input
+        @builder.filepicker_image_field(attribute_name, input_html_options)
+      end
+    end
+  end
+end

data/lib/has_filepicker_image/helpers/view_helper.rb

@@ -0,0 +1,7 @@
+module HasFilepickerImage
+  module ViewHelper
+    def filepicker_async_js_include_tag
+      javascript_include_tag 'filepicker_async'
+    end
+  end
+end

data/lib/has_filepicker_image/version.rb

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

data/lib/has_filepicker_image.rb

@@ -0,0 +1,13 @@
+require 'rails'
+require 'active_record'
+
+module HasFilepickerImage
+  require "has_filepicker_image/version"
+  require "has_filepicker_image/configuration"
+  require "has_filepicker_image/base"
+  require "has_filepicker_image/helpers/view_helper"
+  require "has_filepicker_image/helpers/form_builder_helper"
+  require 'has_filepicker_image/helpers/simple_form_input' if defined? SimpleForm
+  require 'has_filepicker_image/helpers/formtastic_form_input' if defined? Formtastic
+  require "has_filepicker_image/engine"
+end

data/spec/form_builder_spec.rb

@@ -0,0 +1,94 @@
+require 'spec_helper'
+
+describe HasFilepickerImage::FormBuilderHelper do
+  class FormBuilder < ActionView::Helpers::FormBuilder
+    include HasFilepickerImage::FormBuilderHelper
+  end
+
+  describe "#filepicker_image_field" do
+    before do
+      @configuration = HasFilepickerImage::Configuration.new
+      @configuration.defaults = {
+        :pick_button_html => 'Pick',
+        :delete_button_html => 'Remove'
+      }
+      allow_message_expectations_on_nil
+      ::Rails.application.stub_chain(:config, :has_filepicker_image).and_return(@configuration)
+    end
+
+    let(:model)   { TestModel.new }
+    let(:builder) { FormBuilder.new(:test_model, model, ActionView::Base.new, {}, proc {}) }
+
+    it "should add a filepicker_image_field method" do
+      builder.should respond_to(:filepicker_image_field)
+    end
+
+    it "returns the filepicker input field" do
+      builder.filepicker_image_field(:image_url).should ==
+      "<div class=\"filepicker-button\">" +
+        "<a data-action=\"pickImage\" href=\"#\" style=\"\">Pick</a>" +
+        "<a href=\"#\" data-action=\"removeImage\" style=\"display:none;\">Remove</a>" +
+      "</div>" +
+      "<div class=\"filepicker-image\" style=\"display:none;\"></div>" +
+      "<input id=\"test_model_image_url\" name=\"test_model[image_url]\" type=\"hidden\" />"
+    end
+
+    it "returns the filepicker input with preview" do
+      model.image_url = 'http://filepicker.io/images/1'
+      builder.filepicker_image_field(:image_url).should ==
+      "<div class=\"filepicker-button\">" +
+        "<a data-action=\"pickImage\" href=\"#\" style=\"display:none;\">Pick</a>" +
+        "<a href=\"#\" data-action=\"removeImage\" style=\"\">Remove</a>" +
+      "</div>" +
+      "<div class=\"filepicker-image\" style=\"\"><img alt=\"image_url thumbnail\" src=\"http://filepicker.io/images/1/convert?w=260&amp;h=180\" /></div>" +
+      "<input id=\"test_model_image_url\" name=\"test_model[image_url]\" type=\"hidden\" value=\"http://filepicker.io/images/1\" />"
+    end
+
+    it "returns the filepicker input with defaults options" do
+      @configuration.defaults = @configuration.defaults.deep_merge(
+        :html_options => { :'data-fp-debug' => true }
+      )
+
+      builder.filepicker_image_field(:image_url).should ==
+      "<div class=\"filepicker-button\">" +
+        "<a data-action=\"pickImage\" data-fp-debug=\"true\" href=\"#\" style=\"\">Pick</a>" +
+        "<a href=\"#\" data-action=\"removeImage\" style=\"display:none;\">Remove</a>" +
+      "</div>" +
+      "<div class=\"filepicker-image\" style=\"display:none;\"></div>" +
+      "<input id=\"test_model_image_url\" name=\"test_model[image_url]\" type=\"hidden\" />"
+    end
+
+    it "returns the filepicker input with custom options" do
+      @configuration.defaults = {
+        :pick_button_html => 'Add Photo',
+        :delete_button_html => 'Remove Photo'
+      }
+
+      builder.filepicker_image_field(:image_url).should ==
+      "<div class=\"filepicker-button\">" +
+        "<a data-action=\"pickImage\" href=\"#\" style=\"\">Add Photo</a>" +
+        "<a href=\"#\" data-action=\"removeImage\" style=\"display:none;\">Remove Photo</a>" +
+      "</div>" +
+      "<div class=\"filepicker-image\" style=\"display:none;\"></div>" +
+      "<input id=\"test_model_image_url\" name=\"test_model[image_url]\" type=\"hidden\" />"
+    end
+
+
+    it "returns input with a different config" do
+      @configuration.add_config(
+        :picture_config,
+        :pick_button_html => 'Add Picture',
+        :delete_button_html => 'Remove Picture'
+      )
+
+      builder.filepicker_image_field(:image_url, :picture_config).should ==
+      "<div class=\"filepicker-button\">" +
+        "<a data-action=\"pickImage\" href=\"#\" style=\"\">Add Picture</a>" +
+        "<a href=\"#\" data-action=\"removeImage\" style=\"display:none;\">Remove Picture</a>" +
+      "</div>" +
+      "<div class=\"filepicker-image\" style=\"display:none;\"></div>" +
+      "<input id=\"test_model_image_url\" name=\"test_model[image_url]\" type=\"hidden\" />"
+    end
+
+  end
+end

data/spec/model_spec.rb

@@ -0,0 +1,54 @@
+require 'spec_helper'
+
+describe TestModel do
+
+  before(:each) do
+    clean_database
+    allow_message_expectations_on_nil
+    ::Rails.application.stub_chain(:config, :has_filepicker_image, :asset_host).and_return(nil)
+  end
+
+  let(:model) { TestModel.new(image_url: 'http://filepicker.io/image') }
+
+  describe "#image" do
+    context "when no url" do
+      it "returns nil" do
+        model.image_url = nil
+        model.image.should be_nil
+      end
+    end
+
+    context "when CDN configured" do
+      it "returns the url replacing the host for the CDN" do
+        cdn = 'cdn.net'
+        ::Rails.application.stub_chain(:config, :has_filepicker_image, :asset_host).and_return(cdn)
+        model.image.should == 'http://cdn.net/image?cache=true&dl=false'
+      end
+    end
+
+    context "when called without arguments" do
+      it "returns the original url with cache=true and dl=false by default" do
+        model.image.should == 'http://filepicker.io/image?cache=true&dl=false'
+      end
+    end
+
+    context "when called with options" do
+      it "returns the url with the options" do
+        model.image(w: 1, h: 2, dl: true).should == 'http://filepicker.io/image/convert?cache=true&dl=true&w=1&h=2&fit=max'
+      end
+    end
+
+    context "when called with a style" do
+      it "returns the url with the dimensions of the style and fit max by default" do
+        model.image(:small).should == 'http://filepicker.io/image/convert?cache=true&dl=false&w=50&h=100&fit=max'
+      end
+    end
+
+    context "when called with a style and options" do
+      it "returns the url with the dimensions of the style and the provided options" do
+        model.image(:small, fit: 'crop', cache: 'false').should == 'http://filepicker.io/image/convert?cache=false&dl=false&w=50&h=100&fit=crop'
+      end
+    end
+  end
+
+end

data/spec/spec_helper.rb

@@ -0,0 +1,31 @@
+require 'coveralls'
+Coveralls.wear!
+
+$LOAD_PATH << File.join(File.dirname(__FILE__), '..', 'lib')
+
+require 'rails/all'
+require 'rspec/rails'
+require 'has_filepicker_image'
+
+
+ActiveRecord::Base.establish_connection(adapter: "sqlite3", database: ":memory:")
+
+ActiveRecord::Schema.define(version: 1) do
+  create_table :test_models do |t|
+    t.string :image_url
+  end
+end
+
+class TestModel < ActiveRecord::Base
+  has_filepicker_image :image, styles: {
+    small:  [50,100],
+    normal: [200,400]
+  }
+end
+
+def clean_database
+  models = [TestModel]
+  models.each do |model|
+    ActiveRecord::Base.connection.execute "DELETE FROM #{model.table_name}"
+  end
+end

data/vendor/assets/javascripts/filepicker_async.js.erb

@@ -0,0 +1,62 @@
+(function(a){if(window.filepicker){return}var b=a.createElement("script");b.type="text/javascript";b.async=!0;b.src=("https:"===a.location.protocol?"https:":"http:")+"//api.filepicker.io/v1/filepicker.js";var c=a.getElementsByTagName("script")[0];c.parentNode.insertBefore(b,c);var d={};d._queue=[];var e="pick,pickMultiple,pickAndStore,read,write,writeUrl,export,convert,store,storeUrl,remove,stat,setKey,constructWidget,makeDropPane".split(",");var f=function(a,b){return function(){b.push([a,arguments])}};for(var g=0;g<e.length;g++){d[e[g]]=f(e[g],d._queue)}window.filepicker=d})(document);
+
+filepicker.setKey('<%= ::Rails.application.config.has_filepicker_image.api_key %>');
+
+filepicker.previewPickedImage = function($container, url) {
+  var $imageContainer = $container.find('.filepicker-image');
+  var img = $("<img src='" + url + '/convert?w=50&h=50' + '\'/>');
+  $imageContainer.html(img);
+  return true;
+};
+
+filepicker.removeImage = function($button) {
+  var $container = $button.parent().parent();
+  $container.find('input[type=hidden]').val('');
+  $container.find('.filepicker-image').html('').hide();
+  $container.find('[data-action=removeImage]').hide();
+  $container.find('[data-action=pickImage]').show();
+};
+
+filepicker.pickImage = function($button) {
+  var data = $button.data();
+  var $container = $button.parent().parent();
+  filepicker.pickAndStore(
+    data,
+    data,
+    function(fpfiles) {
+      var url = fpfiles[0].url;
+      $container.find('input[type=hidden]').val(url);
+      filepicker.previewPickedImage($container, url);
+      $container.find('[data-action=removeImage]').show();
+      $container.find('.filepicker-image').show();
+      $button.hide();
+    },
+    function(fpfiles) {
+      alert('Error uploading file');
+    }
+  );
+};
+
+$(document).on('click', '.has_many.attachments .button', function(event) {
+  $input_element = $(this).closest('.has_many.attachments').find("[type='filepicker']:last");
+  filepicker.pickImange( $element );
+});
+
+$(document).on('nested:fieldAdded', function(event) {
+  var field = event.field;
+  var $element = field.find("[data-action=pickImage]");
+  if ($element.size() > 0)
+    filepicker.pickImage( $element );
+});
+
+$(document).on('click', 'a[data-action=pickImage]', function(event) {
+  event.preventDefault();
+  filepicker.pickImage( $(this) );
+});
+
+$(document).on('click', 'a[data-action=removeImage]', function(event) {
+  event.preventDefault();
+
+  filepicker.removeImage( $(this) )
+});
+

metadata

@@ -0,0 +1,155 @@
+--- !ruby/object:Gem::Specification
+name: has_filepicker_image
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+  prerelease: 
+platform: ruby
+authors:
+- Pol
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-11-04 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rspec-rails
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: sqlite3
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: coveralls
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 3.1.0
+    - - <
+      - !ruby/object:Gem::Version
+        version: '5.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 3.1.0
+    - - <
+      - !ruby/object:Gem::Version
+        version: '5.0'
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 3.2.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 3.2.0
+description: Easily add filepicker images to your models
+email:
+- polmiro@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- .travis.yml
+- Gemfile
+- Gemfile.lock
+- MIT-LICENSE
+- README.md
+- Rakefile
+- has_filepicker_image.gemspec
+- lib/has_filepicker_image.rb
+- lib/has_filepicker_image/base.rb
+- lib/has_filepicker_image/configuration.rb
+- lib/has_filepicker_image/engine.rb
+- lib/has_filepicker_image/helpers/form_builder_helper.rb
+- lib/has_filepicker_image/helpers/formtastic_form_input.rb
+- lib/has_filepicker_image/helpers/simple_form_input.rb
+- lib/has_filepicker_image/helpers/view_helper.rb
+- lib/has_filepicker_image/version.rb
+- spec/form_builder_spec.rb
+- spec/model_spec.rb
+- spec/spec_helper.rb
+- vendor/assets/javascripts/filepicker_async.js.erb
+homepage: ''
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.24
+signing_key: 
+specification_version: 3
+summary: Easily add filepicker images to your models
+test_files:
+- spec/form_builder_spec.rb
+- spec/model_spec.rb
+- spec/spec_helper.rb