From 0928763f74615becc5c5b689ed20dd4f2e990437 Mon Sep 17 00:00:00 2001
From: sipp11 <sipp11@zzyzx.co>
Date: Sat, 15 Nov 2014 22:36:18 +0700
Subject: [PATCH] Put echo in Ember app & store own static img

---
 img/158x240.gif | Bin 0 -> 646 bytes
 img/300x169.gif | Bin 0 -> 1053 bytes
 img/92x138.gif  | Bin 0 -> 369 bytes
 index.html      |  23 ++++++-----------------
 js/app.js       |   5 +++++
 5 files changed, 11 insertions(+), 17 deletions(-)
 create mode 100644 img/158x240.gif
 create mode 100644 img/300x169.gif
 create mode 100644 img/92x138.gif

diff --git a/img/158x240.gif b/img/158x240.gif
new file mode 100644
index 0000000000000000000000000000000000000000..80127196286be222e224778ae0fe1e54bcda5fab
GIT binary patch
literal 646
zcmV;10(t#MNk%v~VV(f+0OJ4v%*@P|mX^N0zMPz#v9YnLs;Z--qs7I=x3{+d00000
z00000000000000000000EC2ui0G<Hw000F35XecZy*TU5yZ>M)j$~<`XsWJk>%MR-
z&vb3yc&_h!@BhG{a7Zi~kI1BQ$!t2G(5Q4uty-_xtai)odcWYXcuX#v&*-#z&2GEj
z@VI<VuiNkVynfH``~QG}f`f#GhKGoWii?bmj*pO$l9QB`mY0~Bnwy-Ro}ZwhqNAjx
zrl+W>s;jK6uCK7Mva__cwzs&sy1Tr+zQ4f1!o$SH#>dFX%FE2n&Q}5h0TTh$)(8^_
z(gWBe0tNvC1Q!Gc6yE^`0&E1<)By$Y1?vC^)dkhvAqUk4()tqY6_{{98n^*#@PV5q
zq1pv$>jZ=wfo~i?gcPKilhAHlM>YNj);Vm*u);_HCqs1OSF#>F3g9B9YjZMRfpQZn
z0%$kT<V$=lEwnR`F~CL%8Ub9SS<+gy0Y?|kv;dT4&kGU*=<A5@omVy|3#bEtuP4ie
zM=2<LiJ>4{r4zw@MHv)LN`eysfWs#60!yPA4j%m|m*iYEcfZ!GD*+r)4DABYBN^`=
zQou{WmOP*@Z%vF9vP$;*&!<y{F#$+?ye91E)s3~fWL?xAXbM9$oc#Dvje&)av-%sY
z`d+ok6CCTETGW8Nt8?87ZtXPNHh|H>A%Dj=@oDcZ(T#mZzP$PK=+moT&%V9;_weJ(
zpHIKO{rmXy>)+46zyJRL20bX?fCLt3;DHDxsNjMOHt67k5Jo8BgcMe2;e{AxsNsej
gcIe@UAciR7h$NP1;)y7xsN#w&w&>!EeMA5NJLnQUf&c&j

literal 0
HcmV?d00001

diff --git a/img/300x169.gif b/img/300x169.gif
new file mode 100644
index 0000000000000000000000000000000000000000..2f389306f49097b1903e0b23d40c30d72cc53771
GIT binary patch
literal 1053
zcmV+&1mgQgNk%v~VJrcu0OJ4v%*@P|mX^iE#j2{RoSdAaqocmQzPGoxv9YlL00000
z00000000000000000000EC2ui04xEi000F35XecZy*TU5yZ>M)j$~<`XsWJk>%MR-
z&vb3yc&_h!@BhG{a7Zi~kI1BQ$!t2G(5Q4uty-_xtai)odcWYXcuX#v&*-#z&2GEj
z@VI<VuiNkVynfH``~QG}f`f#GhKGoWii?bmj*pO$l9QB`mY0~Bnwy-Ro}ZwhqNAjx
zrl+W>s;jK6uCK7Mva__cwzs&sy1Tr+zQ4f1!o$SH#>dFX%FE2n&d<=%($mz{*4NnC
z+S}aS-rwNi;*|me1OWsE1{&q(1Oo!>=IHP`2Im1C2kII7?gQ(F9SA_MU;qRd?ioZE
z(1JpP1RB;DV331>f&(s4To~Yhu#5g233{v`0N+9a7fOaiS>s{B4Jt)iKoC+UFp~%b
z3@jLr0!@POHXfXbv0OofGlW*uP~fNq0R|5U_=ye}$e|Lbj+{`CB><Bax=sKq!{kB@
zR0~|7iWERoo4ux1od6Xmg{y6;O2j)suZ*AY-sVf#wPyvvhWQ3FETN#<z6Bd9&Kh~b
zWEeRm2+kl_A_cK@9UrS3AmfD1p9wzJ{4#Zb)fY^z7VNbHY709{XAtcg_Asp!@YViG
zu(t3D$9EfyN17mr+sJt;pDTg1?_UB0T=kuNZ1LdV!BfAm5Fu6PAD~ajUBFy{t*50+
z$ZcBKNyY$p$4B2-_2JeSWd3)YN!dLIAO(VzSAkIVnFJp&3wf5Ge+V9^A8Y(&pp{c0
zs0ToE9Km;0Y5N!?p)Vm;aG_fkQn=q>8<;g-dI!#DPyq;-G@Mc=9pe&XD?%4!jTqzx
zmw_2dAk<?q1t3wA3LcYNTg1)SU6sRKsez6pcxX~XY>_n2JOtrK3}_N)d8L}+aUj@r
z9(dX2hb!KNkuuP!ccGpxYG7nXBY3!Co!*rx%v29TN0niuQMqVn1W}oRjKjrAB${;g
z>C>IT?3Cr4S8e5&Wd(^^*#^0#DuRcIk!qJig$XmIt5|W>CRwg|h3l67y;Z53M23kW
zpcXht3{Kh+SOHb=)d;&OP;x~I6L3?SnNoI$6<A$V(axwOrvlYfD_t@cXC{=fY5-B8
zM202qvmreQ09C&N^XIFua&#g9Bc7@*hx4Abfw(Y!%aNpMnu|<3s>w?M!|zy2*E|t-
zupFdwVn8r%1^lz`yb+Bf^2j8YZ1Tw{r>yeIEVu0P%P_|*^UO5YZ1c@H=dAP2JooJL
z&p-z)^w2~XZS>JdC$03-OgHWH(@;k(_0&{XZS~byXRY<tTzBpD*I<V&_Sj^XZT8t{
Xr>*wdY`5+9+i=G%_uO<Z69E7_5)b@Q

literal 0
HcmV?d00001

diff --git a/img/92x138.gif b/img/92x138.gif
new file mode 100644
index 0000000000000000000000000000000000000000..c8e7757743787d791650b875a86efb7eb4210772
GIT binary patch
literal 369
zcmZ?wbh9u|jA7_vc+9|X=FFLC)240TzJ1P|Is5kQJ9_l!s#U8tZrr$d@nQySKnElU
z(#yc|PvC^->b(}P&+h)8pwX9-IWJ??x}4Yh3Utnw<le7X_rB)+{{ssOJanY`Pb?`q
znPWBo!io~FwNdMDtSLMFwrc-_4HZ6mv(LZSQgt?O_x%q$YW&vUe*a@n-TC+TSs9sG
zgjkswndI3Sg_)R{I~cl}oLSr1n1wjlyW}`Hx`o>3Ol4x9;l#qoy0V3#L6mXTMv>JE
z7+BZMn99;Sg^^`W3p2ZDD+luqku}2eCv>&D%xB~fo-W=n;ncS6Y*!c<+3&ipoUrnw
zC>tZ2*lC95HP7BUJ(|hJ`n;umm1x6`-OIM?%oVzn@3baTWEtZR7H-7_o;ww|BA+f_
zbhKN-IP1=djf;=>t1CEn$#`yBa&odp@T!=To0guQZjgLxj_2lOXJ=a!zq)gB^YZia
Jqm&pJtN~+<ob><z

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index ffb6862..b947e97 100644
--- a/index.html
+++ b/index.html
@@ -51,15 +51,15 @@
 {{#each model}}
 <li class="thumbnail">
   {{#if backdrop_path}}
-  <img src="http://placehold.it/300x169" alt="" data-echo="http://image.tmdb.org/t/p/w300{{unbound backdrop_path}}" width="300" height="169" class="img-rounded" {{action 'openInfoModal' this}}>
+  <img src="/img/300x169.gif" alt=""  data-echo="http://image.tmdb.org/t/p/w300{{unbound backdrop_path}}" width="300" height="169" class="img-rounded" {{action 'openInfoModal' this}}>
   {{else}}
     {{#if poster_path}}
-      <img src="http://placehold.it/92x138" alt=""width="92" height="138" align="left" class="img-rounded" {{action 'openInfoModal' this}} data-echo="http://image.tmdb.org/t/p/w92{{unbound poster_path}}" />
+      <img src="/img/92x138.gif" alt="" width="92" height="138" align="left" class="img-rounded" {{action 'openInfoModal' this}} data-echo="http://image.tmdb.org/t/p/w92{{unbound poster_path}}" />
     {{else}}
       {{#if poster_url}}
-      <img src="http://placehold.it/158x240" alt=""width="158" height="240" align="left" class="img-rounded" {{action 'openInfoModal' this}} data-echo="{{unbound poster_url}}" />
+      <img src="/img/158x240.gif" alt="" width="158" height="240" align="left" class="img-rounded" {{action 'openInfoModal' this}} data-echo="{{unbound poster_url}}" />
       {{else}}
-      <img src="http://placehold.it/92x138" alt=""width="92" height="138" align="left" class="img-rounded" {{action 'openInfoModal' this}} />
+      <img src="/img/92x138.gif" alt="" width="92" height="138" align="left" class="img-rounded" {{action 'openInfoModal' this}} />
       {{/if}}
     {{/if}}
   {{/if}}
@@ -121,24 +121,13 @@
 </script>
 
 <script src="js/jquery-2.1.1.min.js"></script>
-<script src="js/isotope.pkgd.min.js"></script>
-<script src="js/echo.min.js"></script>
 <script src="js/bootstrap.min.js"></script>
+<script src="js/isotope.pkgd.min.js"></script>
 <script src="//showtimes.everyday.in.th/bower_components/moment/moment.js"></script>
 <script src="//showtimes.everyday.in.th/js/libs/handlebars-1.1.2.js"></script>
 <script src="//showtimes.everyday.in.th/js/libs/ember-1.7.0.min.js"></script>
+<script src="js/echo.min.js"></script>
 <script src="/js/app.js"></script>
-<script>
-echo.init({
-    offset: 200,
-    throttle: 350,
-    unload: true,
-    callback: function (element, op) {
-      $('#container').isotope();
-    }
-  });
-
-</script>
 
 </body>
 </html>
\ No newline at end of file
diff --git a/js/app.js b/js/app.js
index 904c0de..7115bec 100644
--- a/js/app.js
+++ b/js/app.js
@@ -97,6 +97,11 @@ App.MoviesView = Ember.View.extend({
                 transitionDuration: '0.7s',
                 isResizeBound: true
             });
+            echo.init({
+              offset: 10,
+              throttle: 250,
+              unload: false
+            });
         });
     }
 });