Ross
26 lines
1.3 KiB
HTML
26 lines
1.3 KiB
HTML
<div id="backgrounds-list">
|
|
<div class="columns is-multiline">
|
|
{% for bg in backgrounds %}
|
|
<div class="column is-3-desktop is-4-tablet is-6-mobile" id="background-{{ bg.pk }}">
|
|
<article class="box">
|
|
<div style="height:140px; background-image:url('{{ bg.image.url }}'); background-size:cover; background-position:center; border-radius:4px;"></div>
|
|
<div style="margin-top:0.5rem">
|
|
<strong>{{ bg.title }}</strong>
|
|
<div class="is-size-7">Uploaded {{ bg.uploaded_at }}</div>
|
|
<div class="buttons" style="margin-top:0.5rem">
|
|
{% if not bg.is_active %}
|
|
<button class="button is-small" hx-post="{% url 'cards:background_activate' bg.pk %}" hx-swap="outerHTML" hx-target="#backgrounds-list">Set active</button>
|
|
{% else %}
|
|
<span class="tag is-success">Active</span>
|
|
{% endif %}
|
|
<button class="button is-small is-danger" hx-post="{% url 'cards:background_delete' bg.pk %}" hx-confirm="Delete this background?" hx-target="#background-{{ bg.pk }}" hx-swap="outerHTML">Delete</button>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
{% empty %}
|
|
<div class="notification is-warning">No backgrounds yet — upload one!</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|