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 93c16e6612c058af23452aaab075726e65fe33fc..57c418b300575474e397852026884bd07d46bc87 100755 (executable)
--- 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 (file)
index 0000000..18112cc
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 (file)
index 0000000..09a895d
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 ffe3b62540aa0eb118bb220f34d9dccd2701d4a5..6039b92e9f3766acf19b36446c67822c84c1ebf4 100644 (file)
--- 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) {
     }\r
   }\r
   var oDuration = pl.getElementsByClassName('ezt-duration','div',oLI);\r
+  console.log(oDuration);\r
   this.data.givenDuration = (oDuration.length?self.strToTime(oDuration[0].innerHTML)*1000:0);\r
   for (i=0; i<this.data.length; i++) {\r
     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;\r

diff --git a/tools/eztelemeta/design/standard/override/templates/embed/eztelemetaitem.tpl b/tools/eztelemeta/design/standard/override/templates/embed/eztelemetaitem.tpl
index 452951df5e51e97868673f649ddc4d1883fec026..e78518ace8ccac8e82620f4e6e6e7949e7ebb8bc 100755 (executable)
--- 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 2a25df8eccc8ff26eeeb2c72d8ab979fd34d6304..6f5366b0e0f8fffd81f78cf17f6c0ea528b99133 100644 (file)
--- 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 {\r
  display:block;\r
  text-decoration:none;\r
- font-weight:normal;\r
+ font-weight:bold;\r
  color:#000;\r
- font-size:120%;\r
+ font-size:60%;\r
  outline:none;\r
  position:relative;\r
  z-index:2;\r
  text-shadow: 0 0 0 #fff; /* stupid Safari "fat" font rendering tweak */\r
+ padding-left: 38px;\r
+ background: url(../images/play.png) no-repeat left;\r
+}\r
+\r
+ul.ezt-playlist li.ezt-playing a {\r
+ background: url(../images/pause.png) no-repeat left;\r
 }\r
 \r
 ul.ezt-playlist li.ezt-playing,\r
@@ -271,7 +277,7 @@ ul.ezt-playlist li .ezt-controls .ezt-statusbar .ezt-loading {
 \r
 ul.ezt-playlist li.ezt-playing a.ezt-link,\r
 ul.ezt-playlist li.ezt-paused a.ezt-link {\r
- margin-right:4.5em; /* room for timing stuff */\r
+ margin-right:8.5em; /* room for timing stuff */\r
 }\r
 \r
 ul.ezt-playlist li .ezt-timing {\r