From 469a868f2c5313d3e8b19f939d580567be5e6c11 Mon Sep 17 00:00:00 2001
From: andrewxhill <andrewxhill@gmail.com>
Date: Tue, 2 Apr 2013 20:50:49 -0400
Subject: [PATCH] added example pause/play button

---
 examples/ow-scrub.html |  39 ++++++++++++++++++++++++++++++++++++++-
 img/pause.png          | Bin 0 -> 3113 bytes
 img/play.png           | Bin 0 -> 3191 bytes
 src/torque.js          |   1 -
 4 files changed, 38 insertions(+), 2 deletions(-)
 create mode 100755 img/pause.png
 create mode 100755 img/play.png

diff --git a/examples/ow-scrub.html b/examples/ow-scrub.html
index 5d1483e..56dfcb7 100644
--- a/examples/ow-scrub.html
+++ b/examples/ow-scrub.html
@@ -15,6 +15,25 @@
             right:25px;
             width:300px;
         }
+        #torque-pause{
+            position:absolute;
+            bottom:12px;
+            right:345px;
+            width:28px;
+            height: 26px;
+            padding: 1px 2px 2px 2px;
+            z-index: 1000;
+            border-radius: 3px;
+            cursor: pointer;
+        }
+        .playing {background-color: white; background-image: url(../img/pause.png); background-repeat:no-repeat; background-position:center; }
+        .paused { background-color: white; background-image: url(../img/play.png);background-repeat:no-repeat; background-position:center;}
+/*        #torque-pause .playing {
+            background-image: url('../img/pause.png');
+        }
+        #torque-pause .paused{
+            background-image: url('../img/play.png');
+        }*/
     </style>
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
     <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
@@ -84,7 +103,7 @@
             trails:true,
             point_type:'circle',
             cellsize:1,
-            scrub: true
+            scrub: true,
         }
 
         var torque = null;
@@ -92,8 +111,26 @@
             Torque.app = new env.app.Instance();
             torque = new Torque.app.addLayer(map, TorqueOptions);
             Torque.env = env;
+
+            // TODO pause method needs to be added to Torque UI options
+            var pause = $('<a></a>');
+            $(pause).attr('id','torque-pause')
+            $(pause).addClass("playing");
+            $('body').append(pause);
+            $(pause).click(function(){
+                if($(this).hasClass('paused')){
+                    torque.pause();
+                    $(this).removeClass("paused");
+                    $(this).addClass("playing");
+                } else {
+                    $(this).removeClass("playing");
+                    $(this).addClass("paused");
+                    torque.pause();
+                }
+            });
         });
 
+
     }
     </script>
 </head>
diff --git a/img/pause.png b/img/pause.png
new file mode 100755
index 0000000000000000000000000000000000000000..90d5b443f61b9456732c6cfbf284e99a1b7cf2d7
GIT binary patch
literal 3113
zcmb_eO>7%Q6kg~LRiHv#Xi`;Tw1pGcyX(|-ys}fdUbnHR(~`JqL=WwHcWiI7f1Me}
zPN@L396-v2E2mO%fCGpl2v83#NQeVPDhMhNAR$qKP<tbSLwU37-R`Dtpb?RicxK-F
z-Z$TS^JZQ<GJA0Q*v>IQ5VqH6v^n@c&VRRUg}*=b%d3Jgw$*Abu!Y7U)$p9GZh9@8
z9XLL$3qon%z}JmM%uow=EVnG){OFR1EVC>g%QxhPU&UQ(<_y8}XJ(tmnMI>$iu<O=
zN&^)D9L#hyaBP>VgR&Uls_>mpOCkzP*kW0%@PKHcaRgO8f>AyzXAF6-jP@#7WpYoU
zP<RIAWJQ+boTTJ3N<p2>sj`fQKjQQlDiO1-&S?jR!C+JtyNvm&B=!6KY=1KAk&dJk
zi$xBS%VoeKLzi8q4>B&@%^^Yz4O4?yKC?U*aZJ7C^;lUHVI4&~ar`-}(`7Uc;nJaI
zpq@0)eM!m65(#Xiq^D`bE`E>L0VmUtu#Fw;G74@=%D(P1V-Lv4Rf#=;oDq0ZW=ctm
zAZj3X3dFa2^n`LE_6M>(iur7SVw-IVLIlo9t}vH$32P#`zct2<#`@-tlVU|#Z3%Q8
z=4hmVw7KkKX%17bM+{tB0*Q79L4jJB0JWi$MGTeLBt0B0sST(uQ)jxSGf)i*N6E-a
zCYNt2lWIP%%EhN;1<EI~Z#2}pOPTH(xUQ8&0MA;Msa6YGEkBhnOyzP@HNYrN6{}Ub
zqEs|Fw?ALaCEPX7=<x(b?&kfuABIY?T;1Lf3@=<%x}(TZs&{Y`6Nd&XVNq9X7LLN9
zZShK0ZQbp_elsR+>ph!^(^Z0XW-Vbjg^uI76jc}_R;$MkLuS@<`7|bmrQ6814D3=|
zlK2_1tzoQS6a_2svKr=T4XcuAs0I(_kp#<md^*i?`XGpE13LpFqeq$NAm({?ODD)O
zI6o6ptK*I$5n+|2HKBNDaEs1(B7DSq*a+?=(lLwRHqjl7Kq4<qXcUtOHej+gGG{}3
zty9<-CMf7*`}NKmA%?r>yB@jeD6i8gebRJdn*<oWhl%AfOak3UNgN~fto7M+{>^~t
zbTLk6noBr}qzKeYD#euxJM8_Z@c*v!G?h}aC#yj$k5oOlY7AC)+g@;!q;0ID#6IQ`
zxCs+?Rwpk0EVNxw3ieqVc5}7vz&Rg+ClrY4J}%-Q8bYJoW}%47;>a*4R6jy1Nu&JJ
zgsPsu93<p$-^J@5>ot_pjvFDBMhIy^?}5fXV?oy-%l|>3;673zMbPWYBGs3$8FYB)
zuHllk(K{kW=yx$duYVuK#zq&qGr!s-{#fGI*{}lcO3ht64RfcZnp`*s4<vY*N%7MR
z2Jzz#yAX`P)9r&Dt53qSZ-Uhp*u2+feVt$-e4zzJH-~j|`Sj<w#NUS8sB);;)H_16
zYf%Ir*2O`4Mr{HO`%VkzRSa`DT&0L&mPOw#-nard8pny#D6Drt5nM!>#7#8oAq^92
zDY&`l3qQPn0q|=4Ih#-bri6_V{P?leo!~pe0q+pxa2qGNaPEsO0C2XhRhonAt&`(h
zHf<mOYRk&X$|K_w6PvDndi(b6OFw`AA>DEH+T+64V;A1}TWA&@_^eYY-1za*OX%|N
zr>AZ__{Q}Ycm3uczxC(M6Bj=@yz=~C$8Y`m<r5b(=)fOuKYHMN_u503bFaSq)Gu3i
uohqDs?)bL1HeY>Z-^w@V&Oa<{9v8lQ)_r&W&9krboz!cy+I#y?p8E&u$lUJ$

literal 0
HcmV?d00001

diff --git a/img/play.png b/img/play.png
new file mode 100755
index 0000000000000000000000000000000000000000..941d3fb1eef84495ee9644ca177974d22218287c
GIT binary patch
literal 3191
zcmb_eU5pb|6du^@qKhOD6IqD~m*I)kc4k`2ZYS+x=@hmJEo8T(>x(d*x!VpqKV|0j
zXBQKJK>Ue5_$E*4gHIY%d|NO;!h`50L}QF0K@x=Eg9#xdx<+C>ccvYtOIc;(rn}pF
z?>XQ3?sv{T_rA41zh~Xxra^{b)@8?~3HZOB{ysGTe>dN6$qX|%pcSUbRBo@RSVmY@
ztr8A5jVi1&Ok!uVDl0RXpb{=?W|F;o?gEQ6HOUrZIX+iS<BB#uXXDAad_kF;QQ|7Q
zb8Ilt6am1%L`F?RHyyE=WL;blzSC)rMXm{%NwO&#5KZOwqqJpX6bthqh2O!W9YR=$
zZXX#Lc?m^$f#>)LCqzQRh!~BCJdfHx?ARbm*y^-6A?<DlgHe*L5K<L6uF+_O8_}?3
zmpLIGk5iCHBm@>AXVxTgGh{kjDTIe1VMnpGD$y(xQB1jH)ku<MVI6gLVpJ!za)mg4
z2-9h62I_H5xylJ)p0iyWF6gN$zDu=c>n<l%;joSkY!V0Dgf9DRl_=XmMyiVM3FH*l
z(;+Gsv~Z)kVt0X5^_p`~IOzKW*_wmttc#+n(;S3wor7FqF6iRbL~wsgjB~l=%?+cA
zl|wRh(6ybTo&q|B*(&BHuw&J11!w9Y(N;GoQ1cQX=45*YLnRjM8tyEKIjAmGCbA?G
zPz?%42=PKF5-SK%F%}c~_=~&%<<qgx<;1M%5ZP34R!Xt}9@aEfjHh--w`XD_qmjsH
z1~B5I@pPI`2`Pz>?24r$0e8t#YBYfzclF8K_d%s-rmU|Bh88YLJXGX>BbRXj+lJ$=
zctxGki8u0wx<)Hm)Mc{_`wgjhTCVAY9ZTC-CR!cCDKrerbWn;ATPxM*VF=|dlTKq>
z(PSOznu1LSCpdaWbgdoB9d&{wXj!%Mw1ibcRYZjbv+MxNNqnT6<=7q&RR?woMoP^g
zmVt<6=_T1lnnL-h*wM;nFA^QB1h*s<4GnIcGad-v;oWWoj}xh=*?8KP4U9k{tD8_S
zCLLIp$<oM_jZ-Tf#!5RuZXeqvmzN09-aXxQ&rNsoI@YC6Hyz(50OmZ#L^BDtUEO<0
z>?75*<=K?~&49?xjGxYKF5ajkg{xjrDXN^;VV^vO|972tQ%MASvgpRL?6d_}jY6{K
zwB_C;-8R|*TQ6ER+=PKUtLztl7}_q&x%*7CySbP(;GDO?0}6EN-Y;S|8bZC?@=(M{
zwr3dRsoz0MaJ~Gy38k&-tecR14HGYWtd~&gc3cUmZUm1O^d4yJ;~I1gd-gvF<laXj
zqzHOll6B-dR^1K{-PK#tR(ePH2#pE`=;iMt-&m<YccxbxM;}Y{I%`+JBdK|0r(W))
zt|sTr!2=0iW}N>tgMt6J!zKi?;prAV{lj&5_B~HBQ)JSbCJoufjQ2uwi*5qT>g<s#
zI6>cr)F`#LP>{<^p`tkmKBR)(_Kc=&XxI;1IIUus!``Zc98ALKr<q?b1CB&-{4_Gl
z9Z&=pQ7CW|<t-#(TdTV_mvi*`=N|%IhCXKl3cwVzGJ@wfEN%kdaSHg5Acb2w$*B|H
z_5;8-St(U$UMn3Ms$6_$L5M`=xGh^gT6KBj!Sl^~$A|ic-iy!A&$r~?TCLW|>U$?Y
zDSmb{_U6;4@87w)dGznU{;-nkZxoBgedt>M@bGZ!i*2jtZ>?Ux@#k}myUeS7w{G8V
z{qp6y%Gaw<{<Q~-_xj!+T6^}yjSH_oI~ZMq&aAm9eL8ULL7sWxkgDp^bLhwZjmI{v
zz46u2H#Q8Md}fjPe(}%yclxD|hwJs<Tl~VMOW$3*a%J1g6KB;@Y3}O6LgIr{r!vRo
dTg)-0j~QQh<?!3h*>|Zf*-TzKv+K}_e*kTV1B?Iw

literal 0
HcmV?d00001

diff --git a/src/torque.js b/src/torque.js
index 5bcf7b0..8344edc 100644
--- a/src/torque.js
+++ b/src/torque.js
@@ -350,7 +350,6 @@ function init_slider( that ){
             that.scrub(ui.value);
         }
     });
-
 };
 
 /**