Generate enclosure div only for audio & video (#567)

Generate enclosure div only for audio & video Fix #532 

Signed-off-by: brunob <bruno@eliaz.fr>
This commit is contained in:
b_b 2019-11-10 08:19:05 +01:00 committed by Benjamin Brahmer
parent 71cfef02bc
commit 44658773bf
2 changed files with 11 additions and 11 deletions

View File

@ -562,8 +562,7 @@
} }
#app-content .enclosure audio, #app-content .enclosure audio,
#app-content .enclosure video, #app-content .enclosure video {
#app-content .enclosure img {
width: 100%; width: 100%;
} }

View File

@ -130,18 +130,19 @@
</span> </span>
</div> </div>
<div class="enclosure" ng-if="item.enclosureLink"> <div class="enclosure" ng-if="Content.getMediaType(item.enclosureMime) == 'audio'">
<video controls preload="none" ng-if="Content.getMediaType(item.enclosureMime) =='video'" news-play-one ng-src="{{ item.enclosureLink|trustUrl }}" type="{{ item.enclosureMime }}"> <button ng-click="App.play(item)"><?php p($l->t('Play audio')) ?></button>
</video> <a class="button" ng-href="{{ item.enclosureLink|trustUrl }}" target="_blank" rel="noreferrer">
<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')) ?> <?php p($l->t('Download audio')) ?>
</a> </a>
</div> </div>
<div class="enclosure" ng-if="Content.getMediaType(item.enclosureMime) == 'video'">
<video controls preload="none" news-play-one ng-src="{{ item.enclosureLink|trustUrl }}" type="{{ item.enclosureMime }}">
</video>
<a class="button" ng-href="{{ item.enclosureLink|trustUrl }}" target="_blank" rel="noreferrer">
<?php p($l->t('Download video')) ?>
</a>
</div>
<div class="body" news-bind-html-unsafe="item.body" ng-attr-dir="{{item.rtl && 'rtl'}}"></div> <div class="body" news-bind-html-unsafe="item.body" ng-attr-dir="{{item.rtl && 'rtl'}}"></div>