crimagify 0.0.3.6 → 0.0.3.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/app/assets/images/crimagify/no_selected_image.jpg +0 -0
- data/app/assets/javascripts/crimagify/actions_cropper.js.erb +38 -16
- data/app/assets/stylesheets/crimagify/{cropper.css.scss → cropify_cropper.css.scss} +2 -2
- data/app/assets/stylesheets/crimagify/cropify_mixin.css.scss +85 -0
- data/app/helpers/crimagify/application_helper.rb +17 -8
- data/app/views/crimagify/crop_partials/_fields_cropper.html.erb +4 -4
- data/app/views/crimagify/crop_partials/_nested_cropper.html.erb +4 -3
- data/app/views/crimagify/cropper/params_cropper.js.erb +5 -6
- data/lib/crimagify/engine.rb +0 -1
- data/lib/crimagify/image_functions.rb +13 -16
- data/lib/crimagify/version.rb +1 -1
- data/lib/generators/crimagify/install/install_generator.rb +3 -3
- data/lib/generators/crimagify/install/templates/{cropper.css.scss → cropify_cropper.css.scss} +3 -2
- data/lib/generators/crimagify/install/templates/cropify_mixin.css.scss +107 -0
- data/lib/generators/crimagify/install/templates/{jquery.Jcrop.css → jquery.cropify.Jcrop.css} +1 -1
- data/test/dummy/app/assets/stylesheets/application.css +1 -1
- data/test/dummy/app/assets/stylesheets/cropify_cropper.css.scss +69 -0
- data/test/dummy/app/assets/stylesheets/cropify_mixin.css.scss +107 -0
- data/test/dummy/app/assets/stylesheets/jquery.cropify.Jcrop.css +165 -0
- data/test/dummy/app/views/products/_form.html.erb +1 -1
- data/test/dummy/app/views/users/_product_fields.html.erb +1 -1
- data/test/dummy/db/development.sqlite3 +0 -0
- data/test/dummy/db/schema.rb +46 -0
- metadata +18 -12
- data/app/assets/images/crimagify/no_selected.png +0 -0
- data/app/assets/stylesheets/crimagify/mixin.css.scss +0 -191
- data/lib/generators/crimagify/install/templates/mixin.css.scss +0 -191
- data/test/dummy/app/assets/stylesheets/products.css.scss +0 -3
- data/test/dummy/app/assets/stylesheets/users.css +0 -4
- /data/app/assets/stylesheets/crimagify/{jquery.Jcrop.css → jquery.cropify.Jcrop.css} +0 -0
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
@mixin opacity($n:1,$ie:100){
|
|
2
|
+
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity="$n")";
|
|
3
|
+
moz-opacity:$n;
|
|
4
|
+
filter: alpha(opacity=$ie);
|
|
5
|
+
opacity:$n;
|
|
6
|
+
}
|
|
7
|
+
@mixin textShadow($px:2px 1px 1px,$color:#000000){
|
|
8
|
+
text-shadow: $px $color;
|
|
9
|
+
filter: dropshadow(color=$color, offx=2, offy=2);
|
|
10
|
+
}
|
|
11
|
+
@mixin rounded($rounded:5px){
|
|
12
|
+
-webkit-border-radius:$rounded;
|
|
13
|
+
-khtml-border-radius:$rounded;
|
|
14
|
+
-moz-border-radius:$rounded;
|
|
15
|
+
-o-border-radius:$rounded;
|
|
16
|
+
border-radius:$rounded;
|
|
17
|
+
}
|
|
18
|
+
@mixin spriteImages($padding:10px,$position:-10px -10px,$color:transparent){
|
|
19
|
+
padding:$padding;
|
|
20
|
+
background:$color url('/assets/sprite.png') $position no-repeat;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
@mixin sampleSprite($x){
|
|
24
|
+
background:transparent image-url('/assets/sprite.png') $x no-repeat;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
/**/
|
|
28
|
+
@mixin backgroundImage($imageName:no-logo,$format:png, $repeat:no-repeat,$color:transparent){
|
|
29
|
+
background:$color url(/assets/system/$imageName$format) $repeat !important;
|
|
30
|
+
}
|
|
31
|
+
/*store.scc.scss*/
|
|
32
|
+
@mixin tableCell(){
|
|
33
|
+
display:table-cell;
|
|
34
|
+
vertical-align:middle;
|
|
35
|
+
text-align:center;
|
|
36
|
+
}
|
|
37
|
+
@mixin animation($position:all, $time:0.5s, $move:ease-in-out){
|
|
38
|
+
-webkit-transition: $position $time $move;
|
|
39
|
+
-moz-transition: $position $time $move;
|
|
40
|
+
-o-transition: $position $time $move;
|
|
41
|
+
-ms-transition: $position $time $move;
|
|
42
|
+
transition: $position $time $move;
|
|
43
|
+
}
|
|
44
|
+
@mixin transformAnimation($scale:1.2){
|
|
45
|
+
-webkit-transform: scale($scale);
|
|
46
|
+
-moz-transform: scale($scale);
|
|
47
|
+
-o-transform: scale($scale);
|
|
48
|
+
-ms-transform: scale($scale);
|
|
49
|
+
transform: scale($scale);
|
|
50
|
+
}
|
|
51
|
+
@mixin animationdelay($time:0.1s){
|
|
52
|
+
-webkit-transition-delay: $time;
|
|
53
|
+
-moz-transition-delay: $time;
|
|
54
|
+
-o-transition-delay: $time;
|
|
55
|
+
-ms-transition-delay: $time;
|
|
56
|
+
transition-delay: $time;
|
|
57
|
+
|
|
58
|
+
}
|
|
59
|
+
@mixin boxShadow($size:1px 1px 1px, $color:#333){
|
|
60
|
+
-webkit-box-shadow: $size $color;
|
|
61
|
+
-moz-box-shadow: $size $color;
|
|
62
|
+
box-shadow: $size $color;
|
|
63
|
+
}
|
|
64
|
+
@mixin rotate($rotate:-180deg){
|
|
65
|
+
-webkit-transform:rotate($rotate);
|
|
66
|
+
-moz-transform:rotate($rotate);
|
|
67
|
+
-o-transform:rotate($rotate);
|
|
68
|
+
-ms-transform:rotate($rotate);
|
|
69
|
+
transform:rotate($rotate);
|
|
70
|
+
}
|
|
71
|
+
@mixin boderRadius($rad){
|
|
72
|
+
-webkit-border-radius:$rad;
|
|
73
|
+
-moz-border-radius:$rad;
|
|
74
|
+
border-radius:$rad;
|
|
75
|
+
}
|
|
76
|
+
@mixin dropShadow($size:2px 2px 12px,$op:0.8){
|
|
77
|
+
filter: drop-shadow($size rgba(0,0,0,$op));
|
|
78
|
+
-webkit-filter: drop-shadow($size rgba(0,0,0,$op));
|
|
79
|
+
-moz-filter: drop-shadow($size rgba(0,0,0,$op));
|
|
80
|
+
-o-filter: drop-shadow($size rgba(0,0,0,$op));
|
|
81
|
+
ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='rgba(0,0,0,"$op")')";
|
|
82
|
+
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=135,Color='rgba(0,0,0,$op)');
|
|
83
|
+
//filter: url(#drop-shadow);
|
|
84
|
+
}
|
|
85
|
+
/*Degradiants*/
|
|
86
|
+
|
|
87
|
+
@mixin blue_skye_to_blue_hard_vert(){
|
|
88
|
+
background: #3399ff; /* Old browsers */
|
|
89
|
+
background: -moz-linear-gradient(top, #3399ff 0%, #2268ff 100%); /* FF3.6+ */
|
|
90
|
+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3399ff), color-stop(100%,#2268ff)); /* Chrome,Safari4+ */
|
|
91
|
+
background: -webkit-linear-gradient(top, #3399ff 0%,#2268ff 100%); /* Chrome10+,Safari5.1+ */
|
|
92
|
+
background: -o-linear-gradient(top, #3399ff 0%,#2268ff 100%); /* Opera 11.10+ */
|
|
93
|
+
background: -ms-linear-gradient(top, #3399ff 0%,#2268ff 100%); /* IE10+ */
|
|
94
|
+
background: linear-gradient(to bottom, #3399ff 0%,#2268ff 100%); /* W3C */
|
|
95
|
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399ff', endColorstr='#2268ff',GradientType=0 ); /* IE6-9 */
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
@mixin black_easy_to_black_dark(){
|
|
99
|
+
background: #828c95; /* Old browsers */
|
|
100
|
+
background: -moz-linear-gradient(top, #828c95 0%, #28343b 100%); /* FF3.6+ */
|
|
101
|
+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#828c95), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
|
|
102
|
+
background: -webkit-linear-gradient(top, #828c95 0%,#28343b 100%); /* Chrome10+,Safari5.1+ */
|
|
103
|
+
background: -o-linear-gradient(top, #828c95 0%,#28343b 100%); /* Opera 11.10+ */
|
|
104
|
+
background: -ms-linear-gradient(top, #828c95 0%,#28343b 100%); /* IE10+ */
|
|
105
|
+
background: linear-gradient(to bottom, #828c95 0%,#28343b 100%); /* W3C */
|
|
106
|
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828c95', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
|
|
107
|
+
}
|
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
/* jquery.Jcrop.css v0.9.12 - MIT License */
|
|
2
|
+
/*
|
|
3
|
+
The outer-most container in a typical Jcrop instance
|
|
4
|
+
If you are having difficulty with formatting related to styles
|
|
5
|
+
on a parent element, place any fixes here or in a like selector
|
|
6
|
+
|
|
7
|
+
You can also style this element if you want to add a border, etc
|
|
8
|
+
A better method for styling can be seen below with .jcrop-light
|
|
9
|
+
(Add a class to the holder and style elements for that extended class)
|
|
10
|
+
*/
|
|
11
|
+
.jcrop-holder {
|
|
12
|
+
direction: ltr;
|
|
13
|
+
text-align: left;
|
|
14
|
+
}
|
|
15
|
+
/* Selection Border */
|
|
16
|
+
.jcrop-vline,
|
|
17
|
+
.jcrop-hline {
|
|
18
|
+
background: #ffffff url("crimagify/Jcrop.gif");
|
|
19
|
+
font-size: 0;
|
|
20
|
+
position: absolute;
|
|
21
|
+
}
|
|
22
|
+
.jcrop-vline {
|
|
23
|
+
height: 100%;
|
|
24
|
+
width: 1px !important;
|
|
25
|
+
}
|
|
26
|
+
.jcrop-vline.right {
|
|
27
|
+
right: 0;
|
|
28
|
+
}
|
|
29
|
+
.jcrop-hline {
|
|
30
|
+
height: 1px !important;
|
|
31
|
+
width: 100%;
|
|
32
|
+
}
|
|
33
|
+
.jcrop-hline.bottom {
|
|
34
|
+
bottom: 0;
|
|
35
|
+
}
|
|
36
|
+
/* Invisible click targets */
|
|
37
|
+
.jcrop-tracker {
|
|
38
|
+
height: 100%;
|
|
39
|
+
width: 100%;
|
|
40
|
+
/* "turn off" link highlight */
|
|
41
|
+
-webkit-tap-highlight-color: transparent;
|
|
42
|
+
/* disable callout, image save panel */
|
|
43
|
+
-webkit-touch-callout: none;
|
|
44
|
+
/* disable cut copy paste */
|
|
45
|
+
-webkit-user-select: none;
|
|
46
|
+
}
|
|
47
|
+
/* Selection Handles */
|
|
48
|
+
.jcrop-handle {
|
|
49
|
+
background-color: #333333;
|
|
50
|
+
border: 1px #eeeeee solid;
|
|
51
|
+
width: 7px;
|
|
52
|
+
height: 7px;
|
|
53
|
+
font-size: 1px;
|
|
54
|
+
}
|
|
55
|
+
.jcrop-handle.ord-n {
|
|
56
|
+
left: 50%;
|
|
57
|
+
margin-left: -4px;
|
|
58
|
+
margin-top: -4px;
|
|
59
|
+
top: 0;
|
|
60
|
+
}
|
|
61
|
+
.jcrop-handle.ord-s {
|
|
62
|
+
bottom: 0;
|
|
63
|
+
left: 50%;
|
|
64
|
+
margin-bottom: -4px;
|
|
65
|
+
margin-left: -4px;
|
|
66
|
+
}
|
|
67
|
+
.jcrop-handle.ord-e {
|
|
68
|
+
margin-right: -4px;
|
|
69
|
+
margin-top: -4px;
|
|
70
|
+
right: 0;
|
|
71
|
+
top: 50%;
|
|
72
|
+
}
|
|
73
|
+
.jcrop-handle.ord-w {
|
|
74
|
+
left: 0;
|
|
75
|
+
margin-left: -4px;
|
|
76
|
+
margin-top: -4px;
|
|
77
|
+
top: 50%;
|
|
78
|
+
}
|
|
79
|
+
.jcrop-handle.ord-nw {
|
|
80
|
+
left: 0;
|
|
81
|
+
margin-left: -4px;
|
|
82
|
+
margin-top: -4px;
|
|
83
|
+
top: 0;
|
|
84
|
+
}
|
|
85
|
+
.jcrop-handle.ord-ne {
|
|
86
|
+
margin-right: -4px;
|
|
87
|
+
margin-top: -4px;
|
|
88
|
+
right: 0;
|
|
89
|
+
top: 0;
|
|
90
|
+
}
|
|
91
|
+
.jcrop-handle.ord-se {
|
|
92
|
+
bottom: 0;
|
|
93
|
+
margin-bottom: -4px;
|
|
94
|
+
margin-right: -4px;
|
|
95
|
+
right: 0;
|
|
96
|
+
}
|
|
97
|
+
.jcrop-handle.ord-sw {
|
|
98
|
+
bottom: 0;
|
|
99
|
+
left: 0;
|
|
100
|
+
margin-bottom: -4px;
|
|
101
|
+
margin-left: -4px;
|
|
102
|
+
}
|
|
103
|
+
/* Dragbars */
|
|
104
|
+
.jcrop-dragbar.ord-n,
|
|
105
|
+
.jcrop-dragbar.ord-s {
|
|
106
|
+
height: 7px;
|
|
107
|
+
width: 100%;
|
|
108
|
+
}
|
|
109
|
+
.jcrop-dragbar.ord-e,
|
|
110
|
+
.jcrop-dragbar.ord-w {
|
|
111
|
+
height: 100%;
|
|
112
|
+
width: 7px;
|
|
113
|
+
}
|
|
114
|
+
.jcrop-dragbar.ord-n {
|
|
115
|
+
margin-top: -4px;
|
|
116
|
+
}
|
|
117
|
+
.jcrop-dragbar.ord-s {
|
|
118
|
+
bottom: 0;
|
|
119
|
+
margin-bottom: -4px;
|
|
120
|
+
}
|
|
121
|
+
.jcrop-dragbar.ord-e {
|
|
122
|
+
margin-right: -4px;
|
|
123
|
+
right: 0;
|
|
124
|
+
}
|
|
125
|
+
.jcrop-dragbar.ord-w {
|
|
126
|
+
margin-left: -4px;
|
|
127
|
+
}
|
|
128
|
+
/* The "jcrop-light" class/extension */
|
|
129
|
+
.jcrop-light .jcrop-vline,
|
|
130
|
+
.jcrop-light .jcrop-hline {
|
|
131
|
+
background: #ffffff;
|
|
132
|
+
filter: alpha(opacity=70) !important;
|
|
133
|
+
opacity: .70!important;
|
|
134
|
+
}
|
|
135
|
+
.jcrop-light .jcrop-handle {
|
|
136
|
+
-moz-border-radius: 3px;
|
|
137
|
+
-webkit-border-radius: 3px;
|
|
138
|
+
background-color: #000000;
|
|
139
|
+
border-color: #ffffff;
|
|
140
|
+
border-radius: 3px;
|
|
141
|
+
}
|
|
142
|
+
/* The "jcrop-dark" class/extension */
|
|
143
|
+
.jcrop-dark .jcrop-vline,
|
|
144
|
+
.jcrop-dark .jcrop-hline {
|
|
145
|
+
background: #000000;
|
|
146
|
+
filter: alpha(opacity=70) !important;
|
|
147
|
+
opacity: 0.7 !important;
|
|
148
|
+
}
|
|
149
|
+
.jcrop-dark .jcrop-handle {
|
|
150
|
+
-moz-border-radius: 3px;
|
|
151
|
+
-webkit-border-radius: 3px;
|
|
152
|
+
background-color: #ffffff;
|
|
153
|
+
border-color: #000000;
|
|
154
|
+
border-radius: 3px;
|
|
155
|
+
}
|
|
156
|
+
/* Simple macro to turn off the antlines */
|
|
157
|
+
.solid-line .jcrop-vline,
|
|
158
|
+
.solid-line .jcrop-hline {
|
|
159
|
+
background: #ffffff;
|
|
160
|
+
}
|
|
161
|
+
/* Fix for twitter bootstrap et al. */
|
|
162
|
+
.jcrop-holder img,
|
|
163
|
+
img.jcrop-preview {
|
|
164
|
+
max-width: none;
|
|
165
|
+
}
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
</div>
|
|
22
22
|
<!--StartCropperImagesSection-->
|
|
23
23
|
<%= images_id(@product) %>
|
|
24
|
-
<%= image_cropper(@product, { image_name: "imgA", ratio: :user }) %><br/>
|
|
24
|
+
<%= image_cropper(@product, { image_name: "imgA", ratio: :user , :label_title => "tralalal"}) %><br/>
|
|
25
25
|
<%= image_cropper(@product, { image_name: "imgB", ratio: :big }) %><br/>
|
|
26
26
|
<%#= image_cropper(@product, { image_name: "imgC", ratio: :gigant }) %><br/>
|
|
27
27
|
<%#= image_tag @product.imgA.user %>
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
</div>
|
|
23
23
|
</fieldset>
|
|
24
24
|
<%= nested_images_id(f.object) %>
|
|
25
|
-
<%= nested_image_cropper(f.object, { image_name: "imgA", ratio: :user }, { :class => "img_start" }) %>
|
|
25
|
+
<%= nested_image_cropper(f.object, { image_name: "imgA", ratio: :user ,:label_title => "tralalal"}, { :class => "img_start" }) %>
|
|
26
26
|
<%= nested_image_cropper(f.object, { image_name: "imgB", ratio: :user }, { :class => "img_start" }) %>
|
|
27
27
|
<hr>
|
|
28
28
|
</div>
|
|
Binary file
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
# encoding: UTF-8
|
|
2
|
+
# This file is auto-generated from the current state of the database. Instead
|
|
3
|
+
# of editing this file, please use the migrations feature of Active Record to
|
|
4
|
+
# incrementally modify your database, and then regenerate this schema definition.
|
|
5
|
+
#
|
|
6
|
+
# Note that this schema.rb definition is the authoritative source for your
|
|
7
|
+
# database schema. If you need to create the application database on another
|
|
8
|
+
# system, you should be using db:schema:load, not running all the migrations
|
|
9
|
+
# from scratch. The latter is a flawed and unsustainable approach (the more migrations
|
|
10
|
+
# you'll amass, the slower it'll run and the greater likelihood for issues).
|
|
11
|
+
#
|
|
12
|
+
# It's strongly recommended to check this file into your version control system.
|
|
13
|
+
|
|
14
|
+
ActiveRecord::Schema.define(:version => 20130426173913) do
|
|
15
|
+
|
|
16
|
+
create_table "crimagify_images", :force => true do |t|
|
|
17
|
+
t.string "image", :default => "", :null => false
|
|
18
|
+
t.string "image_temporal", :default => "", :null => false
|
|
19
|
+
t.string "image_name", :default => "", :null => false
|
|
20
|
+
t.integer "parent_id"
|
|
21
|
+
t.string "parent_type"
|
|
22
|
+
t.datetime "created_at", :null => false
|
|
23
|
+
t.datetime "updated_at", :null => false
|
|
24
|
+
end
|
|
25
|
+
|
|
26
|
+
add_index "crimagify_images", ["parent_id"], :name => "index_crimagify_images_on_parent_id"
|
|
27
|
+
|
|
28
|
+
create_table "products", :force => true do |t|
|
|
29
|
+
t.string "name", :default => "", :null => false
|
|
30
|
+
t.string "description", :default => "", :null => false
|
|
31
|
+
t.datetime "created_at", :null => false
|
|
32
|
+
t.datetime "updated_at", :null => false
|
|
33
|
+
t.integer "user_id", :default => 0, :null => false
|
|
34
|
+
end
|
|
35
|
+
|
|
36
|
+
add_index "products", ["user_id"], :name => "index_products_on_user_id"
|
|
37
|
+
|
|
38
|
+
create_table "users", :force => true do |t|
|
|
39
|
+
t.string "name"
|
|
40
|
+
t.string "lastname"
|
|
41
|
+
t.string "email"
|
|
42
|
+
t.datetime "created_at", :null => false
|
|
43
|
+
t.datetime "updated_at", :null => false
|
|
44
|
+
end
|
|
45
|
+
|
|
46
|
+
end
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: crimagify
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.0.3.
|
|
4
|
+
version: 0.0.3.8
|
|
5
5
|
prerelease:
|
|
6
6
|
platform: ruby
|
|
7
7
|
authors:
|
|
@@ -99,16 +99,16 @@ extensions: []
|
|
|
99
99
|
extra_rdoc_files: []
|
|
100
100
|
files:
|
|
101
101
|
- app/assets/images/crimagify/Jcrop.gif
|
|
102
|
-
- app/assets/images/crimagify/
|
|
102
|
+
- app/assets/images/crimagify/no_selected_image.jpg
|
|
103
103
|
- app/assets/javascripts/crimagify/actions_cropper.js.erb
|
|
104
104
|
- app/assets/javascripts/crimagify/application.js
|
|
105
105
|
- app/assets/javascripts/crimagify/jquery.color.js
|
|
106
106
|
- app/assets/javascripts/crimagify/jquery.Jcrop.js
|
|
107
107
|
- app/assets/javascripts/crimagify/nested_forms.js
|
|
108
108
|
- app/assets/stylesheets/crimagify/application.css
|
|
109
|
-
- app/assets/stylesheets/crimagify/
|
|
110
|
-
- app/assets/stylesheets/crimagify/
|
|
111
|
-
- app/assets/stylesheets/crimagify/
|
|
109
|
+
- app/assets/stylesheets/crimagify/cropify_cropper.css.scss
|
|
110
|
+
- app/assets/stylesheets/crimagify/cropify_mixin.css.scss
|
|
111
|
+
- app/assets/stylesheets/crimagify/jquery.cropify.Jcrop.css
|
|
112
112
|
- app/controllers/crimagify/application_controller.rb
|
|
113
113
|
- app/controllers/crimagify/cropper_controller.rb
|
|
114
114
|
- app/helpers/crimagify/application_helper.rb
|
|
@@ -136,9 +136,9 @@ files:
|
|
|
136
136
|
- lib/generators/crimagify/install/install_generator.rb
|
|
137
137
|
- lib/generators/crimagify/install/templates/crimagify_settings.yml
|
|
138
138
|
- lib/generators/crimagify/install/templates/crimagify_versions.yml
|
|
139
|
-
- lib/generators/crimagify/install/templates/
|
|
140
|
-
- lib/generators/crimagify/install/templates/
|
|
141
|
-
- lib/generators/crimagify/install/templates/
|
|
139
|
+
- lib/generators/crimagify/install/templates/cropify_cropper.css.scss
|
|
140
|
+
- lib/generators/crimagify/install/templates/cropify_mixin.css.scss
|
|
141
|
+
- lib/generators/crimagify/install/templates/jquery.cropify.Jcrop.css
|
|
142
142
|
- lib/tasks/crimagify_tasks.rake
|
|
143
143
|
- MIT-LICENSE
|
|
144
144
|
- Rakefile
|
|
@@ -149,10 +149,11 @@ files:
|
|
|
149
149
|
- test/dummy/app/assets/javascripts/products.js
|
|
150
150
|
- test/dummy/app/assets/javascripts/users.js
|
|
151
151
|
- test/dummy/app/assets/stylesheets/application.css
|
|
152
|
-
- test/dummy/app/assets/stylesheets/
|
|
152
|
+
- test/dummy/app/assets/stylesheets/cropify_cropper.css.scss
|
|
153
|
+
- test/dummy/app/assets/stylesheets/cropify_mixin.css.scss
|
|
154
|
+
- test/dummy/app/assets/stylesheets/jquery.cropify.Jcrop.css
|
|
153
155
|
- test/dummy/app/assets/stylesheets/scaffold.css
|
|
154
156
|
- test/dummy/app/assets/stylesheets/scaffolds.css.scss
|
|
155
|
-
- test/dummy/app/assets/stylesheets/users.css
|
|
156
157
|
- test/dummy/app/controllers/application_controller.rb
|
|
157
158
|
- test/dummy/app/controllers/products_controller.rb
|
|
158
159
|
- test/dummy/app/controllers/users_controller.rb
|
|
@@ -191,10 +192,12 @@ files:
|
|
|
191
192
|
- test/dummy/config/locales/en.yml
|
|
192
193
|
- test/dummy/config/routes.rb
|
|
193
194
|
- test/dummy/config.ru
|
|
195
|
+
- test/dummy/db/development.sqlite3
|
|
194
196
|
- test/dummy/db/migrate/20130423160421_create_crimagify_images.crimagify.rb
|
|
195
197
|
- test/dummy/db/migrate/20130423164431_create_users.rb
|
|
196
198
|
- test/dummy/db/migrate/20130424155649_create_products.rb
|
|
197
199
|
- test/dummy/db/migrate/20130426173913_add_field_user_id_to_products.rb
|
|
200
|
+
- test/dummy/db/schema.rb
|
|
198
201
|
- test/dummy/public/404.html
|
|
199
202
|
- test/dummy/public/422.html
|
|
200
203
|
- test/dummy/public/500.html
|
|
@@ -245,10 +248,11 @@ test_files:
|
|
|
245
248
|
- test/dummy/app/assets/javascripts/products.js
|
|
246
249
|
- test/dummy/app/assets/javascripts/users.js
|
|
247
250
|
- test/dummy/app/assets/stylesheets/application.css
|
|
248
|
-
- test/dummy/app/assets/stylesheets/
|
|
251
|
+
- test/dummy/app/assets/stylesheets/cropify_cropper.css.scss
|
|
252
|
+
- test/dummy/app/assets/stylesheets/cropify_mixin.css.scss
|
|
253
|
+
- test/dummy/app/assets/stylesheets/jquery.cropify.Jcrop.css
|
|
249
254
|
- test/dummy/app/assets/stylesheets/scaffold.css
|
|
250
255
|
- test/dummy/app/assets/stylesheets/scaffolds.css.scss
|
|
251
|
-
- test/dummy/app/assets/stylesheets/users.css
|
|
252
256
|
- test/dummy/app/controllers/application_controller.rb
|
|
253
257
|
- test/dummy/app/controllers/products_controller.rb
|
|
254
258
|
- test/dummy/app/controllers/users_controller.rb
|
|
@@ -287,10 +291,12 @@ test_files:
|
|
|
287
291
|
- test/dummy/config/locales/en.yml
|
|
288
292
|
- test/dummy/config/routes.rb
|
|
289
293
|
- test/dummy/config.ru
|
|
294
|
+
- test/dummy/db/development.sqlite3
|
|
290
295
|
- test/dummy/db/migrate/20130423160421_create_crimagify_images.crimagify.rb
|
|
291
296
|
- test/dummy/db/migrate/20130423164431_create_users.rb
|
|
292
297
|
- test/dummy/db/migrate/20130424155649_create_products.rb
|
|
293
298
|
- test/dummy/db/migrate/20130426173913_add_field_user_id_to_products.rb
|
|
299
|
+
- test/dummy/db/schema.rb
|
|
294
300
|
- test/dummy/public/404.html
|
|
295
301
|
- test/dummy/public/422.html
|
|
296
302
|
- test/dummy/public/500.html
|
|
Binary file
|
|
@@ -1,191 +0,0 @@
|
|
|
1
|
-
@mixin opacity($n:1,$ie:100){
|
|
2
|
-
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity="$n")";
|
|
3
|
-
moz-opacity:$n;
|
|
4
|
-
filter: alpha(opacity=$ie);
|
|
5
|
-
opacity:$n;
|
|
6
|
-
}
|
|
7
|
-
@mixin textShadow($px:2px 1px 1px,$color:#000000){
|
|
8
|
-
text-shadow: $px $color;
|
|
9
|
-
filter: dropshadow(color=$color, offx=2, offy=2);
|
|
10
|
-
}
|
|
11
|
-
@mixin rounded($rounded:5px){
|
|
12
|
-
-webkit-border-radius:$rounded;
|
|
13
|
-
-khtml-border-radius:$rounded;
|
|
14
|
-
-moz-border-radius:$rounded;
|
|
15
|
-
-o-border-radius:$rounded;
|
|
16
|
-
border-radius:$rounded;
|
|
17
|
-
}
|
|
18
|
-
@mixin spriteImages($padding:10px,$position:-10px -10px,$color:transparent){
|
|
19
|
-
padding:$padding;
|
|
20
|
-
background:$color url('/assets/sprite.png') $position no-repeat;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
@mixin sampleSprite($x){
|
|
24
|
-
background:transparent image-url('/assets/sprite.png') $x no-repeat;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
/**/
|
|
28
|
-
@mixin backgroundImage($imageName:no-logo,$format:png, $repeat:no-repeat,$color:transparent){
|
|
29
|
-
background:$color url(/assets/system/$imageName$format) $repeat !important;
|
|
30
|
-
}
|
|
31
|
-
/*store.scc.scss*/
|
|
32
|
-
@mixin tableCell(){
|
|
33
|
-
display:table-cell;
|
|
34
|
-
vertical-align:middle;
|
|
35
|
-
text-align:center;
|
|
36
|
-
}
|
|
37
|
-
@mixin animation($position:all, $time:0.5s, $move:ease-in-out){
|
|
38
|
-
-webkit-transition: $position $time $move;
|
|
39
|
-
-moz-transition: $position $time $move;
|
|
40
|
-
-o-transition: $position $time $move;
|
|
41
|
-
-ms-transition: $position $time $move;
|
|
42
|
-
transition: $position $time $move;
|
|
43
|
-
}
|
|
44
|
-
@mixin transformAnimation($scale:1.2){
|
|
45
|
-
-webkit-transform: scale($scale);
|
|
46
|
-
-moz-transform: scale($scale);
|
|
47
|
-
-o-transform: scale($scale);
|
|
48
|
-
-ms-transform: scale($scale);
|
|
49
|
-
transform: scale($scale);
|
|
50
|
-
}
|
|
51
|
-
@mixin animationdelay($time:0.1s){
|
|
52
|
-
-webkit-transition-delay: $time;
|
|
53
|
-
-moz-transition-delay: $time;
|
|
54
|
-
-o-transition-delay: $time;
|
|
55
|
-
-ms-transition-delay: $time;
|
|
56
|
-
transition-delay: $time;
|
|
57
|
-
|
|
58
|
-
}
|
|
59
|
-
@mixin boxShadow($size:1px 1px 1px, $color:#333){
|
|
60
|
-
-webkit-box-shadow: $size $color;
|
|
61
|
-
-moz-box-shadow: $size $color;
|
|
62
|
-
box-shadow: $size $color;
|
|
63
|
-
}
|
|
64
|
-
@mixin rotate($rotate:-180deg){
|
|
65
|
-
-webkit-transform:rotate($rotate);
|
|
66
|
-
-moz-transform:rotate($rotate);
|
|
67
|
-
-o-transform:rotate($rotate);
|
|
68
|
-
-ms-transform:rotate($rotate);
|
|
69
|
-
transform:rotate($rotate);
|
|
70
|
-
}
|
|
71
|
-
@mixin boderRadius($rad){
|
|
72
|
-
-webkit-border-radius:$rad;
|
|
73
|
-
-moz-border-radius:$rad;
|
|
74
|
-
border-radius:$rad;
|
|
75
|
-
}
|
|
76
|
-
@mixin dropShadow($size:2px 2px 12px,$op:0.8){
|
|
77
|
-
filter: drop-shadow($size rgba(0,0,0,$op));
|
|
78
|
-
-webkit-filter: drop-shadow($size rgba(0,0,0,$op));
|
|
79
|
-
-moz-filter: drop-shadow($size rgba(0,0,0,$op));
|
|
80
|
-
-o-filter: drop-shadow($size rgba(0,0,0,$op));
|
|
81
|
-
ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='rgba(0,0,0,"$op")')";
|
|
82
|
-
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=135,Color='rgba(0,0,0,$op)');
|
|
83
|
-
//filter: url(#drop-shadow);
|
|
84
|
-
}
|
|
85
|
-
/*Degradiants*/
|
|
86
|
-
|
|
87
|
-
@mixin orange_easy_to_orange_hard_vert(){
|
|
88
|
-
background: #fbac37; /* Old browsers */
|
|
89
|
-
background: -moz-linear-gradient(top, #fbac37 0%, #f97c00 100%); /* FF3.6+ */
|
|
90
|
-
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbac37), color-stop(100%,#f97c00)); /* Chrome,Safari4+ */
|
|
91
|
-
background: -webkit-linear-gradient(top, #fbac37 0%,#f97c00 100%); /* Chrome10+,Safari5.1+ */
|
|
92
|
-
background: -o-linear-gradient(top, #fbac37 0%,#f97c00 100%); /* Opera 11.10+ */
|
|
93
|
-
background: -ms-linear-gradient(top, #fbac37 0%,#f97c00 100%); /* IE10+ */
|
|
94
|
-
background: linear-gradient(to bottom, #fbac37 0%,#f97c00 100%); /* W3C */
|
|
95
|
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbac37', endColorstr='#f97c00',GradientType=0 ); /* IE6-9 */
|
|
96
|
-
|
|
97
|
-
}
|
|
98
|
-
@mixin blue_skye_to_blue_hard_vert(){
|
|
99
|
-
background: #3399ff; /* Old browsers */
|
|
100
|
-
background: -moz-linear-gradient(top, #3399ff 0%, #2268ff 100%); /* FF3.6+ */
|
|
101
|
-
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3399ff), color-stop(100%,#2268ff)); /* Chrome,Safari4+ */
|
|
102
|
-
background: -webkit-linear-gradient(top, #3399ff 0%,#2268ff 100%); /* Chrome10+,Safari5.1+ */
|
|
103
|
-
background: -o-linear-gradient(top, #3399ff 0%,#2268ff 100%); /* Opera 11.10+ */
|
|
104
|
-
background: -ms-linear-gradient(top, #3399ff 0%,#2268ff 100%); /* IE10+ */
|
|
105
|
-
background: linear-gradient(to bottom, #3399ff 0%,#2268ff 100%); /* W3C */
|
|
106
|
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399ff', endColorstr='#2268ff',GradientType=0 ); /* IE6-9 */
|
|
107
|
-
|
|
108
|
-
}
|
|
109
|
-
@mixin blue_easy_to_blue_hard_vert(){
|
|
110
|
-
background: #0099ff; /* Old browsers */
|
|
111
|
-
background: -moz-linear-gradient(top, #0099ff 0%, #0e68ab 100%); /* FF3.6+ */
|
|
112
|
-
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0099ff), color-stop(100%,#0e68ab)); /* Chrome,Safari4+ */
|
|
113
|
-
background: -webkit-linear-gradient(top, #0099ff 0%,#0e68ab 100%); /* Chrome10+,Safari5.1+ */
|
|
114
|
-
background: -o-linear-gradient(top, #0099ff 0%,#0e68ab 100%); /* Opera 11.10+ */
|
|
115
|
-
background: -ms-linear-gradient(top, #0099ff 0%,#0e68ab 100%); /* IE10+ */
|
|
116
|
-
background: linear-gradient(to bottom, #0099ff 0%,#0e68ab 100%); /* W3C */
|
|
117
|
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099ff', endColorstr='#0e68ab',GradientType=0 ); /* IE6-9 */
|
|
118
|
-
|
|
119
|
-
}
|
|
120
|
-
@mixin black_easy_to_black_dark(){
|
|
121
|
-
background: #828c95; /* Old browsers */
|
|
122
|
-
background: -moz-linear-gradient(top, #828c95 0%, #28343b 100%); /* FF3.6+ */
|
|
123
|
-
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#828c95), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
|
|
124
|
-
background: -webkit-linear-gradient(top, #828c95 0%,#28343b 100%); /* Chrome10+,Safari5.1+ */
|
|
125
|
-
background: -o-linear-gradient(top, #828c95 0%,#28343b 100%); /* Opera 11.10+ */
|
|
126
|
-
background: -ms-linear-gradient(top, #828c95 0%,#28343b 100%); /* IE10+ */
|
|
127
|
-
background: linear-gradient(to bottom, #828c95 0%,#28343b 100%); /* W3C */
|
|
128
|
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828c95', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
|
|
129
|
-
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
@mixin generar_triangulo_bottom($lados:50px,$base:100px,$color:#000){
|
|
133
|
-
width: 0;
|
|
134
|
-
height: 0;
|
|
135
|
-
border-left: $lados solid transparent;
|
|
136
|
-
border-right: $lados solid transparent;
|
|
137
|
-
border-top: $base solid $color;
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
@mixin generar_triangulo_top($lados:50px,$base:100px,$color:#000){
|
|
141
|
-
width: 0;
|
|
142
|
-
height: 0;
|
|
143
|
-
border-left: $lados solid transparent;
|
|
144
|
-
border-right: $lados solid transparent;
|
|
145
|
-
border-bottom: $base solid $color;
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
@mixin generar_triangulo_right($lados:50px,$base:100px,$color:#000){
|
|
149
|
-
width: 0;
|
|
150
|
-
height: 0;
|
|
151
|
-
border-left: $base solid $color;
|
|
152
|
-
border-bottom: $lados solid transparent;
|
|
153
|
-
border-top: $lados solid transparent;
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
@mixin generar_triangulo_left($lados:50px,$base:100px,$color:#000){
|
|
157
|
-
width: 0;
|
|
158
|
-
height: 0;
|
|
159
|
-
border-right: $base solid $color;
|
|
160
|
-
border-bottom: $lados solid transparent;
|
|
161
|
-
border-top: $lados solid transparent;
|
|
162
|
-
}
|
|
163
|
-
@mixin red_degradiant_error(){
|
|
164
|
-
background: -moz-linear-gradient(top, rgba(255,69,48,1) 0%, rgba(255,39,20,0.7) 100%); /* FF3.6+ */
|
|
165
|
-
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+ */
|
|
166
|
-
background: -webkit-linear-gradient(top, rgba(255,69,48,1) 0%,rgba(255,39,20,0.7) 100%); /* Chrome10+,Safari5.1+ */
|
|
167
|
-
background: -o-linear-gradient(top, rgba(255,69,48,1) 0%,rgba(255,39,20,0.7) 100%); /* Opera 11.10+ */
|
|
168
|
-
background: -ms-linear-gradient(top, rgba(255,69,48,1) 0%,rgba(255,39,20,0.7) 100%); /* IE10+ */
|
|
169
|
-
background: linear-gradient(to bottom, rgba(255,69,48,1) 0%,rgba(255,39,20,0.7) 100%); /* W3C */
|
|
170
|
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4530', endColorstr='#b3ff2714',GradientType=0 ); /* IE6-9 */
|
|
171
|
-
}
|
|
172
|
-
@mixin green_degradian_validate(){
|
|
173
|
-
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+ */
|
|
174
|
-
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+ */
|
|
175
|
-
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+ */
|
|
176
|
-
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+ */
|
|
177
|
-
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+ */
|
|
178
|
-
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 */
|
|
179
|
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e696c56f', endColorstr='#9996c56f',GradientType=0 ); /* IE6-9 */
|
|
180
|
-
}
|
|
181
|
-
|
|
182
|
-
@mixin desabled_submit_Color(){
|
|
183
|
-
background: rgb(101,130,181); /* Old browsers */
|
|
184
|
-
background: -moz-linear-gradient(top, rgba(101,130,181,1) 0%, rgba(121,143,181,1) 100%); /* FF3.6+ */
|
|
185
|
-
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+ */
|
|
186
|
-
background: -webkit-linear-gradient(top, rgba(101,130,181,1) 0%,rgba(121,143,181,1) 100%); /* Chrome10+,Safari5.1+ */
|
|
187
|
-
background: -o-linear-gradient(top, rgba(101,130,181,1) 0%,rgba(121,143,181,1) 100%); /* Opera 11.10+ */
|
|
188
|
-
background: -ms-linear-gradient(top, rgba(101,130,181,1) 0%,rgba(121,143,181,1) 100%); /* IE10+ */
|
|
189
|
-
background: linear-gradient(to bottom, rgba(101,130,181,1) 0%,rgba(121,143,181,1) 100%); /* W3C */
|
|
190
|
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6582b5', endColorstr='#798fb5',GradientType=0 ); /* IE6-9 */
|
|
191
|
-
}
|