source: Klonkt/src/views/pages/favorites.ejs@ 230e446

main
Last change on this file since 230e446 was 535f955, checked in by roboburr <roboburr@…>, 3 months ago

feat: post likes + favourites page for logged-in users

  • New post_likes table (unique per post+user).
  • ♥ like button on the post (shared partial, htmx toggle via POST /posts/:id/like); shows the like count. Anonymous → button links to login.
  • /favorieten page (requireAuth) shows your liked posts (solo: own site, hub: across all sites with correct links). Link in account menu (sheet + topnav).

Co-Authored-By: Claude <noreply@…>
  • Property mode set to 100644
File size: 836 bytes
Line 
1<div class="container favorites-page">
2 <h1>Favorieten</h1>
3 <p class="fav-sub">Posts die je hebt geliket. Tik op het ♥ bij een post om 'm hier te bewaren.</p>
4
5 <% if (!posts || !posts.length) { %>
6 <p class="fav-empty">Je hebt nog geen favorieten. Open een post en tik op het hartje ♡.</p>
7 <% } else { %>
8 <ul class="post-list">
9 <% posts.forEach(function(p){ %>
10 <%- include('../partials/post-card', { post: p, siteUrlBase: (p._urlBase || '') }) %>
11 <% }); %>
12 </ul>
13 <% } %>
14</div>
15
16<style>
17 .favorites-page { max-width: 760px; margin: 3rem auto; padding: 0 1rem; }
18 .favorites-page h1 { font-family: var(--font-display, serif); font-size: 2rem; margin: 0 0 0.3rem; }
19 .fav-sub { color: var(--ink-muted); margin: 0 0 2rem; }
20 .fav-empty { color: var(--ink-muted); padding: 2rem 0; }
21</style>
Note: See TracBrowser for help on using the repository browser.