eric/e-tandem_UI
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Many changes

Browse source
This commit is contained in:
ericb 2024-12-11 17:58:49 +01:00
parent 56081ba6f0
commit 801a3e25d3
9 changed files with 317 additions and 248 deletions
Download patch file Download diff file Expand all files Collapse all files

35
static/js/js.js
View file

@ -3,6 +3,7 @@ function initTooltips(section) {
const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));
}
function checkTermsandConditions(){
const checkTerms = document.querySelector('#cgvCheck');
const createAccountButton = document.querySelector('#btnCreateAccount');
@ -10,22 +11,32 @@ function checkTermsandConditions(){
}
document.addEventListener("DOMContentLoaded", function() {
const offmenu = document.getElementById("offSideMenu");
const sidemenu = document.getElementById("secondNav");
const offmenu = document.getElementById("offSideMenu"),
sidemenu = document.getElementById("secondNav");
function toggleMenus(mediaQuery) {
if (!mediaQuery.matches) {
offmenu.style.display = "none";
sidemenu.style.display = "block";
} else {
offmenu.style.display = "block";
sidemenu.style.display = "none";
const toggleMenus = ({ matches }) => {
if(offmenu && sidemenu){
offmenu.style.display = matches ? "block" : "none";
sidemenu.style.display = matches ? "none" : "block";
}
}
};
const mediaQuery = window.matchMedia("(max-width: 992px)");
toggleMenus(mediaQuery); // Initial check
mediaQuery.addEventListener('change', (e) => toggleMenus(e));
mediaQuery.addEventListener('change', toggleMenus);
const meetOption1 = document.getElementById('userMeetOptionReal'),
meetOption2 = document.getElementById('userMeetOptionVirtual'),
meetOption3 = document.getElementById('userMeetOptionHybrid'),
meetLocation = document.getElementById('userTandemMeetLocation');
const updateMeet = () => {
if (meetLocation) {meetLocation.style.display = (meetOption1?.checked || meetOption3?.checked) ? 'block' : 'none'; }
};
[meetOption1, meetOption2, meetOption3].forEach(option => { if (option) { option.addEventListener('change', updateMeet); }} );
updateMeet();
initTooltips(document);
toggleMenus(mediaQuery); // Initial check
});