css grid and event

dashboard_static/index.html

@@ -90,7 +90,7 @@
                     </div>
                 </div>
                 <div class="centercol column">
-                    <h1 class="colheader">FILTERED CLUCCS</h1>
+                    <span class="colheader">Filtered Cluccs</span>
                 </div>
                 <div class="rightcol column">
                     <div class="searchcontainer column">
@@ -110,23 +110,10 @@
                         <div class="button">POPULARITY FILTER</div>
                     </div>
                     <div class="popchart column">
-                        <h1 class="colheader chartheader">SPORTS POPULARITY CHART</h1>
+                        <span class="colheader chartheader">Sports Popularity Filter</span>
                     </div>
                 </div>
             </div>
-            -->
-            <div class = "maintable">
-                <div class = "leftcol">
-                    <h1 class = 'colheader'>LATEST CLUCCS</h1>
-                </div>
-                <div class="centercol">
-                    <h1 class = 'colheader'>FILTERED CLUCCS</h1>
-                </div>
-                <div class = "searchbar"></div>
-                <div class = "popchart">
-                    <h1 class = 'colheader'>SPORTS POPULARITY CHART</h1>
-                </div>
-            </div>
         </div> 
     </div>
     <script src="/lib/jquery-2.1.1.min.js"></script>

dashboard_static/js/code.js

@@ -1,3 +1,14 @@
+let selectedSports = []
+
+let filters = {
+    selectedSports: selectedSports,
+    searchedWords: [],
+    blockedWords: [],
+    popularityFilter: {},
+    sorted: "time",
+    order: "desc"
+}
+
 function showFeeds() {
     if ($(window).width() < 1280) {
         if (selectedSports.length === 0) {

dashboard_static/js/events.js

@@ -8,9 +8,6 @@ window.addEventListener('DOMContentLoaded', (event) => {
     window.sessionStorage.setItem('tweets', JSON.stringify([]));
 });
 
-
-let selectedSports = []
-
 $(".sport").on("click", function() {
     $(this).toggleClass("selected")
 
@@ -43,5 +40,10 @@ $(".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);
 })