David Heinemeier Hansson
b8775d41f5
Reveals all the container elements and perma wasnt used elsewhere.
44 lines
1.8 KiB
Plaintext
44 lines
1.8 KiB
Plaintext
<section id="<%= dom_id(card, :card_container) %>"
|
|
class="card-perma <%= "card-perma--pointing" unless card.published? %>" style="--card-color: <%= card.color %>;">
|
|
<%= render "cards/container/engagement", card: card %>
|
|
|
|
<aside class="card-perma__actions card-perma__actions--left" role="toolbar">
|
|
<%= render "cards/container/gild", card: card if card.doing? %>
|
|
<%= render "cards/container/image", card: card %>
|
|
|
|
<%= button_to_delete_card(card) %>
|
|
</aside>
|
|
|
|
<div class="card-perma__bg">
|
|
<%= card_article_tag card, class: "card" do %>
|
|
<header class="card__header flex align-center gap min-width">
|
|
<%= link_to card.collection.name, cards_path(collection_ids: [ card.collection ]),
|
|
class: "card__collection txt-uppercase overflow-ellipsis txt-reversed" %>
|
|
|
|
<%= render "cards/display/perma/tags", card: card %>
|
|
</header>
|
|
|
|
<div class="card__body flex gap full-width flex-item-grow">
|
|
<%= render "cards/container/title", card: card %>
|
|
<%= render "cards/stagings/stages", card: card if card.doing? %>
|
|
</div>
|
|
|
|
<footer class="card__footer full-width flex align-start gap">
|
|
<%= render "cards/display/perma/meta", card: card %>
|
|
</footer>
|
|
|
|
<%= render "cards/display/common/background", card: card %>
|
|
<% end %>
|
|
</div>
|
|
|
|
<% if card.published? %>
|
|
<%# FIXME: Let's move this aside outside of the card container section so these frames don't reload/flicker when card is replaced %>
|
|
<aside class="card-perma__actions card-perma__actions--right" role="toolbar">
|
|
<%= turbo_frame_tag card, :watch, src: card_watch_path(card) %>
|
|
<%= turbo_frame_tag card, :pin, src: card_pin_path(card) %>
|
|
</aside>
|
|
|
|
<%= render "cards/container/closure", card: card %>
|
|
<% end %>
|
|
</section>
|