Mercurial > libervia-templates
annotate sat_templates/templates/bulma/components/url_preview.html @ 413:0190a0d32909 default tip
Forum: Major redesign of forums:
Forums have been redesigned. They follow the new general design with 2 or 3 panels,
allowing to have directly a forum if one is found/set up, and a panel on the left to
search/discover other ones.
Categories have been rewritten to be usable with pubsub relationships, a XEP-0277 type
node is used for topics, and each item has a comments node for the threads.
The thread view is set in `forum/show_messages.html` template. It has a header with a
search box and a button to (un)subscribe.
Items are displayed with the same macros as for the blog items.
Below a room is set for editor, tags and attachments.
rel 463
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Fri, 05 Sep 2025 21:54:09 +0200 |
| parents | 941e4006ab6e |
| children |
| rev | line source |
|---|---|
| 364 | 1 |
| 2 {% if url_preview %} | |
| 3 | |
|
385
941e4006ab6e
bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents:
364
diff
changeset
|
4 <div id="url-preview" class="box my-2 url-preview has-background-light"> |
| 364 | 5 <div class="has-text-right"> |
| 6 <span class="tag is-dark is-rounded is-fullwidth-mobile has-text-centered-mobile mb-2"> | |
| 7 {% trans %}Preview{% endtrans %} | |
| 8 </span> | |
| 9 </div> | |
| 10 <article class="media"> | |
| 11 {% if url_preview.image %} | |
| 12 <figure class="media-left is-hidden-touch"> | |
| 13 <p class="image is-64x64"> | |
| 14 <img src="{{ url_preview.image }}" alt=""> | |
| 15 </p> | |
| 16 </figure> | |
| 17 {% endif %} | |
| 18 <div class="media-content"> | |
| 19 <div class="content"> | |
| 20 {% if url_preview.image %} | |
| 21 <p class="is-hidden-desktop"> | |
| 22 <img src="{{ url_preview.image }}" alt="" class="image is-64x64 mb-2"> | |
| 23 </p> | |
| 24 {% endif %} | |
| 25 <p> | |
| 26 <strong><a href="{{ url_preview.url }}" class="has-text-dark">{{ url_preview.title }}</a></strong> <br> | |
| 27 {% if url_preview.author_name %} | |
| 28 <small>{% trans %}By{% endtrans %} <a href="{{ url_preview.author_url }}">{{ url_preview.author_name }}</a></small> <br> | |
| 29 {% endif %} | |
| 30 {{ url_preview.description }} | |
| 31 </p> | |
| 32 | |
| 33 </div> | |
| 34 </div> | |
| 35 </article> | |
| 36 {% if url_preview.html %} | |
| 37 <div class="url-preview-iframe-container"> | |
| 38 <iframe class="url-preview-iframe" srcdoc="{{url_preview.html}}" frameborder="0" sandbox="{{'allow-scripts allow-same-origin' if url_preview.html_known}}"></iframe> | |
| 39 </div> | |
| 40 {% endif %} | |
| 41 | |
| 42 <footer class="content has-text-right"> | |
| 43 <a href="{{ url_preview.provider_url }}" class="has-text-grey">{% trans %}source:{% endtrans %} {{ url_preview.provider_name }}</a> | |
| 44 </footer> | |
| 45 </div> | |
| 46 {% endif %} |