Ross
24 lines
1.1 KiB
HTML
24 lines
1.1 KiB
HTML
<article class="box card-item" id="card-{{ card.pk }}">
|
|
<div class="media">
|
|
<div class="media-content">
|
|
<p class="title is-5">{{ card.name }}</p>
|
|
<p class="subtitle is-7"><strong>Era:</strong> {{ card.get_era_display }} — <strong>Diet:</strong> {{ card.get_diet_display }}</p>
|
|
</div>
|
|
</div>
|
|
<div class="content">
|
|
<div>{{ card.description|linebreaksbr }}</div>
|
|
<table class="table is-fullwidth is-narrow">
|
|
<tbody>
|
|
<tr><th>Speed</th><td>{{ card.speed }}</td></tr>
|
|
<tr><th>Weight</th><td>{{ card.weight }}</td></tr>
|
|
<tr><th>Intelligence</th><td>{{ card.intelligence }}</td></tr>
|
|
<tr><th>Height</th><td>{{ card.height }}</td></tr>
|
|
</tbody>
|
|
</table>
|
|
<div class="buttons">
|
|
<button class="button is-small is-info" hx-get="{% url 'cards:edit' card.pk %}" hx-target="#htmx-form" hx-swap="innerHTML">Edit</button>
|
|
<button class="button is-small is-danger" hx-post="{% url 'cards:delete' card.pk %}" hx-confirm="Delete this card?" hx-swap="none">Delete</button>
|
|
</div>
|
|
</div>
|
|
</article>
|