Aluguel de Casas

';\n \n let url = '/api/casas';\n let method = 'GET';\n let body = null;\n \n // Se tiver filtros ativos, usa a rota de busca\n const filtrosAtivos = temFiltrosAtivos();\n if (filtrosAtivos) {\n url = '/api/casas/buscar';\n method = 'POST';\n body = JSON.stringify({\n cidade: state.filtros.cidade || undefined,\n estado: state.filtros.estado || undefined,\n precoMax: state.filtros.precoMax || undefined,\n quartos: state.filtros.quartos ? parseInt(state.filtros.quartos) : undefined\n });\n }\n \n const response = await fetch(url, {\n method,\n headers: {\n 'Content-Type': 'application/json'\n },\n body\n });\n \n const result = await response.json();\n \n if (!result.success) {\n throw new Error(result.error || 'Erro ao carregar casas');\n }\n \n // Atualiza o estado\n state.casas = filtrosAtivos ? result.data.casas : result.data;\n \n // Renderiza as casas\n renderizarCasas();\n \n } catch (error) {\n console.error('Erro ao carregar casas:', error);\n casasContainer.innerHTML = `\n

\n \n Erro ao carregar casas. Por favor, tente novamente.\n

\n `;\n }\n}\n\n// Renderiza as casas na interface\nfunction renderizarCasas() {\n // Limpa o container\n casasContainer.innerHTML = '';\n \n // Verifica se há resultados\n if (state.casas.length === 0) {\n semResultados.classList.remove('hidden');\n return;\n }\n \n // Esconde a mensagem de sem resultados\n semResultados.classList.add('hidden');\n \n // Template de card\n const cardTemplate = document.getElementById('casa-card-template');\n \n // Renderiza cada casa\n state.casas.forEach(casa => {\n const card = document.importNode(cardTemplate.content, true);\n \n // Preenche os dados\n card.querySelector('.casa-titulo').textContent = casa.titulo;\n card.querySelector('.casa-endereco').textContent = `${casa.cidade}, ${casa.estado}`;\n card.querySelector('.casa-quartos').textContent = casa.quartos;\n card.querySelector('.casa-banheiros').textContent = casa.banheiros;\n card.querySelector('.casa-area').textContent = casa.area;\n card.querySelector('.casa-preco').textContent = formatarPreco(casa.preco);\n \n // Imagem\n const imagemElement = card.querySelector('.casa-imagem');\n if (casa.imagens && casa.imagens.length > 0) {\n imagemElement.src = casa.imagens[0];\n } else {\n // Imagem padrão\n imagemElement.src = `https://placehold.co/600x400?text=Casa+${casa.id}`;\n }\n \n // Adiciona evento para ver detalhes\n const btnVerDetalhes = card.querySelector('.btn-ver-detalhes');\n btnVerDetalhes.addEventListener('click', () => abrirDetalhesCasa(casa));\n \n // Adiciona o card ao container\n casasContainer.appendChild(card);\n });\n}\n\n// Abre o modal de detalhes da casa\nfunction abrirDetalhesCasa(casa) {\n const detalhesTemplate = document.getElementById('detalhes-casa-template');\n const detalhesElement = document.importNode(detalhesTemplate.content, true);\n \n // Preenche os dados\n detalhesElement.querySelector('.casa-titulo').textContent = casa.titulo;\n detalhesElement.querySelector('.casa-endereco-completo').textContent = `${casa.endereco}, ${casa.cidade}, ${casa.estado} - ${casa.cep}`;\n detalhesElement.querySelector('.casa-preco').textContent = formatarPreco(casa.preco);\n detalhesElement.querySelector('.casa-quartos').textContent = casa.quartos;\n detalhesElement.querySelector('.casa-banheiros').textContent = casa.banheiros;\n detalhesElement.querySelector('.casa-area').textContent = casa.area;\n detalhesElement.querySelector('.casa-descricao').textContent = casa.descricao;\n detalhesElement.querySelector('.casa-contato').textContent = casa.contato;\n \n // Formata a data\n const data = new Date(casa.dataPublicacao);\n detalhesElement.querySelector('.casa-data').textContent = data.toLocaleDateString('pt-BR');\n \n // Imagem\n const imagemElement = detalhesElement.querySelector('.casa-imagem');\n if (casa.imagens && casa.imagens.length > 0) {\n imagemElement.src = casa.imagens[0];\n } else {\n // Imagem padrão\n imagemElement.src = `https://placehold.co/600x400?text=Casa+${casa.id}`;\n }\n \n // Adiciona evento para fechar\n const btnFechar = detalhesElement.querySelector('.btn-fechar-detalhes');\n btnFechar.addEventListener('click', () => {\n document.querySelector('.fixed').remove();\n });\n \n // Adiciona o modal ao body\n document.body.appendChild(detalhesElement);\n}\n\n// Abre o formulário para adicionar nova casa\nfunction abrirFormularioCasa() {\n const formTemplate = document.getElementById('form-casa-template');\n const formElement = document.importNode(formTemplate.content, true);\n \n // Adiciona evento para fechar\n const btnFechar = formElement.querySelector('.btn-fechar-form');\n btnFechar.addEventListener('click', () => {\n document.querySelector('.fixed').remove();\n });\n \n // Adiciona evento para enviar o formulário\n const form = formElement.querySelector('#form-nova-casa');\n form.addEventListener('submit', async (e) => {\n e.preventDefault();\n await salvarNovaCasa(form);\n });\n \n // Adiciona o modal ao body\n document.body.appendChild(formElement);\n}\n\n// Salva uma nova casa\nasync function salvarNovaCasa(form) {\n try {\n // Obtém os dados do formulário\n const formData = new FormData(form);\n \n // Cria o objeto da casa\n const novaCasa = {\n titulo: formData.get('titulo'),\n descricao: formData.get('descricao'),\n endereco: formData.get('endereco'),\n cidade: formData.get('cidade'),\n estado: formData.get('estado'),\n cep: formData.get('cep'),\n preco: parseFloat(formData.get('preco')),\n quartos: parseInt(formData.get('quartos')),\n banheiros: parseInt(formData.get('banheiros')),\n area: parseFloat(formData.get('area')),\n imagens: [],\n disponivel: true,\n dataPublicacao: new Date().toISOString(),\n contato: formData.get('contato')\n };\n \n // Adiciona a imagem se fornecida\n const imagem = formData.get('imagem');\n if (imagem) {\n novaCasa.imagens.push(imagem);\n }\n \n // Envia para a API\n const response = await fetch('/api/casas', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify(novaCasa)\n });\n \n const result = await response.json();\n \n if (!result.success) {\n throw new Error(result.error || 'Erro ao salvar casa');\n }\n \n // Fecha o modal\n document.querySelector('.fixed').remove();\n \n // Recarrega as casas\n await carregarCasas();\n \n // Mostra mensagem de sucesso\n alert('Casa adicionada com sucesso!');\n \n } catch (error) {\n console.error('Erro ao salvar casa:', error);\n alert('Erro ao salvar casa. Por favor, tente novamente.');\n }\n}\n\n// Aplica os filtros\nasync function aplicarFiltros() {\n // Atualiza o estado com os valores dos filtros\n state.filtros.cidade = filtroCidade.value.trim();\n state.filtros.estado = filtroEstado.value;\n state.filtros.precoMax = filtroPrecoMax.value ? parseFloat(filtroPrecoMax.value) : null;\n state.filtros.quartos = filtroQuartos.value;\n \n // Recarrega as casas com os filtros\n await carregarCasas();\n}\n\n// Limpa os filtros\nasync function limparFiltros() {\n // Limpa os campos\n filtroCidade.value = '';\n filtroEstado.value = '';\n filtroPrecoMax.value = '';\n filtroQuartos.value = '';\n \n // Limpa o estado\n state.filtros = {\n cidade: '',\n estado: '',\n precoMax: null,\n quartos: ''\n };\n \n // Recarrega as casas sem filtros\n await carregarCasas();\n}\n\n// Verifica se há filtros ativos\nfunction temFiltrosAtivos() {\n return (\n state.filtros.cidade || \n state.filtros.estado || \n state.filtros.precoMax || \n state.filtros.quartos\n );\n}\n\n// Formata o preço para exibição\nfunction formatarPreco(preco) {\n return preco.toLocaleString('pt-BR');\n}",[],[238,230],"frontend","b89c7996-31f4-11f0-a075-569c3dd06744","index.html","b89c7a40-31f4-11f0-a075-569c3dd06744",8,["D",1747358758746],"\n\n\n \n \n Aluguel de Casas\n \n \n \n \n \n \n \n \n \n \n \n\n\n

\n \n

\n Carregando...\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n",[],[238,240],"e55c0474-31f4-11f0-bbab-569c3dd06744","e55c053c-31f4-11f0-bbab-569c3dd06744",12,["D",1747358833821],"# Frontend do Aplicativo de Aluguel de Casas\n\nEste diretório contém o código do frontend para o aplicativo de aluguel de casas.\n\n## Estrutura\n\n- `index.html`: Página principal da aplicação\n- `index.js`: JavaScript principal que controla a aplicação\n\n## Funcionalidades\n\n- Visualização de lista de casas disponíveis\n- Filtros por cidade, estado, preço e número de quartos\n- Visualização detalhada de cada casa\n- Formulário para adicionar novas casas\n\n## Tecnologias\n\n- HTML5 para estrutura\n- JavaScript puro para interatividade\n- TailwindCSS para estilização\n- Font Awesome para ícones\n\n## Templates\n\nO HTML utiliza templates para diferentes partes da aplicação:\n\n- `home-template`: Layout principal da página\n- `casa-card-template`: Card para exibir cada casa na listagem\n- `detalhes-casa-template`: Modal para exibir detalhes de uma casa\n- `form-casa-template`: Formulário para adicionar nova casa",[],[238,202],"b89c92fa-31f4-11f0-a075-569c3dd06744",["D",1747358758746],[194,195,196],[238],"d9bbbdbc-31f4-11f0-8ccd-569c3dd06744","index.ts",10,["D",1747358814313],"http","import { Hono } from \"https://esm.sh/hono@3.12.0\";\nimport { cors } from \"https://esm.sh/@hono/cors@0.0.8\";\nimport casasRoutes from \"./routes/casas.ts\";\nimport staticRoutes from \"./routes/static.ts\";\nimport { inicializarBancoDados } from \"./database/migrations.ts\";\n\n// Cria a aplicação Hono\nconst app = new Hono();\n\n// Middleware para CORS\napp.use(\"*\", cors());\n\n// Middleware para tratamento de erros\napp.onError((err, c) => {\n console.error(\"Erro na aplicação:\", err);\n throw err; // Re-lança o erro para ver o stack trace completo\n});\n\n// Inicializa o banco de dados na primeira execução\napp.use(\"*\", async (c, next) => {\n try {\n await inicializarBancoDados();\n } catch (error) {\n console.error(\"Erro ao inicializar banco de dados:\", error);\n }\n return next();\n});\n\n// Rotas da API\napp.route(\"/api/casas\", casasRoutes);\n\n// Rotas estáticas\napp.route(\"/\", staticRoutes);\n\n// Ponto de entrada para o Val HTTP\nexport default app.fetch;",[],[162,259],"e14cadd4-31f4-11f0-9473-569c3dd06744","e14caeba-31f4-11f0-9473-569c3dd06744",11,["D",1747358827011],"# Backend do Aplicativo de Aluguel de Casas\n\nEste diretório contém o código do backend para o aplicativo de aluguel de casas.\n\n## Estrutura\n\n- `index.ts`: Ponto de entrada principal da aplicação\n- `/database`: Configuração e consultas do banco de dados SQLite\n - `migrations.ts`: Definição do esquema do banco de dados\n - `queries.ts`: Funções para consultar e manipular dados\n- `/routes`: Rotas da API\n - `casas.ts`: Endpoints para gerenciar casas\n - `static.ts`: Rotas para servir arquivos estáticos\n\n## API Endpoints\n\n- `GET /api/casas`: Lista todas as casas disponíveis\n- `GET /api/casas/:id`: Obtém detalhes de uma casa específica\n- `POST /api/casas/buscar`: Busca casas com filtros\n- `POST /api/casas`: Adiciona uma nova casa\n- `PUT /api/casas/:id`: Atualiza uma casa existente\n- `DELETE /api/casas/:id`: Remove uma casa (marca como indisponível)\n\n## Banco de Dados\n\nUtilizamos SQLite para armazenar os dados das casas. O esquema inclui:\n\n- `id`: Identificador único\n- `titulo`: Título da casa\n- `descricao`: Descrição detalhada\n- `endereco`, `cidade`, `estado`, `cep`: Informações de localização\n- `preco`: Valor do aluguel mensal\n- `quartos`, `banheiros`, `area`: Características físicas\n- `imagens`: URLs das imagens (armazenadas como JSON)\n- `disponivel`: Status de disponibilidade\n- `dataPublicacao`: Data de publicação\n- `contato`: Informações de contato",[],[162,202],"8e4c8b0e-31f4-11f0-8126-569c3dd06744","static.ts","8e4c8bb8-31f4-11f0-8126-569c3dd06744","a9d5042a-e582-4bb8-9bb7-e070ec13f657",6,["D",1747358687758],"import { Hono } from \"https://esm.sh/hono@3.12.0\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { parseProject } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { inicializarBancoDados } from \"../database/migrations.ts\";\n\nconst app = new Hono();\n\n// Servir arquivos estáticos\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n// Rota principal - serve o HTML com dados iniciais\napp.get(\"/\", async (c) => {\n try {\n // Inicializa o banco de dados\n await inicializarBancoDados();\n \n // Lê o arquivo HTML\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Informações do projeto para links \"Ver código-fonte\"\n const projectInfo = parseProject(import.meta.url);\n \n // Injeta dados iniciais no HTML\n const dataScript = ``;\n \n html = html.replace(\"\", `${dataScript}`);\n \n return c.html(html);\n } catch (error) {\n console.error(\"Erro ao servir página inicial:\", error);\n return c.text(\"Erro ao carregar a página. Por favor, tente novamente.\", 500);\n }\n});\n\nexport default app;",[],[162,282,274],"routes","87bcc862-31f4-11f0-8126-569c3dd06744","casas.ts","87bcc920-31f4-11f0-8126-569c3dd06744",5,["D",1747358676747],"import { Hono } from \"https://esm.sh/hono@3.12.0\";\nimport { \n buscarTodasCasas, \n buscarCasaPorId, \n buscarCasasComFiltros,\n adicionarCasa,\n atualizarCasa,\n removerCasa\n} from \"../database/queries.ts\";\nimport type { FiltrosCasa } from \"../../shared/types.ts\";\n\nconst app = new Hono();\n\n// Listar todas as casas\napp.get(\"/\", async (c) => {\n try {\n const casas = await buscarTodasCasas();\n return c.json({ success: true, data: casas });\n } catch (error) {\n console.error(\"Erro ao buscar casas:\", error);\n return c.json({ success: false, error: \"Erro ao buscar casas\" }, 500);\n }\n});\n\n// Buscar casa por ID\napp.get(\"/:id\", async (c) => {\n try {\n const id = parseInt(c.req.param(\"id\"));\n if (isNaN(id)) {\n return c.json({ success: false, error: \"ID inválido\" }, 400);\n }\n \n const casa = await buscarCasaPorId(id);\n if (!casa) {\n return c.json({ success: false, error: \"Casa não encontrada\" }, 404);\n }\n \n return c.json({ success: true, data: casa });\n } catch (error) {\n console.error(\"Erro ao buscar casa:\", error);\n return c.json({ success: false, error: \"Erro ao buscar casa\" }, 500);\n }\n});\n\n// Buscar casas com filtros\napp.post(\"/buscar\", async (c) => {\n try {\n const filtros = await c.req.json() as FiltrosCasa;\n const resultado = await buscarCasasComFiltros(filtros);\n return c.json({ success: true, data: resultado });\n } catch (error) {\n console.error(\"Erro ao buscar casas com filtros:\", error);\n return c.json({ success: false, error: \"Erro ao buscar casas\" }, 500);\n }\n});\n\n// Adicionar nova casa\napp.post(\"/\", async (c) => {\n try {\n const novaCasa = await c.req.json();\n \n // Validação básica\n if (!novaCasa.titulo || !novaCasa.descricao || !novaCasa.preco) {\n return c.json({ \n success: false, \n error: \"Dados incompletos. Título, descrição e preço são obrigatórios.\" \n }, 400);\n }\n \n // Adiciona data de publicação se não fornecida\n if (!novaCasa.dataPublicacao) {\n novaCasa.dataPublicacao = new Date().toISOString();\n }\n \n // Garante que imagens seja um array\n if (!novaCasa.imagens) {\n novaCasa.imagens = [];\n }\n \n const id = await adicionarCasa(novaCasa);\n return c.json({ success: true, data: { id } }, 201);\n } catch (error) {\n console.error(\"Erro ao adicionar casa:\", error);\n return c.json({ success: false, error: \"Erro ao adicionar casa\" }, 500);\n }\n});\n\n// Atualizar casa existente\napp.put(\"/:id\", async (c) => {\n try {\n const id = parseInt(c.req.param(\"id\"));\n if (isNaN(id)) {\n return c.json({ success: false, error: \"ID inválido\" }, 400);\n }\n \n const atualizacoes = await c.req.json();\n const sucesso = await atualizarCasa(id, atualizacoes);\n \n if (!sucesso) {\n return c.json({ success: false, error: \"Casa não encontrada\" }, 404);\n }\n \n return c.json({ success: true });\n } catch (error) {\n console.error(\"Erro ao atualizar casa:\", error);\n return c.json({ success: false, error: \"Erro ao atualizar casa\" }, 500);\n }\n});\n\n// Remover casa\napp.delete(\"/:id\", async (c) => {\n try {\n const id = parseInt(c.req.param(\"id\"));\n if (isNaN(id)) {\n return c.json({ success: false, error: \"ID inválido\" }, 400);\n }\n \n const sucesso = await removerCasa(id);\n \n if (!sucesso) {\n return c.json({ success: false, error: \"Casa não encontrada\" }, 404);\n }\n \n return c.json({ success: true });\n } catch (error) {\n console.error(\"Erro ao remover casa:\", error);\n return c.json({ success: false, error: \"Erro ao remover casa\" }, 500);\n }\n});\n\nexport default app;",[],[162,282,284],"87bced4c-31f4-11f0-8126-569c3dd06744",["D",1747358676747],[189,190],[162,282],["D",1747358654392],[],[162,82,80],["D",1747358630431],[],[162,82,65],["D",1747358630431],[186,187],[162,82],"6c212562-31f4-11f0-ba63-569c3dd06744",["D",1747358630431],[185,188,191,192],[162],["D",1747356327777],{"_11":12,"_132":71},{"_11":12,"_128":-5,"_70":71,"_31":69,"_129":130,"_131":30},{"_40":119,"_13":16,"_34":37,"_120":85,"_121":-5,"_122":-5,"_123":-5,"_124":-5,"_125":-5,"_126":14,"_127":12},"ctx",{"_53":-5,"_151":345,"_346":347,"_348":349,"_350":30,"_351":30,"_352":30,"_353":24,"_354":-5,"_355":-7,"_356":-7,"_357":26,"_358":30,"_359":30,"_360":-5,"_361":30,"_362":30,"_363":30,"_364":-5},"ENV",{"_316":317,"_318":319,"_320":16,"_321":322,"_323":324,"_325":326,"_327":328,"_329":330,"_331":332,"_333":334,"_335":336,"_337":338,"_339":340,"_341":342,"_343":344},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

\n Aluguel de Casas\n

Informações

Descrição

Contato

Nova Casa para Aluguel

History · database