mirror of
https://github.com/svemagie/indiekit-endpoint-microsub.git
synced 2026-04-02 15:35:00 +02:00
4a87773d7f
- Namespace all plugin CSS classes with ms- prefix (20 BEM blocks) - Update all 19 templates to match prefixed class names - Replace visually-hidden with -!-visually-hidden (core convention) - Remove inline onerror handlers from avatar/photo images - Remove dead source-type SVG icons (Fediverse/Bluesky/Web) Confab-Link: http://localhost:8080/sessions/bb4a6ec4-b711-48cd-b3d7-942ec2a9851d
53 lines
1.9 KiB
Plaintext
53 lines
1.9 KiB
Plaintext
{% extends "layouts/reader.njk" %}
|
|
|
|
{% block reader %}
|
|
<div class="ms-deck">
|
|
<header class="ms-deck__header">
|
|
<h1>{{ __("microsub.views.deck") }}</h1>
|
|
<a href="{{ baseUrl }}/deck/settings" class="button button--secondary button--small">
|
|
Configure columns
|
|
</a>
|
|
</header>
|
|
|
|
{% if columns.length > 0 %}
|
|
<div class="ms-deck__columns">
|
|
{% for col in columns %}
|
|
<div class="ms-deck__column" data-channel-uid="{{ col.channel.uid }}">
|
|
<div class="ms-deck__column-header" style="border-top: 3px solid {{ col.channel.color or '#ccc' }}">
|
|
<a href="{{ baseUrl }}/channels/{{ col.channel.uid }}" class="ms-deck__column-name">
|
|
{{ col.channel.name }}
|
|
</a>
|
|
{% if col.channel.unread %}
|
|
<span class="ms-reader__channel-badge{% if col.channel.unread === true %} ms-reader__channel-badge--dot{% endif %}">
|
|
{% if col.channel.unread !== true %}{{ col.channel.unread }}{% endif %}
|
|
</span>
|
|
{% endif %}
|
|
</div>
|
|
<div class="ms-deck__column-items">
|
|
{% for item in col.items %}
|
|
{% include "partials/item-card-compact.njk" %}
|
|
{% endfor %}
|
|
{% if col.items.length === 0 %}
|
|
<p class="ms-deck__column-empty">No unread items</p>
|
|
{% endif %}
|
|
{% if col.paging and col.paging.after %}
|
|
<a href="{{ baseUrl }}/channels/{{ col.channel.uid }}"
|
|
class="ms-deck__column-more button button--secondary button--small">
|
|
View more
|
|
</a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% else %}
|
|
<div class="ms-reader__empty">
|
|
<p>No columns configured. Add channels to your deck.</p>
|
|
<a href="{{ baseUrl }}/deck/settings" class="button button--primary">
|
|
Configure deck
|
|
</a>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
{% endblock %}
|