glax/Tranga-Website
1
0
Fork 0
Code Issues Pull Requests Releases Activity

C9Glax/tranga-website#79

Browse Source
This commit is contained in:
db-2001 2024-04-21 14:18:30 -04:00
parent 4c840bf318
commit a3479bcf8b
3 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Website/index.html
View File

@ -23,7 +23,7 @@
<filter-box id="filterBox"> <filter-box id="filterBox">
<border-bar> <border-bar>
<popup-title>Filter by: </popup-title> <popup-title>Filter by: </popup-title>
<popup-close onclick="filterBox.classList.toggle('animate')" >&times</popup-close> <popup-close onclick="filterBox.style.display = 'none';" >&times</popup-close>
</border-bar> </border-bar>
<popup-content id="filterContent"> <popup-content id="filterContent">
<div class="popup-section"> <div class="popup-section">

12
Website/interaction.js
View File

@ -15,6 +15,7 @@ let statusNameMatch = [];
const searchBox = document.querySelector("#searchbox"); const searchBox = document.querySelector("#searchbox");
const settingsPopup = document.querySelector("#settingsPopup"); const settingsPopup = document.querySelector("#settingsPopup");
const filterBox = document.querySelector("#filterBox"); const filterBox = document.querySelector("#filterBox");
const filterContent = document.querySelector("#filterContent");
const settingsCog = document.querySelector("#settingscog"); const settingsCog = document.querySelector("#settingscog");
const filterFunnel = document.querySelector("#filterFunnel"); const filterFunnel = document.querySelector("#filterFunnel");
const tasksContent = document.querySelector("content"); const tasksContent = document.querySelector("content");
@ -184,6 +185,15 @@ function Setup(){
} }
Setup(); Setup();
function ToggleFilterBox() {
if (filterBox.style.display == 'none') {
filterBox.style.display = 'flex';
} else {
filterBox.style.display = 'none';
}
filterContent.scrollTop = 0;
}
function ToggleFilterConnector(connector, event) { function ToggleFilterConnector(connector, event) {
//console.log("Initial Array:"); //console.log("Initial Array:");
//console.log(connectorMatch); //console.log(connectorMatch);
@ -508,7 +518,7 @@ settingsCog.addEventListener("click", () => {
}); });
filterFunnel.addEventListener("click", () => { filterFunnel.addEventListener("click", () => {
filterBox.classList.toggle("animate"); ToggleFilterBox();
}); });
settingKomgaUrl.addEventListener("keypress", (event) => { if(event.key === "Enter") UpdateSettings(); }); settingKomgaUrl.addEventListener("keypress", (event) => { if(event.key === "Enter") UpdateSettings(); });

4
Website/styles/base.css
View File

@ -95,10 +95,6 @@ filter-box {
height: 600px; height: 600px;
} }
filter-box.animate {
display: flex;
}
filter-box border-bar popup-title{ filter-box border-bar popup-title{
font-size: 12pt; font-size: 12pt;
} }