crimagify 0.0.2

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.rdoc

@@ -0,0 +1,56 @@
+= Crimagify
+
+Manage your model images with RMagick and CarrierWave.
+
+== Installation
+1. Add to your Gemfile: <tt>gem 'crimagify'</tt>
+2. Run <tt>Bundle</tt>
+3. Execute: <tt>rails generate crimagify:install</tt>
+4. Run migrations: <tt>rake db:migrate</tt>
+5. Run seeds: <tt>rake db:seed</tt>
+----
+
+== Implementation
+Add to your routes.rb: <tt>mount Crimagify::Engine => "/crimagify", :as => "crimagify"</tt>
+
+Add to your model:
+
+    
+    ...
+    extend Crimagify::DinamicImageMethods
+    has_many :crimagify_images, :as => :parent, :dependent => :destroy, :class_name => Crimagify::Image
+    build_methods_images
+    ...
+		
+
+Add to your controller:
+
+    
+    ...
+    #For Action Create:
+    if @object.save
+    	Crimagify::ImageFunctions::create_new_images(@object, params)
+    end
+    ...
+
+    ...
+    #For Action Update:
+    id @object.update_attributes(params[:object])
+    	Crimagify::ImageFunctions::update_images(@object, params)
+    end
+    ...
+
+Add to application.js:<tt>//= require crimagify/application</tt>
+
+Add to application.css:<tt>*= require crimagify/application</tt>
+
+Add to your form view:
+
+    
+    <%= form_for(@object) do |f| %>
+    ...
+    <%= images_id(@object) %>
+    <%= image_cropper(@object, { image_name: "imgA", ratio: :big}) %>
+    <%= image_cropper(@object, { image_name: "imgB", ratio: :small}) %>
+    ...
+    <% end %>

data/Rakefile

@@ -0,0 +1,40 @@
+#!/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    = 'Crimagify'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path("../test/dummy/Rakefile", __FILE__)
+load 'rails/tasks/engine.rake'
+
+
+
+Bundler::GemHelper.install_tasks
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+
+task :default => :test

data/app/assets/javascripts/crimagify/actions_cropper.js.erb

@@ -0,0 +1,174 @@
+//section for read ENV variables
+<%
+	array_json = CRIMAGIFY_ENV.to_json
+%>
+
+var ajstring = '<%= array_json %>'
+var ajson = JSON.parse(ajstring);
+//========================================================================================
+var render_image = "";
+var array_names = [];
+
+$(function(){
+	
+	$(".uploader").on("change", function(evt){
+		//this variable is used for identify on what section pu the resultant image
+		var id = $(this).parents('div.global_parent').attr("id");
+		var name_version = $(this).parents('div.global_parent').attr("name");
+
+		if (validate_image(evt) == true) {
+			var files = evt.target.files;
+			var reader =  new FileReader();
+
+			reader.onloadend = function(e){
+				render_image_temporal(e.target.result, id, name_version);
+				render_image = e.target.result;
+			};
+
+			reader.readAsDataURL(files[0]);
+
+		}else{
+			$(this).val('');
+		};
+	});
+
+	$(".parent_image").on("click", ".crop_image", function(){
+		//parent_element_id is filled with the value of DIV parent closest: "imgA","imgB","imgZ"
+		var parent_element_id = $(this).parents('div.global_parent').attr("id");
+		parameters(parent_element_id);
+	});
+});
+
+function validate_image(evt){
+	var size = evt.target.files[0].size/1024;
+	var type = evt.target.files[0].type;
+	var max_size = '<%= ENV["MAX_SIZE"] %>'
+	if (max_size != "") {
+		max_size = max_size*1024
+	} else{
+		max_size =  2048;
+	};
+
+	if (type == "image/jpeg" || type == "image/png") {
+		if (size <= max_size) {
+			return true;
+		} else{
+			alert("Please select an image more than small ");
+			return false;
+		};
+	} else{
+		alert("Please select an image file");
+		return false;
+	};
+};
+
+function render_image_temporal(url, parent_tag_id, name_version){
+	$.ajax({
+		url: "/crimagify/partial_cropper",
+		type: "POST",
+		data: { "image": url, "parent_element_id" : parent_tag_id },
+		dataType: "script",
+		complete: function(event){
+			load_partial(parent_tag_id, name_version);
+		},
+		error: function(x,y,z){
+			console.log(x);
+			console.log(y);
+			console.log(z);
+		}
+	});	
+};
+
+function update_crop(coords){
+	$("#crop_x").val(coords.x);
+	$("#crop_y").val(coords.y);
+	$("#crop_w").val(coords.w);
+	$("#crop_h").val(coords.h);
+	// updatePreview(coords);
+};
+
+function updatePreview(coords){
+	$('#preview').css({
+		width: Math.round(100/coords.w * $('#cropbox').width()) + 'px',
+		height: Math.round(100/coords.h * $('#cropbox').height()) + 'px',
+		marginLeft: '-' + Math.round(100/coords.w * coords.x) + 'px',
+		marginTop: '-' + Math.round(100/coords.h * coords.y) + 'px'
+	});
+};
+
+function load_partial(parent_tag_id, name_version){
+	var select = [];
+	var ratio;
+	var parent = $("#parent").val();
+	var ratio_vals = ajson[parent][parent_tag_id][name_version]
+	var max_width_box = '<%= ENV["MAX_WIDTH_BOX_CROPPER"] %>'
+	var max_height_box = '<%= ENV["MAX_HEIGHT_BOX_CROPPER"] %>'
+
+	if (max_width_box == "") {
+		max_width_box = 500;
+	};
+	if (max_height_box == "") {
+		max_height_box = 500;
+	};
+
+	select = [0,0,ratio_vals['width'],ratio_vals['height']]
+	ratio = ratio_vals['width']/ratio_vals['height']
+
+	if ($("#cropbox").length) {
+		$('#cropbox').Jcrop({
+		 	onChange: update_crop,
+		 	onSelect: update_crop,
+		 	setSelect: select,
+		 	aspectRatio: ratio,
+		 	boxWidth: max_width_box,
+		 	boxHeight: max_height_box
+		}, function(){
+			var api = this;
+			api.ui.holder.addClass('jcrop-dark');
+			api.setOptions({ bgColor: 'black', bgOpacity: 0.5});
+		});
+		$(".cancel_crop").on("click",function(e){
+			$("#cropper_div").hide("slow", function(){
+				$("#cropper_div").remove();
+			})
+			$(".uploader").val('');		
+		});
+	} else{
+		alert("el elemento no se encuentra en la pagina")
+	};	
+};
+
+function parameters(parent_tag_id){
+	array_names.push(parent_tag_id)
+
+	$.ajax({
+		url: "/crimagify/params_cropper",
+		type: "POST",
+		data: { "image": render_image, 
+						"parent_id": $("#parent_id").val(),
+						"crop_x": $("#crop_x").val(), 
+						"crop_y": $("#crop_y").val(), 
+						"crop_w": $("#crop_w").val(),
+						"crop_h": $("#crop_h").val(),
+						"parent": $("#parent").val(), 
+						"parent_element_id" : parent_tag_id
+		},
+		dataType: "script",
+		success: function(){
+
+			$("#"+parent_tag_id).find(".img_start").hide("slow", function(){});
+			$("#cropper_div").hide("slow", function(){
+				$("#cropper_div").remove();
+			})
+			$("#"+parent_tag_id).find("#uploader").val('');
+		},
+		error: function(a,b,c){
+			console.log("error a");
+			console.dir(a);
+			console.log("error b");
+			console.dir(b);
+			console.log("error c");
+			console.dir(c);
+		}
+	});
+};

data/app/assets/javascripts/crimagify/application.js

@@ -0,0 +1,15 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// the compiled file.
+//
+// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
+// GO AFTER THE REQUIRES BELOW.
+//
+//= require jquery
+//= require jquery_ujs
+//= require_tree .