Update public/js/paperfilter.js

public/js/paperfilter.js

@@ -3,24 +3,29 @@ var state2021 = 0
 var state2022 = 0
 var state2023 = 0
 var state2019 = 0   
+var stateall = 0 
 var state = 0
 var count = 0
+
 function filter(year){
     var new_row = document.getElementById("cont_paper")
     new_row.innerHTML = "";
     document.getElementById("nextblock").style.display = "none"
 
-    if (year == "2020") {
+    if (year == "All") {
+        state = stateall
+    } else if (year == "2019") {
+        state = state2019
+    } else if (year == "2020") {
         state = state2020
-    } else if (year == "2021"){
+    } else if (year == "2021") {
         state = state2021
-    } else if (year == "2019"){
-        state = state2019
-    }else if (year == "2022"){
+    } else if (year == "2022") {
         state = state2022
-    }else if (year == "2023"){
+    } else if (year == "2023") {
         state = state2023
     }
+
     if (state == 0){
         console.log("filter")
         // Start loading/adding the paper content to the page here .....
@@ -40,7 +45,9 @@ function filter(year){
                         document.getElementById("filter2019").style.backgroundColor = "lightgrey"
 						document.getElementById("filter2022").style.backgroundColor = "lightgrey"
 						document.getElementById("filter2023").style.backgroundColor = "lightgrey"
+                        document.getElementById("filterall").style.backgroundColor = "lightgrey"
 						document.getElementById("filter2022").innerHTML = "2022"
+                        document.getElementById("filterall").innerHTML = "All"
 						document.getElementById("filter2023").innerHTML = "2023"
                         document.getElementById("filter2020").innerHTML = "2020 (" + count +")"
                         document.getElementById("filter2021").innerHTML = "2021" 
@@ -59,11 +66,13 @@ function filter(year){
                 //Do something
             }                
                 document.getElementById("filter2021").style.backgroundColor = "grey"
+                document.getElementById("filterall").style.backgroundColor = "lightgrey"
                 document.getElementById("filter2020").style.backgroundColor = "lightgrey"
                 document.getElementById("filter2019").style.backgroundColor = "lightgrey"
 				document.getElementById("filter2022").style.backgroundColor = "lightgrey"
 				document.getElementById("filter2023").style.backgroundColor = "lightgrey"
 				document.getElementById("filter2023").innerHTML = "2023"
+                document.getElementById("filterall").innerHTML = "All"
 				document.getElementById("filter2022").innerHTML = "2022"
                 document.getElementById("filter2021").innerHTML = "2021 (" + count  +")"
                 document.getElementById("filter2020").innerHTML = "2020" 
@@ -86,11 +95,13 @@ function filter(year){
                 document.getElementById("filter2020").style.backgroundColor = "lightgrey"
 				document.getElementById("filter2022").style.backgroundColor = "lightgrey"
 				document.getElementById("filter2023").style.backgroundColor = "lightgrey"
+                document.getElementById("filterall").style.backgroundColor = "lightgrey"
 				document.getElementById("filter2022").innerHTML = "2022"
 				document.getElementById("filter2023").innerHTML = "2023"
                 document.getElementById("filter2019").innerHTML = "2019 (" + count +")"
                 document.getElementById("filter2021").innerHTML = "2021" 
                 document.getElementById("filter2020").innerHTML = "2020"
+                document.getElementById("filterall").innerHTML = "All"  
                 count = 0
         } else if (year == "2023"){
             for (var j = 0; j < jsonContent.length; j++) {
@@ -109,11 +120,13 @@ function filter(year){
                 document.getElementById("filter2019").style.backgroundColor = "lightgrey"
                 document.getElementById("filter2020").style.backgroundColor = "lightgrey"
 				document.getElementById("filter2022").style.backgroundColor = "lightgrey"
+                document.getElementById("filterall").style.backgroundColor = "lightgrey"
 				document.getElementById("filter2022").innerHTML = "2022"
 				document.getElementById("filter2019").innerHTML = "2019"
                 document.getElementById("filter2023").innerHTML = "2023 (" + count +")"
                 document.getElementById("filter2021").innerHTML = "2021" 
                 document.getElementById("filter2020").innerHTML = "2020" 
+                document.getElementById("filterall").innerHTML = "All" 
                 count = 0
         } else if (year == "2022"){
             for (var j = 0; j < jsonContent.length; j++) {
@@ -131,8 +144,35 @@ function filter(year){
                 document.getElementById("filter2021").style.backgroundColor = "lightgrey"
                 document.getElementById("filter2020").style.backgroundColor = "lightgrey"
                 document.getElementById("filter2023").style.backgroundColor = "lightgrey"
+                 document.getElementById("filterall").style.backgroundColor = "lightgrey"
+				document.getElementById("filter2022").style.backgroundColor = "grey"
+                document.getElementById("filter2019").innerHTML = "2019"
+                document.getElementById("filterall").innerHTML = "All"
+                document.getElementById("filter2021").innerHTML = "2021" 
+                document.getElementById("filter2023").innerHTML = "2023" 
+                document.getElementById("filter2020").innerHTML = "2020"
+				document.getElementById("filter2022").innerHTML = "2022 (" + count +")"				
+                count = 0
+        } else if (year == "All"){
+            for (var j = 0; j < jsonContent.length; j++) {
+                var filterString = jsonContent[j].item.conference.date.toString()
+                if ( filterString.includes('2022') || filterString.includes('2023') || filterString.includes('2020') || filterString.includes('2019') || filterString.includes('2021')|| jsonContent[j].item.journal.year == 2022 || jsonContent[j].item.journal.year == 2023 || jsonContent[j].item.journal.year == 2019 || jsonContent[j].item.journal.year == 2020 || jsonContent[j].item.journal.year == 2021) {
+                    addpaper(jsonContent[j]);
+                    count += 1
+                }
+                state = 1
+
+                
+                //Do something
+            }                
+                document.getElementById("filter2019").style.backgroundColor = "lightgrey"
+                document.getElementById("filter2021").style.backgroundColor = "lightgrey"
+                document.getElementById("filter2020").style.backgroundColor = "lightgrey"
+                document.getElementById("filter2023").style.backgroundColor = "lightgrey"
+                 document.getElementById("filterall").style.backgroundColor = "lightgrey"
 				document.getElementById("filter2022").style.backgroundColor = "grey"
                 document.getElementById("filter2019").innerHTML = "2019"
+                document.getElementById("filterall").innerHTML = "All"
                 document.getElementById("filter2021").innerHTML = "2021" 
                 document.getElementById("filter2023").innerHTML = "2023" 
                 document.getElementById("filter2020").innerHTML = "2020"
@@ -145,6 +185,7 @@ function filter(year){
             state2019 = 0
 			state2022 = 0
             state2023 = 0
+            stateall = 0
 
         } else if (year == "2021"){
             state2021 = 1
@@ -152,6 +193,7 @@ function filter(year){
             state2020 = 0
 			state2022 = 0
             state2023 = 0
+            stateall = 0
 
         } else if (year == "2019"){
             state2019 = 1
@@ -159,6 +201,7 @@ function filter(year){
             state2021 = 0
 			state2022 = 0
             state2023 = 0
+            stateall = 0
 
         }else if (year == "2022"){
             state2019 = 0
@@ -166,14 +209,24 @@ function filter(year){
             state2021 = 0
 			state2022 = 1
             state2023 = 0
+            stateall = 0
         } else if (year == "2023"){
             state2019 = 0
             state2020 = 0
             state2021 = 0
 			state2022 = 0
 			state2023 = 1
+            stateall = 0
+        }else if (year == "All"){
+            state2019 = 0
+            state2020 = 0
+            state2021 = 0
+			state2022 = 0
+            state2023= 0 
+			stateall = 1
         } 
         
+   
    } else if (state == 1) {
         if (year == "2020") {
             state2020 = 0