Delete static/js/main.js

static/js/main.js

@@ -1,164 +0,0 @@
-document.addEventListener('DOMContentLoaded', () => {
-    // Elementos da UI
-    const contentDiv = document.getElementById('content');
-    const loadingIndicator = `
-        <div class="text-center py-8">
-            <div class="inline-block animate-spin rounded-full h-8 w-8 border-t-2 border-b-2 border-purple-600"></div>
-            <p class="mt-2">Carregando...</p>
-        </div>
-    `;
-
-    // Estado da aplicação
-    let authToken = localStorage.getItem('authToken');
-    let currentUser = null;
-
-    // Rotas simples
-    const routes = {
-        '/': homePage,
-        '/login': loginPage,
-        '/goals': goalsPage
-    };
-
-    // Gerenciador de rotas
-    function router() {
-        contentDiv.innerHTML = loadingIndicator;
-        const path = window.location.pathname;
-        const routeHandler = routes[path] || notFoundPage;
-        routeHandler();
-    }
-
-    // Páginas
-    async function homePage() {
-        if (!authToken) {
-            window.location.pathname = '/login';
-            return;
-        }
-        
-        contentDiv.innerHTML = `
-            <div class="bg-white rounded-lg shadow p-6">
-                <h2 class="text-xl font-semibold mb-4">Bem-vindo ao GoalMaster AI</h2>
-                <p class="mb-4">Crie e gerencie suas metas com ajuda da inteligência artificial.</p>
-                <a href="/goals" class="btn-primary inline-block">Ver Minhas Metas</a>
-            </div>
-        `;
-    }
-
-    function loginPage() {
-        contentDiv.innerHTML = `
-            <div class="max-w-md mx-auto bg-white rounded-lg shadow p-6">
-                <h2 class="text-xl font-semibold mb-4">Login</h2>
-                <form id="loginForm" class="space-y-4">
-                    <div>
-                        <label class="block text-sm font-medium mb-1">Usuário</label>
-                        <input type="text" id="username" class="input-field" required>
-                    </div>
-                    <div>
-                        <label class="block text-sm font-medium mb-1">Senha</label>
-                        <input type="password" id="password" class="input-field" required>
-                    </div>
-                    <button type="submit" class="btn-primary w-full">Entrar</button>
-                </form>
-            </div>
-        `;
-
-        document.getElementById('loginForm').addEventListener('submit', async (e) => {
-            e.preventDefault();
-            const username = document.getElementById('username').value;
-            const password = document.getElementById('password').value;
-
-            try {
-                const response = await fetch('/token', {
-                    method: 'POST',
-                    headers: {
-                        'Content-Type': 'application/x-www-form-urlencoded',
-                    },
-                    body: new URLSearchParams({
-                        username,
-                        password,
-                        grant_type: 'password'
-                    })
-                });
-
-                if (!response.ok) throw new Error('Login falhou');
-
-                const data = await response.json();
-                authToken = data.access_token;
-                localStorage.setItem('authToken', authToken);
-                window.location.pathname = '/';
-            } catch (error) {
-                alert('Usuário ou senha incorretos');
-            }
-        });
-    }
-
-    async function goalsPage() {
-        if (!authToken) {
-            window.location.pathname = '/login';
-            return;
-        }
-
-        contentDiv.innerHTML = loadingIndicator;
-
-        try {
-            const response = await fetch('/api/goals', {
-                headers: {
-                    'Authorization': `Bearer ${authToken}`
-                }
-            });
-
-            if (!response.ok) throw new Error('Falha ao carregar metas');
-
-            const goals = await response.json();
-            
-            contentDiv.innerHTML = `
-                <div class="bg-white rounded-lg shadow p-6">
-                    <div class="flex justify-between items-center mb-6">
-                        <h2 class="text-xl font-semibold">Minhas Metas</h2>
-                        <button id="newGoalBtn" class="btn-primary">Nova Meta</button>
-                    </div>
-                    <div id="goalsList" class="space-y-4"></div>
-                </div>
-            `;
-
-            const goalsList = document.getElementById('goalsList');
-            goals.forEach(goal => {
-                goalsList.innerHTML += `
-                    <div class="border rounded-lg p-4">
-                        <h3 class="font-medium">${goal.title}</h3>
-                        <p class="text-sm text-gray-600 mt-1">${goal.category}</p>
-                    </div>
-                `;
-            });
-
-            document.getElementById('newGoalBtn').addEventListener('click', () => {
-                // Implementar criação de nova meta
-                alert('Funcionalidade de nova meta será implementada aqui');
-            });
-        } catch (error) {
-            contentDiv.innerHTML = `
-                <div class="bg-red-50 border-l-4 border-red-500 p-4 text-red-700">
-                    <p>Erro ao carregar metas: ${error.message}</p>
-                </div>
-            `;
-        }
-    }
-
-    function notFoundPage() {
-        contentDiv.innerHTML = `
-            <div class="text-center py-8">
-                <h2 class="text-xl font-semibold mb-2">Página não encontrada</h2>
-                <a href="/" class="text-purple-600 hover:underline">Voltar para a página inicial</a>
-            </div>
-        `;
-    }
-
-    // Inicialização
-    if (!authToken && window.location.pathname !== '/login') {
-        window.location.pathname = '/login';
-    } else {
-        router();
-    }
-
-    // Navegação
-    window.addEventListener('popstate', router);
-});