From ee3d2332ec97487893ae5f1f46b599c550b25eb6 Mon Sep 17 00:00:00 2001
From: Bernhard Posselt <dev@bernhard-posselt.com>
Date: Mon, 30 Mar 2015 16:20:05 +0200
Subject: fix #156

---
 templates/index.php        | 11 +++++++++++
 templates/part.content.php | 28 +++++++++++-----------------
 2 files changed, 22 insertions(+), 17 deletions(-)

(limited to 'templates')

diff --git a/templates/index.php b/templates/index.php
index 8df71076f..7d9d69297 100644
--- a/templates/index.php
+++ b/templates/index.php
@@ -60,6 +60,9 @@ foreach (Plugin::getScripts() as $appName => $fileName) {
     </div>
 
     <!-- content -->
+    <script type="text/ng-template" id="audio.html">
+        <?php print_unescaped($this->inc('part.content.audio')) ?>
+    </script>
     <script type="text/ng-template" id="articleaction.html">
         <?php print_unescaped($this->inc('part.content.articleaction')) ?>
     </script>
@@ -81,6 +84,14 @@ foreach (Plugin::getScripts() as $appName => $fileName) {
         }"
         tabindex="-1"
         news-pull-to-refresh="showPullToRefresh">
+        <div class="podcast" news-sticky-menu="#app-content" ng-if="App.playingItem">
+            <audio controls autoplay ng-src="{{ App.playingItem.enclosureLink|trustUrl }}" news-play-one></audio>
+            <a class="button podcast-download" title="<?php p($l->t('Download')) ?>"
+                ng-href="{{ App.playingItem.enclosureLink|trustUrl }}"
+                target="_blank"></a>
+            <button class="podcast-close" title="<?php p($l->t('Close')) ?>"
+                ng-click="App.playingItem = false"></button>
+        </div>
         <div id="app-content-wrapper"
             ng-class="{
                 'autopaging': App.loading.isLoading('autopaging'),
diff --git a/templates/part.content.php b/templates/part.content.php
index 6454adb4e..d15b9124c 100644
--- a/templates/part.content.php
+++ b/templates/part.content.php
@@ -125,26 +125,20 @@
                     </span>
                 </div>
 
-
-
                 <div class="enclosure" ng-if="item.enclosureLink">
-                    <news-enclosure type="{{ ::item.enclosureMime }}"
-                                link="{{ ::item.enclosureLink }}">
-                        <p class="enclosure-error">
-                            <?php
-                                p($l->t('Browser can not play media type'))
-                            ?>: {{ ::item.enclosureMime }}
-                        </p>
-                        <a class="button"
-                           ng-href="{{ ::item.enclosureLink | trustUrl }}"
-                           target="_blank"
-                           rel="noreferrer"
-                           >
-                            <?php p($l->t('Download')) ?>
-                        </a>
-                    </news-enclosure>
+                    <video controls preload="none" ng-if="Content.getMediaType(item.enclosureMime) =='video'" news-play-one>
+                        <source ng-src="{{ item.enclosureLink|trustUrl }}" type="{{ item.enclosureMime }}">
+                    </video>
+                    <button ng-if="Content.getMediaType(item.enclosureMime) == 'audio'" ng-click="App.play(item)"><?php p($l->t('Play audio')) ?></button>
+                    <a ng-show="Content.getMediaType(item.enclosureMime) =='video'" class="button" ng-href="{{ item.enclosureLink|trustUrl }}" target="_blank" rel="noreferrer">
+                        <?php p($l->t('Download video')) ?>
+                    </a>
+                    <a ng-show="Content.getMediaType(item.enclosureMime) =='audio'" class="button" ng-href="{{ item.enclosureLink|trustUrl }}" target="_blank" rel="noreferrer">
+                        <?php p($l->t('Download audio')) ?>
+                    </a>
                 </div>
 
+
                 <div class="body" news-bind-html-unsafe="item.body"></div>
 
             </div>
-- 
cgit v1.2.3