From 50f0dd83857d824ebf808ef252d3c614428c9dfb Mon Sep 17 00:00:00 2001
From: WriterV2 <primary-v2@protonmail.com>
Date: Sat, 5 Nov 2022 18:04:22 +0100
Subject: Add stories filter form JS

---
 templates/base.html    |  2 ++
 templates/stories.html | 13 ++++++-------
 2 files changed, 8 insertions(+), 7 deletions(-)

(limited to 'templates')

diff --git a/templates/base.html b/templates/base.html
index ab83cfb..025f1d9 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -23,6 +23,8 @@
     <footer>
         Vithuran Vishnuthas &copy; 2022
     </footer>
+    {% block jsfile %}
+    {% endblock jsfile %}
 </body>
 
 </html>
diff --git a/templates/stories.html b/templates/stories.html
index e342c02..431453c 100644
--- a/templates/stories.html
+++ b/templates/stories.html
@@ -4,21 +4,19 @@
 <div class="works-filter">
     <form>
         <label for="language">Language: </label>
-        <select name="language" id="language">
+        <select name="language" id="language-select">
             <option value="*">All</option>
             {% for work in works | unique(attribute="language") %}
             <option value="{{work.language}}">{{work.language}}</option>
             {% endfor %}
         </select>
-        <label for="story_type">Story Type: </label>
-        <select name="story_type" id="story_type">
+        <label for="story-type">Story Type: </label>
+        <select name="story-type" id="story-type-select">
             <option value="*">All</option>
             {% for work in works | unique(attribute="story_type") %}
             <option value="{{work.story_type}}">{{work.story_type}}</option>
             {% endfor %}
         </select>
-        <input type="reset">
-        <input type="submit" value="Filter">
     </form>
 </div>
 <div class="works">
@@ -30,10 +28,11 @@
                     </div>
                     <div class="info">
                         <span>{{work.number_of_pages}} Pages</span>
-                        <span>{{work.language}}</span>
-                        <span>{{work.story_type}}</span>
+                        <span class="story-language">{{work.language}}</span>
+                        <span class="story-type">{{work.story_type}}</span>
                     </div>
         </a>
     {% endfor %}
 </div>
 {% endblock content %}
+{% block jsfile %}<script src="./stories.js"></script>{% endblock jsfile %}
-- 
cgit v1.2.3