Files
twitter-project/dashboard_static/js/events.js
2022-11-03 11:34:13 +01:00

71 lines
2.0 KiB
JavaScript

// Selected = is clicked sport selected or not, BOOL
// Sports = all selected sports, ARRAY
$(".sport").on("selected", function(e, selected, sports) {
console.log(selected, sports);
filters.sports = sports;
$(window).trigger("filter");
})
window.addEventListener('DOMContentLoaded', (event) => {
window.sessionStorage.setItem('tweets', JSON.stringify([]));
});
$(".sport").on("click", function() {
$(this).toggleClass("selected")
let sportName = $(this).children()[1].innerHTML // 2nd element, which is the sport name
let index = selectedSports.indexOf(sportName)
if (index > -1 ) { // If element is found in array
selectedSports.splice(index, 1) // Remove sport at index
} else {
selectedSports.push(sportName) // Add sport to array
}
$(this).trigger("selected", [selectedSports.includes(sportName), selectedSports]) // Trigger event
showFeeds()
})
$(window).on("resize", function(){
showFeeds()
});
$(window).on("load", function() {
showFeeds()
})
$(".sortby").on("click", function() {
$(".sort-dropdown").toggle()
// $(".sort-btn").toggleClass("radius-bottom")
})
$(".sort-dropdown-list li").on("click", function() {
$(".sort-dropdown").toggle()
})
let root = document.querySelector(":root")
$(".logo").on("click", function() {
if (root.style.getPropertyValue("--main-bg") === 'ghostwhite') {
root.style.setProperty('--main-bg', '#292929');
} else {
root.style.setProperty('--main-bg', 'ghostwhite');
}
})
$(window).on("filter", function() {
var parent = $("div.filtered")
$("div.filtered").innerHTML = ""
console.debug(filters);
tweets = window.sessionStorage.getItem('tweets');
tweets = JSON.parse(tweets);
tweets = filterTweets(tweets, filters.blockedWords, filters.searchedWords.concat(filters.sports), filters.sorted, filters.order);
tweets = sortTweets(tweets);
for (i = 0; i < Math.min(tweets.length, 20); i++){
parent.append(tweetCell(tweets[i]));
}
})