chore: modular template

src/core/views.py

@@ -38,7 +38,7 @@ def index(request: HttpRequest):
         else: return HttpResponseBadRequest('Input URL invalid.')
     else:
         # return base view
-        return render(request, 'index.html', context)
+        return render(request, 'home.html', context)
 
 def validateUrl(param)->bool :
 

src/epub2go_web/templates/home.html

@@ -0,0 +1,49 @@
+{% extends 'index.html' %}
+{% load static %}
+{% block main %}
+<main>
+    <div class="search-container">
+        <search>
+            <form onsubmit="submitSearch(event)" class="search-bar">
+            <input type="search" id="searchInput" placeholder="Suche nach Titel" minlength="3">
+            </form>
+        </search>
+        <small>Im Moment finden sich hier <a href="{{ allbooks_url }}">{{ book_count }} Bücher.</a> </small>
+        <a href="javascript:void(window.open('{{ http_host }}/?t=' + encodeURIComponent(window.location.toString())))" title="Als Lesezeichen speichern">
+            <img src="{% static 'bookmark.svg' %}" alt="Bookmarklet" class="header-icon">
+        </a>
+        <a href="https://github.com/eneller/epub2go-web">
+            <img src="{% static 'github.svg' %}" alt="GitHub" class="header-icon">
+        </a>
+    </div>
+    <!-- NOTE use dl here?-->
+    <table id="table">
+        <thead>
+            <tr>
+                <th></th>
+                <th>Titel</th>
+                <th>Autor</th>
+            </tr>
+        </thead>
+        <tbody>
+        {% for item in books %} 
+            <tr class="table-entry">
+            <td>
+                <a href= {{ item.url }} target="_blank" rel="noopener noreferrer" class="table-link">
+                    <img src="{% static 'open-link.svg' %}" alt="Open Link" class="inline-icon">
+                </a>
+            </td>
+            <td class="table-data">
+                <a href="./?t= {{ item.url }}" class="table-link">
+                {{ item.title }}
+                </a>
+            </td> 
+            <td>
+                <a> {{ item.author }}</a>
+            </td>
+            </tr>
+        {% endfor %} 
+        </tbody>
+    </table>
+</main>
+{% endblock %} 

src/epub2go_web/templates/index.html

@@ -20,51 +20,8 @@
             <h1><a href="{{ http_host }}">{{ title }}</a></h1>
             <h2>1 Click Download für Literatur</h2>
     </header>
-    <main>
+    {% block main %}
-        <div class="search-container">
+    {% endblock %} 
-            <search>
-                <form onsubmit="submitSearch(event)" class="search-bar">
-                <input type="search" id="searchInput" placeholder="Suche nach Titel" minlength="3">
-                </form>
-            </search>
-            <small>Im Moment finden sich hier <a href="{{ allbooks_url }}">{{ book_count }} Bücher.</a> </small>
-            <a href="javascript:void(window.open('{{ http_host }}/?t=' + encodeURIComponent(window.location.toString())))" title="Als Lesezeichen speichern">
-                <img src="{% static 'bookmark.svg' %}" alt="Bookmarklet" class="header-icon">
-            </a>
-            <a href="https://github.com/eneller/epub2go-web">
-                <img src="{% static 'github.svg' %}" alt="GitHub" class="header-icon">
-            </a>
-        </div>
-        <!-- NOTE use dl here?-->
-        <table id="table">
-            <thead>
-                <tr>
-                    <th></th>
-                    <th>Titel</th>
-                    <th>Autor</th>
-                </tr>
-            </thead>
-            <tbody>
-            {% for item in books %} 
-                <tr class="table-entry">
-                <td>
-                    <a href= {{ item.url }} target="_blank" rel="noopener noreferrer" class="table-link">
-                        <img src="{% static 'open-link.svg' %}" alt="Open Link" class="inline-icon">
-                    </a>
-                </td>
-                <td class="table-data">
-                    <a href="./?t= {{ item.url }}" class="table-link">
-                    {{ item.title }}
-                    </a>
-                </td> 
-                <td>
-                    <a> {{ item.author }}</a>
-                </td>
-                </tr>
-            {% endfor %} 
-            </tbody>
-        </table>
-    </main>
     <footer>
     </footer>
 </body>