From b4a18cdc4d7d5c1846159a43249d70a7fd869576 Mon Sep 17 00:00:00 2001
From: Serraniel <mail@serraniel.dev>
Date: Sat, 7 Nov 2020 17:18:18 +0100
Subject: [PATCH] #32 Finalized settings page

---
 src/html/settings.html | 40 ++++++++++++++++++++++++++++++++++------
 1 file changed, 34 insertions(+), 6 deletions(-)
diff --git a/src/html/settings.html b/src/html/settings.html
index 6157160..8422a61 100644
--- a/src/html/settings.html
+++ b/src/html/settings.html
@@ -8,17 +8,45 @@
 
 <body>
     <form>
-        <h4>Aniwatch Plus Settings</h4>
+        <h1>Aniwatch Plus Settings</h1>
 
-        <input type="checkbox" id="beautifyRequestsPage" data-default-value="true" />
-        <label for="beautifyRequestsPage">Enhance "Requestes" page</label><br>
+        <h2>General Settings</h2>
+        <hr />
+        <h3>Website</h3>
+        <input type="checkbox" id="websiteDisplayQuickSearch" data-default-value="true" />
+        <label for="websiteDisplayQuickSearch">Enable Quick Search</label><br />
 
-        <input type="checkbox" id="quickSearch" data-default-value="false" />
-        <label for="quickSearch">Enable Quick Search</label><br>
+        <input type="checkbox" id="websiteShowNotificationsCountInTab" data-default-value="true" />
+        <label for="websiteShowNotificationsCountInTab">Show notification counter in browser tab</label><br />
 
+        <input type="checkbox" id="websiteHideUnusedTabs" data-default-value="true" />
+        <label for="websiteHideUnusedTabs">Hide tabs without functionality</label><br />
+
+        <input type="checkbox" id="websiteOptimizeListAppearance" data-default-value="true" />
+        <label for="websiteOptimizeListAppearance">Optimize appearance of lists</label><br />
+
+        <h3>Anime</h3>
+        <input type="checkbox" id="animeLanguageDisplay" data-default-value="true" />
+        <label for="animeLanguageDisplay">Optimize presentation of available subs and dubs</label><br />
+
+        <h3>Requests page</h3>
+        <input type="checkbox" id="requestBeautifyPage" data-default-value="true" />
+        <label for="requestBeautifyPage">Enhance "Requestes" page</label><br />
+        <h2>Player Settings</h2>
+        <hr />
+        <h3>General</h3>
+        <input type="checkbox" id="playerAutoplayAfterScreenshot" data-default-value="true" />
+        <label for="playerAutoplayAfterScreenshot">Autoplay after screenshots</label><br />
+
+        <h3>Watch2gether</h3>
+        <input type="checkbox" id="w2gDisplayCharacterCounter" data-default-value="true" />
+        <label for="w2gDisplayCharacterCounter">Display character count in chat</label><br />
+
+        <br /><br />
         <button id="btnSave">Save</button>
         <button id="btnReset">Reset</button>
-
+        <br />
+        <i>Please reload aniwatch website after you changed the settings.</i>
     </form>
 
     <script src="../javascript/common.min.js"></script>
