Filter not done

dashboard_static/js/events.js

@@ -2,6 +2,8 @@
 // Sports = all selected sports, ARRAY
 $(".sport").on("selected", function(e, selected, sports) {
     console.log(selected, sports);
+    filters.sports = sports;
+    $(window).trigger("filter");
 })
 
 window.addEventListener('DOMContentLoaded', (event) => {
@@ -40,12 +42,6 @@ $(".sortby").on("click", function() {
 
 $(".sort-dropdown-list li").on("click", function() {
     $(".sort-dropdown").toggle()
-    filters.sorted = $(this).val()
-    $(window).trigger("test", filters)
-})
-
-$(window).on("test", function(e, filter) {
-    console.log(filter);
 })
 
 let root = document.querySelector(":root")
@@ -56,4 +52,19 @@ $(".logo").on("click", function() {
     } else {
         root.style.setProperty('--main-bg', 'ghostwhite');
     }
-})
+})
+
+$(window).on("filter", function() {
+    var parent = $("div.filtered")
+    $("div.filtered").innerHTML = ""
+
+    console.debug(filters);
+
+    tweets = window.sessionStorage.getItem('tweets');
+    tweets = JSON.parse(tweets);
+    tweets = filterTweets(tweets, filters.blockedWords, filters.searchedWords.concat(filters.sports), filters.sorted, filters.order);
+    tweets = sortTweets(tweets);
+    for (i = 0; i < Math.min(tweets.length, 20); i++){
+            parent.append(tweetCell(tweets[i]));
+    }
+})