From 292bd93b328c3db93d16e9adc04c9993c761626f Mon Sep 17 00:00:00 2001
From: Aykhan-s <aykhan.shahs0@gmail.com>
Date: Sun, 19 Feb 2023 14:33:18 +0400
Subject: [PATCH] Added js for type buttons

---
 config/db/databasepostgresql_env.example |  3 ---
 src/series/templates/homepage.html       | 28 ++++++++++++++----------
 2 files changed, 16 insertions(+), 15 deletions(-)
 delete mode 100644 config/db/databasepostgresql_env.example

diff --git a/config/db/databasepostgresql_env.example b/config/db/databasepostgresql_env.example
deleted file mode 100644
index 0892687..0000000
--- a/config/db/databasepostgresql_env.example
+++ /dev/null
@@ -1,3 +0,0 @@
-POSTGRES_USER=
-POSTGRES_PASSWORD=
-POSTGRES_DB=
\ No newline at end of file
diff --git a/src/series/templates/homepage.html b/src/series/templates/homepage.html
index 1188004..44ccd1c 100644
--- a/src/series/templates/homepage.html
+++ b/src/series/templates/homepage.html
@@ -14,26 +14,30 @@
         <button class="btn btn-outline-success my-2 my-sm-0 ml-2" type="submit">Search</button>
     </div>
     <br>
-    {% if type == "all" %}
-        <input id="all" name="type" type="radio" value="all" checked>
-    {% else %}
         <input id="all" name="type" type="radio" value="all">
-    {% endif %}
         <label for="all" style="margin-right: 1.5rem;">All</label>
-    {% if type == "watched" %}
-        <input id="watched" name="type" type="radio" value="watched" checked>
-    {% else %}
+
         <input id="watched" name="type" type="radio" value="watched">
-    {% endif %}
         <label for="watched" style="margin-right: 1.5rem;">Watched</label>
-    {% if type == "unwatched" %}
-        <input id="unwatched" name="type" type="radio" value="unwatched" checked>
-    {% else %}
+
         <input id="unwatched" name="type" type="radio" value="unwatched">
-    {% endif %}
         <label for="unwatched">Unwatched</label>
 </form>
 
+<script>
+    switch ("{{type}}") {
+        case 'all':
+            document.getElementById('all').checked = true;
+            break;
+        case 'watched':
+            document.getElementById('watched').checked = true;
+            break;
+        case 'unwatched':
+            document.getElementById('unwatched').checked = true;
+            break;
+    }
+</script>
+
 <table class="table">
     <thead>
         <tr>