selected filters are now saved to the cookie

Author: Miodec

public/index.html

@@ -426,10 +426,10 @@ <h1>theme</h1>
 <script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-trendline@0.1.3/src/chartjs-plugin-trendline.min.js"></script>
 <script src="js/words.js"></script>
 <script src="js/db.js"></script>
+<script src="js/userconfig.js"></script>
 <script src="js/commandline.js"></script>
 <script src="js/settings.js"></script>
 <script src="js/account.js"></script>
-<script src="js/userconfig.js"></script>
 <script src="js/script.js"></script>
 
 

public/js/account.js

@@ -246,8 +246,17 @@ Object.keys(words).forEach(language => {
   .append(`<div class="button" filter="${language}">${language.replace('_',' ')}</div>`); 
 })
 
-let activeFilters = [];
-toggleFilterButton('all');
+let activeFilters = ["all"];
+
+
+$(document).ready(e =>{
+  activeFilters = config.resultFilters;
+  console.log(activeFilters);
+  activeFilters.forEach(filter => {
+    enableFilterButton(filter);
+  })
+})
+
 
 function toggleFilterButton(filter){
   const element = $(`.pageAccount .content .filterButtons .button[filter=${filter}]`);
@@ -335,6 +344,13 @@ function updateActiveFilters(){
 }
 
 
+$('.pageAccount .filterButtons').click('.button',e =>{
+  const filter = $(e.target).attr('filter');
+  toggleFilterButton(filter);
+  config.resultFilters = activeFilters;
+  saveConfigToCookie();
+})
+
 function refreshAccountPage() {
 
   function cont(){
@@ -487,8 +503,3 @@ function refreshAccountPage() {
     cont();
   }
 }
-
-$('.pageAccount .filterButtons').click('.button',e =>{
-  const filter = $(e.target).attr('filter');
-  toggleFilterButton(filter);
-})

public/js/userconfig.js

@@ -9,7 +9,8 @@ let config = {
     time: 30,
     mode: "words",
     language: "english",
-    fontSize: 1
+    fontSize: 1,
+    resultFilters: ["all"]
 }
 
 //cookies
@@ -33,6 +34,9 @@ function loadConfigFromCookie() {
         changeMode(newConfig.mode);
         changeLanguage(newConfig.language);
         changeFontSize(newConfig.fontSize);
+        if(newConfig.resultFilters == null || newConfig.resultFilters == undefined){
+            newConfig.resultFilters = ["all"];
+        }
         config = newConfig;
         restartTest();
     }