| |
| const navToggle = document.querySelector('.nav-toggle'); |
| const navMenu = document.querySelector('.nav-menu'); |
|
|
| if (navToggle && navMenu) { |
| navToggle.addEventListener('click', () => { |
| navMenu.classList.toggle('active'); |
| navToggle.classList.toggle('is-active'); |
| }); |
| } |
|
|
| |
| const trackingExamples = document.querySelectorAll('.tracking-example'); |
| const trackingInput = document.getElementById('tracking-number'); |
|
|
| if (trackingExamples.length > 0 && trackingInput) { |
| trackingExamples.forEach(button => { |
| button.addEventListener('click', () => { |
| trackingInput.value = button.getAttribute('data-tracking'); |
| }); |
| }); |
| } |
|
|
| |
| const forms = document.querySelectorAll('form'); |
| forms.forEach(form => { |
| form.addEventListener('submit', (e) => { |
| e.preventDefault(); |
| |
| alert('Form submitted successfully!'); |
| }); |
| }); |
|
|
| |
| const statCards = document.querySelectorAll('.stat-card'); |
| statCards.forEach((card, index) => { |
| setTimeout(() => { |
| card.style.opacity = '1'; |
| card.style.transform = 'translateY(0)'; |
| }, 300 * index); |
| }); |
|
|
| |
| const actionButtons = document.querySelectorAll('.table-actions button'); |
| actionButtons.forEach(button => { |
| button.addEventListener('click', (e) => { |
| e.stopPropagation(); |
| const action = e.currentTarget.querySelector('i').getAttribute('data-feather'); |
| const row = e.currentTarget.closest('tr'); |
| const trackingId = row.cells[1].textContent; |
| |
| switch(action) { |
| case 'eye': |
| alert(`Viewing details for shipment ${trackingId}`); |
| break; |
| case 'edit': |
| alert(`Editing shipment ${trackingId}`); |
| break; |
| case 'trash': |
| if (confirm(`Are you sure you want to delete shipment ${trackingId}?`)) { |
| row.remove(); |
| } |
| break; |
| } |
| }); |
| }); |
