source: Klonkt/src/views/partials/tl-tabs.ejs@ 72bf38f

main
Last change on this file since 72bf38f was 46f3dd6, checked in by Robin Genis <roboburr@…>, 3 months ago

feat(fediverse): split Tijdlijn (feed) from Volgend (following) + put Timeline in the menu

Phase 3 of the Cirkels-on-AP rework. /tijdlijn is now just the reading feed;
following management (follow box, follow list, auto-boost toggles) moves to a new
/volgend page. A shared tab nav switches between them. Timeline gets a top-bar
button next to the bell on desktop and a Tijdlijn entry in the mobile profile
sheet (both admin-only via canManageFedi). follow/unfollow/autoboost now redirect
to /volgend. nl/en/de.

Co-Authored-By: Claude <noreply@…>
  • Property mode set to 100644
File size: 1.2 KB
Line 
1<%# Tab nav between the fediverse Timeline (feed) and Volgend (following mgmt).
2 Param: active = 'feed' | 'following'. Both are owner/admin-only routes. %>
3<nav class="tl-tabs" aria-label="Fediverse">
4 <a href="/tijdlijn" class="tl-tab<%= (typeof active !== 'undefined' && active === 'feed') ? ' is-active' : '' %>"
5 hx-get="/tijdlijn?partial=1" hx-target="#pcms-main" hx-swap="innerHTML" hx-push-url="/tijdlijn" hx-indicator="#pcms-loading"><%= t('tl.tab_feed') %></a>
6 <a href="/volgend" class="tl-tab<%= (typeof active !== 'undefined' && active === 'following') ? ' is-active' : '' %>"
7 hx-get="/volgend?partial=1" hx-target="#pcms-main" hx-swap="innerHTML" hx-push-url="/volgend" hx-indicator="#pcms-loading"><%= t('tl.tab_following') %></a>
8</nav>
9<style>
10.tl-tabs { display: flex; gap: .25rem; margin: 0 0 1.25rem; border-bottom: 1px solid color-mix(in srgb, var(--ink, #000) 10%, transparent); }
11.tl-tab { padding: .5rem .9rem; text-decoration: none; color: var(--ink-soft, #888); font-weight: 600; border-bottom: 2px solid transparent; margin-bottom: -1px; }
12.tl-tab:hover { color: var(--ink, #000); }
13.tl-tab.is-active { color: var(--accent, #06c); border-bottom-color: var(--accent, #06c); }
14</style>
Note: See TracBrowser for help on using the repository browser.