Added function for filtering publication for 2022

public/js/paperfilter.js

 var state2020 = 0
 var state2021 = 0
+var state2022 = 0
 var state2019 = 0   
 var state = 0
 var count = 0
@@ -14,6 +15,8 @@ function filter(year){
         state = state2021
     } else if (year == "2019"){
         state = state2019
+    }else if (year == "2022"){
+        state = state2022
     }
     if (state == 0){
         console.log("filter")
@@ -32,6 +35,8 @@ function filter(year){
                         document.getElementById("filter2020").style.backgroundColor = "grey"
                         document.getElementById("filter2021").style.backgroundColor = "lightgrey"
                         document.getElementById("filter2019").style.backgroundColor = "lightgrey"
+						document.getElementById("filter2022").style.backgroundColor = "lightgrey"
+						document.getElementById("filter2022").innerHTML = "2022"
                         document.getElementById("filter2020").innerHTML = "2020 (" + count +")"
                         document.getElementById("filter2021").innerHTML = "2021" 
                         document.getElementById("filter2019").innerHTML = "2019" 
@@ -51,6 +56,8 @@ function filter(year){
                 document.getElementById("filter2021").style.backgroundColor = "grey"
                 document.getElementById("filter2020").style.backgroundColor = "lightgrey"
                 document.getElementById("filter2019").style.backgroundColor = "lightgrey"
+				document.getElementById("filter2022").style.backgroundColor = "lightgrey"
+				document.getElementById("filter2022").innerHTML = "2022"
                 document.getElementById("filter2021").innerHTML = "2021 (" + count  +")"
                 document.getElementById("filter2020").innerHTML = "2020" 
                 document.getElementById("filter2019").innerHTML = "2019" 
@@ -70,23 +77,54 @@ function filter(year){
                 document.getElementById("filter2019").style.backgroundColor = "grey"
                 document.getElementById("filter2021").style.backgroundColor = "lightgrey"
                 document.getElementById("filter2020").style.backgroundColor = "lightgrey"
+				document.getElementById("filter2022").style.backgroundColor = "lightgrey"
+				document.getElementById("filter2022").innerHTML = "2022"
                 document.getElementById("filter2019").innerHTML = "2019 (" + count +")"
                 document.getElementById("filter2021").innerHTML = "2021" 
                 document.getElementById("filter2020").innerHTML = "2020" 
                 count = 0
+        }else if (year == "2022"){
+            for (var j = 0; j < jsonContent.length; j++) {
+                var filterString = jsonContent[j].item.conference.date.toString()
+                if ( filterString.includes('2022') || jsonContent[j].item.journal.year == 2022) {
+                    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("filter2022").style.backgroundColor = "grey"
+                document.getElementById("filter2019").innerHTML = "2019"
+                document.getElementById("filter2021").innerHTML = "2021" 
+                document.getElementById("filter2020").innerHTML = "2020"
+				document.getElementById("filter2022").innerHTML = "2022 (" + count +")"				
+                count = 0
         }
         if (year == "2020") {
             state2020 = 1
             state2021 = 0
             state2019 = 0
+			state2022 = 0
         } else if (year == "2021"){
             state2021 = 1
             state2019 = 0
             state2020 = 0
+			state2022 = 0
         } else if (year == "2019"){
             state2019 = 1
             state2020 = 0
             state2021 = 0
+			state2022 = 0
+        }else if (year == "2022"){
+            state2019 = 0
+            state2020 = 0
+            state2021 = 0
+			state2022 = 1
         } 
         
     } else if (state == 1) {
@@ -96,6 +134,9 @@ function filter(year){
             state2021 = 0
         } else if (year == "2019"){
             state2019 = 0
+        }
+		else if (year == "2022"){
+            state2022 = 0
         }
         document.getElementById("filter2020").style.backgroundColor = "lightgrey"
         document.getElementById("nextblock").style.display = "block"
@@ -107,8 +148,10 @@ function filter(year){
         document.getElementById("filter2019").style.backgroundColor = "lightgrey"
         document.getElementById("filter2021").style.backgroundColor = "lightgrey"
         document.getElementById("filter2020").style.backgroundColor = "lightgrey"
+		document.getElementById("filter2022").style.backgroundColor = "lightgrey"
         document.getElementById("filter2019").innerHTML = "2019"
         document.getElementById("filter2021").innerHTML = "2021" 
         document.getElementById("filter2020").innerHTML = "2020"
+		document.getElementById("filter2022").innerHTML = "2022" 
     }
 }
\ No newline at end of file