rails_admin_jcrop 0.1.1

data/MIT-LICENSE

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

@@ -0,0 +1,82 @@
+# RailsAdmin Jcrop Plugin
+
+## Image cropping made easy! ##
+
+1. Add it to your Gemfile and run `bundle install`:
+
+        gem 'rails_admin'
+        gem 'rails_admin_jcrop' #, git: 'git://github.com/janx/rails_admin_jcrop.git'
+
+2. Configure your model field to use Jcrop:
+
+        # RAILS_ROOT/config/initializers/rails_admin.rb
+        config.model User do
+          configure :avatar, :jcrop
+
+          # Below is optional
+          edit do
+            field :avatar do
+              # use jcrop_options to pass any options you like to .Jcrop call in javascript
+              jcrop_options aspectRatio: 500.0/320.0
+            end
+          end
+        end
+
+3. Call :rails_admin_crop in your uploader:
+
+        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/janx/rails_admin_jcrop/raw/master/screenshot.png)
+
+## 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
+* ORM
+    - ActiveRecord
+* Upload plugin
+    - CarrierWave
+* Image processor
+    - MiniMagick
+
+## TODO ##
+
+* MongoDB support
+* Paperclip support
+* RMagick support
+
+## Contributing ##
+
+Any help is encouraged. Here are some ways you can contribute:
+
+* by using it
+* by telling people this plugin
+* by reporting bugs or suggesting new features on github issue tracker
+* by fixing bugs or implementing features
+* by giving author a hug (especially if you're girl)
+
+## Thanks ##
+
+Life is easier with you.
+
+* [RailsAdmin](https://github.com/sferik/rails_admin/)
+* [Jcrop](http://deepliquid.com/content/Jcrop.html)

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    = 'RailsAdminJcrop'
+  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,141 @@
+(function($) {
+  $.widget("ra.jcropForm", {
+
+    _create: function() {
+      var widget = this;
+      var dom_widget = widget.element;
+
+      dom_widget.find('a.thumbnail').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
+      }, 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('a.thumbnail > img').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-header">\
+              <a href="#" class="close" data-dismiss="modal">&times;</a>\
+              <h3 class="modal-header-title">...</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>')
+          .modal({
+            keyboard: true,
+            backdrop: true,
+            show: true
+          })
+          .on('hidden', function(){
+            widget.dialog.remove();   // We don't want to reuse closed modals
+            widget.dialog = null;
+          });
+        }
+      return this.dialog;
+    }
+  });
+})(jQuery);
+
+$(function() {
+  $('div.jcrop_type').jcropForm();
+});

data/app/controllers/rails_admin/jcrop_controller.rb

@@ -0,0 +1,52 @@
+module RailsAdmin
+
+  class JcropController < RailsAdmin::ApplicationController
+    skip_before_filter :get_model
+    before_filter :get_model, :get_object, :get_field
+
+    helper_method :abstract_model, :geometry
+
+    def edit
+      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}
+          @object.class.uploaders[@field.to_sym].versions.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 get_field
+      @field = params[:field]
+    end
+
+    def geometry(image_path)
+      image = MiniMagick::Image.open(image_path)
+      [image[:width], image[:height]]
+    end
+
+    def cropping?
+      [:crop_x, :crop_y, :crop_w, :crop_h].all? {|c| params[c].present?}
+    end
+  end
+
+end

data/app/views/rails_admin/jcrop/edit.html.haml

@@ -0,0 +1,8 @@
+= form_tag nil, :method => :put, 'data-title' => "#{I18n.t('admin.actions.crop.menu').capitalize} #{abstract_model.model.human_attribute_name @field}" do
+  = image_tag @object.send(@field).url, :class => 'jcrop-subject', 'data-geometry' => geometry(@object.send(@field).path).join(',')
+  = hidden_field_tag :crop_x
+  = hidden_field_tag :crop_y
+  = hidden_field_tag :crop_w
+  = hidden_field_tag :crop_h
+  = hidden_field_tag :crop_field, @field
+  = render :partial => 'rails_admin/main/submit_buttons'

data/app/views/rails_admin/main/_form_jcrop.html.haml

@@ -0,0 +1,21 @@
+:javascript
+  var rails_admin_jcrop_options = #{field.jcrop_options.to_json};
+
+= stylesheet_link_tag 'rails_admin/jquery.Jcrop'
+= javascript_include_tag 'rails_admin/jquery.Jcrop'
+= javascript_include_tag 'rails_admin/ra.jcrop'
+
+- file = form.object.send(field.method_name).presence
+
+.toggle{:style => ('display:none;' if file && field.delete_method && form.object.send(field.delete_method) == '1')}
+  - if value = field.pretty_value
+    = value
+  = form.file_field(field.name, field.html_attributes.reverse_merge({ :data => { :fileupload => true } }))
+  = link_to 'Edit Image', '#', :data => {:link => jcrop_path(:model_name => form.object.class.to_param, :modal => true, :id => form.object.id, :field => field.name), :thumb => field.thumb_method}, :style => 'display:none', :class => "jcrop_handle"
+- if field.optional? && field.errors.blank? && file && field.delete_method
+  %a.btn.btn-info{:href => '#', :'data-toggle' => 'button', :onclick => "$(this).siblings('[type=checkbox]').click(); $(this).siblings('.toggle').toggle('slow'); jQuery(this).toggleClass('btn-danger btn-info'); return false"}
+    %i.icon-white.icon-trash
+    = I18n.t('admin.actions.delete.menu').capitalize + " #{field.method_name}"
+  = form.check_box(field.delete_method, :style => 'display:none;' )
+- if field.cache_method
+  = form.hidden_field(field.cache_method)

data/config/locales/en.yml

@@ -0,0 +1,7 @@
+en:
+  admin:
+    actions:
+      crop:
+        title: Crop
+        menu: Crop
+        breadcrumb: Crop

data/config/routes.rb

@@ -0,0 +1,10 @@
+RailsAdmin::Engine.routes.draw do
+  controller "main" do
+    scope ":model_name" do
+      scope "(:id)/:field" do
+        get "/jcrop", :to => 'jcrop#edit', :as => :jcrop
+        put "/jcrop", :to => 'jcrop#update'
+      end
+    end
+  end
+end

data/lib/rails_admin_jcrop/engine.rb

@@ -0,0 +1,9 @@
+module RailsAdminJcrop
+  class Engine < ::Rails::Engine
+    isolate_namespace RailsAdmin
+
+    initializer "RailsAdminJcrop precompile hook" do |app|
+      app.config.assets.precompile += ['rails_admin/ra.jcrop.js', 'rails_admin/jquery.Jcrop.js', 'rails_admin/jquery.Jcrop.css']
+    end
+  end
+end

data/lib/rails_admin_jcrop/extensions/carrierwave.rb

@@ -0,0 +1,9 @@
+module CarrierWave
+  module Mount
+    module Extension
+      def self.included(base)
+        base.send :include, RailsAdminJcrop::Orm::ActiveRecord
+      end
+    end
+  end
+end

data/lib/rails_admin_jcrop/extensions/rails_admin.rb

@@ -0,0 +1,50 @@
+require 'rails_admin/config/actions'
+require 'rails_admin/config/actions/base'
+require 'rails_admin/config/fields'
+require 'rails_admin/config/fields/types/file_upload'
+
+module RailsAdmin
+  module Config
+    module Fields
+      module Types
+        class Jcrop < RailsAdmin::Config::Fields::Types::FileUpload
+          RailsAdmin::Config::Fields::Types::register(self)
+
+          register_instance_option(:partial) do
+            :form_jcrop
+          end
+
+          register_instance_option(:thumb_method) do
+            @thumb_method ||= ((versions = bindings[:object].send(name).versions.keys).find{|k| k.in?([:thumb, :thumbnail, 'thumb', 'thumbnail'])} || versions.first.to_s)
+          end
+
+          register_instance_option(:delete_method) do
+            "remove_#{name}"
+          end
+
+          register_instance_option(:cache_method) do
+            "#{name}_cache"
+          end
+
+          register_instance_option(:jcrop_options) do
+            {}
+          end
+
+          def resource_url(thumb = false)
+            return nil unless (uploader = bindings[:object].send(name)).present?
+            thumb.present? ? uploader.send(thumb).url : uploader.url
+          end
+        end
+      end
+    end
+  end
+end
+
+RailsAdmin::Config::Fields.register_factory do |parent, properties, fields|
+  if properties[:name] == :jcrop
+    fields << RailsAdmin::Config::Fields::Types::Jcrop.new(parent, properties[:name], properties)
+    true
+  else
+    false
+  end
+end