45 lines
3.0 KiB
HTML
45 lines
3.0 KiB
HTML
<div id="attribute-{{ attribute.attribute_id }}"
|
|
class="group flex items-center px-3 py-1 bg-white border border-gray-200 rounded-lg shadow-sm hover:border-cyan-300 transition-all">
|
|
{% if is_edit %}
|
|
<form hx-put="{{ url_for('exercises.update_attribute', attribute_id=attribute.attribute_id) }}"
|
|
hx-target="#attribute-{{ attribute.attribute_id }}" hx-swap="outerHTML" class="flex items-center space-x-2">
|
|
<input type="text" name="name" value="{{ attribute.name }}"
|
|
class="text-xs font-semibold text-gray-700 bg-gray-50 border-none p-0 focus:ring-0 w-20" autofocus
|
|
onfocus="this.select()">
|
|
<button type="submit" class="text-green-600 hover:text-green-700">
|
|
<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M5 13l4 4L19 7"></path>
|
|
</svg>
|
|
</button>
|
|
<button type="button" hx-get="{{ url_for('exercises.update_attribute', attribute_id=attribute.attribute_id) }}"
|
|
hx-target="#attribute-{{ attribute.attribute_id }}" hx-swap="outerHTML"
|
|
class="text-gray-400 hover:text-gray-600">
|
|
<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M6 18L18 6M6 6l12 12"></path>
|
|
</svg>
|
|
</button>
|
|
</form>
|
|
{% else %}
|
|
<span class="text-xs font-medium text-gray-700 mr-2">{{ attribute.name }}</span>
|
|
<div class="hidden group-hover:flex items-center space-x-1 ml-auto">
|
|
<button hx-get="{{ url_for('exercises.update_attribute', attribute_id=attribute.attribute_id) }}?is_edit=true"
|
|
hx-target="#attribute-{{ attribute.attribute_id }}" hx-swap="outerHTML"
|
|
class="p-1 text-gray-400 hover:text-cyan-600 transition-colors">
|
|
<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z">
|
|
</path>
|
|
</svg>
|
|
</button>
|
|
<button hx-delete="{{ url_for('exercises.update_attribute', attribute_id=attribute.attribute_id) }}"
|
|
hx-target="#attribute-{{ attribute.attribute_id }}" hx-swap="outerHTML" hx-confirm="Delete this attribute?"
|
|
class="p-1 text-gray-400 hover:text-red-600 transition-colors">
|
|
<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16">
|
|
</path>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
{% endif %}
|
|
</div> |