Adicionando campo de Idade e melhorando analise visual no Garatujas

This commit is contained in:
2026-06-05 14:36:26 +00:00
parent f1dfd01511
commit d69290b76d
3 changed files with 22 additions and 10 deletions
+3
View File
@@ -4857,6 +4857,7 @@ const initApp = () => {
const contentGaratujasHistorico = document.getElementById('contentGaratujasHistorico');
const garatujasAlunoInput = document.getElementById('garatujasAlunoInput');
const garatujasIdadeInput = document.getElementById('garatujasIdadeInput');
const garatujaFileInput = document.getElementById('garatujaFileInput');
const btnUploadGaratuja = document.getElementById('btnUploadGaratuja');
const garatujaFileStatus = document.getElementById('garatujaFileStatus');
@@ -4954,6 +4955,7 @@ const initApp = () => {
if (btnGenerateGaratuja) {
btnGenerateGaratuja.addEventListener('click', async () => {
const alunoName = garatujasAlunoInput.value.trim();
const alunoIdade = garatujasIdadeInput ? garatujasIdadeInput.value.trim() : '';
const file = garatujaFileInput.files[0];
if (!alunoName) {
@@ -4972,6 +4974,7 @@ const initApp = () => {
const formData = new FormData();
formData.append('alunoName', alunoName);
if (alunoIdade) formData.append('alunoIdade', alunoIdade);
formData.append('image', file);
let statusMsgIdx = 0;
+10 -3
View File
@@ -1105,9 +1105,16 @@
<div id="contentGaratujasNova" class="tab-content-panel">
<div style="display: flex; flex-direction: column; gap: 16px;">
<!-- NOME DO ALUNO -->
<div class="settings-group">
<label style="color: var(--text-secondary); font-size: 0.82rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;">Nome do Aluno</label>
<input type="text" id="garatujasAlunoInput" placeholder="Ex: Joãozinho Silva" class="obs-input" style="width: 100%; margin-top: 4px; padding: 10px;">
<!-- NOME E IDADE DO ALUNO -->
<div style="display: flex; gap: 12px; align-items: flex-start;">
<div class="settings-group" style="flex: 2;">
<label style="color: var(--text-secondary); font-size: 0.82rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;">Nome do Aluno</label>
<input type="text" id="garatujasAlunoInput" placeholder="Ex: Joãozinho Silva" class="obs-input" style="width: 100%; margin-top: 4px; padding: 10px;">
</div>
<div class="settings-group" style="flex: 1;">
<label style="color: var(--text-secondary); font-size: 0.82rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;">Idade (Ex: 2a 3m)</label>
<input type="text" id="garatujasIdadeInput" placeholder="Ex: 2 anos" class="obs-input" style="width: 100%; margin-top: 4px; padding: 10px;">
</div>
</div>
<!-- FOTO DO DESENHO -->