Skip to content

Melhora importação de planilha, atualiza espelho e reorganiza layout de cubículos - #4

Open
hhhthiti wants to merge 28 commits into
codex/create-product-crud-with-reporting-wptc9sfrom
codex/fix-import-function-and-update-layout
Open

Melhora importação de planilha, atualiza espelho e reorganiza layout de cubículos#4
hhhthiti wants to merge 28 commits into
codex/create-product-crud-with-reporting-wptc9sfrom
codex/fix-import-function-and-update-layout

Conversation

@hhhthiti

Copy link
Copy Markdown
Owner

Motivation

  • Corrigir o fluxo de importação onde o botão de processar não abria o seletor de arquivo nem mostrava qual arquivo foi escolhido.
  • Garantir que a "planilha espelho" sempre exporte dados atualizados de estoque e movimentacoes.
  • Tornar a visualização em cubículos mais legível e atender à regra de exibição para TISSUE e LONIL como única repartição visual.

Description

  • index.html: adiciona botão Selecionar planilha e um <span id="importFileName"> para exibir o nome do arquivo selecionado.
  • app.js: registra novos elementos importFileName e selectImportBtn, adiciona handler para abrir o seletor de arquivo e atualizar o nome selecionado, torna exportPlanilhaEspelho assíncrona chamando loadAll() antes de exportar, adiciona tratamento de erro no clique de exportação e reconstrói gerarLayoutVisual para montar colunas (layout-coluna) com limitePorColuna onde TISSUE e LONIL têm limite 1.
  • styles.css: esconde o input nativo de arquivo, estiliza .file-name, ajusta espaçamento das ações e converte o layout em grid responsivo com suporte a .layout-coluna e cabeçalhos por coluna.

Testing

  • Executado node --check app.js para checagem de sintaxe JavaScript e o comando retornou sucesso.
  • Tentativa de python -m py_compile app.js falhou por ser um arquivo JavaScript (resultado esperado e ignorado como teste inválido para JS).
  • Subido servidor com python -m http.server 4173 e validado visualmente via script Playwright que abriu a tela e capturou a screenshot do layout atualizada (artefato gerado com sucesso).

Codex Task

@netlify

netlify Bot commented Feb 24, 2026

Copy link
Copy Markdown

Deploy Preview for testetesta ready!

Name Link
🔨 Latest commit dc2d31f
🔍 Latest deploy log https://app.netlify.com/projects/testetesta/deploys/699d38de7cf5cf00081dfb05
😎 Deploy Preview https://deploy-preview-4--testetesta.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify

netlify Bot commented Feb 24, 2026

Copy link
Copy Markdown

Deploy Preview for testetesta ready!

Name Link
🔨 Latest commit c9a7b70
🔍 Latest deploy log https://app.netlify.com/projects/testetesta/deploys/69a9035a5cbfbe00074f2215
😎 Deploy Preview https://deploy-preview-4--testetesta.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant