| |
| document.addEventListener('DOMContentLoaded', function() { |
| |
| document.documentElement.lang = 'en'; |
| |
| const skipLink = document.createElement('a'); |
| skipLink.href = '#main-content'; |
| skipLink.className = 'skip-link sr-only focus:not-sr-only focus:fixed focus:top-2 focus:left-2 focus:bg-white focus:p-4 focus:z-50'; |
| skipLink.textContent = 'Skip to main content'; |
| document.body.insertBefore(skipLink, document.body.firstChild); |
| |
| document.querySelectorAll('[data-feather]').forEach(icon => { |
| const parent = icon.parentElement; |
| if (parent.tagName === 'A' || parent.tagName === 'BUTTON') { |
| const label = parent.textContent.trim() || icon.getAttribute('aria-label') || parent.getAttribute('title'); |
| if (label) { |
| parent.setAttribute('aria-label', label); |
| } |
| if (parent.tagName === 'BUTTON' && !parent.getAttribute('type')) { |
| parent.setAttribute('type', 'button'); |
| } |
| } |
| }); |
|
|
| |
| document.querySelectorAll('img:not([alt])').forEach(img => { |
| img.setAttribute('alt', ''); |
| }); |
|
|
| |
| const main = document.querySelector('main'); |
| if (main && !main.getAttribute('role')) { |
| main.setAttribute('role', 'main'); |
| } |
|
|
| |
| document.addEventListener('keydown', function(e) { |
| if (e.key === 'Tab' && document.querySelector('.modal[aria-modal="true"]')) { |
| handleModalFocus(e); |
| } |
| }); |
| |
| const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')); |
| tooltipTriggerList.map(function (tooltipTriggerEl) { |
| return new bootstrap.Tooltip(tooltipTriggerEl); |
| }); |
|
|
| |
| const forms = document.querySelectorAll('.needs-validation'); |
| Array.prototype.slice.call(forms).forEach(function(form) { |
| form.addEventListener('submit', function(event) { |
| if (!form.checkValidity()) { |
| event.preventDefault(); |
| event.stopPropagation(); |
| } |
| form.classList.add('was-validated'); |
| }, false); |
| }); |
|
|
| |
| const passwordToggles = document.querySelectorAll('.password-toggle'); |
| passwordToggles.forEach(toggle => { |
| toggle.addEventListener('click', function() { |
| const input = this.previousElementSibling; |
| const icon = this.querySelector('i'); |
| if (input.type === 'password') { |
| input.type = 'text'; |
| icon.setAttribute('data-feather', 'eye-off'); |
| } else { |
| input.type = 'password'; |
| icon.setAttribute('data-feather', 'eye'); |
| } |
| feather.replace(); |
| }); |
| }); |
| }); |
|
|
| |
| async function fetchAccountBalance() { |
| try { |
| |
| const response = await fetch('https://api.example.com/balance', { |
| method: 'GET', |
| headers: { |
| 'Content-Type': 'application/json', |
| 'Authorization': 'Bearer YOUR_ACCESS_TOKEN' |
| } |
| }); |
| const data = await response.json(); |
| return data; |
| } catch (error) { |
| console.error('Error fetching account balance:', error); |
| return null; |
| } |
| } |
|
|
| |
| function formatCurrency(amount) { |
| return new Intl.NumberFormat('en-US', { |
| style: 'currency', |
| currency: 'USD' |
| }).format(amount); |
| } |
|
|
| |
| function formatDate(dateString) { |
| const options = { year: 'numeric', month: 'short', day: 'numeric' }; |
| return new Date(dateString).toLocaleDateString('en-US', options); |
| } |
