Spaces:
Runtime error
Runtime error
File size: 3,002 Bytes
a5778f2 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 | // Too Many Cables - Main Website JavaScript
class TMCWebsite {
constructor() {
this.currentUser = null;
this.init();
}
init() {
this.setupNavigation();
this.setupUserAuthentication();
this.checkUserStatus();
}
setupNavigation() {
const navToggle = document.getElementById('nav-toggle');
const navMenu = document.getElementById('nav-menu');
if (navToggle && navMenu) {
navToggle.addEventListener('click', () => {
navMenu.classList.toggle('active');
navToggle.classList.toggle('active');
});
}
}
setupUserAuthentication() {
// Login/logout functionality is now handled in base.html
// This method is kept for future authentication-related features
}
showModal(type) {
const modalId = type === 'login' ? 'login-modal' : 'register-modal';
const modal = document.getElementById(modalId);
if (modal) {
modal.style.display = 'flex';
}
}
hideModal(modalId) {
const modal = document.getElementById(modalId);
if (modal) {
modal.style.display = 'none';
const form = modal.querySelector('form');
if (form) form.reset();
}
}
async logout() {
// Logout functionality is now handled in base.html
// This method is kept for compatibility
}
async checkUserStatus() {
try {
const response = await fetch('/api/user');
const data = await response.json();
if (data.success) {
this.currentUser = data.user;
this.updateUserUI();
}
} catch (error) {
console.log('User not authenticated');
}
}
updateUserUI() {
const authBtn = document.getElementById('auth-btn');
const userGreeting = document.getElementById('user-greeting');
const userName = document.getElementById('user-name');
const ticketsLink = document.getElementById('tickets-link');
if (this.currentUser) {
if (authBtn) {
authBtn.textContent = 'Logout';
authBtn.title = 'Click to logout';
}
if (userGreeting) userGreeting.style.display = 'inline';
if (userName) userName.textContent = this.currentUser.name;
if (ticketsLink) ticketsLink.style.display = 'inline-block';
} else {
if (authBtn) {
authBtn.textContent = 'Login';
authBtn.title = 'Click to login';
}
if (userGreeting) userGreeting.style.display = 'none';
if (ticketsLink) ticketsLink.style.display = 'none';
}
}
}
// Initialize website functionality when DOM is loaded
document.addEventListener('DOMContentLoaded', function() {
new TMCWebsite();
});
|