Initial commit

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

@@ -0,0 +1,24 @@
+{% include "fragments/menu.html" %}
+<div class="p-12 text-center flex flex-col items-center justify-center">
+  <h3 class="text-3xl text-beige p-4">Temes</h3>
+  <button title="Afegeix un tema"
+          class="text-beige m-2">
+    <i class="fa fa-plus" aria-hidden="true"></i>
+    Afegeix un tema
+  </button>
+  <input type="text" name="query" value=""
+         placeholder="Busca una tema..."
+         class="rounded
+                text-yellow-50 bg-brown
+                border border-yellow-50
+                p-2 m-2"
+         hx-get="/api/temes/busca"
+         hx-trigger="revealed, keyup delay:500ms changed"
+         hx-target="#search-results">
+  <div class="flex justify-center">
+    <div id="search-results"
+         class="m-4 max-w-5xl
+                flex flex-wrap items-center justify-center">
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,44 @@
+<div class="flex-none px-4 py-2 w-80 h-80 m-2 border-solid border rounded-md bg-yellow-50 text-brown">
+  <div class="flex flex-col h-full">
+    <div class="text-xl text-beige">
+      <a href="/tema/{{ tema.id }}">
+        {{ tema.title }}
+      </a>
+    </div>
+    <div class="grow"></div>
+    <div class="flex flex-row">
+    </div>
+      <ul class="flex flex-row items-center justify-center">
+        {% if tema.links %}
+          {% for link in tema.links %}
+            <li class="p-2 m-2 text-beige border border-beige rounded-md">
+              <a href="{{ link.url }}" target="_blank">
+              {% if link.type == LinkType.AUDIO %}
+                {% if link.subtype == LinkSubtype.SPOTIFY %}
+                  {% include "icons/spotify.svg" %}
+                {% elif link.subtype == LinkSubtype.YOUTUBE %}
+                  {% include "icons/youtube.svg" %}
+                {% else %}
+                  {% include "icons/notes.svg" %}
+                {% endif %}
+              {% elif link.type == LinkType.SCORE %}
+                {% if link.subtype == LinkSubtype.PDF %}
+                  {% include "icons/pdf.svg" %}
+                {% else %}
+                  {% include "icons/link.svg" %}
+                {% endif %}
+              {% else %}
+                {% include "icons/link.svg" %}
+              {% endif %}
+              </a>
+            </li>
+          {% endfor %}
+        {% endif %}
+      </ul>
+    <!-- {% if logged_in %} -->
+    <!--   <div> -->
+    <!--     Edita -->
+    <!--   </div> -->
+    <!-- {% endif %} -->
+  </div>
+</div>