22 |
27 | 
72 |
73 |
74 |
75 |
76 |
81 |
28 |
71 |
29 |
70 |
30 |
69 | 如何自定义分享图片？
35 |
36 |
37 |
38 |
47 |
48 |
49 |
68 | 50 | 使用说明： 网站主可以自己定义要分享的图片，其自定义标准代码如下： 51 |
52 |<!-- JiaThis Button BEGIN -->
53 | <script "text/javascript">
54 | var jiathis_config = {
55 | pic:”自定义分享的图片地址”
56 | }
57 | </script>
58 | <script src="http://v2.jiathis.com/code/jiathis_r.js?move=0"></script>
59 | <!-- JiaThis Button END -->
60 |
61 |
62 | 
63 |
65 | 66 |
67 |
82 |
83 |
84 |
85 |
86 |
87 |
88 |
102 |
103 |
104 |
114 |
115 |
116 |
117 |
118 |
--------------------------------------------------------------------------------
/Gemfile.lock:
--------------------------------------------------------------------------------
1 | GEM
2 | remote: https://rubygems.org/
3 | specs:
4 | actionmailer (4.2.7.1)
5 | actionpack (= 4.2.7.1)
6 | actionview (= 4.2.7.1)
7 | activejob (= 4.2.7.1)
8 | mail (~> 2.5, >= 2.5.4)
9 | rails-dom-testing (~> 1.0, >= 1.0.5)
10 | actionpack (4.2.7.1)
11 | actionview (= 4.2.7.1)
12 | activesupport (= 4.2.7.1)
13 | rack (~> 1.6.2)
14 | rack-test (~> 0.6.2)
15 | rails-dom-testing (~> 1.0, >= 1.0.5)
16 | rails-html-sanitizer (~> 1.0.4)
17 | actionview (4.2.7.1)
18 | activesupport (= 4.2.7.1)
19 | builder (~> 3.1)
20 | erubis (~> 2.7.0)
21 | rails-dom-testing (~> 1.0, >= 1.0.5)
22 | rails-html-sanitizer (~> 1.0.4)
23 | activejob (4.2.7.1)
24 | activesupport (= 4.2.7.1)
25 | globalid (>= 0.3.0)
26 | activemodel (4.2.7.1)
27 | activesupport (= 4.2.7.1)
28 | builder (~> 3.1)
29 | activerecord (4.2.7.1)
30 | activemodel (= 4.2.7.1)
31 | activesupport (= 4.2.7.1)
32 | arel (~> 6.0)
33 | activesupport (4.2.7.1)
34 | i18n (~> 0.7)
35 | json (~> 1.7, >= 1.7.7)
36 | minitest (~> 5.1)
37 | thread_safe (~> 0.3, >= 0.3.4)
38 | tzinfo (~> 1.1)
39 | arel (6.0.4)
40 | autoprefixer-rails (8.6.3)
41 | execjs
42 | binding_of_caller (0.8.0)
43 | debug_inspector (>= 0.0.1)
44 | bootstrap-sass (3.3.7)
45 | autoprefixer-rails (>= 5.2.1)
46 | sass (>= 3.3.4)
47 | builder (3.2.3)
48 | byebug (10.0.2)
49 | carrierwave (1.2.2)
50 | activemodel (>= 4.0.0)
51 | activesupport (>= 4.0.0)
52 | mime-types (>= 1.16)
53 | coderay (1.1.2)
54 | coffee-rails (4.1.1)
55 | coffee-script (>= 2.2.0)
56 | railties (>= 4.0.0, < 5.1.x)
57 | coffee-script (2.4.1)
58 | coffee-script-source
59 | execjs
60 | coffee-script-source (1.12.2)
61 | concurrent-ruby (1.0.5)
62 | crass (1.0.4)
63 | debug_inspector (0.0.3)
64 | erubis (2.7.0)
65 | execjs (2.7.0)
66 | ffi (1.9.25)
67 | figaro (1.1.1)
68 | thor (~> 0.14)
69 | globalid (0.4.1)
70 | activesupport (>= 4.2.0)
71 | i18n (0.9.5)
72 | concurrent-ruby (~> 1.0)
73 | jbuilder (2.7.0)
74 | activesupport (>= 4.2.0)
75 | multi_json (>= 1.2)
76 | jquery-rails (4.3.3)
77 | rails-dom-testing (>= 1, < 3)
78 | railties (>= 4.2.0)
79 | thor (>= 0.14, < 2.0)
80 | json (1.8.6)
81 | kaminari (1.1.1)
82 | activesupport (>= 4.1.0)
83 | kaminari-actionview (= 1.1.1)
84 | kaminari-activerecord (= 1.1.1)
85 | kaminari-core (= 1.1.1)
86 | kaminari-actionview (1.1.1)
87 | actionview
88 | kaminari-core (= 1.1.1)
89 | kaminari-activerecord (1.1.1)
90 | activerecord
91 | kaminari-core (= 1.1.1)
92 | kaminari-core (1.1.1)
93 | kgio (2.11.2)
94 | loofah (2.2.2)
95 | crass (~> 1.0.2)
96 | nokogiri (>= 1.8.2)
97 | mail (2.7.0)
98 | mini_mime (>= 0.1.1)
99 | method_source (0.9.0)
100 | mime-types (3.1)
101 | mime-types-data (~> 3.2015)
102 | mime-types-data (3.2016.0521)
103 | mina (1.2.3)
104 | open4 (~> 1.3.4)
105 | rake
106 | mini_magick (4.8.0)
107 | mini_mime (1.0.0)
108 | mini_portile2 (2.3.0)
109 | minitest (5.11.3)
110 | multi_json (1.13.1)
111 | nokogiri (1.8.3)
112 | mini_portile2 (~> 2.3.0)
113 | nprogress-rails (0.2.0.2)
114 | open4 (1.3.4)
115 | pry (0.11.3)
116 | coderay (~> 1.1.0)
117 | method_source (~> 0.9.0)
118 | rack (1.6.10)
119 | rack-test (0.6.3)
120 | rack (>= 1.6.2)
121 | rails (4.2.7.1)
122 | actionmailer (= 4.2.7.1)
123 | actionpack (= 4.2.7.1)
124 | actionview (= 4.2.7.1)
125 | activejob (= 4.2.7.1)
126 | activemodel (= 4.2.7.1)
127 | activerecord (= 4.2.7.1)
128 | activesupport (= 4.2.7.1)
129 | bundler (>= 1.3.0, < 2.0)
130 | railties (= 4.2.7.1)
131 | sprockets-rails
132 | rails-deprecated_sanitizer (1.0.3)
133 | activesupport (>= 4.2.0.alpha)
134 | rails-dom-testing (1.0.9)
135 | activesupport (>= 4.2.0, < 5.0)
136 | nokogiri (~> 1.8.2)
137 | rails-deprecated_sanitizer (>= 1.0.1)
138 | rails-html-sanitizer (1.0.4)
139 | loofah (~> 2.2.1, >= 2.2.2)
140 | railties (4.2.7.1)
141 | actionpack (= 4.2.7.1)
142 | activesupport (= 4.2.7.1)
143 | rake (>= 0.8.7)
144 | thor (>= 0.18.1, < 2.0)
145 | raindrops (0.19.0)
146 | rake (12.3.1)
147 | rb-fsevent (0.10.3)
148 | rb-inotify (0.9.10)
149 | ffi (>= 0.5.0, < 2)
150 | redcarpet (3.4.0)
151 | rouge (3.1.1)
152 | sass (3.5.6)
153 | sass-listen (~> 4.0.0)
154 | sass-listen (4.0.0)
155 | rb-fsevent (~> 0.9, >= 0.9.4)
156 | rb-inotify (~> 0.9, >= 0.9.7)
157 | sass-rails (5.0.7)
158 | railties (>= 4.0.0, < 6)
159 | sass (~> 3.1)
160 | sprockets (>= 2.12.5, < 4.0)
161 | sprockets-rails (>= 2.12.5, < 4.0)
162 | tilt (>= 1.1, < 3)
163 | slim (3.0.9)
164 | temple (>= 0.7.6, < 0.9)
165 | tilt (>= 1.3.3, < 2.1)
166 | slim-rails (3.1.3)
167 | actionpack (>= 3.1)
168 | railties (>= 3.1)
169 | slim (~> 3.0)
170 | spring (2.0.2)
171 | activesupport (>= 4.2)
172 | sprockets (3.7.2)
173 | concurrent-ruby (~> 1.0)
174 | rack (> 1.6.2, < 3)
175 | sprockets-rails (3.2.1)
176 | actionpack (>= 4.0)
177 | activesupport (>= 4.0)
178 | sprockets (>= 3.0.0)
179 | sqlite3 (1.3.13)
180 | temple (0.8.0)
181 | thor (0.20.0)
182 | thread_safe (0.3.6)
183 | tilt (2.0.8)
184 | truncate_html (0.9.3)
185 | turbolinks (5.1.1)
186 | turbolinks-source (~> 5.1)
187 | turbolinks-source (5.1.0)
188 | tzinfo (1.2.5)
189 | thread_safe (~> 0.1)
190 | uglifier (4.1.12)
191 | execjs (>= 0.3.0, < 3)
192 | unicorn (5.4.0)
193 | kgio (~> 2.6)
194 | raindrops (~> 0.7)
195 | web-console (2.3.0)
196 | activemodel (>= 4.0)
197 | binding_of_caller (>= 0.7.2)
198 | railties (>= 4.0)
199 | sprockets-rails (>= 2.12.5, < 4.0)
200 |
201 | PLATFORMS
202 | ruby
203 |
204 | DEPENDENCIES
205 | bootstrap-sass (~> 3.3.4)
206 | byebug
207 | carrierwave
208 | coffee-rails (~> 4.1.0)
209 | figaro
210 | jbuilder (~> 2.0)
211 | jquery-rails
212 | kaminari
213 | mina
214 | mini_magick
215 | nprogress-rails
216 | pry
217 | rails (= 4.2.7.1)
218 | redcarpet
219 | rouge
220 | sass-rails (~> 5.0)
221 | slim-rails
222 | spring
223 | sqlite3
224 | truncate_html
225 | turbolinks
226 | uglifier (>= 1.3.0)
227 | unicorn
228 | web-console (~> 2.3.0)
229 |
230 | BUNDLED WITH
231 | 1.15.4
232 |
--------------------------------------------------------------------------------
/vendor/assets/stylesheets/jquery.tiles.min.css:
--------------------------------------------------------------------------------
1 | .tiles-preload .tiles-slider-wrap *{-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important;transition:none!important}.tiles-slider-wrap *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.tiles-slider-wrap a:focus{outline:0}.tiles-slider-wrap,.tiles-tile{position:relative}.tiles-wrap{position:absolute;height:100%;width:100%;-webkit-perspective:1000px;-moz-perspective:1000px;-ms-perspective:1000px;-o-perspective:1000px;perspective:1000px}.tiles-tile{float:left;top:0;left:0;right:0;bottom:0;opacity:1;z-index:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.tiles-timer{position:absolute;top:0;height:5px;width:0;background:#088bbf}.tiles-next,.tiles-prev{opacity:0;position:absolute;z-index:1;top:50%;margin:0 .5em;margin-top:-24px;text-indent:-9999px;width:48px;height:48px;line-height:50px;background:url(../img/prev_next.png) left no-repeat;color:white;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.tiles-next{right:0;background-position:right}.tiles-slider-wrap:hover .tiles-next,.tiles-slider-wrap:hover .tiles-prev{opacity:1}.tiles-nav:hover ~ .tiles-next,.tiles-nav:hover ~ .tiles-prev{opacity:0}.tiles-nav{position:absolute;top:100%;left:50%;margin-top:1em}.tiles-nav .tiles-nav-item{position:relative;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.tiles-nav .tiles-nav-item.tiles-nav-active{cursor:default}.tiles-nav .tiles-nav-item:not(.tiles-nav-active):hover span{visibility:visible;opacity:1;margin-top:-1em}.tiles-nav .tiles-pagination{text-decoration:none;color:#222;padding:.1em .5em;margin:0 .1em;border-radius:2px}.tiles-nav .tiles-pagination:hover{text-decoration:none;color:#088bbf}.tiles-nav .tiles-pagination.tiles-nav-active{background:#088bbf;color:#fff}.tiles-nav .tiles-bullet{display:inline-block;width:16px;height:16px;margin:0 .3em;border-radius:16px;background:#ddd}.tiles-nav .tiles-bullet.tiles-nav-active{background:#088bbf}.tiles-nav span{position:absolute;z-index:1;visibility:hidden;opacity:0;padding:.3em;margin-top:-1.5em;background:rgba(255,255,255,0.85);box-shadow:0 0 5px rgba(0,0,0,0.3);border-radius:2px;border-top:1px solid white;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-backface-visibility:hidden}.tiles-nav span:after,.tiles-nav span:before{content:"";position:absolute;top:100%;left:50%;margin-left:-10px;border-style:solid;border-width:10px;border-color:transparent;border-top-color:rgba(255,255,255,0.85)}.tiles-nav span:before{margin-top:1px;border-top-color:rgba(0,0,0,0.5)}.tiles-nav img{display:block}.tiles-description{position:absolute;z-index:1;bottom:0;left:0;width:100%;padding:1em 2em;line-height:1.5;visibility:hidden;opacity:0;color:white;background:rgba(0,0,0,0.65);box-shadow:0 -1px 2px rgba(0,0,0,0.3);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.tiles-description p{position:relative;padding:0;margin:0;left:-5em;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.tiles-description-active{opacity:1;visibility:visible}.tiles-description-active p{left:0}.tiles-description-empty{display:none}.tiles-slider-s100 .tiles-tile{-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.tiles-slider-s200 .tiles-tile{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.tiles-slider-s300 .tiles-tile{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.tiles-slider-s400 .tiles-tile{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.tiles-slider-s500 .tiles-tile{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.tiles-slider-s600 .tiles-tile{-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out}.tiles-slider-s700 .tiles-tile{-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;transition:all .7s ease-in-out}.tiles-slider-s800 .tiles-tile{-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;transition:all .8s ease-in-out}.tiles-slider-s900 .tiles-tile{-webkit-transition:all .9s ease-in-out;-moz-transition:all .9s ease-in-out;-ms-transition:all .9s ease-in-out;-o-transition:all .9s ease-in-out;transition:all .9s ease-in-out}.tiles-slider-s1000 .tiles-tile{-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out}.tiles-tile.tiles-reset{-webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out;-ms-transition:all 0s ease-in-out;-o-transition:all 0s ease-in-out;transition:all 0s ease-in-out}.tiles-simple-anim{opacity:0}.tiles-default-anim{position:relative;opacity:0;box-shadow:0 0 10px black;top:-5%;left:5%;z-index:1}.tiles-y1.tiles-up-anim{height:1px!important}.tiles-x1.tiles-left-normal{clear:both}.tiles-x1.tiles-left-anim{width:0!important}.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x2{left:50%}.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x4{left:25%}.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x6{left:16.666666666666668%}.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x8{left:12.5%}.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x10{left:10%}.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x12{left:8.333333333333334%}.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x14{left:7.142857142857143%}.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x16{left:6.25%}.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x18{left:5.555555555555555%}.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x20{left:5%}.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x2{left:-50%}.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x4{left:-25%}.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x6{left:-16.666666666666668%}.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x8{left:-12.5%}.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x10{left:-10%}.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x12{left:-8.333333333333334%}.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x14{left:-7.142857142857143%}.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x16{left:-6.25%}.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x18{left:-5.555555555555555%}.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x20{left:-5%}.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y2{top:50%}.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y4{top:25%}.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y6{top:16.666666666666668%}.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y8{top:12.5%}.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y10{top:10%}.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y12{top:8.333333333333334%}.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y14{top:7.142857142857143%}.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y16{top:6.25%}.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y18{top:5.555555555555555%}.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y20{top:5%}.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y2{top:-50%}.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y4{top:-25%}.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y6{top:-16.666666666666668%}.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y8{top:-12.5%}.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y10{top:-10%}.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y12{top:-8.333333333333334%}.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y14{top:-7.142857142857143%}.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y16{top:-6.25%}.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y18{top:-5.555555555555555%}.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y20{top:-5%}.tiles-fliplr-anim{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.tiles-flipud-anim{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg)}.tiles-reduce-anim{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.tiles-360-anim{-webkit-transform:rotateZ(360deg) scale(0);-moz-transform:rotateZ(360deg) scale(0);-ms-transform:rotateZ(360deg) scale(0);-o-transform:rotateZ(360deg) scale(0);transform:rotateZ(360deg) scale(0)}.tiles-leftright-anim.tiles-even{-webkit-transform:translate(50%,0);-moz-transform:translate(50%,0);-ms-transform:translate(50%,0);-o-transform:translate(50%,0);transform:translate(50%,0)}.tiles-leftright-anim.tiles-odd{-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0)}.tiles-updown-anim.tiles-even{-webkit-transform:translate(0,50%);-moz-transform:translate(0,50%);-ms-transform:translate(0,50%);-o-transform:translate(0,50%);transform:translate(0,50%)}.tiles-updown-anim.tiles-odd{-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%)}.tiles-slider-wrap .tiles-switchlr-anim,.tiles-slider-wrap .tiles-switchud-anim,.tiles-slider-wrap .tiles-fliplr-anim,.tiles-slider-wrap .tiles-y1.tiles-up-anim,.tiles-slider-wrap .tiles-x1.tiles-left-anim,.tiles-slider-wrap .tiles-updown-anim,.tiles-slider-wrap .tiles-leftright-anim,.tiles-slider-wrap .tiles-flipud-anim,.tiles-slider-wrap .tiles-reduce-anim{opacity:0;visibility:hidden}.tiles-slider-leftright .tiles-wrap,.tiles-slider-updown .tiles-wrap,.tiles-slider-360 .tiles-wrap{overflow:hidden}
--------------------------------------------------------------------------------
/vendor/assets/javascripts/jquery.tiles.js:
--------------------------------------------------------------------------------
1 | ;(function( $, window, undefined ) {
2 |
3 | // Globals:
4 |
5 | var _defaults = {
6 | x: 4, y: 4,
7 | slider: false,
8 | effect: 'default',
9 | fade: false,
10 | random: false,
11 | reverse: false,
12 | backReverse: false,
13 | limit: false,
14 | rewind: false,
15 | auto: false,
16 | loop: false,
17 | slideSpeed: 3500,
18 | tileSpeed: 800,
19 | cssSpeed: 300,
20 | nav: true,
21 | bullets: true,
22 | navWrap: null,
23 | thumbs: true,
24 | thumbSize: 25,
25 | timer: true,
26 | beforeChange: $.noop,
27 | afterChange: $.noop,
28 | onSlideshowEnd: $.noop
29 | }
30 | , Utils = {
31 | // http://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array-in-javascript
32 | shuffle: function(o) {
33 | for(var j, x, i = o.length; i; j = Math.floor(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
34 | return o;
35 | },
36 | range: function(min, max, rand) {
37 | var out = [];
38 | for (var i=min; i<=max; i++) out.push(i);
39 | if (rand) return Utils.shuffle(out);
40 | return out;
41 | }
42 | }
43 |
44 | // Constructor:
45 |
46 | function TilesSlider( element, options ) {
47 |
48 | this.opts = $.extend( {}, _defaults, options )
49 | this.klass = 'tiles-'+ this.opts.effect
50 | this.klassNormal = this.klass + '-normal'
51 | this.klassAnim = this.klass + '-anim'
52 | this.n_tiles = this.opts.x * this.opts.y
53 |
54 | this.$container = $( element )
55 | this.$images = this.$container.find('img')
56 |
57 | this.imgWidth = this.$container.width()
58 | this.imgHeight = this.$container.height()
59 |
60 | this.timeouts = []
61 | this.slideshow = null
62 | this.isAnimating = null
63 |
64 | // Assign in _init when elements are generated
65 | this.$navLinks = null
66 | this.$descriptions = null
67 | this.$timer = null
68 |
69 | if ( this.opts.rewind ) { this.opts.fade = true }
70 |
71 | this._init()
72 |
73 | }
74 |
75 | // Methods:
76 |
77 | TilesSlider.prototype = {
78 |
79 | _init: function() {
80 |
81 | var self = this
82 | , o = self.opts
83 |
84 | // Do nothing if there are no images
85 | if ( !self.$images.length ) { return false }
86 |
87 | self.$container.addClass('tiles-slider-wrap tiles-slider-'+
88 | o.effect +' tiles-slider-s'+ o.cssSpeed)
89 |
90 | // Generate tiles
91 | self.$images.each(function() { self._generateTiles( $(this) ) })
92 |
93 | // Remove from DOM to handle in slider
94 | self.$wraps = self.$container.find('.tiles-wrap').detach()
95 | self.$wraps.first().addClass('tiles-wrap-current').appendTo( self.$container )
96 |
97 | if ( o.nav ) {
98 | self._addNav()
99 | self.$navLinks = self.$container.find('.tiles-nav-item')
100 | }
101 |
102 | if ( o.timer ) {
103 | self._addTimer()
104 | self.$timer = self.$container.find('.tiles-timer')
105 | }
106 |
107 | self._setupDescriptions()
108 | self.$descriptions = self.$container.find('.tiles-description')
109 | self._showOrHideDescription()
110 |
111 | // Prevent css3 transitions on load
112 | $('body').addClass('tiles-preload')
113 | $( window ).load(function(){ $('body').removeClass('tiles-preload') })
114 |
115 | if ( o.auto ) { self.start() }
116 |
117 | },
118 |
119 | _addTimer: function() {
120 | this.$container.append('')
121 | },
122 |
123 | _updateTimer: function() {
124 | if ( this.opts.timer ) {
125 | this.$timer.animate( { width: '100%' }, this.opts.slideSpeed, 'linear' )
126 | }
127 | },
128 |
129 | _resetTimer: function() {
130 | if ( this.opts.timer ) {
131 | this.$timer.stop( true ).width( 0 )
132 | }
133 | },
134 |
135 | _addNav: function() {
136 |
137 | var self = this
138 | , o = self.opts
139 | // double-wrap in case a string is passed
140 | , $nav = $( o.navWrap || '' ).addClass('tiles-nav')
141 | , links = [], $links, thumb
142 | , $next = $('Next »')
143 | , $prev = $('« Prev')
144 | , thumbHeight = self.imgHeight * o.thumbSize / 100
145 | , thumbWidth = self.imgWidth * o.thumbSize / 100
146 |
147 | for ( var i = 1; i < self.$wraps.length + 1; i++ ) {
148 | thumb = '.attr('src') +')
'
149 | links.push(''+
150 | ( !o.bullets ? i : '') + ( o.thumbs ? thumb : '' ) + '')
151 | }
152 |
153 | $links = $( links.join('') )
154 |
155 | // Events
156 | $links.click(function() {
157 | var $this = $(this)
158 | , idx = $links.index( $this )
159 | self._navigate( idx, $.noop )
160 | })
161 | $links.first().addClass('tiles-nav-active') // init
162 |
163 | $next.click(function() { self.next() })
164 | $prev.click(function() { self.prev() })
165 |
166 | $links.add( $next ).add( $prev )
167 | .click(function(e) { e.preventDefault() })
168 |
169 | // Insert in DOM
170 |
171 | if ( o.navWrap ) {
172 | $nav.append( $links )
173 | } else {
174 | self.$container.append( $nav.append( $links ) )
175 | // Adjust center
176 | $nav.css( 'margin-left', '-'+ $nav.outerWidth()/2 +'px' )
177 | }
178 |
179 | self.$container.append( $prev, $next )
180 |
181 | // Adjust thumbnails when already in DOM
182 | $links.find('img').height( thumbHeight ).width( thumbWidth )
183 | $links.find('span').each(function(){
184 | var $this = $(this)
185 | $this.css({
186 | top: -$this.outerHeight() - $nav.outerHeight(),
187 | left: -( $this.outerWidth() - $this.parent().outerWidth() ) / 2
188 | })
189 | })
190 |
191 | },
192 |
193 | _updateNav: function() {
194 | if ( this.opts.nav ) {
195 | this.$navLinks.removeClass('tiles-nav-active')
196 | .eq( this._getCurrentIdx() ).addClass('tiles-nav-active')
197 | }
198 | },
199 |
200 | _setupDescriptions: function() {
201 | // Add empty description if it doesn't exist
202 | // so we don't mess with the index
203 | this.$images.each(function() {
204 | if ( !$(this).next('p').length ) { $(this).after('') }
205 | })
206 | this.$container.find('p').each(function() {
207 | $(this).wrapAll('')
209 | })
210 | },
211 |
212 | _showOrHideDescription: function( toggle ) {
213 | this.$descriptions.removeClass('tiles-description-active')
214 | .eq( this._getCurrentIdx() ).toggleClass( 'tiles-description-active', toggle )
215 | },
216 |
217 | _generateTiles: function( $img ) {
218 |
219 | var self = this
220 | , o = self.opts
221 | , tiles = [], $tiles
222 |
223 | for ( var i = 0; i < self.n_tiles; i++ ) {
224 | tiles.push('')
225 | }
226 |
227 | $tiles = $( tiles.join('') )
228 |
229 | $tiles.addClass('tiles-x'+ o.x +' tiles-y'+ o.y)
230 | .filter(':odd').addClass('tiles-odd').end()
231 | .filter(':even').addClass('tiles-even')
232 |
233 | $tiles.css({
234 | width: self.imgWidth / o.x,
235 | height: self.imgHeight / o.y,
236 | backgroundImage: 'url('+ $img.attr('src') +')'
237 | })
238 |
239 | // Insert in DOM
240 | $('').append( $tiles ).insertAfter( $img.hide() )
241 |
242 | // Calculate offset when image is in DOM
243 | $tiles.each(function(){
244 | var $this = $(this), pos = $this.position()
245 | $this.css('backgroundPosition', -pos.left +'px '+ -pos.top +'px')
246 | })
247 |
248 | },
249 |
250 | _animateTiles: function( $wrap, callback ) {
251 |
252 | callback = callback || $.noop
253 |
254 | var self = this
255 | , o = self.opts
256 | , range = Utils.range( 0, self.n_tiles, o.random )
257 | , delay = Math.floor( o.tileSpeed / self.n_tiles )
258 | , limit = range.length / ( 100/o.limit )
259 | , done = self.n_tiles > 1 ? o.tileSpeed + o.cssSpeed : o.cssSpeed
260 | , $tiles = $wrap.find('.tiles-tile')
261 |
262 | self.isAnimating = true
263 |
264 | if ( o.reverse ) { range = range.reverse() }
265 |
266 | if ( o.limit ) {
267 | o.reverse
268 | ? range.splice( 0, limit )
269 | : range.splice( limit, range.length )
270 | }
271 |
272 | $.each( range, function( i, tile ) {
273 |
274 | var theTile = $tiles.eq( tile )
275 | , theDelay = i * delay
276 |
277 | setTimeout(function() { theTile.addClass( self.klassAnim ) }, theDelay )
278 |
279 | if ( o.rewind ) {
280 | theDelay += o.cssSpeed / ( 100/o.rewind )
281 | setTimeout(function() { theTile.removeClass( self.klassAnim ) }, theDelay )
282 | }
283 |
284 | })
285 |
286 | // Callback
287 | setTimeout(function() {
288 | self.isAnimating = false
289 | callback()
290 | }, done )
291 |
292 | },
293 |
294 | _resetTiles: function( $wrap ) {
295 | $wrap.find('.tiles-tile').removeClass( this.klassAnim )
296 | },
297 |
298 | _getCurrentWrap: function() {
299 | return this.$wraps.filter('.tiles-wrap-current')
300 | },
301 |
302 | _getCurrentIdx: function() {
303 | return this.$wraps.index( this._getCurrentWrap() )
304 | },
305 |
306 | _navigate: function( idx, callback ) {
307 |
308 | var self = this
309 | , o = self.opts
310 | , $cur = self._getCurrentWrap()
311 | , $target = self.$wraps.eq( idx )
312 | , curIdx = self._getCurrentIdx()
313 |
314 | if ( idx === curIdx || self.isAnimating ) {
315 | return false
316 | }
317 |
318 | self.$container.find('.tiles-wrap').removeClass('tiles-wrap-current')
319 | $target.addClass('tiles-wrap-current').prependTo( self.$container )
320 |
321 | if ( o.fade ) {
322 | $target.fadeOut(1).fadeIn( o.tileSpeed )
323 | }
324 |
325 | if ( o.rewind ) {
326 | $cur.fadeIn(1).delay( o.tileSpeed/2 ).fadeOut( o.tileSpeed )
327 | }
328 |
329 | if ( o.backReverse ) {
330 | o.reverse = idx < curIdx
331 | }
332 |
333 | self._animateTiles( $cur, function() {
334 | $cur.remove()
335 | self._resetTiles( $cur )
336 | self._showOrHideDescription( true )
337 | if ( self.slideshow ) { self.stop().start() }
338 | if ( callback ) { callback() }
339 | o.afterChange()
340 | })
341 |
342 | o.beforeChange()
343 |
344 | self._updateNav()
345 | self._resetTimer()
346 | self._showOrHideDescription( false )
347 |
348 | return this
349 |
350 | },
351 |
352 | // Public methods:
353 |
354 | prev: function( callback ) {
355 |
356 | var self = this
357 | , $cur = self._getCurrentWrap()
358 | , isFirst = $cur.is( self.$wraps.first() )
359 | , idx = isFirst ? self.$wraps.length - 1 : self._getCurrentIdx() - 1
360 |
361 | return this._navigate( idx, callback || $.noop )
362 |
363 | },
364 |
365 | next: function( callback ) {
366 |
367 | var self = this
368 | , $cur = self._getCurrentWrap()
369 | , isLast = $cur.is( self.$wraps.last() )
370 | , idx = isLast ? 0 : self._getCurrentIdx() + 1
371 |
372 | return this._navigate( idx, callback || $.noop )
373 |
374 | },
375 |
376 | start: function() {
377 |
378 | var self = this
379 | , o = self.opts
380 | , totalSpeed = o.slideSpeed + o.cssSpeed
381 | , endLoop = totalSpeed * ( self.$wraps.length - self._getCurrentIdx() )
382 |
383 | if ( self.n_tiles > 1 ) { endLoop += o.tileSpeed }
384 |
385 | this.slideshow = true
386 | self.timeouts.push( setTimeout(function(){ self.next() }, o.slideSpeed ) )
387 |
388 | if ( !o.loop ) {
389 | self.timeouts.push( setTimeout(function(){
390 | self.stop()
391 | o.onSlideshowEnd()
392 | }, endLoop ) );
393 | }
394 |
395 | this._updateTimer()
396 |
397 | return this
398 |
399 | },
400 |
401 | stop: function() {
402 | $.each( this.timeouts, function( i, v ) { clearTimeout( v ) })
403 | this.slideshow = false
404 | this._resetTimer()
405 | return this
406 | }
407 |
408 | }
409 |
410 | // jQuery plugin:
411 |
412 | $.fn.tilesSlider = function( options ) {
413 | var args = Array.prototype.slice.call( arguments, 1 )
414 | return this.each(function() {
415 | if ( typeof options === 'string' ) {
416 | var plugin = $.data( this, 'tiles-slider' )
417 | plugin[ options ].apply( plugin, args )
418 | } else if ( !$.data(this, 'tiles-slider') ) {
419 | $.data( this, 'tiles-slider', new TilesSlider( this, options ) )
420 | }
421 | })
422 | }
423 |
424 | }( jQuery, window ))
425 |
--------------------------------------------------------------------------------
/vendor/assets/javascripts/jquery.html5-fileupload.js:
--------------------------------------------------------------------------------
1 | /*
2 | * jQuery HTML5 File Upload
3 | *
4 | * Author: timdream at gmail.com
5 | * Web: http://timc.idv.tw/html5-file-upload/
6 | *
7 | * Ajax File Upload that use real xhr,
8 | * built with getAsBinary, sendAsBinary, FormData, FileReader, ArrayBuffer, BlobBuilder and etc.
9 | * works in Firefox 3, Chrome 5, Safari 5 and higher
10 | *
11 | * Image resizing and uploading currently works in Fx 3 and up, and Chrome 9 (dev) and up only.
12 | * Extra settings will allow current Webkit users to upload the original image
13 | * or send the resized image in base64 form.
14 | *
15 | * Usage:
16 | * $.fileUploadSupported // a boolean value indicates if the browser is supported.
17 | * $.imageUploadSupported // a boolean value indicates if the browser could resize image and upload in binary form.
18 | * $.fileUploadAsBase64Supported // a boolean value indicate if the browser upload files in based64.
19 | * $.imageUploadAsBase64Supported // a boolean value indicate if the browser could resize image and upload in based64.
20 | * $('input[type=file]').fileUpload(ajaxSettings); //Make a input[type=file] select-and-send file upload widget
21 | * $('#any-element').fileUpload(ajaxSettings); //Make a element receive dropped file
22 | * //TBD $('form#fileupload').fileUpload(ajaxSettings); //Send a ajax form with file
23 | * //TBD $('canvas').fileUpload(ajaxSettings); //Upload given canvas as if it's an png image.
24 | *
25 | * ajaxSettings is the object contains $.ajax settings that will be passed to.
26 | * Available extended settings are:
27 | * fileType:
28 | * regexp check against filename extension; You should always checked it again on server-side.
29 | * e.g. /^(gif|jpe?g|png|tiff?)$/i for images
30 | * fileMaxSize:
31 | * Maxium file size allowed in bytes. Use scientific notation for converience.
32 | * e.g. 1E4 for 1KB, 1E8 for 1MB, 1E9 for 10MB.
33 | * If you really care the difference between 1024 and 1000, use Math.pow(2, 10)
34 | * fileError(info, textStatus, textDescription):
35 | * callback function when there is any error preventing file upload to start,
36 | * $.ajax and ajax events won't be called when error.
37 | * Use $.noop to overwrite default alert function.
38 | * imageMaxWidth, imageMaxHeight:
39 | * Use any of the two settings to enable client-size image resizing.
40 | * Image will be resized to fit into given rectangle.
41 | * File size and type limit checking will be ignored.
42 | * allowUploadOriginalImage:
43 | * Set to true if you accept original image to be uploaded as a fallback
44 | * when image resizing functionality is not availible (such as Webkit browsers).
45 | * File size and type limit will be enforced.
46 | * allowDataInBase64:
47 | * Alternatively, you may wish to resize the image anyway and send the data
48 | * in base64. The data will be 133% larger and you will need to process it further with
49 | * server-side script.
50 | * This setting might work with browsers which could read file but cannot send it in original
51 | * binary (no known browser are designed this way though)
52 | * forceResize:
53 | * Set to true will cause the image being re-sampled even if the resized image
54 | * has the same demension as the original one.
55 | * imageType:
56 | * Acceptable values are: 'jpeg', 'png', or 'auto'.
57 | *
58 | * TBD:
59 | * ability to change settings after binding (you can unbind and bind again as a workaround)
60 | * multipole file handling
61 | * form intergation
62 | *
63 | */
64 |
65 | (function($) {
66 | // Don't do logging if window.log function does not exist.
67 | var log = window.log || $.noop;
68 |
69 | // jQuery.ajax config
70 | var config = {
71 | fileError: function (info, textStatus, textDescription) {
72 | window.alert(textDescription);
73 | }
74 | };
75 |
76 | // Feature detection
77 |
78 | // Read as binary string: FileReader API || Gecko-specific function (Fx3)
79 | var canReadAsBinaryString = (window.FileReader || window.File.prototype.getAsBinary);
80 | // Read file using FormData interface
81 | var canReadFormData = !!(window.FormData);
82 | // Read file into data: URL: FileReader API || Gecko-specific function (Fx3)
83 | var canReadAsBase64 = (window.FileReader || window.File.prototype.getAsDataURL);
84 |
85 | var canResizeImageToBase64 = !!(document.createElement('canvas').toDataURL);
86 | var canResizeImageToBinaryString = canResizeImageToBase64 && window.atob;
87 | var canResizeImageToFile = !!(document.createElement('canvas').mozGetAsFile);
88 |
89 | // Send file in multipart/form-data with binary xhr (Gecko-specific function)
90 | // || xhr.send(blob) that sends blob made with ArrayBuffer.
91 | var canSendBinaryString = (
92 | (window.XMLHttpRequest && window.XMLHttpRequest.prototype.sendAsBinary)
93 | || (window.ArrayBuffer && window.BlobBuilder)
94 | );
95 | // Send file as in FormData object
96 | var canSendFormData = !!(window.FormData);
97 | // Send image base64 data by extracting data: URL
98 | var canSendImageInBase64 = !!(document.createElement('canvas').toDataURL);
99 |
100 | var isSupported = (
101 | (canReadAsBinaryString && canSendBinaryString)
102 | || (canReadFormData && canSendFormData)
103 | );
104 | var isImageSupported = (
105 | canReadAsBase64 && (
106 | (canResizeImageToBinaryString && canSendBinaryString)
107 | || (canResizeImageToFile && canSendFormData)
108 | )
109 | );
110 | var isSupportedInBase64 = canReadAsBase64;
111 | var isImageSupportedInBase64 = canReadAsBase64 && canResizeImageToBase64;
112 |
113 | var dataURLtoBase64 = function (dataurl) {
114 | return dataurl.substring(dataurl.indexOf(',')+1, dataurl.length);
115 | }
116 |
117 | // Step 1: check file info and attempt to read the file
118 | // paramaters: Ajax settings, File object
119 | var handleFile = function (settings, file) {
120 | var info = {
121 | // properties of standard File object || Gecko 1.9 properties
122 | type: file.type || '', // MIME type
123 | size: file.size || file.fileSize,
124 | name: file.name || file.fileName
125 | };
126 |
127 | settings.resizeImage = !!(settings.imageMaxWidth || settings.imageMaxHeight);
128 |
129 | if (settings.resizeImage && !isImageSupported && settings.allowUploadOriginalImage) {
130 | log('WARN: Fall back to upload original un-resized image.');
131 | settings.resizeImage = false;
132 | }
133 |
134 | if (settings.resizeImage) {
135 | settings.imageMaxWidth = settings.imageMaxWidth || Infinity;
136 | settings.imageMaxHeight = settings.imageMaxHeight || Infinity;
137 | }
138 |
139 | if (!settings.resizeImage) {
140 | if (settings.fileType && settings.fileType.test) {
141 | // Not using MIME types
142 | if (!settings.fileType.test(info.name.substr(info.name.lastIndexOf('.')+1))) {
143 | log('ERROR: Invalid Filetype.');
144 | settings.fileError.call(this, info, 'INVALID_FILETYPE', 'Invalid filetype.');
145 | return;
146 | }
147 | }
148 |
149 | if (settings.fileMaxSize && file.size > settings.fileMaxSize) {
150 | log('ERROR: File exceeds size limit.');
151 | settings.fileError.call(this, info, 'FILE_EXCEEDS_SIZE_LIMIT', 'File exceeds size limit.');
152 | return;
153 | }
154 | }
155 |
156 | if (!settings.resizeImage && canReadFormData) {
157 | log('INFO: Bypass file reading, insert file object into FormData object directly.');
158 | handleForm(settings, 'file', file, info);
159 | } else if (window.FileReader) {
160 | log('INFO: Using FileReader to do asynchronously file reading.');
161 | var reader = new FileReader();
162 | reader.onerror = function (ev) {
163 | if (ev.target.error) {
164 | switch (ev.target.error) {
165 | case 8:
166 | log('ERROR: File not found.');
167 | settings.fileError.call(this, info, 'FILE_NOT_FOUND', 'File not found.');
168 | break;
169 | case 24:
170 | log('ERROR: File not readable.');
171 | settings.fileError.call(this, info, 'IO_ERROR', 'File not readable.');
172 | break;
173 | case 18:
174 | log('ERROR: File cannot be access due to security constrant.');
175 | settings.fileError.call(this, info, 'SECURITY_ERROR', 'File cannot be access due to security constrant.');
176 | break;
177 | case 20: //User Abort
178 | break;
179 | }
180 | }
181 | }
182 | if (!settings.resizeImage) {
183 | if (canSendBinaryString) {
184 | reader.onloadend = function (ev) {
185 | var bin = ev.target.result;
186 | handleForm(settings, 'bin', bin, info);
187 | };
188 | reader.readAsBinaryString(file);
189 | } else if (settings.allowDataInBase64) {
190 | reader.onloadend = function (ev) {
191 | handleForm(
192 | settings,
193 | 'base64',
194 | dataURLtoBase64(ev.target.result),
195 | info
196 | );
197 | };
198 | reader.readAsDataURL(file);
199 | } else {
200 | log('ERROR: No available method to extract file; allowDataInBase64 not set.');
201 | settings.fileError.call(this, info, 'NO_BIN_SUPPORT_AND_BASE64_NOT_SET', 'No available method to extract file; allowDataInBase64 not set.');
202 | }
203 | } else {
204 | reader.onloadend = function (ev) {
205 | var dataurl = ev.target.result;
206 | handleImage(settings, dataurl, info);
207 | };
208 | reader.readAsDataURL(file);
209 | }
210 | } else if (window.File.prototype.getAsBinary) {
211 | log('WARN: FileReader does not exist, UI will be blocked when reading big file.');
212 | if (!settings.resizeImage) {
213 | try {
214 | var bin = file.getAsBinary();
215 | } catch (e) {
216 | log('ERROR: File not readable.');
217 | settings.fileError.call(this, info, 'IO_ERROR', 'File not readable.');
218 | return;
219 | }
220 | handleForm(settings, 'bin', bin, info);
221 | } else {
222 | try {
223 | var bin = file.getAsDataURL();
224 | } catch (e) {
225 | log('ERROR: File not readable.');
226 | settings.fileError.call(this, info, 'IO_ERROR', 'File not readable.');
227 | return;
228 | }
229 | handleImage(settings, dataurl, info);
230 | }
231 | } else {
232 | log('ERROR: No available method to extract file; this browser is not supported.');
233 | settings.fileError.call(this, info, 'NOT_SUPPORT', 'ERROR: No available method to extract file; this browser is not supported.');
234 | }
235 | };
236 |
237 | // step 1.5: inject file into ![]()
, paste the pixels into