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
Show whitespace changes
Inline Side-by-side
public/js/paperfilter.js
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"
var state = 0;
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
// 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";
//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
// Use the state from the yearStates object
state = yearStates[year];
if (state === 0) {
console.log("filter");
//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"){
// 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 ( filterString.includes('2023') || jsonContent[j].item.journal.year == 2023) {
addpaper(jsonContent[j]);
count += 1
}
state = 1
var filterString = jsonContent[j].item.conference.date.toString();
//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) {
// Check for the selected year
if (filterString.includes(year) || jsonContent[j].item.journal.year == year) {
addpaper(jsonContent[j]);
count += 1
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
state = 1;
}
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
// Update the background color and count for the selected year
document.getElementById(`filter${year}`).style.backgroundColor = "grey";
} else if (year == "2019"){
state2019 = 1
state2020 = 0
state2021 = 0
state2022 = 0
state2023 = 0
// 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}`;
}
});
}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
}
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 (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"
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}`;
});
}
}
public/js/paperfilter1.js 0 → 100644
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