Skip to content
GitLab
Commit c00bd1d2 authored by Traboulsi's avatar Traboulsi
Browse files

Update public/js/paperfilter1.js, public/js/paperfilter.js

parent b0513658
Pipeline #8724 passed with stage
in 11 seconds
Hide whitespace changes
Inline Side-by-side
Showing
with 268 additions and 196 deletions
+268 -196
public/js/paperfilter.js
+ 58
- 196
View file @ c00bd1d2
var state2020 = 0 var state = 0;
var state2021 = 0
var state2022 = 0 // Object to store the state for each year
var state2023 = 0 var yearStates = {
var state2019 = 0 "2020": 0,
var state = 0 "2021": 0,
var count = 0 "2019": 0,
function filter(year){ "2022": 0,
var new_row = document.getElementById("cont_paper") "2023": 0,
};
function filter(year) {
var new_row = document.getElementById("cont_paper");
new_row.innerHTML = ""; new_row.innerHTML = "";
document.getElementById("nextblock").style.display = "none" document.getElementById("nextblock").style.display = "none";
if (year == "2020") { // Use the state from the yearStates object
state = state2020 state = yearStates[year];
} 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
if (state === 0) {
//Do something console.log("filter");
}
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
// Start loading/adding the paper content to the page here .....
//Do something for (var j = 0; j < jsonContent.length; j++) {
} var filterString = jsonContent[j].item.conference.date.toString();
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
// Check for the selected year
//Do something if (filterString.includes(year) || jsonContent[j].item.journal.year == year) {
} addpaper(jsonContent[j]);
document.getElementById("filter2023").style.backgroundColor = "grey" count += 1;
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
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"){ // Update the background color and count for the selected year
state2021 = 1 document.getElementById(`filter${year}`).style.backgroundColor = "grey";
state2019 = 0
state2020 = 0
state2022 = 0
state2023 = 0
} else if (year == "2019"){ // Reset other buttons
state2019 = 1 Object.keys(yearStates).forEach((otherYear) => {
state2020 = 0 if (otherYear !== year) {
state2021 = 0 yearStates[otherYear] = 0;
state2022 = 0 document.getElementById(`filter${otherYear}`).style.backgroundColor = "lightgrey";
state2023 = 0 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";
}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++) { for (var j = 0; j < 6; j++) {
addpaper(jsonContent[j]); addpaper(jsonContent[j]);
//Do something
} }
state = 0
document.getElementById("filter2019").style.backgroundColor = "lightgrey" state = 0;
document.getElementById("filter2021").style.backgroundColor = "lightgrey"
document.getElementById("filter2020").style.backgroundColor = "lightgrey" // Reset the display for all years
document.getElementById("filter2022").style.backgroundColor = "lightgrey" Object.keys(yearStates).forEach((otherYear) => {
document.getElementById("filter2023").style.backgroundColor = "lightgrey" document.getElementById(`filter${otherYear}`).style.backgroundColor = "lightgrey";
document.getElementById("filter2019").innerHTML = "2019" document.getElementById(`filter${otherYear}`).innerHTML = `${otherYear}`;
document.getElementById("filter2021").innerHTML = "2021" });
document.getElementById("filter2020").innerHTML = "2020"
document.getElementById("filter2022").innerHTML = "2022"
document.getElementById("filter2023").innerHTML = "2023"
} }
} }
\ No newline at end of file
public/js/paperfilter1.js 0 → 100644
+ 210
- 0
View file @ c00bd1d2
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"
}
}
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Dies ist die Gitlab-Instanz des Transferportals der Hochschule für Technik Stuttgart. Hier geht es zurück zum Portal