ydeng/props
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added Bootstrap collapse animation to configuration.

Browse Source
This commit is contained in:
Harrison Deng
2021-07-22 21:24:39 -05:00
parent 22dd766db3
commit d91acd36f7
2 changed files with 95 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
Props/assets/js/specific/search.js
View File

@@ -22,18 +22,21 @@ async function main() {
await setupInitialValues((await apiHttp.get("/Search/Default/Outline/Filters")).data);
await setupShopToggles((await apiHttp.get("/Search/Shops/Available")).data);
document.getElementById("configuration").querySelector(".invisible").classList.remove("invisible"); // Load completed, show the UI.
document.querySelector("#configuration .invisible").classList.remove("invisible"); // Load completed, show the UI.
}
function setupInteractiveBehavior() {
document.getElementById("config-check-toggle").addEventListener("change", function () {
let configElem = document.getElementById("configuration");
if (this.checked) {
configElem.classList.remove("d-none");
} else {
configElem.classList.add("d-none");
}
let configurationElem = document.getElementById("configuration");
let configurationToggle = document.getElementById("configuration-toggle");
configurationElem.addEventListener("show.bs.collapse", function () {
console.log("shown");
configurationToggle.classList.add("active");
});
configurationElem.addEventListener("hidden.bs.collapse", function () {
console.log("closed");
configurationToggle.classList.remove("active");
});
inputs.maxPriceEnabled.addEventListener("change", function () {
inputs.maxPrice.disabled = !this.checked;