Tiny File Manager

Back Back Up Advanced Editor

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Test - Carga de Requisiciones</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            padding: 20px;
            max-width: 800px;
            margin: 0 auto;
        }
        .test-container {
            background: #f5f5f5;
            padding: 20px;
            border-radius: 10px;
            margin-bottom: 20px;
        }
        button {
            background: #ff7a18;
            color: white;
            border: none;
            padding: 10px 20px;
            border-radius: 5px;
            cursor: pointer;
            font-size: 16px;
        }
        button:hover {
            background: #e66910;
        }
        #resultado {
            background: white;
            padding: 15px;
            border-radius: 5px;
            margin-top: 15px;
            border: 1px solid #ddd;
        }
        .success {
            color: green;
        }
        .error {
            color: red;
        }
        pre {
            background: #2d2d2d;
            color: #f8f8f8;
            padding: 15px;
            border-radius: 5px;
            overflow-x: auto;
        }
    </style>
</head>
<body>
    <h1>🧪 Test de Carga de Requisiciones</h1>
    
    <div class="test-container">
        <h3>Prueba de Endpoint</h3>
        <p>Este archivo prueba si el endpoint de requisiciones está funcionando correctamente.</p>
        <button onclick="probarEndpoint()">🔍 Probar Endpoint</button>
        <div id="resultado"></div>
    </div>

<script>
        async function probarEndpoint() {
            const resultadoDiv = document.getElementById('resultado');
            resultadoDiv.innerHTML = '<p>⏳ Cargando...</p>';
            
            try {
                console.log('Llamando a: index.php?controller=requisicion&action=listar');
                
                const response = await fetch('index.php?controller=requisicion&action=listar');
                
                console.log('Response status:', response.status);
                console.log('Response headers:', response.headers);
                
                const text = await response.text();
                console.log('Response text:', text);
                
                let result;
                try {
                    result = JSON.parse(text);
                } catch (parseError) {
                    resultadoDiv.innerHTML = `
                        <p class="error">❌ Error: La respuesta no es JSON válido</p>
                        <p><strong>Status:</strong> ${response.status}</p>
                        <p><strong>Respuesta recibida:</strong></p>
                        <pre>${text.substring(0, 500)}...</pre>
                    `;
                    return;
                }
                
                if (result.success) {
                    resultadoDiv.innerHTML = `
                        <p class="success">✅ Endpoint funcionando correctamente</p>
                        <p><strong>Total de requisiciones:</strong> ${result.data.length}</p>
                        <p><strong>Estructura de datos:</strong></p>
                        <pre>${JSON.stringify(result.data.slice(0, 3), null, 2)}</pre>
                        ${result.data.length > 3 ? `<p><em>Mostrando solo las primeras 3 de ${result.data.length} requisiciones...</em></p>` : ''}
                    `;
                } else {
                    resultadoDiv.innerHTML = `
                        <p class="error">❌ Error en la respuesta</p>
                        <p><strong>Mensaje:</strong> ${result.message || 'Sin mensaje'}</p>
                        <pre>${JSON.stringify(result, null, 2)}</pre>
                    `;
                }
            } catch (error) {
                console.error('Error:', error);
                resultadoDiv.innerHTML = `
                    <p class="error">❌ Error al hacer la petición</p>
                    <p><strong>Error:</strong> ${error.message}</p>
                    <p><strong>Verifica:</strong></p>
                    <ul>
                        <li>Que estés ejecutando desde el servidor (no file://)</li>
                        <li>Que el controlador RequisicionController existe</li>
                        <li>Que la acción 'listar' está implementada</li>
                        <li>Que la base de datos esté conectada</li>
                    </ul>
                `;
            }
        }
        
        // Ejecutar automáticamente al cargar
        window.addEventListener('DOMContentLoaded', function() {
            console.log('Test de requisiciones cargado');
            console.log('Ubicación:', window.location.href);
        });
    </script>
</body>
</html>