Emmanuel Rizky
158b6d0886
This commit introduces a complete overhaul of the analytics dashboard, replacing the previous simple layout with a modern, data-rich interface. The new dashboard is built using Tailwind CSS for styling and Chart.js for interactive data visualizations. It provides a more comprehensive and user-friendly view of bot analytics with key metrics, charts for user growth and satisfaction, and a detailed feedback table. Additionally, this commit fixes a mobile viewport height (`vh`) rendering issue on the chat page to prevent layout shifts on mobile browsers.
17 lines
547 B
JavaScript
17 lines
547 B
JavaScript
// Toggle dropdown menu visibility
|
|
const menuButton = document.querySelector('.mobile-header-menu-button');
|
|
const dropdownMenu = document.querySelector('.dropdown-menu');
|
|
|
|
if (menuButton && dropdownMenu) {
|
|
menuButton.addEventListener('click', function() {
|
|
dropdownMenu.classList.toggle('visible');
|
|
});
|
|
}
|
|
|
|
// Close dropdown when clicking outside
|
|
document.addEventListener('click', function(event) {
|
|
if (!event.target.closest('.mobile-header-right') && dropdownMenu) {
|
|
dropdownMenu.classList.remove('visible');
|
|
}
|
|
});
|