c18ddc3ddc
Remove line breaks and indentation around links text: At least Chrome/Firefox on Windows add the white space(s) from the HTML Code to the link text, which results in "jumping" labels. The behaviour can be observed with the Hello Theme while toggling the bookmark status.
129 lines
5.7 KiB
PHP
129 lines
5.7 KiB
PHP
<?php if (empty($item)): ?>
|
|
<p class="alert alert-info"><?= t('Item not found') ?></p>
|
|
<?php else: ?>
|
|
<article
|
|
class="item"
|
|
id="current-item"
|
|
data-item-id="<?= $item['id'] ?>"
|
|
data-item-status="<?= $item['status'] ?>"
|
|
data-item-bookmark="<?= $item['bookmark'] ?>"
|
|
data-item-page="<?= $menu ?>"
|
|
>
|
|
|
|
<?php if (isset($item_nav)): ?>
|
|
<nav class="top hide-desktop">
|
|
<span class="nav-left">
|
|
<?php if ($item_nav['previous']): ?>
|
|
<a href="?action=show&menu=<?= $menu ?>&id=<?= $item_nav['previous']['id'] ?>" id="previous-item" title="<?= Helper\escape($item_nav['previous']['title']) ?>">« <?= t('Previous') ?></a>
|
|
<?php else: ?>
|
|
« <?= t('Previous') ?>
|
|
<?php endif ?>
|
|
</span>
|
|
|
|
<span class="nav-right">
|
|
<?php if ($item_nav['next']): ?>
|
|
<a href="?action=show&menu=<?= $menu ?>&id=<?= $item_nav['next']['id'] ?>" id="next-item" title="<?= Helper\escape($item_nav['next']['title']) ?>"><?= t('Next') ?> »</a>
|
|
<?php else: ?>
|
|
<?= t('Next') ?> »
|
|
<?php endif ?>
|
|
</span>
|
|
</nav>
|
|
<?php endif ?>
|
|
|
|
<h1 <?= Helper\isRTL($item + array('rtl' => $feed['rtl'])) ? 'dir="rtl"' : '' ?>>
|
|
<a href="<?= $item['url'] ?>" rel="noreferrer" target="_blank" id="original-<?= $item['id'] ?>"><?= Helper\escape($item['title']) ?></a>
|
|
</h1>
|
|
|
|
<ul class="item-infos">
|
|
<li>
|
|
<?php if ($item['bookmark']): ?>
|
|
<a
|
|
id="bookmark-<?=$item['id'] ?>"
|
|
href="?action=bookmark&value=0&id=<?= $item['id'] ?>&source=show&menu=<?= $menu ?>"
|
|
title="<?= t('remove bookmark') ?>"
|
|
class="bookmark-icon"
|
|
data-action="bookmark"
|
|
data-item-id="<?= $item['id'] ?>"
|
|
>★</a>
|
|
<?php else: ?>
|
|
<a
|
|
id="bookmark-<?=$item['id'] ?>"
|
|
href="?action=bookmark&value=1&id=<?= $item['id'] ?>&source=show&menu=<?= $menu ?>"
|
|
title="<?= t('bookmark') ?>"
|
|
class="bookmark-icon"
|
|
data-action="bookmark"
|
|
data-item-id="<?= $item['id'] ?>"
|
|
>☆</a>
|
|
<?php endif ?>
|
|
</li>
|
|
<li>
|
|
<a href="?action=feed-items&feed_id=<?= $feed['id'] ?>"><?= Helper\escape($feed['title']) ?></a>
|
|
</li>
|
|
<li class="hide-mobile">
|
|
<span title="<?= dt('%e %B %Y %k:%M', $item['updated']) ?>"><?= Helper\relative_time($item['updated']) ?></span>
|
|
</li>
|
|
<?php if ($item['enclosure']): ?>
|
|
<li>
|
|
<a href="<?= $item['enclosure'] ?>" rel="noreferrer" target="_blank"><?= t('attachment') ?></a>
|
|
</li>
|
|
<?php endif ?>
|
|
<li>
|
|
<a
|
|
href="?action=mark-item-unread&id=<?= $item['id'] ?>&redirect=unread"
|
|
><?= t('mark as unread') ?></a>
|
|
</li>
|
|
<li class="hide-mobile">
|
|
<span id="download-item"
|
|
data-item-id="<?= $item['id'] ?>"
|
|
data-failure-message="<?= t('unable to fetch content') ?>"
|
|
data-before-message="<?= t('in progress...') ?>"
|
|
data-after-message="<?= t('content downloaded') ?>">
|
|
<a href="#" data-action="download-item"><?= t('download content') ?></a>
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
|
|
<div id="item-content" <?= Helper\isRTL($item + array('rtl' => $feed['rtl'])) ? 'dir="rtl"' : '' ?>>
|
|
|
|
<?php if ($item['enclosure']): ?>
|
|
<div id="item-content-enclosure">
|
|
<?php if (strpos($item['enclosure_type'], 'audio') !== false): ?>
|
|
<audio controls>
|
|
<source src="<?= $item['enclosure'] ?>" type="<?= $item['enclosure_type'] ?>">
|
|
</audio>
|
|
<?php elseif (strpos($item['enclosure_type'], 'video') !== false): ?>
|
|
<video controls>
|
|
<source src="<?= $item['enclosure'] ?>" type="<?= $item['enclosure_type'] ?>">
|
|
</video>
|
|
<?php elseif (strpos($item['enclosure_type'], 'image') !== false): ?>
|
|
<img src="<?= $item['enclosure'] ?>" alt="enclosure"/>
|
|
<?php endif ?>
|
|
</div>
|
|
<?php endif ?>
|
|
|
|
<?= $item['content'] ?>
|
|
</div>
|
|
|
|
<?php if (isset($item_nav)): ?>
|
|
<nav class="bottom">
|
|
<span class="nav-left">
|
|
<?php if ($item_nav['previous']): ?>
|
|
<a href="?action=show&menu=<?= $menu ?>&id=<?= $item_nav['previous']['id'] ?>" id="previous-item" title="<?= Helper\escape($item_nav['previous']['title']) ?>">« <?= t('Previous') ?></a>
|
|
<?php else: ?>
|
|
« <?= t('Previous') ?>
|
|
<?php endif ?>
|
|
</span>
|
|
|
|
<span class="nav-right">
|
|
<?php if ($item_nav['next']): ?>
|
|
<a href="?action=show&menu=<?= $menu ?>&id=<?= $item_nav['next']['id'] ?>" id="next-item" title="<?= Helper\escape($item_nav['next']['title']) ?>"><?= t('Next') ?> »</a>
|
|
<?php else: ?>
|
|
<?= t('Next') ?> »
|
|
<?php endif ?>
|
|
</span>
|
|
</nav>
|
|
<?php endif ?>
|
|
</article>
|
|
|
|
<?php endif ?>
|