This post is only available to members. document.addEventListener('DOMContentLoaded', function() { console.log('social login script loaded'); // Use event delegation in case buttons are dynamically rendered document.body.addEventListener('click', function(e) { console.log('social login button clicked'); var btn = e.target.closest('.button-social-login'); if (btn) { // e.preventDefault(); // Disable button to prevent multiple clicks btn.style.pointerEvents = 'none'; btn.style.opacity = '0.6'; // Change button content to 'Please wait...' with a simple spinner btn.innerHTML = ' Please wait...'; // Add spinner animation style if not already present if (!document.getElementById('social-login-spinner-style')) { var style = document.createElement('style'); style.id = 'social-login-spinner-style'; style.innerHTML = '@keyframes spin {0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}'; document.head.appendChild(style); } } }); });