Search by properties

folkugat_web/assets/templates/fragments/temes/results.html

@@ -12,6 +12,38 @@
       <i>{{ query }}</i>
     </button>
   {% endif %}
+  <ul class="flex flex-wrap justify-center my-4">
+    {% for property in properties %}
+      <li>
+        <button class="bg-beige rounded
+                       text-white
+                       m-1 px-2"
+                 hx-get="/api/content/temes"
+                 hx-target="#content"
+                 hx-include="[name=query]"
+                 hx-vars="properties:{{ remove_property_str(property) }}"
+                 hx-swap="innerHTML"
+                 >
+          {{ property }}
+        </button>
+      </li>
+    {% endfor %}
+    {% for property in property_results %}
+      <li>
+        <button class="border border-beige  rounded
+                       text-white
+                       m-1 px-2"
+                 hx-get="/api/content/temes"
+                 hx-target="#content"
+                 hx-vars="properties:{{ add_property_str(property) }}"
+                 hx-swap="innerHTML"
+                 >
+          {{ property }}
+        </button>
+      </li>
+    {% endfor %}
+  </ul>
+  <hr class="h-px mt-1 mb-3 bg-beige border-0">
   <ul class="min-w-full w-full">
     {% for tema in temes %}
       {% include "fragments/temes/result.html" %}