Search/banned/sort fields now functional

dashboard_static/index.html

@@ -97,16 +97,16 @@
                 </div>
                 <div class="rightcol column">
                     <div class="searchcontainer column">
-                        <input class="searchbar" type="text" placeholder="Search Cluccs">
-                        <input class="blockedwords" type="text" placeholder="Blocked words (separated by comma)">
+                        <input class="searchbar" onchange="updateSearched(this.value)" type="text" placeholder="Search Cluccs">
+                        <input class="blockedwords" onchange="updateBlocked(this.value)" type="text" placeholder="Blocked words (separated by comma)">
                         <div class="button sort-btn">
                             <span class="sortby">Sort By <span class="material-symbols-outlined">arrow_drop_down</span></span>
                             <div class="sort-dropdown">
                                 <ul class="sort-dropdown-list">
-                                    <li>Time</li>
-                                    <li>Likes</li>
-                                    <li>Retweets</li>
-                                    <li>Replies</li>
+                                    <li onclick="updateSort('time')">Time</li>
+                                    <li onclick="updateSort('likes')">Likes</li>
+                                    <li onclick="updateSort('retweets')">Retweets</li>
+                                    <li onclick="updateSort('replies')">Replies</li>
                                 </ul>
                             </div>
                         </div>

dashboard_static/js/events.js

@@ -90,3 +90,20 @@ $(".order-btn").on("click", function() {
         $(window).trigger("descending")
     }
 })
+
+function updateSearched(searched){
+    searched = searched.split(",");
+    filters.searchedWords = searched;
+    $(window).trigger("filter");
+}
+
+function updateBlocked(blocked){
+    blocked = blocked.split(",");
+    filters.blockedWords = blocked;
+    $(window).trigger("filter");
+}
+
+function updateSort(sort){
+    filters.sorted = sort;
+    $(window).trigger("filter");
+}