ack_rails_admin_jcrop 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 1c45c721d62676e69f072cb3ed919257336a9ee0
+  data.tar.gz: 983bc219258fb286d126992fbcd836567c9f4ea7
+SHA512:
+  metadata.gz: f9968c92d86cc7c4b5b68bd93e8be7ae21665c97b19df14947e3dcb7f1094fc3ebd50b330596ce307b87ee5fac0f537f11aaba63273ec9cf160643c3bed950d9
+  data.tar.gz: 372e2985f1122b124d586bd1bf80eeaa6afe2f8278e2fdf3cc5ef7cc4a282fa422bda4d4c079e8259f37a9f68ab36eb4521ef181c4a24ff1867dcf1f635b65ce

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2015 ack43
+
+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.markdown

@@ -0,0 +1,149 @@
+# RailsAdmin Jcrop Plugin
+
+## Image cropping made easy! ##
+
+1. Add it to your Gemfile and run `bundle install`:
+
+```ruby
+gem 'rails_admin'
+# Because rails_admin_jcrop autoload modules by checking plugins you use, it's
+# recommended to require it explictly before rails_admin_jcrop
+# e.g. if you use carrierwave
+# gem 'carrierwave', :require => 'carrierwave'
+gem 'ack_rails_admin_jcrop' #, git: 'git://github.com/ack43/rails_admin_jcrop.git'
+```
+
+2. Configure your model field to use Jcrop:
+
+```ruby
+# RAILS_ROOT/config/initializers/rails_admin.rb
+config.model User do
+  configure :avatar, :jcrop
+
+  # Below is optional
+  edit do
+    field :avatar do
+      jcrop_options aspectRatio: 500.0/320.0
+    end
+  end
+end
+```
+
+3. If you use Paperclip, you need to do nothing here, rails_admin_jcrop will append RailsAdminJcropper processor to your attachment automatically. If CarrierWave is used, please invoke  :rails_admin_crop in your uploader:
+
+```ruby
+class AvatarUploader < CarrierWave::Uploader::Base
+
+  version :thumb do
+    process :rails_admin_crop
+    process resize_to_fill: [500,320]
+  end
+
+end
+```
+
+4. Done! Click the image on your RailsAdmin model edit page and enjoy cropping!
+![Cropping Screenshot](https://github.com/ack43/rails_admin_jcrop/raw/master/screenshots/example.png)
+
+### Tips ###
+
+* Crop is done when you successfully return from the modal box, you don't need to save the whole record.
+* If you don't see the cropped image on rails admin edit page, the browser is possibly displaying cached version. Try refresh your browser.
+* `rails_admin_jcrop >= 1.0.0` works with `rails_admin ~> 0.3.x`. For older rails_admin, use rails_admin_jcrop 0.2.1.
+
+## Field Options ##
+
+### jcrop_options ###
+
+You can pass any Jcrop plugin allowed options here, for example, use `aspectRatio` to fix the ratio of selection box:
+
+```ruby
+field :avatar do
+  jcrop_options aspectRatio: 500.0/320.0
+end
+```
+
+Please check [Jcrop document](http://deepliquid.com/content/Jcrop_Manual.html#Setting_Options) for more available options.
+
+### fit_image ###
+
+By default, image is scaled properly to make cropping more easy, but sometimes the image is still too large to fit in the modal window, you may need to scroll image up/down to crop. If you set `fit_image` to true, image will always be resized to fit in modal window.
+
+```ruby
+field :avatar do
+  fit_image true
+end
+```
+
+Check screenshots below to see the difference:
+
+When `fit_image` is false (default)
+
+![fit_image false](https://github.com/janx/rails_admin_jcrop/raw/master/screenshots/fit_image_false.png)
+
+When `fit_image` is true
+
+![fit_image true](https://github.com/janx/rails_admin_jcrop/raw/master/screenshots/fit_image_true.png)
+
+###### P.S. ######
+this text is copied from [source gem](https://github.com/janx/rails_admin_jcrop). Doesn't work for me. it's fixed from trueSize option and css.
+
+## Localization ##
+
+Localize the crop form by adding these entries:
+
+        zh:
+          admin:
+            actions:
+              crop:
+                title: '剪裁'
+                menu: '剪裁'
+
+## Dependencies ##
+
+* MRI 1.9.3 (All above 1.8.6 should work, I only tested on 1.9.3)
+* Rails 3.x
+* MiniMagick
+
+## Supported ORM ##
+
+* ActiveRecord
+* Mongoid
+
+## Supported Asset Plugin ##
+
+* CarrierWave
+* Paperclip
+
+## TODO ##
+
+* make sure rails_admin_jcrop load after paperclip/carrierwave load
+* automate :rails_admin_crop for CarrierWave uploader
+
+## Contributing ##
+
+Any help is encouraged. Here are some ways you can contribute:
+
+* by using it
+* by telling people
+* by reporting bugs or suggesting new features on github issue tracker
+* by fixing bugs or implementing features
+
+## Thanks ##
+
+### Contributors ###
+
+* [Jan Xie](https://github.com/janx)
+* [Alan Rosin Sikora](https://github.com/alansikora) ([alansikora](https://github.com/alansikora))
+* [cec](https://github.com/cec)
+* [Alex Chien](https://github.com/AlexChien)
+* [Mitsuhiro Shibuya](https://github.com/mshibuya)
+* [anant anil kolvankar](https://github.com/anantkolvankar)
+
+### And ... ###
+
+Life is easier with you.
+
+* [RailsAdmin](https://github.com/sferik/rails_admin/)
+* [Jcrop](http://deepliquid.com/content/Jcrop.html)
+* [ParentRailsAdminJcrop](https://github.com/janx/rails_admin_jcrop)

data/Rakefile

@@ -0,0 +1,27 @@
+#!/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    = 'AckRailsAdminJcrop'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+
+
+
+Bundler::GemHelper.install_tasks
+

data/app/assets/javascripts/rails_admin/ra.jcrop.js

@@ -0,0 +1,149 @@
+(function($) {
+  $.widget("ra.jcropForm", {
+
+    _create: function() {
+      var widget = this;
+      var dom_widget = widget.element;
+
+      var thumbnailLink = dom_widget.find('img.img-polaroid').parent();
+      thumbnailLink.unbind().bind("click", function(e){
+        widget._bindModalOpening(e, dom_widget.find('a.jcrop_handle').data('link'));
+        return false;
+      });
+    },
+
+    _bindModalOpening: function(e, url) {
+      e.preventDefault();
+      widget = this;
+      if($("#modal").length)
+        return false;
+
+      var dialog = this._getModal();
+
+      setTimeout(function(){ // fix race condition with modal insertion in the dom (Chrome => Team/add a new fan => #modal not found when it should have). Somehow .on('show') is too early, tried it too.
+        $.ajax({
+          url: url,
+          beforeSend: function(xhr) {
+            xhr.setRequestHeader("Accept", "text/javascript");
+          },
+          success: function(data, status, xhr) {
+              dialog.find('.modal-body').html(data);
+              widget._bindFormEvents();
+          },
+          error: function(xhr, status, error) {
+            dialog.find('.modal-body').html(xhr.responseText);
+          },
+          dataType: 'text'
+        });
+      },100);
+
+    },
+
+    _bindFormEvents: function() {
+      var widget = this,
+          dialog = this._getModal(),
+          form = dialog.find("form"),
+          saveButtonText = dialog.find(":submit[name=_save]").html(),
+          cancelButtonText = dialog.find(":submit[name=_continue]").html();
+      dialog.find('.form-actions').remove();
+
+      var jcrop_options = $.extend({
+        bgColor: 'white',
+        keySupport: false,
+        onSelect: widget.updateCoordinates
+      }, widget.element.find('input[data-rails-admin-jcrop-options]').data('rails-admin-jcrop-options'));
+      dialog.find('img.jcrop-subject').Jcrop(jcrop_options)
+
+      form.attr("data-remote", true);
+      dialog.find('.modal-header-title').text(form.data('title'));
+      dialog.find('.cancel-action').unbind().click(function(){
+        dialog.modal('hide');
+        return false;
+      }).html(cancelButtonText);
+
+      dialog.find('.save-action').unbind().click(function(){
+        form.submit();
+        return false;
+      }).html(saveButtonText);
+
+      $(document).trigger('rails_admin.dom_ready');
+
+      form.bind("ajax:complete", function(xhr, data, status) {
+        if (status == 'error') {
+          dialog.find('.modal-body').html(data.responseText);
+          widget._bindFormEvents();
+        } else {
+          var json = $.parseJSON(data.responseText);
+          var select = widget.element.find('select').filter(":hidden");
+
+          thumb = widget.element.find('a.jcrop_handle').data('thumb');
+          widget.element.find('img.img-polaroid').removeAttr('src').attr('src', json.urls[thumb] + '?' + new Date().valueOf());
+
+          widget._trigger("success");
+          dialog.modal("hide");
+        }
+      });
+    },
+
+    updateCoordinates: function(c) {
+      var rx = 100/c.w;
+      var ry = 100/c.h;
+      var lw = $('img.jcrop-subject').width();
+      var lh = $('img.jcrop-subject').height();
+      var ratio = $('img.jcrop-subject').data('geometry').split(',')[0] / lw ;
+
+      $('#preview').css({
+        width: Math.round(rx * lw) + 'px',
+        height: Math.round(ry * lh) + 'px',
+        marginLeft: '-' + Math.round(rx * c.x) + 'px',
+        marginTop: '-' + Math.round(ry * c.y) + 'px'
+      });
+
+      $("#crop_x").val(Math.round(c.x * ratio));
+      $("#crop_y").val(Math.round(c.y * ratio));
+      $("#crop_w").val(Math.round(c.w * ratio));
+      $("#crop_h").val(Math.round(c.h * ratio));
+    },
+
+    _getModal: function() {
+      var widget = this;
+      if (!widget.dialog) {
+          widget.dialog = $('' +
+          '<div id="modal" class="modal fade">' +
+            '<div class="modal-dialog">' +
+              '<div class="modal-content">' +
+                '<div class="modal-header">' +
+                  '<a href="#" class="close" data-dismiss="modal">&times;</a>' +
+                  '<h3 class="modal-header-title">Please wait...</h3>' +
+                '</div>' +
+                '<div class="modal-body">...</div>' +
+                '<div class="modal-footer">' +
+                  '<a href="#" class="btn cancel-action">...</a>' +
+                  '<a href="#" class="btn btn-primary save-action">...</a>' +
+                '</div>' +
+              '</div>' +
+            '</div>' +
+          '</div>');
+          widget.dialog.modal({
+            keyboard: true,
+            backdrop: true,
+            show: true
+          })
+          .on('hidden.bs.modal', function(){
+            $(document).unbind("keyup")
+            widget.dialog.remove();   // We don't want to reuse closed modals
+            widget.dialog = null;
+          });
+        $(document).unbind("keyup").bind("keyup", function(e) {
+          if (e.keyCode == 13) $('#modal .modal-footer .save-action').click();     // enter
+          if (e.keyCode == 27) $('#modal .modal-footer .cancel-action').click();   // esc
+        });
+        }
+      return this.dialog;
+    }
+  });
+})(jQuery);
+
+$(function() {
+  $('div.jcrop_type').jcropForm();
+});

data/app/assets/stylesheets/rails_admin/ra.jcrop.sass

@@ -0,0 +1,6 @@
+.jcrop_type
+  .img-polaroid
+    min-width: 50px
+
+.jcrop-holder, .jcrop-subject
+  max-width: 960px !important

data/app/controllers/rails_admin/jcrop_controller.rb

@@ -0,0 +1,111 @@
+require 'mini_magick'
+
+module RailsAdmin
+
+  class JcropController < RailsAdmin::ApplicationController
+    skip_before_action :get_model
+    before_action :get_model, :get_object, :get_field, :get_fit_image
+
+    helper_method :abstract_model, :geometry
+
+    def edit
+      @form_options = {}
+      @form_options[:method] = :put
+      @form_options[:'data-title'] = "#{I18n.t("admin.actions.crop.menu").capitalize} #{abstract_model.model.human_attribute_name @field}"
+
+      @image_tag_options = {}
+      @image_tag_options[:class] = "jcrop-subject"
+      @file_path=''
+      #Condition for Carrierwave.
+      if @object.send(@field).class.to_s =~ /Uploader/
+
+        if @object.send(@field)._storage.to_s =~ /Fog/
+
+          @file_path=@object.send(@field).url
+        else
+
+          @file_path=@object.send(@field).path
+        end
+      #Condition for Paperclip.
+      elsif @object.send(@field).class.to_s =~ /Paperclip/
+
+        if (@object.send(@field).options[:storage].to_s =='s3')
+
+          @file_path=@object.send(@field).url
+        else
+
+          @file_path=@object.send(@field).path
+        end
+      end
+
+      @image_tag_options[:'data-geometry'] = geometry(@file_path).join(",")
+
+      if @fit_image_geometry
+        fit_image_geometry = fit_image_geometry(@file_path)
+
+        @form_options[:'style'] = "margin-left: #{375 - (fit_image_geometry[0]/2) - 15}px;"
+
+        @image_tag_options[:style] = ""
+        @image_tag_options[:style] << "width: #{fit_image_geometry[0]}px !important;"
+        @image_tag_options[:style] << "height: #{fit_image_geometry[1]}px !important;"
+        @image_tag_options[:style] << "border: 1px solid #AAA !important;"
+      end
+
+      respond_to do |format|
+        format.html
+        format.js   { render :edit, :layout => false }
+      end
+    end
+
+    def update
+      @object.rails_admin_crop! params
+
+      respond_to do |format|
+        format.html { redirect_to_on_success }
+        format.js do
+          asset = @object.send @field
+          urls = {:original => asset.url}
+          thumbnail_names.each {|name| urls[name] = asset.url(name)}
+
+          render :json => {
+            :id    => @object.id,
+            :label => @model_config.with(:object => @object).object_label,
+            :field => @field,
+            :urls  => urls
+          }
+        end
+      end
+    end
+
+    private
+
+    def thumbnail_names
+      RailsAdminJcrop::AssetEngine.thumbnail_names(@object, @field)
+    end
+
+    def get_fit_image
+      @fit_image = params[:fit_image] == "true" ? true : false
+    end
+
+    def get_field
+      @field = params[:field]
+    end
+
+    def geometry(image_path)
+      image = MiniMagick::Image.open(image_path)
+      [image[:width], image[:height]]
+    end
+
+    def fit_image_geometry(image_path)
+      image = MiniMagick::Image.open(image_path)
+      # Magic number origin: https://github.com/janx/rails_admin_jcrop/pull/2
+      image.resize "720x400"
+      [image[:width], image[:height]]
+    end
+
+    def cropping?
+      [:crop_x, :crop_y, :crop_w, :crop_h].all? {|c| params[c].present?}
+    end
+  end
+
+end