Tune editor

folkugat_web/assets/templates/fragments/tema/property.html

@@ -0,0 +1,27 @@
+<div id="tema-property-{{ property.id }}"
+     class="flex flex-row">
+  <div class="px-2">
+    <i>{{ property.field.value.capitalize() }}:</i>
+  </div>
+  <div>
+    {{ property.value }}
+  </div>
+
+  {% if logged_in %}
+  <div class="grow"></div>
+  <button title="Modifica la informació"
+          class="text-sm text-beige mx-1"
+          hx-get="/api/tema/{{ tema.id }}/editor/property/{{ property.id }}"
+          hx-target="#tema-property-{{ property.id }}"
+          hx-swap="outerHTML">
+    <i class="fa fa-pencil" aria-hidden="true"></i>
+  </button>
+  <button title="Esborra la informació"
+          class="text-sm text-beige mx-1"
+          hx-delete="/api/tema/{{ tema.id }}/property/{{ property.id }}"
+          hx-target="#tema-property-{{ property.id }}"
+          hx-swap="outerHTML">
+    <i class="fa fa-times" aria-hidden="true"></i>
+  </button>
+  {% endif %}
+</div>