Spaces:
Running
Running
Avalie se é possível preparar um aplicativo web com base na planilha a anexar, onde somente serão imputados os valores que não contém fórmulas, e os demais, devem ser calculados, gerados relatórios etc. Os valores a serem imputados que constam em guias do tipo "lista", devem ser imputados em um campo txt, um do lado do outro e um abaixo do outro, ou mesmo em CSV separado por |. A planilha que servirá de base está em: https://huggingface.co/spaces/maralvic/ttsite/resolve/b4f303092d3b14951873c66b5936ad6c7b8f0d9d/ATHINA%2005122025.xlsx
f2ca82d verified | <html lang="pt-br"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Athina Excel Wizard</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js"></script> | |
| </head> | |
| <body class="bg-gray-50"> | |
| <custom-navbar></custom-navbar> | |
| <main class="container mx-auto px-4 py-8"> | |
| <div class="max-w-4xl mx-auto bg-white rounded-xl shadow-md overflow-hidden p-6"> | |
| <div class="text-center mb-8"> | |
| <h1 class="text-3xl font-bold text-indigo-700">🧙♂️ Athina Excel Wizard</h1> | |
| <p class="mt-2 text-gray-600">Transforme sua planilha em um aplicativo web inteligente</p> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-6"> | |
| <div class="space-y-4"> | |
| <div class="bg-indigo-50 p-4 rounded-lg"> | |
| <h2 class="text-xl font-semibold text-indigo-800 mb-3 flex items-center"> | |
| <i data-feather="upload" class="mr-2"></i> Carregar Planilha | |
| </h2> | |
| <input type="file" id="fileInput" accept=".xlsx,.xls" class="block w-full text-sm text-gray-500 | |
| file:mr-4 file:py-2 file:px-4 | |
| file:rounded-md file:border-0 | |
| file:text-sm file:font-semibold | |
| file:bg-indigo-50 file:text-indigo-700 | |
| hover:file:bg-indigo-100"> | |
| <button id="loadBtn" class="mt-3 w-full bg-indigo-600 hover:bg-indigo-700 text-white py-2 px-4 rounded-md transition duration-300 flex items-center justify-center"> | |
| <i data-feather="loader" class="mr-2"></i> Processar Planilha | |
| </button> | |
| </div> | |
| <div class="bg-blue-50 p-4 rounded-lg"> | |
| <h2 class="text-xl font-semibold text-blue-800 mb-3 flex items-center"> | |
| <i data-feather="edit" class="mr-2"></i> Entrada de Dados | |
| </h2> | |
| <div id="inputFields" class="space-y-3"> | |
| <p class="text-sm text-gray-500">Carregue a planilha para ver os campos editáveis...</p> | |
| </div> | |
| <button id="updateBtn" disabled class="mt-4 w-full bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-md transition duration-300 flex items-center justify-center"> | |
| <i data-feather="refresh-cw" class="mr-2"></i> Atualizar Valores | |
| </button> | |
| </div> | |
| </div> | |
| <div class="space-y-4"> | |
| <div class="bg-green-50 p-4 rounded-lg"> | |
| <h2 class="text-xl font-semibold text-green-800 mb-3 flex items-center"> | |
| <i data-feather="bar-chart-2" class="mr-2"></i> Relatórios | |
| </h2> | |
| <div id="reportContainer" class="space-y-2"> | |
| <p class="text-sm text-gray-500">Nenhum relatório disponível ainda.</p> | |
| </div> | |
| <button id="generateReportBtn" disabled class="mt-4 w-full bg-green-600 hover:bg-green-700 text-white py-2 px-4 rounded-md transition duration-300 flex items-center justify-center"> | |
| <i data-feather="file-text" class="mr-2"></i> Gerar Relatório | |
| </button> | |
| </div> | |
| <div class="bg-purple-50 p-4 rounded-lg"> | |
| <h2 class="text-xl font-semibold text-purple-800 mb-3 flex items-center"> | |
| <i data-feather="download" class="mr-2"></i> Exportar Resultados | |
| </h2> | |
| <div class="space-y-2"> | |
| <button id="exportExcelBtn" disabled class="w-full bg-purple-600 hover:bg-purple-700 text-white py-2 px-4 rounded-md transition duration-300 flex items-center justify-center"> | |
| <i data-feather="file" class="mr-2"></i> Exportar para Excel | |
| </button> | |
| <button id="exportCSVBtn" disabled class="w-full bg-purple-500 hover:bg-purple-600 text-white py-2 px-4 rounded-md transition duration-300 flex items-center justify-center"> | |
| <i data-feather="file-text" class="mr-2"></i> Exportar para CSV | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </main> | |
| <custom-footer></custom-footer> | |
| <script src="components/navbar.js"></script> | |
| <script src="components/footer.js"></script> | |
| <script src="script.js"></script> | |
| <script> | |
| feather.replace(); | |
| </script> | |
| <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script> | |
| </body> | |
| </html> |