feat: Implement a new tag cloud with an alphabet filter, including dedicated templates, styles, and scripts.

shaarli-pro/linklist.html

@@ -48,7 +48,7 @@
 {if="$is_logged_in"}
 <div class="link-select-checkbox"><input type="checkbox" class="link-checkbox" data-id="{$value.id}"></div>
 {/if}
-{if="$value.thumbnail !== false"}<div class="link-thumbnail"><img src="{$root_path}/{$value.thumbnail}#" loading="lazy" alt="" style="width:100%;height:100%;object-fit:cover;"></div>{/if}
+{if="$value.thumbnail !== false"}<div class="link-thumbnail"><img src="{$root_path}/{$value.thumbnail}#" loading="lazy" alt="" style="width:100%;height:100%;object-fit:cover;" onerror="this.parentElement.style.display='none'"></div>{/if}
 <div class="link-visibility-badge">{if="$value.private"}<i class="mdi mdi-lock" title="Private"></i>{else}<i class="mdi mdi-lock-open-variant" title="Public"></i>{/if}</div>
 <div class="link-content">
 <div class="link-header">
@@ -75,11 +75,11 @@
 {/if}
 <!-- bouton plein écran (dans les 3 vues) -->
 <a href="#" class="view-desc-btn" data-id="{$value.id}" title="View Description"><i class="mdi mdi-fullscreen"></i></a>
+{loop="$value.link_plugin"}
+<span class="link-plugin">{$value}</span>
+{/loop}
 <a href="{$value.real_url}" target="_blank" rel="noopener" title="Open Link"><i class="mdi mdi-open-in-new"></i></a>
 </div>
-{loop="$value.link_plugin"}
-<div class="link-plugin">{$value}</div>
-{/loop}
 </div>
 </div>
 </div>
@@ -100,6 +100,14 @@
 </div>
 </div>
 
+<!-- {* ----- QR Code Modal ----- *} -->
+<div id="qrcode-modal" class="qrcode-modal-overlay">
+<div class="qrcode-modal-content">
+<button class="qrcode-modal-close" id="qrcode-modal-close">&times;</button>
+<div id="qrcode-modal-body"></div>
+</div>
+</div>
+
 {include="page.footer"}
 </body>