Pterodactyl Vps hosting

' : ''; const outOfStockCardClass = !server.stock ? ' out-of-stock-card' : ''; // Affichage du badge stock let stockBadgeHTML = ''; if (hasOutOfStock) { const stockClass = server.stock ? 'in-stock' : 'out-of-stock'; const stockText = server.stock ? 'In Stock' : 'Out of Stock'; stockBadgeHTML = ``; } let priceHTML = `$${pricing.monthly} per month`; if (selectedPeriod !== 'monthly') { const periodText = selectedPeriod === 'annual' ? '1 year' : `${pricing.multiplier} months`; priceHTML += `
Save $${pricing.savings} over ${periodText}`; } const buttonDisabled = !server.stock ? ' disabled' : ''; const buttonText = server.stock ? 'Order Now' : 'Out of Stock'; const storage = server.storage; // Scores Geekbench 6 const performanceScores = { classique: { '4 GB': { score: 3436, percentage: 26 }, '8 GB': { score: 4931, percentage: 37 }, '16 GB': { score: 5832, percentage: 44 }, '32 GB': { score: 6445, percentage: 49 } }, premium: { '4 GB': { score: 5043, percentage: 38 }, '8 GB': { score: 8687, percentage: 66 }, '16 GB': { score: 11266, percentage: 86 }, '32 GB': { score: 13146, percentage: 100 } } }; const performance = performanceScores[selectedCategory][server.name]; return ` `; } function displayServers() { const servers = selectedCategory === 'classique' ? vpsPterodactylClassique.servers : vpsPterodactylPremium.servers; const hasOutOfStock = servers.some(server => !server.stock); const grid = SCOPE.querySelector('#vps-grid-ptero-us'); grid.innerHTML = servers.map(server => generateServerCard(server, hasOutOfStock)).join(''); // Animation des barres de performance setTimeout(() => { const performanceBars = SCOPE.querySelectorAll('.performance-bar'); performanceBars.forEach(bar => { const width = bar.getAttribute('data-width'); bar.style.width = '0%'; setTimeout(() => { bar.style.width = width + '%'; }, 100); }); }, 50); } // ═══════════════════════════════════════════════════════════════ // ÉVÉNEMENTS // ═══════════════════════════════════════════════════════════════ // Switch Classic/Premium SCOPE.querySelectorAll('input[name="category-choice-ptero-us"]').forEach(input => { input.addEventListener('change', (e) => { selectedCategory = e.target.value; console.log('📦 [VPS PTERODACTYL US] Category changed to:', selectedCategory); displayServers(); }); }); // Boutons de période SCOPE.querySelectorAll('.period-selector button').forEach(btn => { btn.addEventListener('click', function(e) { e.preventDefault(); e.stopPropagation(); SCOPE.querySelectorAll('.period-selector button').forEach(b => b.classList.remove('active')); this.classList.add('active'); selectedPeriod = this.getAttribute('data-period'); console.log('⏱️ [VPS PTERODACTYL US] Period changed to:', selectedPeriod); displayServers(); }); }); // Initialisation console.log('⏳ [VPS PTERODACTYL US] Initializing in 200ms...'); setTimeout(() => { displayServers(); console.log('✅ [VPS PTERODACTYL US] Initialization complete'); }, 200); })();