Spaces:
Running
Running
| document.addEventListener('DOMContentLoaded', function() { | |
| // Initialize tooltips | |
| const tooltipTriggers = document.querySelectorAll('[data-tooltip]'); | |
| tooltipTriggers.forEach(trigger => { | |
| const tooltip = document.createElement('div'); | |
| tooltip.className = 'hidden absolute z-50 bg-gray-800 text-white text-xs rounded py-1 px-2'; | |
| tooltip.textContent = trigger.getAttribute('data-tooltip'); | |
| trigger.appendChild(tooltip); | |
| trigger.addEventListener('mouseenter', () => { | |
| tooltip.classList.remove('hidden'); | |
| }); | |
| trigger.addEventListener('mouseleave', () => { | |
| tooltip.classList.add('hidden'); | |
| }); | |
| }); | |
| // Scanner button functionality | |
| const scannerBtn = document.querySelector('.scanner-btn'); | |
| if (scannerBtn) { | |
| scannerBtn.addEventListener('click', function() { | |
| this.classList.toggle('scanner-active'); | |
| const icon = this.querySelector('i'); | |
| if (this.classList.contains('scanner-active')) { | |
| icon.setAttribute('data-feather', 'stop-circle'); | |
| feather.replace(); | |
| // Start scanning logic would go here | |
| } else { | |
| icon.setAttribute('data-feather', 'play'); | |
| feather.replace(); | |
| // Stop scanning logic would go here | |
| } | |
| }); | |
| } | |
| // Responsive adjustments | |
| function handleResize() { | |
| // Add any responsive adjustments here | |
| } | |
| window.addEventListener('resize', handleResize); | |
| handleResize(); | |
| }); |