Ross
82 lines
2.5 KiB
HTML
82 lines
2.5 KiB
HTML
<div class="card-form card">
|
|
{% if card %}
|
|
<form method="post" enctype="multipart/form-data" action="{% url 'cards:edit' card.pk %}" hx-post="{% url 'cards:edit' card.pk %}" hx-target="#card-{{ card.pk }}" hx-swap="outerHTML">
|
|
{% else %}
|
|
<form method="post" enctype="multipart/form-data" action="{% url 'cards:create' %}" hx-post="{% url 'cards:create' %}" hx-target="#cards-list .grid" hx-swap="afterbegin">
|
|
{% endif %}
|
|
{% csrf_token %}
|
|
{{ form.non_field_errors }}
|
|
<div class="field">
|
|
<label class="label">{{ form.name.label }}</label>
|
|
<div class="control">
|
|
{{ form.name }}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="field is-horizontal">
|
|
<div class="field-body">
|
|
<div class="field">
|
|
<label class="label">{{ form.era.label }}</label>
|
|
<div class="control">
|
|
<div class="select is-fullwidth">{{ form.era }}</div>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<label class="label">{{ form.diet.label }}</label>
|
|
<div class="control">
|
|
<div class="select is-fullwidth">{{ form.diet }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<label class="label">{{ form.description.label }}</label>
|
|
<div class="control">
|
|
{{ form.description }}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<label class="label">{{ form.image.label }}</label>
|
|
<div class="control">
|
|
<div class="file has-name">
|
|
<label class="file-label">
|
|
{{ form.image }}
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="field is-horizontal">
|
|
<div class="field-body">
|
|
<div class="field">
|
|
<label class="label">{{ form.speed.label }}</label>
|
|
<div class="control">{{ form.speed }}</div>
|
|
</div>
|
|
<div class="field">
|
|
<label class="label">{{ form.weight.label }}</label>
|
|
<div class="control">{{ form.weight }}</div>
|
|
</div>
|
|
<div class="field">
|
|
<label class="label">{{ form.intelligence.label }}</label>
|
|
<div class="control">{{ form.intelligence }}</div>
|
|
</div>
|
|
<div class="field">
|
|
<label class="label">{{ form.height.label }}</label>
|
|
<div class="control">{{ form.height }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="field is-grouped">
|
|
<div class="control">
|
|
<button class="button is-primary" type="submit">Save</button>
|
|
</div>
|
|
<div class="control">
|
|
<button class="button is-light" type="button" onclick="document.getElementById('htmx-form').innerHTML=''">Cancel</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|