image-picker-rails 0.1.4.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 1f0f04d7a4aef9ceebddd7dedd0d70bcca36c3d2
+  data.tar.gz: 5d855563e234c3bbe99ffe51776b092edf4e92cf
+SHA512:
+  metadata.gz: 41e8359c1fc7dccb777ca1996910b5856ef866dc8ab51bc1ca78543a7dba568871744fb5f6190c51a7911ddebf6b51a45afce8b1d9f87aca9295c8e87146d3bf
+  data.tar.gz: 6afe24bea1a73a81be3dbeaa1950eb59d32acb321771d80a34dea17235e0d6f263a45a0e8fbaf69c9e387867a442781a6d268a810f5c8d9ca84db2f97f8bc0a2

data/.gitignore

@@ -0,0 +1,17 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/Gemfile

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

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2013 Airat Shigapov
+
+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,41 @@
+# Image Picker for Rails
+
+Image Picker is a simple jQuery plugin that transforms a select element into a more user friendly graphical interface.
+
+https://github.com/rvera/image-picker originally authored by [Rodrigo Vera](http://rvera.github.io/)
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'image-picker-rails'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install image-picker-rails
+
+## Usage
+
+Add this line to app/assets/stylesheets/application.css
+
+``` css
+ *= require image-picker
+```
+
+Add this line to app/assets/javascripts/application.js
+
+``` javascript
+//= require image-picker
+```
+
+## Contributing
+
+1. Fork it
+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 new Pull Request

data/Rakefile

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

data/image-picker-rails.gemspec

@@ -0,0 +1,24 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'image-picker-rails/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "image-picker-rails"
+  spec.version       = Image::Picker::Rails::VERSION
+  spec.authors       = ["Airat Shigapov"]
+  spec.email         = ["airat@shigapov.me"]
+  spec.description   = "Image Picker is a simple jQuery plugin that transforms a select element into a more user friendly graphical interface."
+  spec.summary       = spec.description
+  spec.homepage      = "https://github.com/airatshigapov/image-picker-rails"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files`.split($/)
+  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.0"
+  spec.add_development_dependency "bundler", "~> 1.3"
+  spec.add_development_dependency "rake"
+end

data/lib/image-picker-rails.rb

@@ -0,0 +1,8 @@
+require "image-picker-rails/version"
+
+module ImagePickerRails
+  module Rails
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/lib/image-picker-rails/version.rb

@@ -0,0 +1,7 @@
+module Image
+  module Picker
+    module Rails
+      VERSION = "0.1.4.1"
+    end
+  end
+end

data/vendor/assets/javascripts/image-picker.js

@@ -0,0 +1,257 @@
+// Image Picker
+// by Rodrigo Vera
+//
+// Version 0.1.4
+// Full source at https://github.com/rvera/image-picker
+// MIT License, https://github.com/rvera/image-picker/blob/master/LICENSE
+// Generated by CoffeeScript 1.4.0
+(function() {
+  var ImagePicker, ImagePickerOption, both_array_are_equal, sanitized_options,
+    __indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; };
+
+  jQuery.fn.extend({
+    imagepicker: function(opts) {
+      if (opts == null) {
+        opts = {};
+      }
+      return this.each(function() {
+        var select;
+        select = jQuery(this);
+        select.next("ul.image_picker_selector").remove();
+        select.data("picker", new ImagePicker(this, sanitized_options(opts)));
+        if (opts.initialized != null) {
+          return opts.initialized();
+        }
+      });
+    }
+  });
+
+  sanitized_options = function(opts) {
+    var default_options;
+    default_options = {
+      hide_select: true,
+      show_label: false,
+      initialized: void 0,
+      changed: void 0,
+      clicked: void 0,
+      selected: void 0,
+      limit: void 0,
+      limit_reached: void 0
+    };
+    return jQuery.extend(default_options, opts);
+  };
+
+  both_array_are_equal = function(a, b) {
+    return jQuery(a).not(b).length === 0 && jQuery(b).not(a).length === 0;
+  };
+
+  ImagePicker = (function() {
+
+    function ImagePicker(select_element, opts) {
+      this.opts = opts != null ? opts : {};
+      this.select = jQuery(select_element);
+      this.multiple = this.select.attr("multiple") === "multiple";
+      if (this.select.data("limit") != null) {
+        this.opts.limit = parseInt(this.select.data("limit"));
+      }
+      this.build_and_append_picker();
+    }
+
+    ImagePicker.prototype.build_and_append_picker = function() {
+      if (this.opts.hide_select) {
+        this.select.hide();
+      }
+      this.select.change({
+        picker: this
+      }, function(event) {
+        return event.data.picker.sync_picker_with_select();
+      });
+      if (this.picker != null) {
+        this.picker.remove();
+      }
+      this.create_picker();
+      this.select.after(this.picker);
+      return this.sync_picker_with_select();
+    };
+
+    ImagePicker.prototype.sync_picker_with_select = function() {
+      var option, _i, _len, _ref, _results;
+      _ref = this.picker_options;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        option = _ref[_i];
+        if (option.is_selected()) {
+          _results.push(option.mark_as_selected());
+        } else {
+          _results.push(option.unmark_as_selected());
+        }
+      }
+      return _results;
+    };
+
+    ImagePicker.prototype.create_picker = function() {
+      var option, _i, _len, _ref;
+      this.picker = jQuery("<ul class='thumbnails image_picker_selector'></ul>");
+      this.picker_options = (function() {
+        var _i, _len, _ref, _results;
+        _ref = this.select.find("option");
+        _results = [];
+        for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+          option = _ref[_i];
+          _results.push(new ImagePickerOption(option, this, this.opts));
+        }
+        return _results;
+      }).call(this);
+      _ref = this.picker_options;
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        option = _ref[_i];
+        if (!option.has_image()) {
+          continue;
+        }
+        this.picker.append(option.node);
+      }
+      return this.picker;
+    };
+
+    ImagePicker.prototype.has_implicit_blanks = function() {
+      var option;
+      return ((function() {
+        var _i, _len, _ref, _results;
+        _ref = this.picker_options;
+        _results = [];
+        for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+          option = _ref[_i];
+          if (option.is_blank() && !option.has_image()) {
+            _results.push(option);
+          }
+        }
+        return _results;
+      }).call(this)).length > 0;
+    };
+
+    ImagePicker.prototype.selected_values = function() {
+      if (this.multiple) {
+        return this.select.val() || [];
+      } else {
+        return [this.select.val()];
+      }
+    };
+
+    ImagePicker.prototype.toggle = function(imagepicker_option) {
+      var new_values, old_values, _ref;
+      old_values = this.selected_values();
+      if (this.multiple) {
+        if (_ref = imagepicker_option.value(), __indexOf.call(this.selected_values(), _ref) >= 0) {
+          imagepicker_option.option.prop("selected", false);
+        } else {
+          if (this.opts.limit != null) {
+            if (this.selected_values().length < this.opts.limit) {
+              imagepicker_option.option.prop("selected", true);
+            } else if (this.opts.limit_reached != null) {
+              this.opts.limit_reached();
+            }
+          } else {
+            imagepicker_option.option.prop("selected", true);
+          }
+        }
+      } else {
+        if (this.has_implicit_blanks() && imagepicker_option.is_selected()) {
+          this.select.val("");
+        } else {
+          this.select.val(imagepicker_option.value());
+        }
+      }
+      new_values = this.selected_values();
+      if (!both_array_are_equal(old_values, new_values)) {
+        this.select.change();
+        if (this.opts.changed != null) {
+          return this.opts.changed();
+        }
+      }
+    };
+
+    return ImagePicker;
+
+  })();
+
+  ImagePickerOption = (function() {
+
+    function ImagePickerOption(option_element, picker, opts) {
+      this.picker = picker;
+      this.opts = opts != null ? opts : {};
+      this.option = jQuery(option_element);
+      this.create_node();
+    }
+
+    ImagePickerOption.prototype.has_image = function() {
+      return this.option.data("img-src") != null;
+    };
+
+    ImagePickerOption.prototype.is_blank = function() {
+      return !((this.value() != null) && this.value() !== "");
+    };
+
+    ImagePickerOption.prototype.is_selected = function() {
+      var select_value;
+      select_value = this.picker.select.val();
+      if (this.picker.multiple) {
+        return jQuery.inArray(this.value(), select_value) >= 0;
+      } else {
+        return this.value() === select_value;
+      }
+    };
+
+    ImagePickerOption.prototype.mark_as_selected = function() {
+      return this.node.find(".thumbnail").addClass("selected");
+    };
+
+    ImagePickerOption.prototype.unmark_as_selected = function() {
+      return this.node.find(".thumbnail").removeClass("selected");
+    };
+
+    ImagePickerOption.prototype.value = function() {
+      return this.option.val();
+    };
+
+    ImagePickerOption.prototype.label = function() {
+      if (this.option.data("img-label")) {
+        return this.option.data("img-label");
+      } else {
+        return this.option.text();
+      }
+    };
+
+    ImagePickerOption.prototype.clicked = function() {
+      this.picker.toggle(this);
+      if (this.opts.clicked != null) {
+        this.opts.clicked();
+      }
+      if ((this.opts.selected != null) && this.is_selected()) {
+        return this.opts.selected();
+      }
+    };
+
+    ImagePickerOption.prototype.create_node = function() {
+      var image, thumbnail;
+      this.node = jQuery("<li/>");
+      image = jQuery("<img class='image_picker_image'/>");
+      image.attr("src", this.option.data("img-src"));
+      thumbnail = jQuery("<div class='thumbnail'>");
+      thumbnail.click({
+        option: this
+      }, function(event) {
+        return event.data.option.clicked();
+      });
+      thumbnail.append(image);
+      if (this.opts.show_label) {
+        thumbnail.append(jQuery("<p/>").html(this.label()));
+      }
+      this.node.append(thumbnail);
+      return this.node;
+    };
+
+    return ImagePickerOption;
+
+  })();
+
+}).call(this);

data/vendor/assets/stylesheets/image-picker.css

@@ -0,0 +1,15 @@
+ul.thumbnails.image_picker_selector {
+  overflow: auto;
+  list-style-image: none;
+  list-style-position: outside;
+  list-style-type: none;
+  padding: 0px;
+  margin: 0px; }
+  ul.thumbnails.image_picker_selector li {
+    margin: 0px 12px 12px 0px;
+    float: left; }
+    ul.thumbnails.image_picker_selector li .thumbnail {
+      padding: 6px;
+      border: 1px solid #dddddd; }
+    ul.thumbnails.image_picker_selector li .thumbnail.selected {
+      background: #0088cc; }

metadata

@@ -0,0 +1,98 @@
+--- !ruby/object:Gem::Specification
+name: image-picker-rails
+version: !ruby/object:Gem::Version
+  version: 0.1.4.1
+platform: ruby
+authors:
+- Airat Shigapov
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-07-05 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '3.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '3.0'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.3'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.3'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+description: Image Picker is a simple jQuery plugin that transforms a select element
+  into a more user friendly graphical interface.
+email:
+- airat@shigapov.me
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- image-picker-rails.gemspec
+- lib/image-picker-rails.rb
+- lib/image-picker-rails/version.rb
+- vendor/assets/javascripts/image-picker.js
+- vendor/assets/stylesheets/image-picker.css
+homepage: https://github.com/airatshigapov/image-picker-rails
+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.0.3
+signing_key: 
+specification_version: 4
+summary: Image Picker is a simple jQuery plugin that transforms a select element into
+  a more user friendly graphical interface.
+test_files: []