Shaarli_bm_theme/shaarli-pro/linklist_new.html
2026-01-13 15:35:11 -05:00

55 lines
2.0 KiB
HTML

<!DOCTYPE html>
<html{if="$language !== 'auto'"} lang="{$language}"{/if}>
<head>
{$pageName="linklist"}
{include="includes"}
</head>
<body>
{include="page.header"}
<div id="linklist">
{loop="$plugin_start_zone"}
{$value}
{/loop}
<!-- Toolbar with View Toggle -->
<div class="content-toolbar">
<div class="toolbar-left">
{include="linklist.paging"}
</div>
<div class="toolbar-right">
<div class="view-toggle">
<button class="view-toggle-btn active" id="view-grid-btn" title="Grid View">
<i class="mdi mdi-view-grid"></i>
</button>
<button class="view-toggle-btn" id="view-list-btn" title="List View">
<i class="mdi mdi-view-list"></i>
</button>
<button class="view-toggle-btn" id="view-compact-btn" title="Compact View">
<i class="mdi mdi-view-headline"></i>
</button>
</div>
</div>
</div>
{if="count($links)==0"}
<div class="empty-state">
<div class="empty-state-icon">
<i class="mdi mdi-bookmark-off-outline"></i>
</div>
<h2 class="empty-state-title">No bookmarks found</h2>
<p class="empty-state-text">
{if="!empty($search_term)"}
No results for: <strong>{$search_term}</strong>
{else}
Start adding bookmarks to see them here.
{/if}
</p>
</div>
{else}
<div class="links-list view-grid" id="links-list">
{loop="$links"}
<div id="{$value.id}" class="link-outer{if="isset($value.sticky) && $value.sticky"} is-sticky{/if}{if="$value.class"} {$value.class}{/if}{if="$value.private"} private{else} public{/if}" data-id="{$value.id}">