From 3da1f84da3186ef9e38ab3a812a0aa4a080e2052 Mon Sep 17 00:00:00 2001
From: olivier <>
Date: Mon, 13 Apr 2009 15:26:43 +0000
Subject: [PATCH] eztelemeta: add play/pause icon, reduce font size, force
 sound duration

---
 .../eztelemetaitem/eztelemetaitemtype.php        |   8 ++++++--
 .../eztelemeta/design/standard/images/pause.png  | Bin 0 -> 865 bytes
 tools/eztelemeta/design/standard/images/play.png | Bin 0 -> 1187 bytes
 .../design/standard/javascript/page-player.js    |   1 +
 .../override/templates/embed/eztelemetaitem.tpl  |   8 +++++++-
 .../design/standard/stylesheets/page-player.css  |  12 +++++++++---
 6 files changed, 23 insertions(+), 6 deletions(-)
 create mode 100644 tools/eztelemeta/design/standard/images/pause.png
 create mode 100644 tools/eztelemeta/design/standard/images/play.png

diff --git a/tools/eztelemeta/datatypes/eztelemetaitem/eztelemetaitemtype.php b/tools/eztelemeta/datatypes/eztelemetaitem/eztelemetaitemtype.php
index 93c16e66..57c418b3 100755
--- a/tools/eztelemeta/datatypes/eztelemetaitem/eztelemetaitemtype.php
+++ b/tools/eztelemeta/datatypes/eztelemetaitem/eztelemetaitemtype.php
@@ -68,7 +68,8 @@ class eZTelemetaItemType extends eZDataType
             'description'   => '',
             'rights'        => '',
             'mp3'           => '',
-            'duration'      => 0
+            'duration'      => 0,
+            'duration_str'  => ''
         );
     }
 
@@ -123,7 +124,10 @@ class eZTelemetaItemType extends eZDataType
             throw new eZTelemetaError("The retrieved item has no title");
         }
 
-        if (!$result['duration']) {
+        if ($result['duration']) {
+            $d = $result['duration'];
+            $result['duration_str'] = sprintf("%02d:%02d:%02d", $d / 3600, $d % 3600 / 60, $d % 3600 % 60);
+        } else {
             throw new eZTelemetaError("The retrieved item has no duration (no sound file?)");
         }
 
diff --git a/tools/eztelemeta/design/standard/images/pause.png b/tools/eztelemeta/design/standard/images/pause.png
new file mode 100644
index 0000000000000000000000000000000000000000..18112cc924fb1dececc67d54d785addff4d1ded8
GIT binary patch
literal 865
zcmV-n1D^beP)<h;3K|Lk000e1NJLTq000vJ000vR1^@s6a!@wR00004b3#c}2nYxW
zd<bNS00009a7bBm000Wa000Wa0cLH2)Bpeg8FWQhbW?9;ba!ELWdL_~cP?peYja~^
zaAhuUa%Y?FJQ@H10^UhPK~y-6WmG+H+(s0f_p!@e9Y|4-s&sbRvz#iWY)MV*{1N{o
z{|i@kXC!dpKxq<LZj&HM6UAw)v(Dn_xRZi3Eu9Gv1Q&xh^XAQ40r1uS{d;o}QEWVm
z#p2@k-~Kowxe$^1?$>wj)pgx$;z*V^r)O{d!QsKt;ll?{_wRqxZ-QRDcz$*M&%gTs
z7Ij^39UUJ&d;IwOw26Cj`m62i>^$)*#&~pe?DP42)?Ke4BcQ3badL9fwQW26Hw|`o
z_vF!ckDB)v?;#^FgowS}-R|}4pQ5`vN#f(jCD#3CajU8WKx}Vs6TtW-R$Yg#yP9z8
z^)*Ps+^O!)z7%pp`fx%tO~X+c0ivL6_yv?w7(NwaDZ}Y)Q$fltWu$;*lNKl}gEDht
zVZmh9jbb3tG|l80KoFe#ny{t7-RNcx5D-zA3W$-J0EDRP`i5tKK%i;>2c!Tf1k4;B
zLLdREDkubqiCsk5w(aDZs!&8AA}A#KehsLBEDRygbIvq1m>NnM+9e24MHM4+6#xKj
z+hX0XNCKD352L3<P8p_#oHISAL{&jyLASa>DFuDsBZdkdBI?;N&AP7nVR-=&fqNK>
z6{s3S1vw>p&Ix7)5rv3Cb!bCGP*vepG_LzAs49XxScpQx%tmDinsTO^(aqrQaC4YB
zL<AwmThZ_kprUXKFn72aR28bqlrwekOrdIHp@B&Rs6w2g(Y7tB7$K@-A%~ie-Pq7(
zN)^-$s>A#F5qR`TSzXtRF+xR#VU6ig5r_#=PSBKcG1bW@xsk{?D4RTsF%C%+851{<
znkZ70il<ajL<UA1CZnnl2to|_bZfM2ix2|<4igkXDWeD#q@3tE=k;HI|9QPyb?>H~
z99N+9#B4U32GFm2oSyyi4#c<t0;1sj{5<BI*Rot*Hb1<2`7OvVZrZJ_*?$iYj^6@U
r0f;}odO2S%FZaIKbdhp+aQyTCMk+p=8Laz|00000NkvXXu0mjfmb`$Y

literal 0
HcmV?d00001

diff --git a/tools/eztelemeta/design/standard/images/play.png b/tools/eztelemeta/design/standard/images/play.png
new file mode 100644
index 0000000000000000000000000000000000000000..09a895d1d0dd4865b4d16e97322f69f97d1d9827
GIT binary patch
literal 1187
zcmV;U1YG-xP)<h;3K|Lk000e1NJLTq000&M000>X1^@s6HR9gx00004b3#c}2nYxW
zd<bNS00009a7bBm000Wa000Wa0cLH2)Bpeg8FWQhbW?9;ba!ELWdL_~cP?peYja~^
zaAhuUa%Y?FJQ@H11RzO7K~zYIt(JdGRb?2*zt4Nl<^DK8`Ue+b;{r~wG^qqCZWpYz
z1`3NA!)zt9KP3CBAOC2Z0d48pYOIYwOr1-qErsQlCciY&)@n^;mJ<sb1m*Bv;ELRP
z&%Ni|^Yq8PULk%IjCXtfdC%GB{XWn8ectya01g0Q0B&XuVVQ==$V|_CzP#+qb?YB0
zA);g=l9mH3Cnh8$7Z(?AEG!DNT)KGihbz5(bwu<VfC*;iC6jY<9^Tg8@y%2)sPgd0
zpT?VSz2Pm{{9I#veEfp|5&?jj7acLMXWY&1u~GK<eSD>_SF76j%BZW*`8I%b0Jg<~
z<>~4T!@!hp5^0V!`C!u_dr!}W{l``v+uh%PV=oc?2*C4yH&~u)G91=1<-3alr_<tc
z6=k)YIR05@SLe@teOGIu^&eyA@Iqi=GMVQ2#L%=5f}sF*R8_?{Hy?Ut`}S>LmzI_6
zPfbl(mzbEil89(t#TJWY!IYR80o4!5B%!9JcE#Y};H&lZ_2t9EL-l{$96GsX%^LT>
zz`)&EiY*okhzLXkA;h$hW&{E72Yg6LStT_zG$ifWv$r<y@r_;S8ICP3m&@UFI<2!5
z--80cjNGPY8nrY7P}KnP^71WDK2fmxRO`tjXU?AKQv<<wD=I2(5Rs>~wN;Zg<ZM`<
zpO;^rmga~f07L?GPc_{SfMGDh2#2BRA*jIs{Hh<1KJr*x>E=?$$X_E{$2=ZKLPEmt
z9UYxov=jmc8_;wOnjV6tg%Hv-ghD|CgDL{5AHh%%x~?H?guy^;ai4z*Hbp`8uIfbD
zByVNrRJ+|CFDr@yAqjv1!(a#zsW*WDA!d|@alZ=zhSg#NGjR0i;mOOFd%Lr;)*eW<
zCl9KsIvxQ>SC=ITLWpQNBJi1xiguN3f+QrIzi{4v`t(=VlalQ3lx``zW*COMva(VG
zfEbtrMIA8B86;wkiR@+MpZ@;q+TkOg-coEzZPkvQJwga~K|z6UhAR|B0SN*?AVLg8
zL?9s`MXg6faJz3CP0fuHp^$d4de`m~X0zGt^?JRzxw*4WL0M635JUhQFqi?unC3PD
zk&J*EKugQ<J3~W*XDeQ){3ttn?JY@?JT{w6pR1_=KsKAr5my)n!eJdO1egU(CMyI9
zw0E5IUHbmJtImR__Ptj9`b_}00R-j)#=w#kNz*V4=(-N8#R{uc!L?t13AVPK`a3;6
zW8Vh{KKu!Q2f&^G0?q^j5JJL=2UcQqbTr)9^vSq6&hqhlb?>*yvh0mQ7d*}81cLxw
z*YWumEne@$MB7U*zTA+Rxq3XBc5pGk7+98NZf`$l>gw+Nw$QbyZd1|IBT<EuO993P
zGiP^ocRb6?S<IZo%wj2b+`ogEIrgpqux#&&e*j7WG-K&ELq7lj002ovPDHLkV1o2{
BAFKcX

literal 0
HcmV?d00001

diff --git a/tools/eztelemeta/design/standard/javascript/page-player.js b/tools/eztelemeta/design/standard/javascript/page-player.js
index ffe3b625..6039b92e 100644
--- a/tools/eztelemeta/design/standard/javascript/page-player.js
+++ b/tools/eztelemeta/design/standard/javascript/page-player.js
@@ -918,6 +918,7 @@ var Metadata = function(oSound) {
     }
   }
   var oDuration = pl.getElementsByClassName('ezt-duration','div',oLI);
+  console.log(oDuration);
   this.data.givenDuration = (oDuration.length?self.strToTime(oDuration[0].innerHTML)*1000:0);
   for (i=0; i<this.data.length; i++) {
     this.data[i].duration = parseInt(this.data[i+1]?this.data[i+1].startSeconds:(self.data.givenDuration?self.data.givenDuration:oSound.durationEstimate)/1000)-this.data[i].startSeconds;
diff --git a/tools/eztelemeta/design/standard/override/templates/embed/eztelemetaitem.tpl b/tools/eztelemeta/design/standard/override/templates/embed/eztelemetaitem.tpl
index 452951df..e78518ac 100755
--- a/tools/eztelemeta/design/standard/override/templates/embed/eztelemetaitem.tpl
+++ b/tools/eztelemeta/design/standard/override/templates/embed/eztelemetaitem.tpl
@@ -9,7 +9,13 @@
         <dt>Title:</dt><dd>{$attribute.content.title|wash}</dd>
         </dl>
         <ul class="ezt-playlist">
-        <li><a class="ezt-playable" href="{$attribute.content.mp3}">{$attribute.content.title|wash}</a></li>
+        <li>
+            <a class="ezt-playable" href="{$attribute.content.mp3}">{$attribute.content.title|wash}</a>
+            <div class="ezt-metadata">
+                <div class="ezt-duration">{$attribute.content.duration_str}</div>
+                <ul></ul>
+            </div>
+         </li>
         </ul>
     {/let}
     </div>
diff --git a/tools/eztelemeta/design/standard/stylesheets/page-player.css b/tools/eztelemeta/design/standard/stylesheets/page-player.css
index 2a25df8e..6f5366b0 100644
--- a/tools/eztelemeta/design/standard/stylesheets/page-player.css
+++ b/tools/eztelemeta/design/standard/stylesheets/page-player.css
@@ -130,13 +130,19 @@ ul.ezt-playlist li {
 ul.ezt-playlist li a {
  display:block;
  text-decoration:none;
- font-weight:normal;
+ font-weight:bold;
  color:#000;
- font-size:120%;
+ font-size:60%;
  outline:none;
  position:relative;
  z-index:2;
  text-shadow: 0 0 0 #fff; /* stupid Safari "fat" font rendering tweak */
+ padding-left: 38px;
+ background: url(../images/play.png) no-repeat left;
+}
+
+ul.ezt-playlist li.ezt-playing a {
+ background: url(../images/pause.png) no-repeat left;
 }
 
 ul.ezt-playlist li.ezt-playing,
@@ -271,7 +277,7 @@ ul.ezt-playlist li .ezt-controls .ezt-statusbar .ezt-loading {
 
 ul.ezt-playlist li.ezt-playing a.ezt-link,
 ul.ezt-playlist li.ezt-paused a.ezt-link {
- margin-right:4.5em; /* room for timing stuff */
+ margin-right:8.5em; /* room for timing stuff */
 }
 
 ul.ezt-playlist li .ezt-timing {
-- 
2.39.5