Skip to content
GitLab
Commit 2264eb8e authored by Alfakhori's avatar Alfakhori
Browse files

add 2024, 2025 and 2026 filter.

parent 7a453cf0
Pipeline #12326 passed with stage
in 18 seconds
Show whitespace changes
Inline Side-by-side
public/js/paperfilter.js
View file @ 2264eb8e
var state2019 = 0
var state2020 = 0 var state2020 = 0
var state2021 = 0 var state2021 = 0
var state2022 = 0 var state2022 = 0
var state2023 = 0 var state2023 = 0
var state2019 = 0 var state2024 = 0
var state2025 = 0
var state2026 = 0
var state = 0 var state = 0
var count = 0 var count = 0
function filter(year){ function filter(year){
var new_row = document.getElementById("cont_paper") 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") { // pick current state for selected year
if (year == "2019") {
state = state2019
} else if (year == "2020") {
state = state2020 state = state2020
} else if (year == "2021"){ } else if (year == "2021"){
state = state2021 state = state2021
} else if (year == "2019"){ } else if (year == "2022"){
state = state2019
}else if (year == "2022"){
state = state2022 state = state2022
}else if (year == "2023"){ } else if (year == "2023"){
state = state2023 state = state2023
} else if (year == "2024"){
state = state2024
} else if (year == "2025"){
state = state2025
} else if (year == "2026"){
state = state2026
} }
if (state == 0){ if (state == 0){
console.log("filter") console.log("filter")
// Start loading/adding the paper content to the page here .....
if (year == "2020"){ if (year == "2020"){
for (var j = 0; j < jsonContent.length; j++) { for (var j = 0; j < jsonContent.length; j++) {
var filterString = jsonContent[j].item.conference.date.toString() var filterString = jsonContent[j].item.conference.date.toString()
if ( filterString.includes('2020') || jsonContent[j].item.journal.year == 2020) { if (filterString.includes('2020') || jsonContent[j].item.journal.year == 2020) {
addpaper(jsonContent[j]); addpaper(jsonContent[j])
count += 1 count += 1
} }
state = 1 state = 1
//Do something
} }
document.getElementById("filter2020").style.backgroundColor = "grey" document.getElementById("filter2020").style.backgroundColor = "grey"
document.getElementById("filter2021").style.backgroundColor = "lightgrey" document.getElementById("filter2021").style.backgroundColor = "lightgrey"
document.getElementById("filter2019").style.backgroundColor = "lightgrey" document.getElementById("filter2019").style.backgroundColor = "lightgrey"
document.getElementById("filter2022").style.backgroundColor = "lightgrey" document.getElementById("filter2022").style.backgroundColor = "lightgrey"
document.getElementById("filter2023").style.backgroundColor = "lightgrey" document.getElementById("filter2023").style.backgroundColor = "lightgrey"
document.getElementById("filter2022").innerHTML = "2022" document.getElementById("filter2024").style.backgroundColor = "lightgrey"
document.getElementById("filter2023").innerHTML = "2023" document.getElementById("filter2025").style.backgroundColor = "lightgrey"
document.getElementById("filter2026").style.backgroundColor = "lightgrey"
document.getElementById("filter2020").innerHTML = "2020 (" + count +")" document.getElementById("filter2020").innerHTML = "2020 (" + count +")"
document.getElementById("filter2021").innerHTML = "2021" document.getElementById("filter2021").innerHTML = "2021"
document.getElementById("filter2019").innerHTML = "2019" document.getElementById("filter2019").innerHTML = "2019"
document.getElementById("filter2022").innerHTML = "2022"
document.getElementById("filter2023").innerHTML = "2023"
document.getElementById("filter2024").innerHTML = "2024"
document.getElementById("filter2025").innerHTML = "2025"
document.getElementById("filter2026").innerHTML = "2026"
count = 0 count = 0
} else if (year == "2021"){ } else if (year == "2021"){
for (var j = 0; j < jsonContent.length; j++) { for (var j = 0; j < jsonContent.length; j++) {
var filterString = jsonContent[j].item.conference.date.toString() var filterString = jsonContent[j].item.conference.date.toString()
if ( filterString.includes('2021') || jsonContent[j].item.journal.year == 2021) { if (filterString.includes('2021') || jsonContent[j].item.journal.year == 2021) {
addpaper(jsonContent[j]); addpaper(jsonContent[j])
count += 1 count += 1
} }
state = 1 state = 1
//Do something
} }
document.getElementById("filter2021").style.backgroundColor = "grey" document.getElementById("filter2021").style.backgroundColor = "grey"
document.getElementById("filter2020").style.backgroundColor = "lightgrey" document.getElementById("filter2020").style.backgroundColor = "lightgrey"
document.getElementById("filter2019").style.backgroundColor = "lightgrey" document.getElementById("filter2019").style.backgroundColor = "lightgrey"
document.getElementById("filter2022").style.backgroundColor = "lightgrey" document.getElementById("filter2022").style.backgroundColor = "lightgrey"
document.getElementById("filter2023").style.backgroundColor = "lightgrey" document.getElementById("filter2023").style.backgroundColor = "lightgrey"
document.getElementById("filter2023").innerHTML = "2023" document.getElementById("filter2024").style.backgroundColor = "lightgrey"
document.getElementById("filter2022").innerHTML = "2022" document.getElementById("filter2025").style.backgroundColor = "lightgrey"
document.getElementById("filter2026").style.backgroundColor = "lightgrey"
document.getElementById("filter2021").innerHTML = "2021 (" + count +")" document.getElementById("filter2021").innerHTML = "2021 (" + count +")"
document.getElementById("filter2020").innerHTML = "2020" document.getElementById("filter2020").innerHTML = "2020"
document.getElementById("filter2019").innerHTML = "2019" document.getElementById("filter2019").innerHTML = "2019"
document.getElementById("filter2022").innerHTML = "2022"
document.getElementById("filter2023").innerHTML = "2023"
document.getElementById("filter2024").innerHTML = "2024"
document.getElementById("filter2025").innerHTML = "2025"
document.getElementById("filter2026").innerHTML = "2026"
count = 0 count = 0
} else if (year == "2019"){ } else if (year == "2019"){
for (var j = 0; j < jsonContent.length; j++) { for (var j = 0; j < jsonContent.length; j++) {
var filterString = jsonContent[j].item.conference.date.toString() var filterString = jsonContent[j].item.conference.date.toString()
if ( filterString.includes('2019') || jsonContent[j].item.journal.year == 2019) { if (filterString.includes('2019') || jsonContent[j].item.journal.year == 2019) {
addpaper(jsonContent[j]); addpaper(jsonContent[j])
count += 1 count += 1
} }
state = 1 state = 1
//Do something
} }
document.getElementById("filter2019").style.backgroundColor = "grey" document.getElementById("filter2019").style.backgroundColor = "grey"
document.getElementById("filter2021").style.backgroundColor = "lightgrey" document.getElementById("filter2021").style.backgroundColor = "lightgrey"
document.getElementById("filter2020").style.backgroundColor = "lightgrey" document.getElementById("filter2020").style.backgroundColor = "lightgrey"
document.getElementById("filter2022").style.backgroundColor = "lightgrey" document.getElementById("filter2022").style.backgroundColor = "lightgrey"
document.getElementById("filter2023").style.backgroundColor = "lightgrey" document.getElementById("filter2023").style.backgroundColor = "lightgrey"
document.getElementById("filter2022").innerHTML = "2022" document.getElementById("filter2024").style.backgroundColor = "lightgrey"
document.getElementById("filter2023").innerHTML = "2023" document.getElementById("filter2025").style.backgroundColor = "lightgrey"
document.getElementById("filter2026").style.backgroundColor = "lightgrey"
document.getElementById("filter2019").innerHTML = "2019 (" + count +")" document.getElementById("filter2019").innerHTML = "2019 (" + count +")"
document.getElementById("filter2021").innerHTML = "2021" document.getElementById("filter2021").innerHTML = "2021"
document.getElementById("filter2020").innerHTML = "2020" document.getElementById("filter2020").innerHTML = "2020"
document.getElementById("filter2022").innerHTML = "2022"
document.getElementById("filter2023").innerHTML = "2023"
document.getElementById("filter2024").innerHTML = "2024"
document.getElementById("filter2025").innerHTML = "2025"
document.getElementById("filter2026").innerHTML = "2026"
count = 0 count = 0
} else if (year == "2023"){ } else if (year == "2023"){
for (var j = 0; j < jsonContent.length; j++) { for (var j = 0; j < jsonContent.length; j++) {
var filterString = jsonContent[j].item.conference.date.toString() var filterString = jsonContent[j].item.conference.date.toString()
if ( filterString.includes('2023') || jsonContent[j].item.journal.year == 2023) { if (filterString.includes('2023') || jsonContent[j].item.journal.year == 2023) {
addpaper(jsonContent[j]); addpaper(jsonContent[j])
count += 1 count += 1
} }
state = 1 state = 1
//Do something
} }
document.getElementById("filter2023").style.backgroundColor = "grey" document.getElementById("filter2023").style.backgroundColor = "grey"
document.getElementById("filter2021").style.backgroundColor = "lightgrey" document.getElementById("filter2021").style.backgroundColor = "lightgrey"
document.getElementById("filter2019").style.backgroundColor = "lightgrey" document.getElementById("filter2019").style.backgroundColor = "lightgrey"
document.getElementById("filter2020").style.backgroundColor = "lightgrey" document.getElementById("filter2020").style.backgroundColor = "lightgrey"
document.getElementById("filter2022").style.backgroundColor = "lightgrey" document.getElementById("filter2022").style.backgroundColor = "lightgrey"
document.getElementById("filter2022").innerHTML = "2022" document.getElementById("filter2024").style.backgroundColor = "lightgrey"
document.getElementById("filter2019").innerHTML = "2019" document.getElementById("filter2025").style.backgroundColor = "lightgrey"
document.getElementById("filter2026").style.backgroundColor = "lightgrey"
document.getElementById("filter2023").innerHTML = "2023 (" + count +")" document.getElementById("filter2023").innerHTML = "2023 (" + count +")"
document.getElementById("filter2019").innerHTML = "2019"
document.getElementById("filter2021").innerHTML = "2021" document.getElementById("filter2021").innerHTML = "2021"
document.getElementById("filter2020").innerHTML = "2020" document.getElementById("filter2020").innerHTML = "2020"
document.getElementById("filter2022").innerHTML = "2022"
document.getElementById("filter2024").innerHTML = "2024"
document.getElementById("filter2025").innerHTML = "2025"
document.getElementById("filter2026").innerHTML = "2026"
count = 0 count = 0
} else if (year == "2022"){ } else if (year == "2022"){
for (var j = 0; j < jsonContent.length; j++) { for (var j = 0; j < jsonContent.length; j++) {
var filterString = jsonContent[j].item.conference.date.toString() var filterString = jsonContent[j].item.conference.date.toString()
if ( filterString.includes('2022') || jsonContent[j].item.journal.year == 2022) { if (filterString.includes('2022') || jsonContent[j].item.journal.year == 2022) {
addpaper(jsonContent[j]); addpaper(jsonContent[j])
count += 1 count += 1
} }
state = 1 state = 1
//Do something
} }
document.getElementById("filter2019").style.backgroundColor = "lightgrey" document.getElementById("filter2019").style.backgroundColor = "lightgrey"
document.getElementById("filter2021").style.backgroundColor = "lightgrey" document.getElementById("filter2021").style.backgroundColor = "lightgrey"
document.getElementById("filter2020").style.backgroundColor = "lightgrey" document.getElementById("filter2020").style.backgroundColor = "lightgrey"
document.getElementById("filter2023").style.backgroundColor = "lightgrey" document.getElementById("filter2023").style.backgroundColor = "lightgrey"
document.getElementById("filter2024").style.backgroundColor = "lightgrey"
document.getElementById("filter2025").style.backgroundColor = "lightgrey"
document.getElementById("filter2026").style.backgroundColor = "lightgrey"
document.getElementById("filter2022").style.backgroundColor = "grey" document.getElementById("filter2022").style.backgroundColor = "grey"
document.getElementById("filter2019").innerHTML = "2019" document.getElementById("filter2019").innerHTML = "2019"
document.getElementById("filter2021").innerHTML = "2021" document.getElementById("filter2021").innerHTML = "2021"
document.getElementById("filter2023").innerHTML = "2023" document.getElementById("filter2023").innerHTML = "2023"
document.getElementById("filter2020").innerHTML = "2020" document.getElementById("filter2020").innerHTML = "2020"
document.getElementById("filter2024").innerHTML = "2024"
document.getElementById("filter2025").innerHTML = "2025"
document.getElementById("filter2026").innerHTML = "2026"
document.getElementById("filter2022").innerHTML = "2022 (" + count +")" document.getElementById("filter2022").innerHTML = "2022 (" + count +")"
count = 0 count = 0
} else if (year == "2024"){
for (var j = 0; j < jsonContent.length; j++) {
var filterString = jsonContent[j].item.conference.date.toString()
if (filterString.includes('2024') || jsonContent[j].item.journal.year == 2024) {
addpaper(jsonContent[j])
count += 1
}
state = 1
} }
if (year == "2020") {
state2020 = 1
state2021 = 0
state2019 = 0
state2022 = 0
state2023 = 0
} else if (year == "2021"){ document.getElementById("filter2019").style.backgroundColor = "lightgrey"
state2021 = 1 document.getElementById("filter2020").style.backgroundColor = "lightgrey"
state2019 = 0 document.getElementById("filter2021").style.backgroundColor = "lightgrey"
state2020 = 0 document.getElementById("filter2022").style.backgroundColor = "lightgrey"
state2022 = 0 document.getElementById("filter2023").style.backgroundColor = "lightgrey"
state2023 = 0 document.getElementById("filter2025").style.backgroundColor = "lightgrey"
document.getElementById("filter2026").style.backgroundColor = "lightgrey"
document.getElementById("filter2024").style.backgroundColor = "grey"
} else if (year == "2019"){ document.getElementById("filter2019").innerHTML = "2019"
state2019 = 1 document.getElementById("filter2020").innerHTML = "2020"
state2020 = 0 document.getElementById("filter2021").innerHTML = "2021"
state2021 = 0 document.getElementById("filter2022").innerHTML = "2022"
state2022 = 0 document.getElementById("filter2023").innerHTML = "2023"
state2023 = 0 document.getElementById("filter2025").innerHTML = "2025"
document.getElementById("filter2026").innerHTML = "2026"
}else if (year == "2022"){ document.getElementById("filter2024").innerHTML = "2024 (" + count +")"
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) { count = 0
if (year == "2020") {
state2020 = 0 } else if (year == "2025"){
} else if (year == "2021"){ for (var j = 0; j < jsonContent.length; j++) {
state2021 = 0 var filterString = jsonContent[j].item.conference.date.toString()
} else if (year == "2019"){ if (filterString.includes('2025') || jsonContent[j].item.journal.year == 2025) {
state2019 = 0 addpaper(jsonContent[j])
count += 1
} }
else if (year == "2022"){ state = 1
state2022 = 0 }
document.getElementById("filter2019").style.backgroundColor = "lightgrey"
document.getElementById("filter2020").style.backgroundColor = "lightgrey"
document.getElementById("filter2021").style.backgroundColor = "lightgrey"
document.getElementById("filter2022").style.backgroundColor = "lightgrey"
document.getElementById("filter2023").style.backgroundColor = "lightgrey"
document.getElementById("filter2024").style.backgroundColor = "lightgrey"
document.getElementById("filter2026").style.backgroundColor = "lightgrey"
document.getElementById("filter2025").style.backgroundColor = "grey"
document.getElementById("filter2019").innerHTML = "2019"
document.getElementById("filter2020").innerHTML = "2020"
document.getElementById("filter2021").innerHTML = "2021"
document.getElementById("filter2022").innerHTML = "2022"
document.getElementById("filter2023").innerHTML = "2023"
document.getElementById("filter2024").innerHTML = "2024"
document.getElementById("filter2026").innerHTML = "2026"
document.getElementById("filter2025").innerHTML = "2025 (" + count +")"
count = 0
} else if (year == "2026"){
for (var j = 0; j < jsonContent.length; j++) {
var filterString = jsonContent[j].item.conference.date.toString()
if (filterString.includes('2026') || jsonContent[j].item.journal.year == 2026) {
addpaper(jsonContent[j])
count += 1
} }
else if (year == "2023"){ state = 1
state2023 = 0
} }
document.getElementById("filter2019").style.backgroundColor = "lightgrey"
document.getElementById("filter2020").style.backgroundColor = "lightgrey" document.getElementById("filter2020").style.backgroundColor = "lightgrey"
document.getElementById("filter2021").style.backgroundColor = "lightgrey"
document.getElementById("filter2022").style.backgroundColor = "lightgrey"
document.getElementById("filter2023").style.backgroundColor = "lightgrey"
document.getElementById("filter2024").style.backgroundColor = "lightgrey"
document.getElementById("filter2025").style.backgroundColor = "lightgrey"
document.getElementById("filter2026").style.backgroundColor = "grey"
document.getElementById("filter2019").innerHTML = "2019"
document.getElementById("filter2020").innerHTML = "2020"
document.getElementById("filter2021").innerHTML = "2021"
document.getElementById("filter2022").innerHTML = "2022"
document.getElementById("filter2023").innerHTML = "2023"
document.getElementById("filter2024").innerHTML = "2024"
document.getElementById("filter2025").innerHTML = "2025"
document.getElementById("filter2026").innerHTML = "2026 (" + count +")"
count = 0
}
// set active year state (and reset all others)
if (year == "2019") {
state2019 = 1; state2020 = 0; state2021 = 0; state2022 = 0; state2023 = 0; state2024 = 0; state2025 = 0; state2026 = 0
} else if (year == "2020") {
state2019 = 0; state2020 = 1; state2021 = 0; state2022 = 0; state2023 = 0; state2024 = 0; state2025 = 0; state2026 = 0
} else if (year == "2021") {
state2019 = 0; state2020 = 0; state2021 = 1; state2022 = 0; state2023 = 0; state2024 = 0; state2025 = 0; state2026 = 0
} else if (year == "2022") {
state2019 = 0; state2020 = 0; state2021 = 0; state2022 = 1; state2023 = 0; state2024 = 0; state2025 = 0; state2026 = 0
} else if (year == "2023") {
state2019 = 0; state2020 = 0; state2021 = 0; state2022 = 0; state2023 = 1; state2024 = 0; state2025 = 0; state2026 = 0
} else if (year == "2024") {
state2019 = 0; state2020 = 0; state2021 = 0; state2022 = 0; state2023 = 0; state2024 = 1; state2025 = 0; state2026 = 0
} else if (year == "2025") {
state2019 = 0; state2020 = 0; state2021 = 0; state2022 = 0; state2023 = 0; state2024 = 0; state2025 = 1; state2026 = 0
} else if (year == "2026") {
state2019 = 0; state2020 = 0; state2021 = 0; state2022 = 0; state2023 = 0; state2024 = 0; state2025 = 0; state2026 = 1
}
} else if (state == 1) {
// toggle off selected year
if (year == "2019") state2019 = 0
else if (year == "2020") state2020 = 0
else if (year == "2021") state2021 = 0
else if (year == "2022") state2022 = 0
else if (year == "2023") state2023 = 0
else if (year == "2024") state2024 = 0
else if (year == "2025") state2025 = 0
else if (year == "2026") state2026 = 0
document.getElementById("nextblock").style.display = "block" 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 state = 0
// reset all buttons
document.getElementById("filter2019").style.backgroundColor = "lightgrey" document.getElementById("filter2019").style.backgroundColor = "lightgrey"
document.getElementById("filter2021").style.backgroundColor = "lightgrey"
document.getElementById("filter2020").style.backgroundColor = "lightgrey" document.getElementById("filter2020").style.backgroundColor = "lightgrey"
document.getElementById("filter2021").style.backgroundColor = "lightgrey"
document.getElementById("filter2022").style.backgroundColor = "lightgrey" document.getElementById("filter2022").style.backgroundColor = "lightgrey"
document.getElementById("filter2023").style.backgroundColor = "lightgrey" document.getElementById("filter2023").style.backgroundColor = "lightgrey"
document.getElementById("filter2024").style.backgroundColor = "lightgrey"
document.getElementById("filter2025").style.backgroundColor = "lightgrey"
document.getElementById("filter2026").style.backgroundColor = "lightgrey"
document.getElementById("filter2019").innerHTML = "2019" document.getElementById("filter2019").innerHTML = "2019"
document.getElementById("filter2021").innerHTML = "2021"
document.getElementById("filter2020").innerHTML = "2020" document.getElementById("filter2020").innerHTML = "2020"
document.getElementById("filter2021").innerHTML = "2021"
document.getElementById("filter2022").innerHTML = "2022" document.getElementById("filter2022").innerHTML = "2022"
document.getElementById("filter2023").innerHTML = "2023" document.getElementById("filter2023").innerHTML = "2023"
document.getElementById("filter2024").innerHTML = "2024"
document.getElementById("filter2025").innerHTML = "2025"
document.getElementById("filter2026").innerHTML = "2026"
} }
} }
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