From: olivier <>
Date: Mon, 13 Apr 2009 15:26:43 +0000 (+0000)
Subject: eztelemeta: add play/pause icon, reduce font size, force sound duration
X-Git-Tag: 1.1~671
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=3da1f84da3186ef9e38ab3a812a0aa4a080e2052;p=telemeta.git

eztelemeta: add play/pause icon, reduce font size, force sound duration
---

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 00000000..18112cc9
Binary files /dev/null and b/tools/eztelemeta/design/standard/images/pause.png differ
diff --git a/tools/eztelemeta/design/standard/images/play.png b/tools/eztelemeta/design/standard/images/play.png
new file mode 100644
index 00000000..09a895d1
Binary files /dev/null and b/tools/eztelemeta/design/standard/images/play.png differ
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 {