Credencial digital

body { font-family: Arial, sans-serif; text-align: center; margin: 0; padding: 20px; } #cuilInput { margin-bottom: 20px; padding: 10px; font-size: 16px; width: 200px; } button { padding: 10px 20px; font-size: 16px; } #captcha { margin-top: 20px; margin-bottom: 20px; } #captchaInput { width: 200px; /* Ajusta este valor para hacer el campo más corto */ padding: 5px; font-size: 16px; }

 

document.getElementById(‘getCredentials’).addEventListener(‘click’, function() { const cuil = document.getElementById(‘cuilInput’).value; const captchaAnswer = document.getElementById(‘captchaInput’).value; // Verificación de CUIL y Captcha //if (cuil.length !== 11) { // alert(‘El CUIL debe tener 11 dígitos.’); // return; //} if (captchaAnswer !== ’11’) { alert(‘Respuesta de captcha incorrecta. Inténtelo de nuevo.’); return; } // const url = `https://aportesws.sadop.edu.ar/v1/admin/credenciales/v/3/ct/C/cuil/${cuil}`; const url = `https://aportesws.sadop.edu.ar/v1/admin/credenciales/v/3/ct/C/buscar/${cuil}`; fetch(url, { method: ‘GET’ }) .then(response => { if (!response.ok) { throw new Error(‘Error en la solicitud: ‘ + response.statusText); } return response.json(); }) .then(data => { const credentialData = data[0]; const imageUrl = credentialData.credencial; if (imageUrl) { const newWindow = window.open(», ‘_blank’); newWindow.document.write(` Credencial body { display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; background-color: #f4f4f4; } img { max-width: 100%; height: auto; border: 1px solid #ccc; padding: 10px; background: #fff; } Imagen de la credencial `); newWindow.document.close(); } else { document.getElementById(‘credentialsResult’).textContent = ‘No se encontró la imagen en la respuesta.’; } }) .catch(error => { document.getElementById(‘credentialsResult’).style.marginTop = ’30px’; document.getElementById(‘credentialsResult’).style.fontWeight = ‘bold’; document.getElementById(‘credentialsResult’).style.color = ‘#071c40’; document.getElementById(‘credentialsResult’).style.textAlign = ‘center’; document.getElementById(‘credentialsResult’).innerHTML = ‘La credencial no pudo ser generada por inconsistencia en la información,
por favor comunicate con tu delegación para solucionar el inconveniente.’; }); });