Changeset c745659 in Klonkt for src/views/partials


Ignore:
Timestamp:
06/26/2026 11:25:14 PM (2 months ago)
Author:
Robin Genis <roboburr@…>
Branches:
main
Children:
3289a64
Parents:
eacd3d6
Message:

feat(fedi): comment boost is a toggle with state + coloured action icons

Inbound fediverse comments: the owner like/boost/reply controls are now coloured SVG
icons (gold star / green repeat / accent arrow), matching the News feed. Boost is a
real toggle — ap_interactions.acted_boost remembers what you boosted, the button shows
an 'on' state, and clicking again retracts it (Undo Announce). Like stays fire-and-forget
(no unlike in AS).

File:
1 edited

Legend:

Unmodified
Added
Removed

  • src/views/partials/fedi-node.ejs

    reacd3d6 rc745659  
    2222        <input type="hidden" name="interaction_id" value="<%= n.id %>">
    2323        <input type="hidden" name="kind" value="like">
    24         <button type="submit" class="comment-reply-btn">⭐ <%= t('fedi.like_short') %></button>
     24        <button type="submit" class="fedi-cact fedi-cact-like" title="<%= t('fedi.like_short') %>" aria-label="<%= t('fedi.like_short') %>"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2.6l2.9 5.88 6.49.95-4.7 4.58 1.11 6.46L12 17.96l-5.8 3.06 1.1-6.46-4.69-4.58 6.49-.95z"/></svg></button>
    2525      </form>
    2626      <form method="post" action="<%= _base %>/posts/<%= postSlug %>/fedi-react" class="fedi-owner-react">
    2727        <input type="hidden" name="interaction_id" value="<%= n.id %>">
    2828        <input type="hidden" name="kind" value="boost">
    29         <button type="submit" class="comment-reply-btn">🔁 <%= t('fedi.boost_short') %></button>
     29        <button type="submit" class="fedi-cact fedi-cact-boost<%= n.acted_boost ? ' is-on' : '' %>" title="<%= n.acted_boost ? t('tl.unboost') : t('fedi.boost_short') %>" aria-label="<%= n.acted_boost ? t('tl.unboost') : t('fedi.boost_short') %>"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg></button>
    3030      </form>
    3131      <details class="fedi-owner-reply">
    32         <summary class="comment-reply-btn">
    33           <svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="9 17 4 12 9 7"/><path d="M20 18v-2a4 4 0 0 0-4-4H4"/></svg>
    34           <%= t('fedi.remote_reply_short') %>
    35         </summary>
     32        <summary class="fedi-cact fedi-cact-reply" title="<%= t('fedi.remote_reply_short') %>" aria-label="<%= t('fedi.remote_reply_short') %>"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="9 17 4 12 9 7"/><path d="M20 18v-2a4 4 0 0 0-4-4H4"/></svg></summary>
    3633        <form method="post" action="<%= _base %>/posts/<%= postSlug %>/fedi-reply" class="comment-reply-form">
    3734          <input type="hidden" name="interaction_id" value="<%= n.id %>">
Note: See TracChangeset for help on using the changeset viewer.