From 6aa4af44cd5d0d225ab4d831951aff4ca4b8e95b Mon Sep 17 00:00:00 2001
From: Traboulsi <salam.traboulsi@hft-stuttgart.de>
Date: Mon, 23 Oct 2023 18:42:51 +0000
Subject: [PATCH] Update public/js/paperfiltersa.js, public/js/paperfilter.js
---
public/js/paperfilter.js | 252 ++++++++++++++++++++++++++++---------
public/js/paperfilter1.js | 210 -------------------------------
public/js/paperfiltersa.js | 72 +++++++++++
3 files changed, 267 insertions(+), 267 deletions(-)
delete mode 100644 public/js/paperfilter1.js
create mode 100644 public/js/paperfiltersa.js
diff --git a/public/js/paperfilter.js b/public/js/paperfilter.js
index 14f2209..ba264c3 100644
--- a/public/js/paperfilter.js
+++ b/public/js/paperfilter.js
@@ -1,72 +1,210 @@
-var state = 0;
-
-// Object to store the state for each year
-var yearStates = {
- "2020": 0,
- "2021": 0,
- "2019": 0,
- "2022": 0,
- "2023": 0,
-};
-
-function filter(year) {
- var new_row = document.getElementById("cont_paper");
+var state2020 = 0
+var state2021 = 0
+var state2022 = 0
+var state2023 = 0
+var state2019 = 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";
-
- // Use the state from the yearStates object
- state = yearStates[year];
-
- if (state === 0) {
- console.log("filter");
+ document.getElementById("nextblock").style.display = "none"
+ if (year == "2020") {
+ state = state2020
+ } else if (year == "2021"){
+ state = state2021
+ } else if (year == "2019"){
+ state = state2019
+ }else if (year == "2022"){
+ state = state2022
+ }else if (year == "2023"){
+ state = state2023
+ }
+ if (state == 0){
+ console.log("filter")
// Start loading/adding the paper content to the page here .....
- for (var j = 0; j < jsonContent.length; j++) {
- var filterString = jsonContent[j].item.conference.date.toString();
+ if (year == "2020"){
+ for (var j = 0; j < jsonContent.length; j++) {
+ var filterString = jsonContent[j].item.conference.date.toString()
+ if ( filterString.includes('2020') || jsonContent[j].item.journal.year == 2020) {
+ addpaper(jsonContent[j]);
+ count += 1
+ }
+ state = 1
+
+ //Do something
+ }
+ 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("filter2023").style.backgroundColor = "lightgrey"
+ document.getElementById("filter2022").innerHTML = "2022"
+ document.getElementById("filter2023").innerHTML = "2023"
+ document.getElementById("filter2020").innerHTML = "2020 (" + count +")"
+ document.getElementById("filter2021").innerHTML = "2021"
+ document.getElementById("filter2019").innerHTML = "2019"
+ count = 0
+ } else if (year == "2021"){
+ for (var j = 0; j < jsonContent.length; j++) {
+ var filterString = jsonContent[j].item.conference.date.toString()
+ if ( filterString.includes('2021') || jsonContent[j].item.journal.year == 2021) {
+ addpaper(jsonContent[j]);
+ count += 1
+ }
+ state = 1
- // Check for the selected year
- if (filterString.includes(year) || jsonContent[j].item.journal.year == year) {
- addpaper(jsonContent[j]);
- count += 1;
- }
+
+ //Do something
+ }
+ 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("filter2023").style.backgroundColor = "lightgrey"
+ document.getElementById("filter2023").innerHTML = "2023"
+ document.getElementById("filter2022").innerHTML = "2022"
+ document.getElementById("filter2021").innerHTML = "2021 (" + count +")"
+ document.getElementById("filter2020").innerHTML = "2020"
+ document.getElementById("filter2019").innerHTML = "2019"
+ count = 0
+ } else if (year == "2019"){
+ for (var j = 0; j < jsonContent.length; j++) {
+ var filterString = jsonContent[j].item.conference.date.toString()
+ if ( filterString.includes('2019') || jsonContent[j].item.journal.year == 2019) {
+ addpaper(jsonContent[j]);
+ count += 1
+ }
+ state = 1
- state = 1;
- }
+
+ //Do something
+ }
+ 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("filter2023").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"
+ count = 0
+ } else if (year == "2023"){
+ for (var j = 0; j < jsonContent.length; j++) {
+ var filterString = jsonContent[j].item.conference.date.toString()
+ if ( filterString.includes('2023') || jsonContent[j].item.journal.year == 2023) {
+ addpaper(jsonContent[j]);
+ count += 1
+ }
+ state = 1
- // Update the background color and count for the selected year
- document.getElementById(`filter${year}`).style.backgroundColor = "grey";
+
+ //Do something
+ }
+ document.getElementById("filter2023").style.backgroundColor = "grey"
+ document.getElementById("filter2021").style.backgroundColor = "lightgrey"
+ document.getElementById("filter2019").style.backgroundColor = "lightgrey"
+ document.getElementById("filter2020").style.backgroundColor = "lightgrey"
+ document.getElementById("filter2022").style.backgroundColor = "lightgrey"
+ document.getElementById("filter2023").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"
+ 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
- // Reset other buttons
- Object.keys(yearStates).forEach((otherYear) => {
- if (otherYear !== year) {
- yearStates[otherYear] = 0;
- document.getElementById(`filter${otherYear}`).style.backgroundColor = "lightgrey";
- document.getElementById(`filter${otherYear}`).innerHTML = `${otherYear}`;
- }
- });
+
+ //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("filter2022").style.backgroundColor = "grey"
+ document.getElementById("filter2019").innerHTML = "2019"
+ document.getElementById("filter2021").innerHTML = "2021"
+ document.getElementById("filter2023").innerHTML = "2023"
+ document.getElementById("filter2020").innerHTML = "2020"
+ document.getElementById("filter2022").innerHTML = "2022 (" + count +")"
+ count = 0
+ }
+ if (year == "2020") {
+ state2020 = 1
+ state2021 = 0
+ state2019 = 0
+ state2022 = 0
+ state2023 = 0
- document.getElementById(`filter${year}`).innerHTML = `${year} (${count})`;
- count = 0;
+ } else if (year == "2021"){
+ state2021 = 1
+ state2019 = 0
+ state2020 = 0
+ state2022 = 0
+ state2023 = 0
- // Update the state for the selected year
- yearStates[year] = 1;
- } else if (state === 1) {
- // Reset the state and display the initial set of papers
- yearStates[year] = 0;
- document.getElementById(`filter${year}`).style.backgroundColor = "lightgrey";
- document.getElementById("nextblock").style.display = "block";
+ } else if (year == "2019"){
+ state2019 = 1
+ state2020 = 0
+ state2021 = 0
+ state2022 = 0
+ state2023 = 0
+ }else if (year == "2022"){
+ state2019 = 0
+ state2020 = 0
+ state2021 = 0
+ state2022 = 1
+ state2023 = 0
+ } else if (year == "2023"){
+ state2019 = 0
+ state2020 = 0
+ state2021 = 0
+ state2022 = 0
+ state2023 = 1
+ }
+
+ } else if (state == 1) {
+ if (year == "2020") {
+ state2020 = 0
+ } else if (year == "2021"){
+ state2021 = 0
+ } else if (year == "2019"){
+ state2019 = 0
+ }
+ else if (year == "2022"){
+ state2022 = 0
+ }
+ else if (year == "2023"){
+ state2023 = 0
+ }
+ document.getElementById("filter2020").style.backgroundColor = "lightgrey"
+ document.getElementById("nextblock").style.display = "block"
for (var j = 0; j < 6; j++) {
addpaper(jsonContent[j]);
+ //Do something
}
-
- state = 0;
-
- // Reset the display for all years
- Object.keys(yearStates).forEach((otherYear) => {
- document.getElementById(`filter${otherYear}`).style.backgroundColor = "lightgrey";
- document.getElementById(`filter${otherYear}`).innerHTML = `${otherYear}`;
- });
+ state = 0
+ 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("filter2023").style.backgroundColor = "lightgrey"
+ document.getElementById("filter2019").innerHTML = "2019"
+ document.getElementById("filter2021").innerHTML = "2021"
+ document.getElementById("filter2020").innerHTML = "2020"
+ document.getElementById("filter2022").innerHTML = "2022"
+ document.getElementById("filter2023").innerHTML = "2023"
}
}
-
diff --git a/public/js/paperfilter1.js b/public/js/paperfilter1.js
deleted file mode 100644
index ba264c3..0000000
--- a/public/js/paperfilter1.js
+++ /dev/null
@@ -1,210 +0,0 @@
-var state2020 = 0
-var state2021 = 0
-var state2022 = 0
-var state2023 = 0
-var state2019 = 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") {
- state = state2020
- } else if (year == "2021"){
- state = state2021
- } else if (year == "2019"){
- state = state2019
- }else if (year == "2022"){
- state = state2022
- }else if (year == "2023"){
- state = state2023
- }
- if (state == 0){
- console.log("filter")
- // Start loading/adding the paper content to the page here .....
- if (year == "2020"){
- for (var j = 0; j < jsonContent.length; j++) {
- var filterString = jsonContent[j].item.conference.date.toString()
- if ( filterString.includes('2020') || jsonContent[j].item.journal.year == 2020) {
- addpaper(jsonContent[j]);
- count += 1
- }
- state = 1
-
- //Do something
- }
- 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("filter2023").style.backgroundColor = "lightgrey"
- document.getElementById("filter2022").innerHTML = "2022"
- document.getElementById("filter2023").innerHTML = "2023"
- document.getElementById("filter2020").innerHTML = "2020 (" + count +")"
- document.getElementById("filter2021").innerHTML = "2021"
- document.getElementById("filter2019").innerHTML = "2019"
- count = 0
- } else if (year == "2021"){
- for (var j = 0; j < jsonContent.length; j++) {
- var filterString = jsonContent[j].item.conference.date.toString()
- if ( filterString.includes('2021') || jsonContent[j].item.journal.year == 2021) {
- addpaper(jsonContent[j]);
- count += 1
- }
- state = 1
-
-
- //Do something
- }
- 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("filter2023").style.backgroundColor = "lightgrey"
- document.getElementById("filter2023").innerHTML = "2023"
- document.getElementById("filter2022").innerHTML = "2022"
- document.getElementById("filter2021").innerHTML = "2021 (" + count +")"
- document.getElementById("filter2020").innerHTML = "2020"
- document.getElementById("filter2019").innerHTML = "2019"
- count = 0
- } else if (year == "2019"){
- for (var j = 0; j < jsonContent.length; j++) {
- var filterString = jsonContent[j].item.conference.date.toString()
- if ( filterString.includes('2019') || jsonContent[j].item.journal.year == 2019) {
- addpaper(jsonContent[j]);
- count += 1
- }
- state = 1
-
-
- //Do something
- }
- 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("filter2023").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"
- count = 0
- } else if (year == "2023"){
- for (var j = 0; j < jsonContent.length; j++) {
- var filterString = jsonContent[j].item.conference.date.toString()
- if ( filterString.includes('2023') || jsonContent[j].item.journal.year == 2023) {
- addpaper(jsonContent[j]);
- count += 1
- }
- state = 1
-
-
- //Do something
- }
- document.getElementById("filter2023").style.backgroundColor = "grey"
- document.getElementById("filter2021").style.backgroundColor = "lightgrey"
- document.getElementById("filter2019").style.backgroundColor = "lightgrey"
- document.getElementById("filter2020").style.backgroundColor = "lightgrey"
- document.getElementById("filter2022").style.backgroundColor = "lightgrey"
- document.getElementById("filter2023").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"
- 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("filter2023").style.backgroundColor = "lightgrey"
- document.getElementById("filter2022").style.backgroundColor = "grey"
- document.getElementById("filter2019").innerHTML = "2019"
- document.getElementById("filter2021").innerHTML = "2021"
- document.getElementById("filter2023").innerHTML = "2023"
- document.getElementById("filter2020").innerHTML = "2020"
- document.getElementById("filter2022").innerHTML = "2022 (" + count +")"
- count = 0
- }
- if (year == "2020") {
- state2020 = 1
- state2021 = 0
- state2019 = 0
- state2022 = 0
- state2023 = 0
-
- } else if (year == "2021"){
- state2021 = 1
- state2019 = 0
- state2020 = 0
- state2022 = 0
- state2023 = 0
-
- } else if (year == "2019"){
- state2019 = 1
- state2020 = 0
- state2021 = 0
- state2022 = 0
- state2023 = 0
-
- }else if (year == "2022"){
- state2019 = 0
- state2020 = 0
- state2021 = 0
- state2022 = 1
- state2023 = 0
- } else if (year == "2023"){
- state2019 = 0
- state2020 = 0
- state2021 = 0
- state2022 = 0
- state2023 = 1
- }
-
- } else if (state == 1) {
- if (year == "2020") {
- state2020 = 0
- } else if (year == "2021"){
- state2021 = 0
- } else if (year == "2019"){
- state2019 = 0
- }
- else if (year == "2022"){
- state2022 = 0
- }
- else if (year == "2023"){
- state2023 = 0
- }
- document.getElementById("filter2020").style.backgroundColor = "lightgrey"
- document.getElementById("nextblock").style.display = "block"
- for (var j = 0; j < 6; j++) {
- addpaper(jsonContent[j]);
- //Do something
- }
- state = 0
- 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("filter2023").style.backgroundColor = "lightgrey"
- document.getElementById("filter2019").innerHTML = "2019"
- document.getElementById("filter2021").innerHTML = "2021"
- document.getElementById("filter2020").innerHTML = "2020"
- document.getElementById("filter2022").innerHTML = "2022"
- document.getElementById("filter2023").innerHTML = "2023"
- }
-}
diff --git a/public/js/paperfiltersa.js b/public/js/paperfiltersa.js
new file mode 100644
index 0000000..14f2209
--- /dev/null
+++ b/public/js/paperfiltersa.js
@@ -0,0 +1,72 @@
+var state = 0;
+
+// Object to store the state for each year
+var yearStates = {
+ "2020": 0,
+ "2021": 0,
+ "2019": 0,
+ "2022": 0,
+ "2023": 0,
+};
+
+function filter(year) {
+ var new_row = document.getElementById("cont_paper");
+ new_row.innerHTML = "";
+ document.getElementById("nextblock").style.display = "none";
+
+ // Use the state from the yearStates object
+ state = yearStates[year];
+
+ if (state === 0) {
+ console.log("filter");
+
+ // Start loading/adding the paper content to the page here .....
+ for (var j = 0; j < jsonContent.length; j++) {
+ var filterString = jsonContent[j].item.conference.date.toString();
+
+ // Check for the selected year
+ if (filterString.includes(year) || jsonContent[j].item.journal.year == year) {
+ addpaper(jsonContent[j]);
+ count += 1;
+ }
+
+ state = 1;
+ }
+
+ // Update the background color and count for the selected year
+ document.getElementById(`filter${year}`).style.backgroundColor = "grey";
+
+ // Reset other buttons
+ Object.keys(yearStates).forEach((otherYear) => {
+ if (otherYear !== year) {
+ yearStates[otherYear] = 0;
+ document.getElementById(`filter${otherYear}`).style.backgroundColor = "lightgrey";
+ document.getElementById(`filter${otherYear}`).innerHTML = `${otherYear}`;
+ }
+ });
+
+ document.getElementById(`filter${year}`).innerHTML = `${year} (${count})`;
+ count = 0;
+
+ // Update the state for the selected year
+ yearStates[year] = 1;
+ } else if (state === 1) {
+ // Reset the state and display the initial set of papers
+ yearStates[year] = 0;
+ document.getElementById(`filter${year}`).style.backgroundColor = "lightgrey";
+ document.getElementById("nextblock").style.display = "block";
+
+ for (var j = 0; j < 6; j++) {
+ addpaper(jsonContent[j]);
+ }
+
+ state = 0;
+
+ // Reset the display for all years
+ Object.keys(yearStates).forEach((otherYear) => {
+ document.getElementById(`filter${otherYear}`).style.backgroundColor = "lightgrey";
+ document.getElementById(`filter${otherYear}`).innerHTML = `${otherYear}`;
+ });
+ }
+}
+
--
GitLab