livegraphs-django/dashboard_project/static/js/main.js

/**
 * main.js - Global JavaScript functionality
 *
 * This file contains general JavaScript functionality used across
 * the entire application, including navigation, forms, and UI interactions.
 */

document.addEventListener("DOMContentLoaded", function () {
	// Initialize tooltips
	var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
	var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
		return new bootstrap.Tooltip(tooltipTriggerEl);
	});

	// Initialize popovers
	var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'));
	var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
		return new bootstrap.Popover(popoverTriggerEl);
	});

	// Toggle sidebar on mobile
	const sidebarToggle = document.querySelector("#sidebarToggle");
	if (sidebarToggle) {
		sidebarToggle.addEventListener("click", function () {
			document.querySelector(".sidebar").classList.toggle("show");
		});
	}

	// Auto-dismiss alerts after 5 seconds
	setTimeout(function () {
		var alerts = document.querySelectorAll(".alert:not(.alert-important)");
		alerts.forEach(function (alert) {
			if (alert && bootstrap.Alert.getInstance(alert)) {
				bootstrap.Alert.getInstance(alert).close();
			}
		});
	}, 5000);

	// Form validation
	const forms = document.querySelectorAll(".needs-validation");
	forms.forEach(function (form) {
		form.addEventListener(
			"submit",
			function (event) {
				if (!form.checkValidity()) {
					event.preventDefault();
					event.stopPropagation();
				}
				form.classList.add("was-validated");
			},
			false,
		);
	});

	// Confirm dialogs
	const confirmButtons = document.querySelectorAll("[data-confirm]");
	confirmButtons.forEach(function (button) {
		button.addEventListener("click", function (event) {
			if (!confirm(this.dataset.confirm || "Are you sure?")) {
				event.preventDefault();
			}
		});
	});

	// Back button
	const backButtons = document.querySelectorAll(".btn-back");
	backButtons.forEach(function (button) {
		button.addEventListener("click", function (event) {
			event.preventDefault();
			window.history.back();
		});
	});

	// File input customization
	const fileInputs = document.querySelectorAll(".custom-file-input");
	fileInputs.forEach(function (input) {
		input.addEventListener("change", function (e) {
			const fileName = this.files[0]?.name || "Choose file";
			const nextSibling = this.nextElementSibling;
			if (nextSibling) {
				nextSibling.innerText = fileName;
			}
		});
	});

	// Search form submit on enter
	const searchInputs = document.querySelectorAll(".search-input");
	searchInputs.forEach(function (input) {
		input.addEventListener("keypress", function (e) {
			if (e.key === "Enter") {
				e.preventDefault();
				this.closest("form").submit();
			}
		});
	});

	// Toggle password visibility
	const togglePasswordButtons = document.querySelectorAll(".toggle-password");
	togglePasswordButtons.forEach(function (button) {
		button.addEventListener("click", function () {
			const target = document.querySelector(this.dataset.target);
			if (target) {
				const type = target.getAttribute("type") === "password" ? "text" : "password";
				target.setAttribute("type", type);
				this.querySelector("i").classList.toggle("fa-eye");
				this.querySelector("i").classList.toggle("fa-eye-slash");
			}
		});
	});

	// Dropdown menu positioning
	const dropdowns = document.querySelectorAll(".dropdown-menu");
	dropdowns.forEach(function (dropdown) {
		dropdown.addEventListener("click", function (e) {
			e.stopPropagation();
		});
	});

	// Responsive table handling
	const tables = document.querySelectorAll(".table-responsive");
	if (window.innerWidth < 768) {
		tables.forEach(function (table) {
			table.classList.add("table-responsive-force");
		});
	}

	// Handle special links (printable views, exports)
	const printLinks = document.querySelectorAll(".print-link");
	printLinks.forEach(function (link) {
		link.addEventListener("click", function (e) {
			e.preventDefault();
			window.print();
		});
	});

	const exportLinks = document.querySelectorAll("[data-export]");
	exportLinks.forEach(function (link) {
		link.addEventListener("click", function (e) {
			// Handle export functionality if needed
			console.log("Export requested:", this.dataset.export);
		});
	});

	// Handle sidebar collapse on small screens
	function handleSidebarOnResize() {
		if (window.innerWidth < 768) {
			document.querySelector(".sidebar")?.classList.remove("show");
		}
	}

	window.addEventListener("resize", handleSidebarOnResize);
});