crimagify 0.0.2

data/app/assets/stylesheets/crimagify/cropper.css.scss

@@ -0,0 +1,75 @@
+@import 'mixin.css.scss';
+div#parent_image{
+	position:relative !important;
+	z-index:500 !important;
+}
+div#cropper_div{
+	position: absolute !important;
+	top: 0 !important;
+	left: 0 !important;
+	//display: none !important;
+	padding:0 0 85px 0 !important;
+	z-index:500 !important;
+	div.cropper_container{
+		position:relative !important;
+		div.image_cropper{
+			@include rounded(3px 3px 0 3px);
+			background:#FFF !important;
+			//@include boxShadow(0px 0px 6px,#222) !important;
+			z-index: 1000 !important;
+			@include dropShadow();
+			border:1px solid #777 !important;
+			padding:10px !important;
+			z-index:10 !important;
+			position:relative !important;
+		}
+		div.actions{
+			padding:8px 0 !important;
+			background:#FFF !important;
+			padding:10px !important;
+			margin-top:0 !important;
+			border:1px solid #777 !important;
+			border-top:none !important;
+			@include rounded(0 0 3px 3px);
+			//@include boxShadow(1px 4px 6px,#666) !important;
+			position:absolute !important;
+			right:-1px !important;
+			bottom:-57px !important;
+			z-index:15 !important;
+			a{
+				text-decoration:none !important;
+				font-size:12px !important;
+				font-weight:bold !important;
+				@include rounded(5px);
+				margin:0 10px 0 0  !important;
+				float:right !important;
+			}
+			a#crop_image{
+				color:#FFFFFF !important;
+				padding:7px 10px !important;
+				@include blue_skye_to_blue_hard_vert;
+				@include boxShadow(1px 1px 4px,#000);
+			}
+			a#cancel_crop{
+				color:#FFFFFF !important;
+				padding:7px 10px !important;
+				@include black_easy_to_black_dark;
+				@include boxShadow(1px 1px 4px,#000);
+				margin:0 !important;
+			}
+		}
+	}
+
+}
+.cropper_element{
+	position: relative !important;
+}
+.refresh_image{
+	position: relative !important;
+}
+
+
+
+
+
+

data/app/assets/stylesheets/crimagify/jquery.Jcrop.css

@@ -0,0 +1,165 @@
+/* jquery.Jcrop.css v0.9.12 - MIT License */
+/*
+  The outer-most container in a typical Jcrop instance
+  If you are having difficulty with formatting related to styles
+  on a parent element, place any fixes here or in a like selector
+
+  You can also style this element if you want to add a border, etc
+  A better method for styling can be seen below with .jcrop-light
+  (Add a class to the holder and style elements for that extended class)
+*/
+.jcrop-holder {
+  direction: ltr;
+  text-align: left;
+}
+/* Selection Border */
+.jcrop-vline,
+.jcrop-hline {
+  background: #ffffff url("Jcrop.gif");
+  font-size: 0;
+  position: absolute;
+}
+.jcrop-vline {
+  height: 100%;
+  width: 1px !important;
+}
+.jcrop-vline.right {
+  right: 0;
+}
+.jcrop-hline {
+  height: 1px !important;
+  width: 100%;
+}
+.jcrop-hline.bottom {
+  bottom: 0;
+}
+/* Invisible click targets */
+.jcrop-tracker {
+  height: 100%;
+  width: 100%;
+  /* "turn off" link highlight */
+  -webkit-tap-highlight-color: transparent;
+  /* disable callout, image save panel */
+  -webkit-touch-callout: none;
+  /* disable cut copy paste */
+  -webkit-user-select: none;
+}
+/* Selection Handles */
+.jcrop-handle {
+  background-color: #333333;
+  border: 1px #eeeeee solid;
+  width: 7px;
+  height: 7px;
+  font-size: 1px;
+}
+.jcrop-handle.ord-n {
+  left: 50%;
+  margin-left: -4px;
+  margin-top: -4px;
+  top: 0;
+}
+.jcrop-handle.ord-s {
+  bottom: 0;
+  left: 50%;
+  margin-bottom: -4px;
+  margin-left: -4px;
+}
+.jcrop-handle.ord-e {
+  margin-right: -4px;
+  margin-top: -4px;
+  right: 0;
+  top: 50%;
+}
+.jcrop-handle.ord-w {
+  left: 0;
+  margin-left: -4px;
+  margin-top: -4px;
+  top: 50%;
+}
+.jcrop-handle.ord-nw {
+  left: 0;
+  margin-left: -4px;
+  margin-top: -4px;
+  top: 0;
+}
+.jcrop-handle.ord-ne {
+  margin-right: -4px;
+  margin-top: -4px;
+  right: 0;
+  top: 0;
+}
+.jcrop-handle.ord-se {
+  bottom: 0;
+  margin-bottom: -4px;
+  margin-right: -4px;
+  right: 0;
+}
+.jcrop-handle.ord-sw {
+  bottom: 0;
+  left: 0;
+  margin-bottom: -4px;
+  margin-left: -4px;
+}
+/* Dragbars */
+.jcrop-dragbar.ord-n,
+.jcrop-dragbar.ord-s {
+  height: 7px;
+  width: 100%;
+}
+.jcrop-dragbar.ord-e,
+.jcrop-dragbar.ord-w {
+  height: 100%;
+  width: 7px;
+}
+.jcrop-dragbar.ord-n {
+  margin-top: -4px;
+}
+.jcrop-dragbar.ord-s {
+  bottom: 0;
+  margin-bottom: -4px;
+}
+.jcrop-dragbar.ord-e {
+  margin-right: -4px;
+  right: 0;
+}
+.jcrop-dragbar.ord-w {
+  margin-left: -4px;
+}
+/* The "jcrop-light" class/extension */
+.jcrop-light .jcrop-vline,
+.jcrop-light .jcrop-hline {
+  background: #ffffff;
+  filter: alpha(opacity=70) !important;
+  opacity: .70!important;
+}
+.jcrop-light .jcrop-handle {
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  background-color: #000000;
+  border-color: #ffffff;
+  border-radius: 3px;
+}
+/* The "jcrop-dark" class/extension */
+.jcrop-dark .jcrop-vline,
+.jcrop-dark .jcrop-hline {
+  background: #000000;
+  filter: alpha(opacity=70) !important;
+  opacity: 0.7 !important;
+}
+.jcrop-dark .jcrop-handle {
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  background-color: #ffffff;
+  border-color: #000000;
+  border-radius: 3px;
+}
+/* Simple macro to turn off the antlines */
+.solid-line .jcrop-vline,
+.solid-line .jcrop-hline {
+  background: #ffffff;
+}
+/* Fix for twitter bootstrap et al. */
+.jcrop-holder img,
+img.jcrop-preview {
+  max-width: none;
+}

data/app/assets/stylesheets/crimagify/mixin.css.scss

@@ -0,0 +1,191 @@
+@mixin opacity($n:1,$ie:100){
+	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity="$n")";
+	moz-opacity:$n;
+	filter: alpha(opacity=$ie);
+	opacity:$n;
+}
+@mixin textShadow($px:2px 1px 1px,$color:#000000){
+	text-shadow: $px $color;
+	filter: dropshadow(color=$color, offx=2, offy=2);
+}
+@mixin rounded($rounded:5px){
+	-webkit-border-radius:$rounded;
+	-khtml-border-radius:$rounded;
+	-moz-border-radius:$rounded;
+	-o-border-radius:$rounded;
+	border-radius:$rounded;
+}
+@mixin spriteImages($padding:10px,$position:-10px -10px,$color:transparent){
+	padding:$padding;
+	background:$color url('/assets/sprite.png') $position no-repeat;
+}
+
+@mixin sampleSprite($x){
+	background:transparent image-url('/assets/sprite.png') $x no-repeat;
+}
+
+/**/
+@mixin backgroundImage($imageName:no-logo,$format:png, $repeat:no-repeat,$color:transparent){
+	background:$color url(/assets/system/$imageName$format) $repeat !important;
+}
+/*store.scc.scss*/
+@mixin tableCell(){
+	display:table-cell;
+	vertical-align:middle;
+	text-align:center;
+}
+@mixin animation($position:all, $time:0.5s, $move:ease-in-out){
+  -webkit-transition: $position $time $move;
+  -moz-transition: $position $time $move;
+  -o-transition: $position $time $move;
+  -ms-transition: $position $time $move;
+  transition: $position $time $move;
+}
+@mixin transformAnimation($scale:1.2){
+	-webkit-transform: scale($scale);
+	-moz-transform: scale($scale);
+	-o-transform: scale($scale);
+	-ms-transform: scale($scale);
+	transform: scale($scale);
+}
+@mixin animationdelay($time:0.1s){
+	-webkit-transition-delay: $time;
+	-moz-transition-delay: $time;
+	-o-transition-delay: $time;
+	-ms-transition-delay: $time;
+	transition-delay: $time;
+
+}
+@mixin boxShadow($size:1px 1px 1px, $color:#333){
+	-webkit-box-shadow: $size $color;
+	-moz-box-shadow: $size $color;
+	box-shadow: $size $color;
+}
+@mixin rotate($rotate:-180deg){
+	-webkit-transform:rotate($rotate);
+	-moz-transform:rotate($rotate);
+	-o-transform:rotate($rotate);
+	-ms-transform:rotate($rotate);
+	transform:rotate($rotate);
+}
+@mixin boderRadius($rad){
+	-webkit-border-radius:$rad;
+	-moz-border-radius:$rad;
+	border-radius:$rad;
+}
+@mixin dropShadow($size:2px 2px 12px,$op:0.8){
+	filter: drop-shadow($size rgba(0,0,0,$op));
+	-webkit-filter: drop-shadow($size rgba(0,0,0,$op));
+	-moz-filter: drop-shadow($size rgba(0,0,0,$op));
+	-o-filter: drop-shadow($size rgba(0,0,0,$op));
+	ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='rgba(0,0,0,"$op")')";
+	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=135,Color='rgba(0,0,0,$op)');
+	//filter: url(#drop-shadow);
+}
+/*Degradiants*/
+
+@mixin orange_easy_to_orange_hard_vert(){
+	background: #fbac37; /* Old browsers */
+	background: -moz-linear-gradient(top,  #fbac37 0%, #f97c00 100%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbac37), color-stop(100%,#f97c00)); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top,  #fbac37 0%,#f97c00 100%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top,  #fbac37 0%,#f97c00 100%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(top,  #fbac37 0%,#f97c00 100%); /* IE10+ */
+	background: linear-gradient(to bottom,  #fbac37 0%,#f97c00 100%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbac37', endColorstr='#f97c00',GradientType=0 ); /* IE6-9 */
+
+}
+@mixin blue_skye_to_blue_hard_vert(){
+	background: #3399ff; /* Old browsers */
+	background: -moz-linear-gradient(top,  #3399ff 0%, #2268ff 100%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3399ff), color-stop(100%,#2268ff)); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top,  #3399ff 0%,#2268ff 100%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top,  #3399ff 0%,#2268ff 100%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(top,  #3399ff 0%,#2268ff 100%); /* IE10+ */
+	background: linear-gradient(to bottom,  #3399ff 0%,#2268ff 100%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399ff', endColorstr='#2268ff',GradientType=0 ); /* IE6-9 */
+
+}
+@mixin blue_easy_to_blue_hard_vert(){
+	background: #0099ff; /* Old browsers */
+	background: -moz-linear-gradient(top,  #0099ff 0%, #0e68ab 100%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0099ff), color-stop(100%,#0e68ab)); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top,  #0099ff 0%,#0e68ab 100%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top,  #0099ff 0%,#0e68ab 100%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(top,  #0099ff 0%,#0e68ab 100%); /* IE10+ */
+	background: linear-gradient(to bottom,  #0099ff 0%,#0e68ab 100%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099ff', endColorstr='#0e68ab',GradientType=0 ); /* IE6-9 */
+
+}
+@mixin black_easy_to_black_dark(){
+	background: #828c95; /* Old browsers */
+	background: -moz-linear-gradient(top,  #828c95 0%, #28343b 100%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#828c95), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top,  #828c95 0%,#28343b 100%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top,  #828c95 0%,#28343b 100%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(top,  #828c95 0%,#28343b 100%); /* IE10+ */
+	background: linear-gradient(to bottom,  #828c95 0%,#28343b 100%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828c95', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
+
+}
+
+@mixin generar_triangulo_bottom($lados:50px,$base:100px,$color:#000){
+	width: 0;
+    height: 0;
+    border-left: $lados solid transparent;
+    border-right: $lados solid transparent;
+    border-top: $base solid $color;
+}
+
+@mixin generar_triangulo_top($lados:50px,$base:100px,$color:#000){
+	width: 0;
+    height: 0;
+    border-left: $lados solid transparent;
+    border-right: $lados solid transparent;
+    border-bottom: $base solid $color;
+}
+
+@mixin generar_triangulo_right($lados:50px,$base:100px,$color:#000){
+	width: 0;
+    height: 0;
+    border-left: $base solid $color;
+    border-bottom: $lados solid transparent;
+    border-top: $lados solid transparent;
+}
+
+@mixin generar_triangulo_left($lados:50px,$base:100px,$color:#000){
+	width: 0;
+    height: 0;
+    border-right: $base solid $color;
+    border-bottom: $lados solid transparent;
+    border-top: $lados solid transparent;
+}
+@mixin red_degradiant_error(){
+	background: -moz-linear-gradient(top,  rgba(255,69,48,1) 0%, rgba(255,39,20,0.7) 100%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,69,48,1)), color-stop(100%,rgba(255,39,20,0.7))); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top,  rgba(255,69,48,1) 0%,rgba(255,39,20,0.7) 100%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top,  rgba(255,69,48,1) 0%,rgba(255,39,20,0.7) 100%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(top,  rgba(255,69,48,1) 0%,rgba(255,39,20,0.7) 100%); /* IE10+ */
+	background: linear-gradient(to bottom,  rgba(255,69,48,1) 0%,rgba(255,39,20,0.7) 100%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4530', endColorstr='#b3ff2714',GradientType=0 ); /* IE6-9 */
+}
+@mixin green_degradian_validate(){
+	background: -moz-linear-gradient(top,  rgba(150,197,111,0.9) 0%, rgba(150,197,111,0.9) 34%, rgba(150,197,111,0.6) 100%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(150,197,111,0.9)), color-stop(34%,rgba(150,197,111,0.9)), color-stop(100%,rgba(150,197,111,0.6))); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top,  rgba(150,197,111,0.9) 0%,rgba(150,197,111,0.9) 34%,rgba(150,197,111,0.6) 100%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top,  rgba(150,197,111,0.9) 0%,rgba(150,197,111,0.9) 34%,rgba(150,197,111,0.6) 100%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(top,  rgba(150,197,111,0.9) 0%,rgba(150,197,111,0.9) 34%,rgba(150,197,111,0.6) 100%); /* IE10+ */
+	background: linear-gradient(to bottom,  rgba(150,197,111,0.9) 0%,rgba(150,197,111,0.9) 34%,rgba(150,197,111,0.6) 100%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e696c56f', endColorstr='#9996c56f',GradientType=0 ); /* IE6-9 */
+}
+
+@mixin desabled_submit_Color(){
+	background: rgb(101,130,181); /* Old browsers */
+	background: -moz-linear-gradient(top,  rgba(101,130,181,1) 0%, rgba(121,143,181,1) 100%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(101,130,181,1)), color-stop(100%,rgba(121,143,181,1))); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top,  rgba(101,130,181,1) 0%,rgba(121,143,181,1) 100%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top,  rgba(101,130,181,1) 0%,rgba(121,143,181,1) 100%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(top,  rgba(101,130,181,1) 0%,rgba(121,143,181,1) 100%); /* IE10+ */
+	background: linear-gradient(to bottom,  rgba(101,130,181,1) 0%,rgba(121,143,181,1) 100%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6582b5', endColorstr='#798fb5',GradientType=0 ); /* IE6-9 */
+}

data/app/controllers/crimagify/application_controller.rb

@@ -0,0 +1,4 @@
+module Crimagify
+  class ApplicationController < ::ApplicationController
+  end
+end

data/app/controllers/crimagify/cropper_controller.rb

@@ -0,0 +1,64 @@
+include Crimagify::ImageFunctions
+module Crimagify
+  class CropperController < ApplicationController
+  	#================================================================CropperAjaxActions================================================================#
+    def partial_cropper
+      @params = params[:image]
+      @parent_element_id = params[:parent_element_id]
+    end
+
+    def params_cropper
+      @parent_element_id = params[:parent_element_id]
+      @img = []
+      @img << ImageFunctions::get_data_parent(params[:parent], params[:parent_id]) #0
+      @image_generated = ImageFunctions::write_tmp_image(params[:image], params[:parent_id].to_i, params[:parent], @parent_element_id)
+      @img << @image_generated #1
+      @img << params[:crop_x] #2
+      @img << params[:crop_y] #3
+      @img << params[:crop_w] #4
+      @img << params[:crop_h] #5
+      @img << params[:parent] #6
+      @img << params[:parent_element_id] #7
+
+      if File.exist?(@image_generated)
+        if @img[0] == 0
+          @img_new = Crimagify::Image.find_by_parent_id(@img[0])
+          @img_new.update_attributes(:image_temporal => File.open(@image_generated),
+                                     :crop_x => params[:crop_x],
+                                     :crop_y => params[:crop_y],
+                                     :crop_w => params[:crop_w],
+                                     :crop_h => params[:crop_h])
+          @img_new.crop_avatar_temporal
+        else
+          if @img[0].crimagify_images != []
+            @cond = true
+            @img[0].crimagify_images.map{ |image|
+              if image.image_name == @parent_element_id
+                image.update_attributes(:image_temporal => File.open(@image_generated),
+                                        :crop_x => params[:crop_x],
+                                        :crop_y => params[:crop_y],
+                                        :crop_w => params[:crop_w],
+                                        :crop_h => params[:crop_h])
+                image.crop_avatar_temporal
+                @cond = false
+              end
+            }
+            if @cond
+              img = ImageFunctions::save_new_image(@image_generated, params[:crop_x], params[:crop_y], params[:crop_w], params[:crop_h], params[:parent], @img[0].id, @parent_element_id, true)
+              img.save!
+              img.crop_avatar_temporal
+              @img[0] = ImageFunctions::get_data_parent(params[:parent], params[:parent_id]) #0
+            end
+          else
+            img = ImageFunctions::save_new_image(@image_generated, params[:crop_x], params[:crop_y], params[:crop_w], params[:crop_h], params[:parent], @img[0].id, @parent_element_id, true)
+            img.save!
+            img.crop_avatar_temporal
+            @img[0] = ImageFunctions::get_data_parent(params[:parent], params[:parent_id]) #0
+          end
+        end        
+      else
+        puts "No existe el directorio: #{@image_generated}"
+      end      
+    end
+  end
+end

data/app/helpers/crimagify/application_helper.rb

@@ -0,0 +1,28 @@
+module Crimagify
+  module ApplicationHelper
+
+  	def image_cropper(object, options, image_options = {})
+  		image_options[:class] = "#{image_options[:class]} img_start"
+			img = object.crimagify_images.where("image_name=?", options[:image_name])
+			version_name = options[:ratio]
+			if img == []
+				url_image = "rails.png"
+			else
+				url_image = img.first.image_url(options[:ratio]).to_s rescue ""
+			end
+			if url_image == ""
+				url_image = "rails.png"
+			end
+			render(:partial => "crimagify/crop_partials/fields_cropper", :locals => { id_image: options[:image_name], url_image: url_image, image_options: image_options, version_name: version_name })
+		end
+
+		def images_id(object)
+			html = ""
+			html << content_tag(:input, nil, :id => :parent, :name => :parent, :type => :hidden, :value => "#{object.class.name}")
+			html << content_tag(:input, nil, :id => :parent_id, :name => :parent_id,  :type => :hidden, :value => "#{object.id}")
+			html << content_tag(:input, nil, :id => :id_images, :name => :id_images, :type => :hidden, :value => "")
+			return raw html
+		end
+
+  end
+end

data/app/models/crimagify/image.rb

@@ -0,0 +1,27 @@
+module Crimagify
+  class Image < ActiveRecord::Base
+  	require 'carrierwave/orm/activerecord'
+  	extend Crimagify::DinamicImageMethods
+
+  	mount_uploader :image, Crimagify::ImageUploader
+		mount_uploader :image_temporal, Crimagify::ImageUploader
+
+		belongs_to :parent, polymorphic: true
+    attr_accessible :image, :image_name, :image_temporal, :parent_id, :parent_type, :crop_x, :crop_y, :crop_w, :crop_h
+
+    attr_accessor :crop_x, :crop_y, :crop_w, :crop_h
+
+    def crop_avatar_temporal
+	  	if image_temporal.present? 		
+	      image_temporal.recreate_versions! if crop_x.present?
+	  	end
+	  end
+
+	  def crop_avatar_real
+	    image.recreate_versions! if crop_x.present?
+	  end
+
+	  build_sizes_images
+	  
+  end
+end

data/app/uploaders/crimagify/image_uploader.rb

@@ -0,0 +1,131 @@
+# encoding: utf-8
+module Crimagify
+  class ImageUploader < CarrierWave::Uploader::Base
+
+    # Include RMagick or MiniMagick support:
+    include CarrierWave::RMagick
+    # Include the Sprockets helpers for Rails 3.1+ asset pipeline compatibility:
+    # include Sprockets::Helpers::RailsHelper
+    # include Sprockets::Helpers::IsolatedHelper
+
+
+    # Choose what kind of storage to use for this uploader:
+    storage :file
+    # storage :fog
+
+    # Override the directory where uploaded files will be stored.
+    # This is a sensible default for uploaders that are meant to be mounted:
+    def store_dir
+      "uploads/#{model.class.to_s.underscore}/#{mounted_as}/#{model.id}"      
+    end
+
+    # Provide a default URL as a default if there hasn't been a file uploaded:
+    # def default_url
+    #   # For Rails 3.1+ asset pipeline compatibility:
+    #   # asset_path("fallback/" + [version_name, "default.png"].compact.join('_'))
+    #
+    #   "/images/fallback/" + [version_name, "default.png"].compact.join('_')
+    # end
+
+    #==========================ThisAreaIsForSizeVersions==========================================================
+    
+    def self.enable_processing(value=nil)
+      array_versions = []
+      CRIMAGIFY_ENV.each do |image_name|
+        image_name[1].each do |name|
+          name_version = name[1]
+          name_version.each do |item|
+            array_versions << item.first
+          end      
+        end
+      end
+      return array_versions
+    end 
+    
+    array_versions = enable_processing.uniq
+    array_versions.each do |item|
+      puts "creando la version de imagen #{item}.."
+      item = item.to_sym
+      version item do
+        process :crop
+      end
+    end
+
+    ################ ORIGINAL  
+
+    # version :aux_medium do
+    #   process :crop
+    #   resize_to_fit(158, 236)
+    # end
+
+    # version :aux_thumb do
+    #   process :crop
+    #   resize_to_fit(57, 85)
+    # end
+
+
+    # version :medium, :from_version => :aux_medium do
+    #   process :crop_medium# => [158,236]
+    #   resize_to_limit(158,161)
+    # end
+
+    # version :thumb, :from_version => :aux_thumb do
+    #   process :crop_thumb
+    #   resize_to_fit(57,59)
+    # end
+
+    ################ ORIGINAL
+
+    # Add a white list of extensions which are allowed to be uploaded.
+    # For images you might use something like this:
+    def extension_white_list
+      %w(jpg jpeg gif png)
+    end
+
+    def crop
+      width = 0
+      heigth = 0
+      parent = model.parent_type
+      image_name = model.image_name
+      if parent == ""
+        aux_name = original_filename.split("-")
+        parent = aux_name[3].to_s
+        image_name = aux_name[4].to_s
+      end
+
+      CRIMAGIFY_ENV["#{parent}"]["#{image_name}"].each do |size_name|
+        if size_name.first == "#{version_name}"
+          if model.crop_x.present?
+            manipulate! do |img|
+              x = model.crop_x.to_i
+              y = model.crop_y.to_i
+              w = model.crop_w.to_i
+              h = model.crop_h.to_i
+              img.crop!(x, y, w, h)
+              
+              width = CRIMAGIFY_ENV["#{parent}"]["#{image_name}"]["#{version_name}"]['width'].to_i
+              height = CRIMAGIFY_ENV["#{parent}"]["#{image_name}"]["#{version_name}"]['height'].to_i
+              img.resize_to_fit(width, height)
+            end
+          end
+        end
+      end
+    end
+
+    # def crop_medium#(width, height)
+    #   manipulate! do |img|
+    #     x = 0
+    #     y = (236 - 161)/2
+    #     img.crop!(x, y, 158, 161)
+    #   end
+    # end
+
+    # def crop_thumb
+    #   manipulate! do |img|
+    #     x = 0
+    #     y = (85 - 59)/2
+    #     img.crop!(x, y, 57, 59)
+    #   end    
+    # end
+  end
+end