ruicesar/rx.scoreodonto.com
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

fix(transform): corrige bug visual sem alterar logica original e limpa estado

Browse Source
This commit is contained in:
VPS 4 Builder
2026-05-25 00:27:09 +02:00
parent b41825879e
commit 2caaca213a
2 changed files with 10 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dental-server/public/app.js
+9 -27
View File
@@ -476,8 +476,6 @@ async function loadPatientImages(patientName) {
function renderPatientImages() {
imagesGrid.innerHTML = patientImages.map(image => {
const thumbUrl = image.thumb_filename ? `/uploads/${image.thumb_filename}` : `/uploads/${image.filename}`;
const isDerived = !!image.original_image_id;
return `
<div class="image-card ${!image.enabled ? 'disabled' : ''}" data-id="${image.id}" onclick="handleImageClick(${image.id})">
<div class="image-preview" style="background-image: url('${thumbUrl}'); background-size: cover; background-position: center;"></div>
@@ -485,8 +483,8 @@ function renderPatientImages() {
<div class="image-meta"><span>📅 ${formatDate(image.created_at)}</span></div>
<div class="image-guid">${escapeHtml(image.image_guid || image.filename)}</div>
<div class="image-actions">
<button class="btn btn-primary btn-small" style="flex:1; ${isDerived ? 'background-color: #4b5563; border-color: #4b5563;' : ''}" onclick="handleImageClick(${image.id}); event.stopPropagation();">
${isDerived ? '🔍 Detalhes' : '🔄 Orientar'}
<button class="btn btn-primary btn-small" style="flex:1" onclick="handleImageClick(${image.id}); event.stopPropagation();">
🔄 Orientar
</button>
<button class="btn btn-small" style="flex:1; background:${image.enabled ? 'rgba(255,107,107,0.12)' : 'rgba(81,207,102,0.12)'}; color:${image.enabled ? '#c0392b' : '#27ae60'}; border:1px solid ${image.enabled ? 'rgba(255,107,107,0.3)' : 'rgba(81,207,102,0.3)'};" onclick="toggleImageEnabled(${image.id}); event.stopPropagation();">
${image.enabled ? '🚫' : '✅'}
@@ -518,8 +516,7 @@ async function showTransformModal(imageId) {
// Check if the image has been modified (has original_image_id)
const btnResetImage = document.getElementById('btnResetImage');
const isDerived = !!(image && image.original_image_id);
if (isDerived) {
if (image && image.original_image_id) {
btnResetImage.style.display = 'flex';
btnResetImage.setAttribute('data-modified', 'true');
} else {
@@ -543,25 +540,6 @@ async function showTransformModal(imageId) {
document.getElementById('transformExtraInfo').style.display = 'none';
}
if (isDerived) {
const imageUrl = image.thumb_filename ? `/uploads/${image.thumb_filename}` : `/uploads/${image.filename}`;
const container = document.getElementById('transformOptions');
container.innerHTML = `
<div style="grid-column: 1/-1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; text-align: center; gap: 15px;">
<div style="max-width: 320px; border: 2px solid #ddd; border-radius: 8px; padding: 10px; background: white; box-shadow: 0 4px 12px rgba(0,0,0,0.08);">
<img src="${imageUrl}" alt="Imagem Orientada" style="max-width: 100%; height: auto; border-radius: 4px; display: block;" loading="lazy">
<div style="margin-top: 10px; font-weight: 600; color: #2c3e50;">Imagem Orientada</div>
</div>
<div style="max-width: 450px; background: rgba(59, 130, 246, 0.08); border: 1px solid rgba(59, 130, 246, 0.2); padding: 15px; border-radius: 8px; color: #1e3a8a; font-size: 0.95rem;">
<p style="margin: 0 0 10px 0;"><strong>ℹ️ Orientação Concluída</strong></p>
<p style="margin: 0;">Esta imagem já é o resultado de uma rotação/espelhamento. Para aplicar novas transformações, primeiro restaure a imagem original clicando no botão de restaurar ↩️ no menu superior.</p>
</div>
</div>
`;
clearTransformSelection();
return;
}
document.getElementById('transformOptions').innerHTML = `
<div style="grid-column:1/-1; text-align:center; padding:40px 0; color:#888;">
<div class="spinner" style="margin:0 auto 16px;"></div>
@@ -784,8 +762,12 @@ function adjustFineTune(offset) {
// Update display name inside the card
const nameEl = selectedEl.querySelector('.transform-name');
if (nameEl) {
nameEl.innerText = `${transform.name} (${fineTuneAngle > 0 ? '+' : ''}${fineTuneAngle}°)`;
if (nameEl && transform) {
if (fineTuneAngle === 0) {
nameEl.innerText = transform.name;
} else {
nameEl.innerText = `${transform.name} (${fineTuneAngle > 0 ? '+' : ''}${fineTuneAngle}°)`;
}
}
}