Spaces:
Running
Running
File size: 3,290 Bytes
7b65a9a |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 |
// Tab switching functionality
function switchTab(tabId) {
// Hide all tab contents
document.querySelectorAll('.tab-content').forEach(tab => {
tab.classList.add('hidden');
tab.classList.remove('active');
});
// Deactivate all tabs
document.querySelectorAll('.tab').forEach(tab => {
tab.classList.remove('active', 'text-blue-600', 'dark:text-blue-400', 'border-blue-500');
tab.classList.add('text-gray-500', 'dark:text-gray-400');
});
// Show selected tab content
document.getElementById(tabId).classList.remove('hidden');
document.getElementById(tabId).classList.add('active');
// Activate selected tab
const activeTab = Array.from(document.querySelectorAll('.tab')).find(tab =>
tab.getAttribute('onclick').includes(tabId)
);
if (activeTab) {
activeTab.classList.add('active', 'text-blue-600', 'dark:text-blue-400', 'border-b-2', 'border-blue-500');
activeTab.classList.remove('text-gray-500', 'dark:text-gray-400');
}
}
// Modal functionality
function openModal(content) {
const modal = document.getElementById('orderModal');
const modalContent = document.getElementById('orderModalContent');
modalContent.innerHTML = content;
modal.classList.remove('hidden');
document.body.style.overflow = 'hidden';
}
function closeModal() {
document.getElementById('orderModal').classList.add('hidden');
document.body.style.overflow = 'auto';
}
// Close modal when clicking outside
document.getElementById('orderModal').addEventListener('click', function(e) {
if (e.target === this) {
closeModal();
}
});
// Simulate loading data
document.addEventListener('DOMContentLoaded', function() {
setTimeout(() => {
document.getElementById('loading').classList.add('hidden');
document.getElementById('content').classList.remove('hidden');
// Sample data population
document.getElementById('userName').textContent = 'علی محمدی';
document.getElementById('userUsername').textContent = '@alimohammadi';
document.getElementById('walletBalance').textContent = '1,250,000';
document.getElementById('activeSubs').textContent = '2';
document.getElementById('totalOrders').textContent = '7';
document.getElementById('infoUserId').textContent = 'USER-789456';
document.getElementById('infoPhone').textContent = '+98 912 345 6789';
document.getElementById('infoJoinDate').textContent = '1402/05/12';
document.getElementById('infoDiscount').textContent = '15%';
document.getElementById('infoTrial').classList.remove('hidden');
}, 1500);
// Retry button functionality
document.getElementById('retryButton').addEventListener('click', function() {
document.getElementById('error').classList.add('hidden');
document.getElementById('loading').classList.remove('hidden');
setTimeout(() => {
document.getElementById('loading').classList.add('hidden');
document.getElementById('content').classList.remove('hidden');
}, 1000);
});
});
// Initialize feather icons
if (typeof feather !== 'undefined') {
feather.replace();
} |