118 lines
4.9 KiB
HTML

<!DOCTYPE html>
<html{if="$language !== 'auto'"} lang="{$language}"{/if}>
<head>
{$pageName="daily"}
{include="includes"}
</head>
<body class="dark-toolbar">
{include="page.header"}
<div class="daily">
<div class="daily-topbar">
<div class="daily-topbar-left">
<i class="mdi mdi-compass-outline" aria-hidden="true"></i>
<span>{'Time navigation'|t}</span>
</div>
<div class="daily-topbar-tabs" role="group" aria-label="{'Daily / Weekly / Monthly'|t}">
<a class="daily-tab {if="array_key_exists('day', $_GET) || (!array_key_exists('week', $_GET) && !array_key_exists('month', $_GET))"}is-active{else}is-inactive{/if}" href="{$base_path}/daily?day" title="{'Daily'|t}">{'Daily'|t}</a>
<a class="daily-tab {if="array_key_exists('week', $_GET)"}is-active{else}is-inactive{/if}" href="{$base_path}/daily?week" title="{'Weekly'|t}">{'Weekly'|t}</a>
<a class="daily-tab {if="array_key_exists('month', $_GET)"}is-active{else}is-inactive{/if}" href="{$base_path}/daily?month" title="{'Monthly'|t}">{'Monthly'|t}</a>
</div>
</div>
<div id="plugin_zone_start_picwall" class="plugin_zone">
{loop="$plugin_start_zone"}
{$value}
{/loop}
</div>
<div class="daily-toolbar">
<div class="daily-toolbar-label">
<i class="mdi mdi-clock-outline" aria-hidden="true"></i>
<span>{'Time navigation'|t}</span>
</div>
<div class="daily-toolbar-nav">
<a {if="$previousday"}href="{$base_path}/daily?{$type}={$previousday}"{else}href="#"{/if} class="daily-nav-btn" {if="!$previousday"}disabled{/if}>
<i class="mdi mdi-arrow-left"></i>
{function="t('Previous :type', '', 1, 'shaarli', [':type' => t($type)], true)"}
</a>
<span class="daily-current-date">{$dayDesc}</span>
<a {if="$nextday"}href="{$base_path}/daily?{$type}={$nextday}"{else}href="#"{/if} class="daily-nav-btn" {if="!$nextday"}disabled{/if}>
{function="t('Next :type', '', 1, 'shaarli', [':type' => t($type)], true)"}
<i class="mdi mdi-arrow-right"></i>
</a>
</div>
<a class="daily-calendar-btn" href="{$base_path}/daily" title="{'Calendar'|t}">
<i class="mdi mdi-calendar" aria-hidden="true"></i>
<span>{'Calendar'|t}</span>
</a>
</div>
<div id="plugin_zone_about_daily" class="plugin_zone">
{loop="$daily_about_plugin"}
{$value}
{/loop}
</div>
{if="$linksToDisplay"}
<div class="daily-grid clearfix" data-columns>
{loop="$linksToDisplay"}
{$link=$value}
<div class="daily-item">
<div class="daily-card">
<a href="{$link.real_url}" class="daily-item-header ripple ripple-primary">
{$link.title}
</a>
{if="$thumbnails_enabled && !empty($link.thumbnail)"}
<div class="daily-item-image" style="background-image: url({$root_path}/{$link.thumbnail}#)"></div>
{/if}
{if="$link.formatedDescription"}
<div class="daily-item-body">
{$link.formatedDescription}
</div>
{/if}
<div class="daily-item-footer clearfix">
{if="!$hide_timestamps || $is_logged_in"}
<a href="{$base_path}/shaare/{$value.shorturl}" class="daily-item-footer-subtitle" title="{'Permalink'|t}">
{if="$type === 'week'"}
{function="date('D j M, H:i', $link.timestamp)"}
{else}
{if="$type === 'month'"}
{function="date('D j M Y, H:i', $link.timestamp)"}
{else}
{function="date('H:i', $link.timestamp)"}
{/if}
{/if}
</a>
{/if}
{if="$link.tags"}
<div class="daily-item-tags">
{$tags=implode(', ', $link['taglist'])}
{$tags}
</div>
{/if}
<div>
{loop="$link.link_plugin"}
{$value}
{/loop}
</div>
</div>
</div>
</div>
{/loop}
</div>
{else}
<div>No articles on this day.</div>
{/if}
<div id="plugin_zone_end_picwall" class="plugin_zone">
{loop="$plugin_end_zone"}
{$value}
{/loop}
</div>
</div>
{include="page.footer"}
</body>
</html>