rodrigo/ferramentas
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Estiliza pagina de upload externo - responsiva (novo47)

Browse Source
This commit is contained in:
rodrigo committed 2025-02-07 17:00:02 -03:00
1 parent 05cd7b9c79
commit 844048cb54
13 files changed
+1317 -13
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

config.php
+36
View File
@@ -0,0 +1,36 @@
<?php
// Configurações do banco de dados
define('DB_HOST', '10.15.0.42');
define('DB_USER', 'root');
define('DB_PASS', '34641747');
define('DB_NAME', 'valida');
// Criar conexão
$conn = new mysqli(DB_HOST, DB_USER, DB_PASS, DB_NAME);
// Verificar conexão
if ($conn->connect_error) {
die("Falha na conexão: " . $conn->connect_error);
}
// Configurar charset
$conn->set_charset("utf8mb4");
// Configurar timezone
date_default_timezone_set('America/Sao_Paulo');
// Função para limpar input
function clean_input($data) {
global $conn;
$data = trim($data);
$data = stripslashes($data);
$data = htmlspecialchars($data);
return $conn->real_escape_string($data);
}
// Função para verificar se é uma requisição AJAX
function is_ajax_request() {
return isset($_SERVER['HTTP_X_REQUESTED_WITH']) &&
strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest';
}
?>
delete_document.php
+36
View File
@@ -0,0 +1,36 @@
<?php
require_once 'config.php';
if (isset($_GET['id'])) {
$doc_id = intval($_GET['id']);
// Buscar informações do documento
$sql = "SELECT arquivo, client_id FROM documentos WHERE id = ?";
$stmt = $conn->prepare($sql);
$stmt->bind_param("i", $doc_id);
$stmt->execute();
$result = $stmt->get_result();
if ($doc = $result->fetch_assoc()) {
// Deletar arquivo físico
if (file_exists($doc['arquivo'])) {
unlink($doc['arquivo']);
}
// Deletar registro do banco
$sql = "DELETE FROM documentos WHERE id = ?";
$stmt = $conn->prepare($sql);
$stmt->bind_param("i", $doc_id);
if ($stmt->execute()) {
header("Location: index.php?page=doc_list&client_id=" . $doc['client_id'] . "&status=deleted");
} else {
die("Erro ao excluir documento: " . $stmt->error);
}
} else {
die("Documento não encontrado");
}
} else {
die("ID do documento não fornecido");
}
?>
docs.sql
+18
View File
@@ -0,0 +1,18 @@
CREATE TABLE IF NOT EXISTS clientes (
id INT AUTO_INCREMENT PRIMARY KEY,
nome VARCHAR(100) NOT NULL,
cpf VARCHAR(14) UNIQUE,
email VARCHAR(100),
telefone VARCHAR(20),
data_cadastro DATETIME DEFAULT CURRENT_TIMESTAMP
) ENGINE=InnoDB;
CREATE TABLE IF NOT EXISTS documentos (
id INT AUTO_INCREMENT PRIMARY KEY,
client_id INT NOT NULL,
tipo VARCHAR(50) NOT NULL,
arquivo VARCHAR(255) NOT NULL,
data_upload DATETIME NOT NULL,
FOREIGN KEY (client_id) REFERENCES clients(id) ON DELETE CASCADE,
INDEX idx_client_id (client_id)
) ENGINE=InnoDB;
document_history.php
+85
View File
@@ -0,0 +1,85 @@
<?php
if (!isset($_SESSION['user_id'])) {
header("Location: login.php");
exit();
}
// Conectar ao banco de dados
$mysqli = new mysqli("10.15.0.42", "root", "34641747", "valida");
if ($mysqli->connect_error) {
die("Connection failed: " . $mysqli->connect_error);
}
// Buscar histórico de documentos processados
$query = "SELECT pd.*, u.username FROM processed_documents pd
LEFT JOIN users u ON pd.user_id = u.id
ORDER BY pd.created_at DESC";
$result = $mysqli->query($query);
?>
<div class="container">
<h2>Histórico de Documentos Processados</h2>
<table class="data-table">
<thead>
<tr>
<th>Data/Hora</th>
<th>Usuário</th>
<th>Documento Original</th>
<th>Documento Processado</th>
<th>Ações</th>
</tr>
</thead>
<tbody>
<?php while ($row = $result->fetch_assoc()): ?>
<tr>
<td><?php echo date('d/m/Y H:i:s', strtotime($row['created_at'])); ?></td>
<td><?php echo htmlspecialchars($row['username']); ?></td>
<td>
<a href="<?php echo htmlspecialchars($row['original_path']); ?>" target="_blank">
Ver Original
</a>
</td>
<td>
<a href="<?php echo htmlspecialchars($row['processed_path']); ?>" target="_blank">
Ver Processado
</a>
</td>
<td>
<button onclick="deleteDocument(<?php echo $row['id']; ?>)" class="delete-btn">
Excluir
</button>
</td>
</tr>
<?php endwhile; ?>
</tbody>
</table>
</div>
<script>
function deleteDocument(id) {
if (confirm('Tem certeza que deseja excluir este documento?')) {
fetch('delete_document.php', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({id: id})
})
.then(response => response.json())
.then(data => {
if (data.success) {
alert('Documento excluído com sucesso!');
location.reload();
} else {
alert('Erro ao excluir documento: ' + data.message);
}
})
.catch(error => {
console.error('Error:', error);
alert('Erro ao excluir documento');
});
}
}
</script>
editor.php
+383
View File
@@ -0,0 +1,383 @@
<!DOCTYPE html>
<html>
<head>
<title>Editor de Documentos</title>
<link href="https://cdn.jsdelivr.net/npm/cropperjs@1.5.12/dist/cropper.min.css" rel="stylesheet">
<style>
html, body {
margin: 0;
padding: 0;
height: 100%;
overflow: hidden;
}
body {
display: flex;
flex-direction: column;
font-family: Arial, sans-serif;
background: #f5f5f5;
}
.editor-container {
display: flex;
flex-direction: column;
height: 100vh;
padding: 15px;
box-sizing: border-box;
gap: 15px;
}
.img-container {
flex: 1;
position: relative;
background: #fff;
border: 1px solid #ddd;
overflow: hidden;
min-height: 0;
max-height: calc(100vh - 300px);
}
.controls-section {
flex: 0 0 auto;
background: #fff;
padding: 15px;
border-radius: 4px;
}
.controls {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 10px;
}
.range-control {
margin-bottom: 10px;
}
.range-control label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
.range-control input[type="range"] {
width: 100%;
}
.toolbar {
padding: 10px;
text-align: center;
background: #fff;
border-radius: 4px;
}
.toolbar button {
margin: 0 5px;
padding: 8px 15px;
background: #4CAF50;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}
.toolbar button:hover {
background: #45a049;
}
#preview {
max-width: 100%;
max-height: 100%;
}
.cropper-container {
width: 100% !important;
height: 100% !important;
}
.cropper-wrap-box {
background-color: #fff;
}
.thumbnails {
display: flex;
gap: 10px;
padding: 10px;
overflow-x: auto;
background: #fff;
border-radius: 4px;
}
.thumbnail {
width: 100px;
height: 100px;
object-fit: cover;
cursor: pointer;
border: 2px solid transparent;
}
.thumbnail.active {
border-color: #4CAF50;
}
#preview-container {
position: relative;
width: 100%;
height: 100%;
}
#preview-canvas {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div class="editor-container">
<div class="thumbnails" id="thumbnails">
<!-- Miniaturas serão inseridas aqui -->
</div>
<div class="img-container">
<div id="preview-container">
<img id="preview" src="">
<canvas id="preview-canvas"></canvas>
</div>
</div>
<div class="controls-section">
<div class="controls">
<div class="range-control">
<label>Brilho</label>
<input type="range" min="-100" max="100" value="0" id="brightness" oninput="adjustImage()">
<span id="brightnessValue">0</span>
</div>
<div class="range-control">
<label>Contraste</label>
<input type="range" min="-100" max="100" value="0" id="contrast" oninput="adjustImage()">
<span id="contrastValue">0</span>
</div>
<div class="range-control">
<label>Saturação</label>
<input type="range" min="-100" max="100" value="0" id="saturation" oninput="adjustImage()">
<span id="saturationValue">0</span>
</div>
<div class="range-control">
<label>Matiz</label>
<input type="range" min="-180" max="180" value="0" id="hue" oninput="adjustImage()">
<span id="hueValue">0</span>
</div>
</div>
</div>
<div class="toolbar">
<button onclick="resetImage()">Resetar</button>
<button onclick="rotateCCW()">Girar Esquerda</button>
<button onclick="rotateCW()">Girar Direita</button>
<button onclick="cropImage()">Recortar</button>
<button onclick="autoAdjust()">Otimização Automática</button>
<button onclick="combineImages()" style="background: #FF9800;">Unir Imagens</button>
<button onclick="saveImage()" style="background: #2196F3;">Salvar</button>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/cropperjs@1.5.12/dist/cropper.min.js"></script>
<script>
let cropper;
let images = [];
let currentImageIndex = 0;
let filters = {
brightness: 100,
contrast: 100,
saturation: 100,
hue: 0
};
window.onload = function() {
const fileCount = parseInt(localStorage.getItem('fileCount')) || 1;
const baseUrl = localStorage.getItem('tempImage');
// Carregar todas as imagens
for (let i = 0; i < fileCount; i++) {
const url = baseUrl.replace('.', `_${i}.`);
images.push({
url: url,
filters: { ...filters }
});
}
// Criar miniaturas
const thumbnailsContainer = document.getElementById('thumbnails');
images.forEach((image, index) => {
const thumb = document.createElement('img');
thumb.src = image.url;
thumb.className = 'thumbnail' + (index === 0 ? ' active' : '');
thumb.onclick = () => switchImage(index);
thumbnailsContainer.appendChild(thumb);
});
// Inicializar com primeira imagem
initCropper(images[0].url);
};
function initCropper(url) {
const preview = document.getElementById('preview');
preview.src = url;
if (cropper) {
cropper.destroy();
}
cropper = new Cropper(preview, {
viewMode: 2,
dragMode: 'move',
autoCropArea: 1,
restore: false,
modal: true,
guides: true,
highlight: true,
cropBoxMovable: true,
cropBoxResizable: true,
toggleDragModeOnDblclick: true,
ready: function() {
applyCurrentFilters();
}
});
}
function switchImage(index) {
currentImageIndex = index;
document.querySelectorAll('.thumbnail').forEach((thumb, i) => {
thumb.className = 'thumbnail' + (i === index ? ' active' : '');
});
initCropper(images[index].url);
}
function adjustImage() {
filters = {
brightness: parseInt(document.getElementById('brightness').value) + 100,
contrast: parseInt(document.getElementById('contrast').value) + 100,
saturation: parseInt(document.getElementById('saturation').value) + 100,
hue: parseInt(document.getElementById('hue').value)
};
applyCurrentFilters();
}
function applyCurrentFilters() {
const canvas = cropper.getCroppedCanvas();
const ctx = canvas.getContext('2d');
// Aplicar filtros
ctx.filter = `brightness(${filters.brightness}%)
contrast(${filters.contrast}%)
saturate(${filters.saturation}%)
hue-rotate(${filters.hue}deg)`;
// Redesenhar com filtros
ctx.drawImage(canvas, 0, 0);
// Atualizar preview
const previewCanvas = document.getElementById('preview-canvas');
const pctx = previewCanvas.getContext('2d');
pctx.clearRect(0, 0, previewCanvas.width, previewCanvas.height);
pctx.filter = ctx.filter;
pctx.drawImage(canvas, 0, 0);
}
async function combineImages() {
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
let totalHeight = 0;
let maxWidth = 0;
// Primeiro passo: calcular dimensões
for (let image of images) {
const img = await createImage(image.url);
maxWidth = Math.max(maxWidth, img.width);
totalHeight += img.height;
}
// Configurar canvas
canvas.width = maxWidth;
canvas.height = totalHeight;
// Segundo passo: desenhar imagens
let currentY = 0;
for (let image of images) {
const img = await createImage(image.url);
ctx.drawImage(img, 0, currentY);
currentY += img.height;
}
// Atualizar preview
initCropper(canvas.toDataURL('image/jpeg'));
}
function createImage(url) {
return new Promise((resolve, reject) => {
const img = new Image();
img.onload = () => resolve(img);
img.onerror = reject;
img.src = url;
});
}
function resetImage() {
cropper.reset();
document.querySelectorAll('input[type="range"]').forEach(input => {
input.value = 0;
document.getElementById(input.id + 'Value').textContent = '0';
});
adjustImage();
}
function rotateCW() {
cropper.rotate(90);
}
function rotateCCW() {
cropper.rotate(-90);
}
function cropImage() {
cropper.setDragMode('crop');
}
function autoAdjust() {
// Implementar otimização automática aqui
alert('Função em desenvolvimento');
}
function saveImage() {
const canvas = cropper.getCroppedCanvas({
maxWidth: 4096,
maxHeight: 4096,
fillColor: '#fff',
imageSmoothingEnabled: true,
imageSmoothingQuality: 'high',
});
canvas.toBlob(function(blob) {
const formData = new FormData();
formData.append('image', blob);
formData.append('client_id', localStorage.getItem('tempClientId'));
formData.append('doc_type', localStorage.getItem('tempDocType'));
fetch('index.php?page=save_edited', {
method: 'POST',
body: formData
})
.then(async response => {
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}
const contentType = response.headers.get("content-type");
if (!contentType || !contentType.includes("application/json")) {
throw new TypeError("Oops, não recebemos JSON!");
}
return response.json();
})
.then(data => {
if (data.success) {
window.parent.postMessage({
type: 'documentSaved',
data: data
}, '*');
} else {
throw new Error(data.message || 'Erro desconhecido');
}
})
.catch(error => {
console.error('Erro ao salvar:', error);
alert('Erro ao salvar documento: ' + error.message);
});
}, 'image/jpeg', 0.95);
}
</script>
</body>
</html>
index.php
+69 -12
View File
@@ -2,9 +2,10 @@
ob_start(); ob_start();
session_start(); session_start();
//require_once 'config.php';
// Verificar se o usuário está logado // Verificar se o usuário está logado
if (!isset($_SESSION['user_id'])) { if (!isset($_SESSION['user_id']) && !in_array($_GET['page'], ['login', 'logout'])) {
header("Location: login.php"); header("Location: login.php");
exit(); exit();
} }
@@ -32,28 +33,84 @@ include 'top_menu.php';
<?php <?php
if (isset($_GET['page'])) { if (isset($_GET['page'])) {
$page = $_GET['page']; $page = $_GET['page'];
if ($page == 'upload') { switch($page) {
case 'upload':
include 'prova/upload_prova.php'; include 'prova/upload_prova.php';
} elseif ($page == 'status') { break;
case 'status':
include 'prova/status.php'; include 'prova/status.php';
} elseif ($page == 'list_files') { break;
case 'list_files':
include 'prova/list_files.php'; include 'prova/list_files.php';
} elseif ($page == 'register_client') { break;
case 'register_client':
include 'clientes/register_client.php'; include 'clientes/register_client.php';
} elseif ($page == 'list_clients') { break;
case 'list_clients':
include 'clientes/list_clients.php'; include 'clientes/list_clients.php';
} elseif ($page == 'client_details' && isset($_GET['id'])) { break;
case 'client_details':
if (isset($_GET['id'])) {
include 'clientes/client_details.php'; include 'clientes/client_details.php';
} elseif ($page == 'edit_client' && isset($_GET['id'])) { }
break;
case 'edit_client':
if (isset($_GET['id'])) {
include 'clientes/edit_client.php'; include 'clientes/edit_client.php';
} elseif ($page == 'delete_client' && isset($_GET['id'])) { }
break;
case 'delete_client':
if (isset($_GET['id'])) {
include 'clientes/delete_client.php'; include 'clientes/delete_client.php';
} elseif ($page == 'edit_note' && isset($_POST['id'])) { }
break;
case 'edit_note':
if (isset($_POST['id'])) {
include 'clientes/edit_note.php'; include 'clientes/edit_note.php';
} elseif ($page == 'delete_note' && isset($_POST['id'])) { }
break;
case 'delete_note':
if (isset($_POST['id'])) {
include 'clientes/delete_note.php'; include 'clientes/delete_note.php';
} else { }
break;
case 'doc_upload':
include 'upload.php';
break;
case 'doc_list':
include 'list.php';
break;
case 'delete_document':
if (isset($_GET['id'])) {
include 'delete_document.php';
}
break;
case 'temp_upload':
header('Content-Type: application/json');
require_once 'temp_upload.php';
exit();
break;
case 'save_edited':
// Garante que nenhuma saída HTML será enviada
ob_clean();
header('Content-Type: application/json');
require_once 'save_edited.php';
exit();
break;
case 'editor':
require_once 'editor.php';
break;
case 'auto_adjust':
header('Content-Type: application/json');
require_once 'auto_adjust.php';
exit();
break;
default:
echo "<h2>Bem-vindo ao Sistema de Ferramentas</h2>"; echo "<h2>Bem-vindo ao Sistema de Ferramentas</h2>";
break;
} }
} else { } else {
echo "<h2>Bem-vindo ao Sistema de Ferramentas</h2>"; echo "<h2>Bem-vindo ao Sistema de Ferramentas</h2>";
list.php
+133
View File
@@ -0,0 +1,133 @@
<!DOCTYPE html>
<html>
<head>
<title>Documentos Processados</title>
<meta charset="utf-8">
<style>
body { font-family: Arial, sans-serif; margin: 20px; }
.file-list {
max-width: 800px;
margin: 0 auto;
padding: 20px;
background: #fff;
}
.file-item {
padding: 15px;
border-bottom: 1px solid #eee;
display: flex;
justify-content: space-between;
align-items: center;
}
.file-info { flex: 1; }
.file-actions { margin-left: 15px; }
</style>
</head>
<body>
<div class="file-list">
<?php
require_once 'config.php';
// Debug mode
error_reporting(E_ALL);
ini_set('display_errors', 1);
echo "<!-- Debug: Iniciando listagem -->\n";
if ($conn->connect_error) {
die("<div class='error'>Erro de conexão: " . $conn->connect_error . "</div>");
}
if (!isset($_GET['client_id'])) {
echo "<p>Selecione um cliente para ver seus documentos:</p>";
$sql = "SELECT id, name FROM clients";
echo "<!-- Debug: Executando query: $sql -->\n";
$result = $conn->query($sql);
if ($result === false) {
echo "<div class='error'>Erro na query: " . $conn->error . "</div>";
echo "<!-- Debug: Erro SQL: " . $conn->error . " -->\n";
} else {
echo "<!-- Debug: Encontrados " . $result->num_rows . " clientes -->\n";
while ($row = $result->fetch_assoc()) {
echo "<div class='file-item'>";
echo "<div class='file-info'>";
echo "<strong>" . $row['name'] . "</strong>";
echo "</div>";
echo "<div class='file-actions'>";
echo "<a href='index.php?page=doc_list&client_id=" . $row['id'] . "'>Ver documentos</a>";
echo "</div>";
echo "</div>";
}
}
} else {
$client_id = intval($_GET['client_id']);
echo "<!-- Debug: Buscando documentos do cliente $client_id -->\n";
// Buscar documentos do cliente
$sql = "SELECT d.*, c.name as client_name
FROM documentos d
JOIN clients c ON d.client_id = c.id
WHERE d.client_id = ?
ORDER BY d.data_upload DESC";
echo "<!-- Debug: Query documentos: $sql -->\n";
$stmt = $conn->prepare($sql);
if ($stmt === false) {
echo "<div class='error'>Erro ao preparar query: " . $conn->error . "</div>";
} else {
$stmt->bind_param("i", $client_id);
$stmt->execute();
$result = $stmt->get_result();
echo "<!-- Debug: Encontrados " . $result->num_rows . " documentos -->\n";
if ($result->num_rows > 0) {
while ($doc = $result->fetch_assoc()) {
echo "<div class='file-item'>";
echo "<div class='file-info'>";
echo "<strong>Tipo: " . ucfirst($doc['tipo']) . "</strong><br>";
echo "Data: " . date("d/m/Y H:i", strtotime($doc['data_upload']));
echo "</div>";
echo "<div class='file-actions'>";
echo "<a href='" . $doc['arquivo'] . "' target='_blank'>Visualizar</a> | ";
echo "<a href='#' onclick='deleteDocument(" . $doc['id'] . ")'>Excluir</a>";
echo "</div>";
echo "</div>";
}
} else {
echo "<p>Nenhum documento encontrado para este cliente.</p>";
}
}
}
?>
<!-- Status messages -->
<?php if (isset($_GET['status'])): ?>
<div id="status" style="margin: 10px 0; padding: 10px; background: #e8f5e9;">
<?php
switch($_GET['status']) {
case 'success':
echo "Documento processado com sucesso!";
break;
case 'deleted':
echo "Documento excluído com sucesso!";
break;
default:
echo htmlspecialchars($_GET['status']);
}
?>
</div>
<?php endif; ?>
</div>
<script>
function deleteDocument(id) {
if (confirm('Deseja realmente excluir este documento?')) {
window.location.href = 'index.php?page=delete_document&id=' + id;
}
}
</script>
</body>
</html>
menu.php
+8 -1
View File
@@ -12,7 +12,7 @@ if (!isset($_SESSION['user_id'])) {
<li> <li>
<a href="javascript:void(0);" onclick="toggleSubmenu('submenu1')">Autenticador de Provas Digitais</a> <a href="javascript:void(0);" onclick="toggleSubmenu('submenu1')">Autenticador de Provas Digitais</a>
<ul id="submenu1" class="submenu"> <ul id="submenu1" class="submenu">
<li><a href="index.php?page=upload">Upload de Arquivos</a></li> <li><a href="/prova/upload_prova.php">Upload de Arquivos</a></li>
<li><a href="index.php?page=status">Ver Status</a></li> <li><a href="index.php?page=status">Ver Status</a></li>
<li><a href="index.php?page=list_files">Lista de Arquivos Processados</a></li> <li><a href="index.php?page=list_files">Lista de Arquivos Processados</a></li>
</ul> </ul>
@@ -24,6 +24,13 @@ if (!isset($_SESSION['user_id'])) {
<li><a href="index.php?page=list_clients">Listagem de Clientes</a></li> <li><a href="index.php?page=list_clients">Listagem de Clientes</a></li>
</ul> </ul>
</li> </li>
<li>
<a href="javascript:void(0);" onclick="toggleSubmenu('submenu3')">Processador de Documentos</a>
<ul id="submenu3" class="submenu">
<li><a href="index.php?page=doc_upload">Upload de Documentos</a></li>
<li><a href="index.php?page=doc_list">Documentos Processados</a></li>
</ul>
</li>
<!-- Adicione mais ferramentas aqui --> <!-- Adicione mais ferramentas aqui -->
</ul> </ul>
</div> </div>
process.php
+91
View File
@@ -0,0 +1,91 @@
<?php
require_once 'config.php';
$upload_dir = "uploads/";
$processed_dir = "processed/";
// Debug mode
error_reporting(E_ALL);
ini_set('display_errors', 1);
// Criar diretórios se não existirem
if (!file_exists($upload_dir)) mkdir($upload_dir, 0777, true);
if (!file_exists($processed_dir)) mkdir($processed_dir, 0777, true);
if ($_FILES["document"]["error"] == 0) {
try {
$temp = $_FILES["document"]["tmp_name"];
$name = basename($_FILES["document"]["name"]);
$doc_type = $_POST["doc_type"];
$client_id = $_POST["client_id"];
// Criar diretório específico do cliente
$client_dir = $processed_dir . $client_id . "/";
if (!file_exists($client_dir)) mkdir($client_dir, 0777, true);
// Salvar arquivo original com timestamp
$timestamp = time();
$original_name = $timestamp . "_" . $name;
$original_path = $upload_dir . $original_name;
if (!move_uploaded_file($temp, $original_path)) {
throw new Exception("Erro ao fazer upload do arquivo");
}
// Caminho absoluto para o script Python
$python_script = realpath(__DIR__ . "/document_detector.py");
$original_path = realpath($original_path);
$client_dir = realpath($client_dir);
// Comando Python com paths absolutos
$command = sprintf(
'python3 "%s" "%s" "%s" "%s" 2>&1',
$python_script,
$original_path,
$doc_type,
$client_dir
);
// Log do comando
file_put_contents('python_debug.log', date('Y-m-d H:i:s') . "\nComando: " . $command . "\n", FILE_APPEND);
// Executar comando
$output = [];
$return_var = 0;
exec($command, $output, $return_var);
// Log da saída
file_put_contents('python_debug.log', "Saída: " . implode("\n", $output) . "\nCódigo: $return_var\n\n", FILE_APPEND);
// Verificar resultado
$last_output = end($output);
$result = json_decode($last_output, true);
if ($result && $result['success']) {
// Nome do arquivo processado
$processed_name = $doc_type . "_" . $original_name;
$processed_file = $client_dir . "/" . $processed_name;
// Registrar no banco
$sql = "INSERT INTO documentos (client_id, tipo, arquivo, data_upload) VALUES (?, ?, ?, NOW())";
$stmt = $conn->prepare($sql);
$stmt->bind_param("iss", $client_id, $doc_type, $processed_file);
if (!$stmt->execute()) {
throw new Exception("Erro ao registrar documento: " . $stmt->error);
}
header("Location: index.php?page=doc_list&client_id=" . $client_id . "&status=success");
exit();
} else {
throw new Exception("Erro no processamento: " . ($result['message'] ?? 'Erro desconhecido'));
}
} catch (Exception $e) {
file_put_contents('error.log', date('Y-m-d H:i:s') . " - " . $e->getMessage() . "\n", FILE_APPEND);
die("Erro: " . $e->getMessage());
}
} else {
die("Erro no upload: " . $_FILES["document"]["error"]);
}
?>
save_edited.php
+103
View File
@@ -0,0 +1,103 @@
<?php
// Limpar qualquer saída anterior
ob_clean();
ob_start();
// Definir cabeçalhos
header('Content-Type: application/json');
header('X-Content-Type-Options: nosniff');
require_once 'config.php';
try {
// Reset de quaisquer resultados pendentes
while ($conn->next_result()) {
if ($res = $conn->store_result()) {
$res->free();
}
}
// Verificar dados do POST e FILES
if (!isset($_POST['client_id']) || !isset($_FILES['image'])) {
throw new Exception("Dados incompletos");
}
// Debug
error_log("POST data: " . print_r($_POST, true));
error_log("FILES data: " . print_r($_FILES, true));
$client_id = intval($_POST['client_id']);
$doc_type = $_POST['doc_type'];
// Verificar cliente com nova conexão
$check_client = $conn->prepare("SELECT id FROM clients WHERE id = ? LIMIT 1");
if (!$check_client) {
throw new Exception("Erro ao preparar consulta: " . $conn->error);
}
$check_client->bind_param("i", $client_id);
$check_client->execute();
$result = $check_client->get_result();
if ($result->num_rows === 0) {
throw new Exception("Cliente não encontrado");
}
$check_client->close();
// Criar diretório do cliente
$client_dir = "processed/{$client_id}/";
if (!file_exists($client_dir)) {
if (!mkdir($client_dir, 0777, true)) {
throw new Exception("Erro ao criar diretório");
}
}
// Gerar nome do arquivo
$timestamp = time();
$filename = sprintf(
'%s_%s_%s.jpg',
$doc_type,
$timestamp,
uniqid()
);
$filepath = $client_dir . $filename;
// Salvar arquivo
if (!move_uploaded_file($_FILES['image']['tmp_name'], $filepath)) {
throw new Exception("Erro ao salvar arquivo");
}
// Registrar no banco com nova preparação
$insert = $conn->prepare("INSERT INTO documentos (client_id, tipo, arquivo, data_upload) VALUES (?, ?, ?, NOW())");
if (!$insert) {
throw new Exception("Erro ao preparar inserção: " . $conn->error);
}
$insert->bind_param("iss", $client_id, $doc_type, $filepath);
if (!$insert->execute()) {
unlink($filepath);
throw new Exception("Erro ao registrar documento: " . $insert->error);
}
$doc_id = $insert->insert_id;
$insert->close();
// Retornar sucesso
echo json_encode([
'success' => true,
'message' => 'Documento salvo com sucesso',
'file' => $filepath,
'id' => $doc_id
]);
exit();
} catch (Exception $e) {
http_response_code(400);
echo json_encode([
'success' => false,
'message' => $e->getMessage()
]);
exit();
}
?>
style.css
+47
View File
@@ -209,3 +209,50 @@ textarea {
#search-button:hover { #search-button:hover {
background-color: #0056b3; background-color: #0056b3;
} }
/* Estilos para processamento de documentos */
.upload-form {
max-width: 600px;
margin: 20px auto;
padding: 20px;
background: #f5f5f5;
border-radius: 5px;
}
.result-preview {
margin-top: 30px;
}
.image-comparison {
display: flex;
justify-content: space-around;
margin-top: 20px;
flex-wrap: wrap;
}
.image-comparison img {
max-width: 45%;
height: auto;
margin: 10px;
border: 1px solid #ddd;
box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.alert-error {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
temp_upload.php
+68
View File
@@ -0,0 +1,68 @@
<?php
// Certificar que nenhuma saída foi enviada antes
ob_clean();
ob_start();
// Definir cabeçalho JSON
header('Content-Type: application/json');
// Configurações de erro
error_reporting(E_ALL);
ini_set('display_errors', 0);
// Função para retornar resposta JSON
function jsonResponse($success, $message, $data = []) {
echo json_encode(array_merge([
'success' => $success,
'message' => $message
], $data));
exit;
}
try {
// Verificar diretório temp
$temp_dir = __DIR__ . "/temp/";
if (!file_exists($temp_dir)) {
if (!mkdir($temp_dir, 0777, true)) {
throw new Exception("Erro ao criar diretório temporário");
}
}
// Debug
error_log("POST: " . print_r($_POST, true));
error_log("FILES: " . print_r($_FILES, true));
// Verificar se recebeu arquivo
if (empty($_FILES['document'])) {
throw new Exception("Nenhum arquivo enviado");
}
if ($_FILES['document']['error'] !== UPLOAD_ERR_OK) {
throw new Exception("Erro no upload: " . $_FILES['document']['error']);
}
// Gerar nome único
$ext = strtolower(pathinfo($_FILES['document']['name'], PATHINFO_EXTENSION));
if (!in_array($ext, ['jpg', 'jpeg', 'png'])) {
throw new Exception("Tipo de arquivo não permitido");
}
$temp_name = 'doc_' . uniqid() . '.' . $ext;
$temp_path = $temp_dir . $temp_name;
// Mover arquivo
if (!move_uploaded_file($_FILES['document']['tmp_name'], $temp_path)) {
throw new Exception("Falha ao mover arquivo");
}
// Sucesso
jsonResponse(true, "Upload realizado com sucesso", [
'imageUrl' => 'temp/' . $temp_name,
'tempPath' => $temp_path
]);
} catch (Exception $e) {
error_log("Erro no upload: " . $e->getMessage());
jsonResponse(false, $e->getMessage());
}
?>
upload.php
+240
View File
@@ -0,0 +1,240 @@
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<title>Upload de Documentos</title>
<style>
body { font-family: Arial, sans-serif; margin: 20px; }
.upload-form { max-width: 500px; margin: 0 auto; padding: 20px; background: #fff; }
.button { padding: 10px 20px; background: #4CAF50; color: white; border: none; }
.preview { max-width: 100%; margin: 20px 0; }
.preview img { max-width: 100%; }
#result { display: none; }
.error { color: red; }
select { width: 100%; padding: 8px; margin-bottom: 10px; }
</style>
<!-- jQuery primeiro -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- jQuery UI depois -->
<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
<!-- Fancybox por último -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css">
</head>
<body>
<div class="upload-form">
<h2>Upload de Documentos</h2>
<?php
// Debug de inicialização
echo "<!-- Debug: Iniciando página de upload -->\n";
require_once 'config.php';
if ($conn->connect_error) {
echo "<div class='error'>Erro de conexão: " . $conn->connect_error . "</div>";
} else {
echo "<!-- Debug: Conexão OK -->\n";
}
?>
<form action="process.php" method="post" enctype="multipart/form-data" id="uploadForm">
<p>
<label>Cliente:</label><br>
<select name="client_id" required>
<?php
require_once 'config.php';
// Debug de conexão
if (!$conn) {
die("Erro de conexão: " . mysqli_connect_error());
}
// Debug da tabela
$check_table = $conn->query("SHOW TABLES LIKE 'clients'");
if ($check_table->num_rows == 0) {
die("Tabela 'clients' não encontrada!");
}
// Verificar estrutura da tabela
$check_columns = $conn->query("DESCRIBE clients");
if (!$check_columns) {
die("Erro ao verificar estrutura da tabela: " . $conn->error);
}
// Contar registros
$count = $conn->query("SELECT COUNT(*) as total FROM clients");
$total = $count->fetch_assoc()['total'];
echo "<!-- Total de clientes: " . $total . " -->";
// Query com validação e debug
$sql = "SELECT id, name FROM clients WHERE 1=1";
$result = $conn->query($sql);
if (!$result) {
die("Erro na query: " . $conn->error);
}
// Exibir clientes com verificação
echo "<option value=''>Selecione um cliente</option>";
if ($result->num_rows > 0) {
while ($row = $result->fetch_assoc()) {
echo "<option value='" . $row['id'] . "'>" .
htmlspecialchars($row['name']) . "</option>";
}
} else {
echo "<option value='' disabled>Nenhum cliente encontrado</option>";
echo "<!-- Query executada: " . $sql . " -->";
}
?>
</select>
</p>
<p>
<label>Selecione o documento:</label><br>
<input type="file" name="document[]" accept="image/*" required multiple>
<small style="color: #666;">Você pode selecionar várias imagens para unir em um único documento</small>
</p>
<p>
<label>Tipo de documento:</label><br>
<select name="doc_type" required>
<option value="cpf">CPF</option>
<option value="rg">RG</option>
<option value="cnh">CNH</option>
</select>
</p>
<input type="submit" value="Processar" class="button">
</form>
<div id="uploadStatus" style="margin: 10px 0; padding: 10px;"></div>
<div id="debug" style="margin: 10px 0; padding: 10px; background: #f5f5f5; display: none;"></div>
<div id="error" class="error">
<?php
if (isset($conn) && !$result) {
echo "Erro ao buscar clientes: " . $conn->error;
}
?>
</div>
<p><a href="index.php?page=doc_list">Ver documentos processados</a></p>
</div>
<div id="result">
<h3>Resultado do Processamento:</h3>
<div class="preview">
<h4>Documento Original:</h4>
<img id="originalImage" src="" alt="Original">
</div>
<div class="preview">
<h4>Documento Processado:</h4>
<img id="processedImage" src="" alt="Processado">
</div>
</div>
<div id="error" class="error"></div>
<script>
$(document).ready(function() {
const uploadForm = document.getElementById('uploadForm');
const fileInput = uploadForm.querySelector('input[type="file"]');
const debugDiv = document.getElementById('debug');
const statusDiv = document.getElementById('uploadStatus');
// Inicializar autocomplete do jQuery UI
$("#search").autocomplete({
source: function(request, response) {
$.getJSON("clientes/autocomplete.php", {
term: request.term
}, response);
},
minLength: 2,
select: function(event, ui) {
if (ui.item) {
window.location.href = 'index.php?page=client_details&id=' + ui.item.id;
}
}
});
fileInput.addEventListener('change', function(e) {
const files = e.target.files;
if (files.length > 1) {
debugDiv.innerHTML = `${files.length} arquivos selecionados`;
debugDiv.style.display = 'block';
}
});
uploadForm.onsubmit = async (e) => {
e.preventDefault();
const formData = new FormData(e.target);
const files = fileInput.files;
localStorage.setItem('fileCount', files.length);
debugDiv.style.display = 'block';
debugDiv.innerHTML = 'Iniciando upload...<br>';
try {
const response = await fetch('index.php?page=temp_upload', {
method: 'POST',
body: formData
});
debugDiv.innerHTML += `Status: ${response.status}<br>`;
const text = await response.text();
debugDiv.innerHTML += `Resposta raw: ${text}<br>`;
let result;
try {
result = JSON.parse(text);
} catch (e) {
throw new Error(`Resposta inválida: ${text}`);
}
if (result.success) {
debugDiv.innerHTML += 'Upload bem sucedido, abrindo editor...<br>';
localStorage.setItem('tempImage', result.imageUrl);
localStorage.setItem('tempClientId', formData.get('client_id'));
localStorage.setItem('tempDocType', formData.get('doc_type'));
jQuery.fancybox.open({
src: 'editor.php',
type: 'iframe',
opts: {
baseClass: "fancybox-custom-layout",
width: '90%',
height: '90%',
margin: [20, 0],
padding: 0,
autoSize: false,
fitToView: true,
touch: false,
afterLoad: function(instance, current) {
current.$iframe.css({
'max-width': '100%',
'max-height': '90vh'
});
},
afterClose: () => {
localStorage.removeItem('tempImage');
localStorage.removeItem('tempClientId');
localStorage.removeItem('tempDocType');
}
}
});
} else {
throw new Error(result.message || 'Erro desconhecido');
}
} catch (error) {
debugDiv.innerHTML += `Erro: ${error.message}<br>`;
if (statusDiv) statusDiv.innerHTML = `Erro: ${error.message}`;
}
};
});
// Receber mensagem do iframe
window.addEventListener('message', function(event) {
if (event.data.type === 'documentSaved') {
$.fancybox.close();
window.location.href = 'index.php?page=doc_list&status=success';
}
});
</script>
</body>
</html>