\n {/* Header */}\n

\n {/* PSD Logo */}\n

\n \n

\n\n

\n Tudo por Alcofra, por Paixão\n

\n Eleições Autárquicas 2025\n

\n\n {/* Candidatos Principais */}\n

\n {candidatosPrincipais.map((candidato, index) => (\n \n

\n \n

\n {candidato.nome}\n

{candidato.profissao}

\n \n {candidato.localidade}\n

\n ))}\n

\n \n\n {/* Mensagem do Candidato */}\n

\n {/* Section Header */}\n

\n Mensagem do Candidato\n

\n\n {/* Main Card */}\n

\n {/* Candidate Info */}\n

\n Gil Henriques Giestas\n

\n Candidato a Presidente da Junta de Freguesia\n

\n\n {/* Quote */}\n

\n \"É com muito gosto, honra e responsabilidade que me candidato\n a Presidente da Junta de Freguesia de Alcofra, pelo PSD.\"\n

\n\n {/* Message Content */}\n

\n Aceitei este desafio político tendo em conta as minhas\n convicções e desejos para o futuro da nossa freguesia. Sabem\n quem sou. Aqui estão as minhas raízes. Por isso e porque\n participei e conheço o seu passado, porque participo na sua\n vida presente e não desisto em acreditar num futuro melhor\n para todos, tudo farei para honrar o cargo e os Alcofrenses.\n

\n\n

\n Lidero uma equipa de homens e mulheres com provas dadas na sua\n vida pessoal, profissional e cívica, juntando o saber de\n muitos que já detêm longa experiência ao entusiasmo de outros\n tantos que pela primeira vez querem dar o melhor de si pela\n nossa terra.\n

\n\n

\n Alcofra precisa de investimento! Todas as localidades da\n Freguesia merecerão a nossa melhor atenção.\n

\n\n {/* Call to Action */}\n

\n Da minha parte, esperem dedicação, entrega, trabalho,\n diálogo.\n

\n Conto convosco! Contem comigo!\n

\n\n {/* Principais Áreas de Intervenção */}\n

\n Principais Áreas de Intervenção\n

\n\n

\n {areas.map((area, index) => (\n \n {/* Icon Container */}\n

\n {React.cloneElement(area.icon, {\n className: \"w-8 h-8 sm:w-10 sm:h-10\",\n })}\n

\n\n {/* Title */}\n

\n {area.titulo}\n

\n\n {/* Description */}\n

\n {area.descricao}\n

\n\n {/* Points List */}\n

\n {area.pontos.map((ponto, pontoIndex) => (\n \n

\n {ponto}\n

\n ))}\n

\n\n {/* Bottom accent */}\n

\n ))}\n \n \n

\n\n {/* Formulário de Sugestões */}\n

\n {/* Section Header */}\n

\n Envie a Sua Sugestão\n

\n\n

\n A sua opinião é fundamental para construirmos uma Alcofra melhor.\n Partilhe connosco as suas ideias e sugestões de melhoria.\n

\n\n {isSubmitted\n ? (\n

\n \n Obrigado pela sua sugestão!{\" \"}\n A sua proposta foi enviada com sucesso.\n

\n )\n : (\n <>\n {submitError && (\n

\n Erro: {submitError}\n

\n )}\n

\n \n Nome Completo *\n \n \n

\n \n Email\n \n \n

\n\n

\n \n Telefone\n \n \n

\n \n Categoria\n \n \n \n \n \n \n \n \n \n

\n\n

\n \n A Sua Sugestão *\n \n \n \n

\n\n \n \n {isSubmitting ? \"Enviando...\" : \"Enviar Sugestão\"}\n \n

\n \n )}\n

\n\n {/* Lista Completa de Candidatos */}\n

\n {/* Section Header */}\n

\n Lista Completa de Candidatos\n

\n\n {/* Assembleia de Freguesia */}\n

\n Assembleia de Freguesia de Alcofra\n

\n\n

\n {[\n { nome: \"Gil Henriques Giestas\", localidade: \"Viladra\" },\n { nome: \"Nuno Miguel Marques Silva\", localidade: \"Agros\" },\n {\n nome: \"Sandra Manuela Ferreira Figueiredo Rodrigues\",\n localidade: \"Ribeira\",\n },\n { nome: \"Sílvio Anjos Nogueira\", localidade: \"Espinho\" },\n {\n nome: \"Sónia Paula Teixeira Marques Fernandes\",\n localidade: \"Cabo de Vila\",\n },\n {\n nome: \"Nuno Tiago Simões Almeida\",\n localidade: \"Cabo de Vila\",\n },\n {\n nome: \"Fernando Augusto Cancela Giestas\",\n localidade: \"Rua\",\n },\n { nome: \"Joana Rita Teixeira Bento\", localidade: \"Agros\" },\n { nome: \"Nélson Marques Ramos\", localidade: \"Meã\" },\n { nome: \"Miguel Almeida Ladeira\", localidade: \"Farves\" },\n { nome: \"Cidália Maria Luzia Alves\", localidade: \"Cabeço\" },\n { nome: \"Viriato Gomes Pereira\", localidade: \"Viladra\" },\n { nome: \"Bernardino Ladeira Luzia\", localidade: \"Farves\" },\n { nome: \"Joana Giestas Santos\", localidade: \"Farves\" },\n { nome: \"Paulo Marques Grilo\", localidade: \"Cabo de Vila\" },\n {\n nome: \"Ricardo Jorge Fidalgo Fraga\",\n localidade: \"Viladra\",\n },\n {\n nome: \"Sandra Isabel Almeida Silva\",\n localidade: \"Novais\",\n },\n { nome: \"Adelino Jesus Marques\", localidade: \"Viladra\" },\n {\n nome: \"Fernando Rodrigues Lopes\",\n localidade: \"Cimo de Vila\",\n },\n {\n nome: \"Susana Maria Luzia Alves\",\n localidade: \"Cimo de Vila\",\n },\n { nome: \"Manuel Lopes Martins\", localidade: \"Farves\" },\n {\n nome: \"Catarina Santos Marques Pereira\",\n localidade: \"Farves\",\n },\n {\n nome: \"Carlos Xavier Giestas Gonçalves\",\n localidade: \"Nogueira\",\n },\n {\n nome: \"Júlia Maria Santos Saldanha\",\n localidade: \"Cabo de Vila\",\n },\n {\n nome: \"Maria Fernanda Teixeira Bento\",\n localidade: \"Agros\",\n },\n {\n nome: \"Armindo Telmo Antunes Ferreira\",\n localidade: \"Cimo de Vila\",\n },\n ].map((candidato, index) => (\n \n

\n {candidato.nome}\n

\n \n {candidato.localidade}\n

\n ))}\n

\n\n {/* Outras Candidaturas */}\n

\n {/* Câmara Municipal */}\n

\n \n Câmara Municipal de Vouzela\n

\n Fernando Augusto Cancela Giestas\n

\n \n Rua\n

\n\n {/* Assembleia Municipal */}\n

\n \n Assembleia Municipal de Vouzela\n

\n Armindo Telmo Antunes Ferreira\n

\n \n Cimo de Vila\n

\n \n

\n\n {/* Contactos */}\n

Contacte-nos

\n \n

Gil Henriques Giestas

933 579 052

\n\n

Eleições Autárquicas

12 de Outubro de 2025

\n Vote PSD - Vote no Futuro de Alcofra\n

\n\n {/* Footer */}\n \n \n );\n};\n\nfunction App() {\n return (\n <>\n sdfsdf\n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n PSD Alcofra - Eleições Autárquicas 2025\n \n \n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}",[],[174],{"_104":183,"_96":184,"_156":185,"_157":-5,"_158":141,"_159":186,"_160":118,"_106":187,"_101":188,"_163":164,"_165":189,"_167":22,"_168":-5,"_169":190,"_99":191},"ff941d5c-a915-11f0-a2c9-0224a6c84d84","map-geojson.tsx","057248b2-a915-11f0-8e7c-0224a6c84d84",56,["D",1760457239565],7,"/** @jsxImportSource https://esm.sh/react */\nimport React, { useEffect, useRef, useState } from \"https://esm.sh/react\";\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\n\nconst GeoJSONMapEditor = () => {\n const [geoJsonData, setGeoJsonData] = useState({\n type: \"FeatureCollection\",\n features: [],\n });\n const [savedItems, setSavedItems] = useState([]);\n const mapRef = useRef(null);\n const mapInstanceRef = useRef(null);\n const drawnItemsRef = useRef(null);\n\n useEffect(() => {\n // Load Leaflet CSS\n const leafletCSS = document.createElement(\"link\");\n leafletCSS.rel = \"stylesheet\";\n leafletCSS.href =\n \"https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.min.css\";\n document.head.appendChild(leafletCSS);\n\n const leafletDrawCSS = document.createElement(\"link\");\n leafletDrawCSS.rel = \"stylesheet\";\n leafletDrawCSS.href =\n \"https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/1.0.2/leaflet.draw.css\";\n document.head.appendChild(leafletDrawCSS);\n\n // Load Leaflet JS\n const leafletScript = document.createElement(\"script\");\n leafletScript.src =\n \"https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.min.js\";\n leafletScript.onload = () => {\n // Load Leaflet.Draw JS\n const drawScript = document.createElement(\"script\");\n drawScript.src =\n \"https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/1.0.2/leaflet.draw.js\";\n drawScript.onload = initializeMap;\n document.head.appendChild(drawScript);\n };\n document.head.appendChild(leafletScript);\n\n return () => {\n if (mapInstanceRef.current) {\n mapInstanceRef.current.remove();\n }\n };\n }, []);\n\n const initializeMap = () => {\n if (!mapRef.current || mapInstanceRef.current) return;\n\n const L = window.L;\n\n // Initialize map\n const map = L.map(mapRef.current).setView([40.7128, -74.0060], 10);\n mapInstanceRef.current = map;\n\n // Add tile layer\n L.tileLayer(\"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\", {\n attribution:\n '© OpenStreetMap contributors',\n }).addTo(map);\n\n // Initialize FeatureGroup for drawn items\n const drawnItems = new L.FeatureGroup();\n map.addLayer(drawnItems);\n drawnItemsRef.current = drawnItems;\n\n // Initialize draw control\n const drawControl = new L.Control.Draw({\n edit: {\n featureGroup: drawnItems,\n },\n draw: {\n polygon: true,\n polyline: true,\n rectangle: true,\n circle: true,\n marker: true,\n circlemarker: false,\n },\n });\n map.addControl(drawControl);\n\n // Event handlers\n map.on(L.Draw.Event.CREATED, (e) => {\n const layer = e.layer;\n drawnItems.addLayer(layer);\n updateGeoJSON();\n });\n\n map.on(L.Draw.Event.EDITED, () => {\n updateGeoJSON();\n });\n\n map.on(L.Draw.Event.DELETED, () => {\n updateGeoJSON();\n });\n };\n\n const updateGeoJSON = () => {\n if (!drawnItemsRef.current) return;\n\n const features = [];\n drawnItemsRef.current.eachLayer((layer) => {\n const geoJson = layer.toGeoJSON();\n features.push(geoJson);\n });\n\n setGeoJsonData({\n type: \"FeatureCollection\",\n features: features,\n });\n };\n\n const saveToDatabase = async () => {\n // In Val Town, you would call your Val API endpoint here\n // Example: await fetch('https://username-valname.web.val.run', {\n // method: 'POST',\n // headers: { 'Content-Type': 'application/json' },\n // body: JSON.stringify(geoJsonData)\n // });\n\n const id = Date.now();\n const newItem = {\n id,\n name: `Map Data ${savedItems.length + 1}`,\n data: geoJsonData,\n timestamp: new Date().toLocaleString(),\n };\n\n setSavedItems([...savedItems, newItem]);\n alert(\"GeoJSON saved successfully!\");\n };\n\n const loadFromDatabase = (item) => {\n if (!drawnItemsRef.current) return;\n\n const L = window.L;\n\n // Clear existing layers\n drawnItemsRef.current.clearLayers();\n\n // Add loaded features\n item.data.features.forEach((feature) => {\n L.geoJSON(feature, {\n onEachFeature: (feature, layer) => {\n drawnItemsRef.current.addLayer(layer);\n },\n });\n });\n\n setGeoJsonData(item.data);\n };\n\n const clearMap = () => {\n if (!drawnItemsRef.current) return;\n\n drawnItemsRef.current.clearLayers();\n setGeoJsonData({\n type: \"FeatureCollection\",\n features: [],\n });\n };\n\n const exportGeoJSON = () => {\n const dataStr = JSON.stringify(geoJsonData, null, 2);\n const dataBlob = new Blob([dataStr], { type: \"application/json\" });\n const url = URL.createObjectURL(dataBlob);\n const link = document.createElement(\"a\");\n link.href = url;\n link.download = \"geojson-data.json\";\n link.click();\n URL.revokeObjectURL(url);\n };\n\n return (\n \n {/* Sidebar */}\n \n

GeoJSON Editor

\n\n

Instructions

\n Use the tools on the map to draw shapes. Click save to store your\n GeoJSON data.\n

\n\n \n \n Save to Database\n \n\n \n Export GeoJSON\n \n\n \n Clear Map\n \n \n\n

\n Current Data ({geoJsonData.features.length} features)\n

\n \n {JSON.stringify(geoJsonData, null, 2)}\n \n

\n\n

\n Saved Items ({savedItems.length})\n

\n {savedItems.length === 0\n ? (\n \n No saved items yet\n

\n )\n : (\n \n {savedItems.map((item) => (\n \n

\n {item.name}\n

\n \n {item.timestamp}\n

\n \n Features: {item.data.features.length}\n \n loadFromDatabase(item)}\n style={{\n padding: \"6px 12px\",\n backgroundColor: \"#2196F3\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"4px\",\n cursor: \"pointer\",\n fontSize: \"12px\",\n }}\n >\n Load\n \n \n ))}\n \n )}\n \n \n\n {/* Map */}\n \n \n );\n};\n\nfunction App() {\n return (\n <>\n \n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n Sample\n \n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}",[],[184],{"_104":193,"_96":100,"_156":194,"_157":-5,"_158":141,"_159":195,"_160":118,"_106":196,"_101":197,"_163":164,"_165":198,"_167":22,"_168":-5,"_169":199,"_99":200},"e50b28d2-a84c-11f0-bfdb-0224a6c84d84","ff34ed7a-a84b-11f0-a274-0224a6c84d84",48,["D",1760370866203],8,"/** @jsxImportSource https://esm.sh/react */\nimport React, { useEffect, useState } from \"https://esm.sh/react\";\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\n\n// SVG Icons as components\nconst CalendarIcon = ({ className }) => (\n \n \n \n);\n\nconst CheckCircleIcon = ({ className }) => (\n \n \n \n);\n\nconst ClockIcon = ({ className }) => (\n \n \n \n);\n\nconst UsersIcon = ({ className }) => (\n \n \n \n);\n\nconst AlertIcon = ({ className }) => (\n \n \n \n);\n\nconst MapPinIcon = ({ className }) => (\n \n \n \n \n);\n\nconst EuroIcon = ({ className }) => (\n \n \n \n);\n\nconst CameraIcon = ({ className }) => (\n \n \n \n \n);\n\nconst MessageIcon = ({ className }) => (\n \n \n \n);\n\nconst CloseIcon = ({ className }) => (\n \n \n \n);\n\nconst ParishCalendar = () => {\n const [selectedCategory, setSelectedCategory] = useState(\"all\");\n const [selectedYear, setSelectedYear] = useState(\"2025\");\n const [timelineView, setTimelineView] = useState(\"month\"); // 'week', 'month', 'quarter'\n const [selectedTask, setSelectedTask] = useState(null);\n const [showComments, setShowComments] = useState(false);\n const [currentMonth, setCurrentMonth] = useState(9); // October (0-indexed)\n const [comments, setComments] = useState({\n 1: [\n {\n id: 1,\n author: \"Maria Silva\",\n date: \"2025-10-12\",\n text: \"Excelente iniciativa! Esta estrada estava mesmo a precisar.\",\n },\n {\n id: 2,\n author: \"João Santos\",\n date: \"2025-10-13\",\n text: \"Quando é que preveem terminar os trabalhos?\",\n },\n ],\n 3: [\n {\n id: 3,\n author: \"Ana Costa\",\n date: \"2025-10-09\",\n text: \"As novas luzes estão óptimas! Muito mais seguro à noite.\",\n },\n ],\n 5: [\n {\n id: 4,\n author: \"Pedro Alves\",\n date: \"2025-10-11\",\n text: \"Os meus filhos adoram as atividades! Obrigado pela iniciativa.\",\n },\n ],\n });\n\n const tasks = [\n {\n id: 1,\n title: \"Reparação de Estrada - Rua Principal\",\n description:\n \"Arranjo de buracos e repavimentação do troço junto à igreja\",\n status: \"in-progress\",\n category: \"infrastructure\",\n startDate: \"2025-10-10\",\n endDate: \"2025-10-25\",\n responsible: \"Equipa de Obras Públicas\",\n progress: 60,\n budget: \"15000\",\n location: \"Rua Principal, Alcofra\",\n photos: 2,\n },\n {\n id: 2,\n title: \"Inauguração da Horta Comunitária\",\n description:\n \"Abertura da nova horta comunitária com dia de plantação e atividades para todas as idades\",\n status: \"planned\",\n category: \"community\",\n startDate: \"2025-11-05\",\n endDate: \"2025-11-05\",\n responsible: \"Desenvolvimento Comunitário\",\n progress: 0,\n budget: \"5000\",\n location: \"Terreno Municipal, Zona Norte\",\n photos: 0,\n },\n {\n id: 3,\n title: \"Modernização da Iluminação Pública\",\n description:\n \"Instalação de luzes LED na Avenida da Freguesia para maior eficiência energética\",\n status: \"completed\",\n category: \"infrastructure\",\n startDate: \"2025-09-15\",\n endDate: \"2025-10-08\",\n responsible: \"Equipa de Infraestruturas\",\n progress: 100,\n budget: \"22000\",\n location: \"Avenida da Freguesia\",\n photos: 5,\n },\n {\n id: 4,\n title: \"Renovação do Salão Paroquial\",\n description:\n \"Pintura interior, instalação de novo pavimento e modernização das instalações sanitárias\",\n status: \"planned\",\n category: \"facilities\",\n startDate: \"2025-11-15\",\n endDate: \"2025-12-20\",\n responsible: \"Gestão de Instalações\",\n progress: 0,\n budget: \"18000\",\n location: \"Salão Paroquial de Alcofra\",\n photos: 0,\n },\n {\n id: 5,\n title: \"Programa Desportivo Juvenil\",\n description:\n \"Atividades semanais de futebol e basquetebol para idades 8-16 anos\",\n status: \"in-progress\",\n category: \"community\",\n startDate: \"2025-10-01\",\n endDate: \"2025-12-31\",\n responsible: \"Comissão de Recreação\",\n progress: 40,\n budget: \"8000\",\n location: \"Campo Desportivo Municipal\",\n photos: 3,\n },\n {\n id: 6,\n title: \"Plano de Preparação para Inverno\",\n description:\n \"Verificação de equipamento de remoção de neve, coordenação de voluntários e stock de sal\",\n status: \"planned\",\n category: \"safety\",\n startDate: \"2025-11-01\",\n endDate: \"2025-11-30\",\n responsible: \"Serviços de Emergência\",\n progress: 0,\n budget: \"12000\",\n location: \"Toda a Freguesia\",\n photos: 0,\n },\n {\n id: 7,\n title: \"Festival de Verão Alcofra 2025\",\n description:\n \"Organização do festival anual com música, gastronomia e artesanato local\",\n status: \"completed\",\n category: \"community\",\n startDate: \"2025-07-15\",\n endDate: \"2025-07-17\",\n responsible: \"Comissão de Festas\",\n progress: 100,\n budget: \"25000\",\n location: \"Largo Central\",\n photos: 15,\n },\n {\n id: 8,\n title: \"Limpeza de Caminhos Rurais\",\n description:\n \"Desbravamento e limpeza dos caminhos de acesso às zonas agrícolas\",\n status: \"completed\",\n category: \"infrastructure\",\n startDate: \"2025-09-01\",\n endDate: \"2025-09-20\",\n responsible: \"Equipa de Obras Públicas\",\n progress: 100,\n budget: \"7500\",\n location: \"Zona Rural\",\n photos: 4,\n },\n ];\n\n const categories = [\n { id: \"all\", name: \"Todos\", color: \"bg-blue-800\" },\n { id: \"infrastructure\", name: \"Infraestruturas\", color: \"bg-blue-600\" },\n { id: \"community\", name: \"Comunidade\", color: \"bg-green-600\" },\n { id: \"facilities\", name: \"Instalações\", color: \"bg-purple-600\" },\n { id: \"safety\", name: \"Segurança\", color: \"bg-red-600\" },\n ];\n\n const statusConfig = {\n \"completed\": {\n label: \"Concluído\",\n color: \"bg-green-100 text-green-800 border-green-300\",\n icon: CheckCircleIcon,\n },\n \"in-progress\": {\n label: \"Em Curso\",\n color: \"bg-blue-100 text-blue-800 border-blue-300\",\n icon: ClockIcon,\n },\n \"planned\": {\n label: \"Planeado\",\n color: \"bg-gray-100 text-gray-800 border-gray-300\",\n icon: AlertIcon,\n },\n };\n\n const monthNames = [\n \"Jan\",\n \"Fev\",\n \"Mar\",\n \"Abr\",\n \"Mai\",\n \"Jun\",\n \"Jul\",\n \"Ago\",\n \"Set\",\n \"Out\",\n \"Nov\",\n \"Dez\",\n ];\n\n const formatDate = (dateString) => {\n const date = new Date(dateString);\n return date.toLocaleDateString(\"pt-PT\", {\n day: \"numeric\",\n month: \"short\",\n year: \"numeric\",\n });\n };\n\n const formatCurrency = (value) => {\n return new Intl.NumberFormat(\"pt-PT\", {\n style: \"currency\",\n currency: \"EUR\",\n }).format(value);\n };\n\n const handleAddComment = (taskId, text) => {\n if (!text.trim()) return;\n\n const newComment = {\n id: Date.now(),\n author: \"Utilizador\",\n date: new Date().toISOString().split(\"T\")[0],\n text: text.trim(),\n };\n\n setComments((prev) => ({\n ...prev,\n [taskId]: [...(prev[taskId] || []), newComment],\n }));\n };\n\n const getTasksInPeriod = (periodStart, periodEnd) => {\n return tasks.filter((task) => {\n const taskStart = new Date(task.startDate);\n const taskEnd = new Date(task.endDate);\n return (taskStart <= periodEnd && taskEnd >= periodStart) &&\n (selectedCategory === \"all\" || task.category === selectedCategory);\n });\n };\n\n const generateTimeline = () => {\n const timeline = [];\n\n if (timelineView === \"month\") {\n for (let month = 0; month < 12; month++) {\n const periodStart = new Date(2025, month, 1);\n const periodEnd = new Date(2025, month + 1, 0);\n const tasksInPeriod = getTasksInPeriod(periodStart, periodEnd);\n\n timeline.push({\n label: monthNames[month],\n fullLabel: `${monthNames[month]} 2025`,\n tasks: tasksInPeriod,\n month: month,\n });\n }\n } else if (timelineView === \"quarter\") {\n const quarters = [\n { label: \"Q1\", months: [0, 1, 2], fullLabel: \"Trimestre 1 (Jan-Mar)\" },\n { label: \"Q2\", months: [3, 4, 5], fullLabel: \"Trimestre 2 (Abr-Jun)\" },\n { label: \"Q3\", months: [6, 7, 8], fullLabel: \"Trimestre 3 (Jul-Set)\" },\n {\n label: \"Q4\",\n months: [9, 10, 11],\n fullLabel: \"Trimestre 4 (Out-Dez)\",\n },\n ];\n\n quarters.forEach((quarter) => {\n const periodStart = new Date(2025, quarter.months[0], 1);\n const periodEnd = new Date(2025, quarter.months[2] + 1, 0);\n const tasksInPeriod = getTasksInPeriod(periodStart, periodEnd);\n\n timeline.push({\n label: quarter.label,\n fullLabel: quarter.fullLabel,\n tasks: tasksInPeriod,\n });\n });\n }\n\n return timeline;\n };\n\n const stats = {\n total:\n tasks.filter((t) =>\n selectedCategory === \"all\" || t.category === selectedCategory\n ).length,\n completed: tasks.filter((t) =>\n t.status === \"completed\" &&\n (selectedCategory === \"all\" || t.category === selectedCategory)\n ).length,\n inProgress: tasks.filter((t) =>\n t.status === \"in-progress\" &&\n (selectedCategory === \"all\" || t.category === selectedCategory)\n ).length,\n planned: tasks.filter((t) =>\n t.status === \"planned\" &&\n (selectedCategory === \"all\" || t.category === selectedCategory)\n ).length,\n totalBudget: tasks.filter((t) =>\n selectedCategory === \"all\" || t.category === selectedCategory\n ).reduce((sum, t) => sum + parseInt(t.budget), 0),\n };\n\n const timeline = generateTimeline();\n\n return (\n

\n {/* Header */}\n

\n \n

\n Calendário de Projetos\n

\n Junta de Freguesia de Alcofra\n

\n Promovendo a proximidade com a comunidade através da transparência e\n informação sobre os nossos projetos e iniciativas.\n

\n\n {/* Stats */}\n

{stats.total}

Total de Projetos

{stats.completed}

Concluídos

{stats.inProgress}

Em Curso

{stats.planned}

Planeados

\n {formatCurrency(stats.totalBudget)}\n

Investimento Total

\n\n {/* Filters */}\n

\n Categoria:\n

\n {categories.map((cat) => (\n setSelectedCategory(cat.id)}\n className={`px-3 py-1.5 rounded-full text-sm font-medium transition-all ${\n selectedCategory === cat.id\n ? `${cat.color} text-white shadow-md`\n : \"bg-gray-200 text-gray-700 hover:bg-gray-300\"\n }`}\n >\n {cat.name}\n \n ))}\n

\n Visualização:\n

\n setTimelineView(\"month\")}\n className={`px-4 py-1.5 rounded-lg text-sm font-medium transition-all ${\n timelineView === \"month\"\n ? \"bg-blue-800 text-white\"\n : \"bg-gray-200 text-gray-700 hover:bg-gray-300\"\n }`}\n >\n Mensal\n \n setTimelineView(\"quarter\")}\n className={`px-4 py-1.5 rounded-lg text-sm font-medium transition-all ${\n timelineView === \"quarter\"\n ? \"bg-blue-800 text-white\"\n : \"bg-gray-200 text-gray-700 hover:bg-gray-300\"\n }`}\n >\n Trimestral\n \n

\n\n {/* Timeline */}\n

\n Linha do Tempo - 2025\n

\n\n

\n {timeline.map((period, index) => (\n

\n {/* Period Header */}\n

\n {period.label}\n

\n {period.fullLabel}\n

\n\n {/* Tasks in Period */}\n {period.tasks.length === 0\n ? (\n

\n Nenhum projeto neste período\n

\n )\n : (\n

\n {period.tasks.map((task) => {\n const categoryColor = categories.find((c) =>\n c.id === task.category\n )?.color || \"bg-gray-600\";\n const StatusIcon = statusConfig[task.status].icon;\n\n return (\n setSelectedTask(task)}\n className=\"flex items-center gap-3 p-3 bg-gray-50 rounded-lg hover:bg-gray-100 cursor-pointer transition-all hover:shadow-md border-l-4\"\n style={{\n borderColor: categoryColor.replace(\"bg-\", \"#\"),\n }}\n >\n \n

\n {task.title}\n

\n {formatDate(task.startDate)} -{\" \"}\n {formatDate(task.endDate)}\n

\n \n \n {statusConfig[task.status].label}\n \n

\n );\n })}\n

\n )}\n

\n ))}\n

\n\n {/* Task Detail Modal */}\n {selectedTask && (\n setSelectedTask(null)}\n >\n e.stopPropagation()}\n >\n

\n {selectedTask.title}\n

\n setSelectedTask(null)}\n className=\"text-gray-500 hover:text-gray-700\"\n >\n \n \n

\n\n

\n c.id === selectedTask.category)\n ?.color\n } rounded mb-4`}\n >\n

\n\n

\n \n {React.createElement(\n statusConfig[selectedTask.status].icon,\n { className: \"w-4 h-4\" },\n )}\n {statusConfig[selectedTask.status].label}\n \n

\n\n

{selectedTask.description}

\n\n

\n \n

Período

\n {formatDate(selectedTask.startDate)} -{\" \"}\n {formatDate(selectedTask.endDate)}\n

\n \n

Responsável

\n {selectedTask.responsible}\n

\n \n

Localização

\n {selectedTask.location}\n

\n \n

Orçamento

\n {formatCurrency(selectedTask.budget)}\n

\n\n {/* Progress Bar */}\n

\n Progresso\n \n {selectedTask.progress}%\n \n

\n c.id === selectedTask.category)\n ?.color\n }`}\n style={{ width: `${selectedTask.progress}%` }}\n >\n

\n \n\n {/* Photos */}\n {selectedTask.photos > 0 && (\n

\n \n

\n )}\n\n {/* Comments Section */}\n

\n setShowComments(!showComments)}\n className=\"w-full flex items-center justify-between px-4 py-3 bg-blue-50 text-blue-700 rounded-lg hover:bg-blue-100 transition-colors mb-4\"\n >\n \n \n Comentários ({(comments[selectedTask.id] || []).length})\n \n \n\n {showComments && (\n

\n {(comments[selectedTask.id] || []).length === 0\n ? (\n

\n Ainda não há comentários. Seja o primeiro a\n comentar!\n

\n )\n : (\n (comments[selectedTask.id] || []).map((comment) => (\n \n

\n \n {comment.author}\n \n \n {formatDate(comment.date)}\n \n

\n {comment.text}\n

\n ))\n )}\n

\n\n {\n e.preventDefault();\n const input = e.target.elements.comment;\n handleAddComment(selectedTask.id, input.value);\n input.value = \"\";\n }}\n className=\"flex gap-2\"\n >\n \n \n Enviar\n \n \n

\n )}\n \n \n \n \n )}\n\n {/* Footer */}\n

\n Mantenha-se informado!{\" \"}\n Este calendário é atualizado regularmente para manter a nossa\n comunidade conectada com os projetos em curso e futuros.\n

\n Questões ou sugestões? Contacte-nos através do nosso site oficial\n

\n \n www.jf-alcofra.pt\n \n

\n \n \n );\n};\n\nfunction App() {\n return (\n <>\n \n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n Sample\n \n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}",[],[100],{"_104":202,"_96":203,"_156":204,"_157":-5,"_158":141,"_159":205,"_160":118,"_106":206,"_101":207,"_163":164,"_165":208,"_167":22,"_168":-5,"_169":209,"_99":210},"89c603e8-a5e0-11f0-b975-0224a6c84d84","visit-counter.ts","7108e5ea-9871-11f0-8718-0224a6c84d84",38,["D",1760104425106],14,"import { blob } from \"https://esm.town/v/std/blob\";\n\nexport default async function (req) {\n // Get client IP from Val Town request\n const clientIP = req.headers.get(\"x-forwarded-for\")?.split(\",\")[0]?.trim() ||\n req.headers.get(\"x-real-ip\") ||\n req.headers.get(\"cf-connecting-ip\") ||\n \"127.0.0.1\";\n\n const suggestionsSubmitted = 21;\n const visitsStart = 104;\n\n try {\n // Get existing visit counts from blob\n let visitCounts = {};\n try {\n const existingData = await blob.getJSON(\"visitCounts\");\n if (existingData) {\n visitCounts = existingData;\n }\n } catch (error) {\n // Blob doesn't exist yet, start with empty object\n console.log(\"Creating new visit counts blob\");\n }\n\n // Increment visit count for this IP\n const currentCount = visitCounts[clientIP] || 0;\n const newCount = currentCount + 1;\n visitCounts[clientIP] = newCount;\n\n // Save updated counts back to blob\n await blob.setJSON(\"visitCounts\", visitCounts);\n\n // Return visit data for client consumption\n return Response.json({\n visits: visitsStart + Object.keys(visitCounts).length,\n ip: clientIP,\n suggestionsSubmitted,\n date: new Date().toISOString(),\n });\n } catch (error) {\n console.error(\"Error processing visit:\", error);\n return Response.json({\n error: \"Failed to process visit\",\n date: new Date().toISOString(),\n }, { status: 500 });\n }\n}",[],[203],"files",[153,172,182,192,201],"counts",{"_215":32,"_216":217,"_218":32,"_219":220},"pulls","branches",1,"forks","envVars",{"_221":217,"_222":32},"count","emptyCount","contents",[],"file",{"_104":193,"_96":100,"_156":194,"_157":-5,"_158":141,"_159":195,"_160":118,"_106":227,"_101":197,"_163":164,"_165":198,"_167":22,"_168":-5,"_99":228},["D",1760370866203],[100],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_94":95,"_96":97,"_98":44,"_99":100,"_102":237,"_225":242,"_245":246,"_292":293,"_304":-7,"_305":32,"_306":22},{"_104":105,"_96":97,"_106":238,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":116,"_117":118,"_119":118,"_120":-5,"_121":32,"_16":122,"_123":124,"_125":124,"_126":127,"_128":127,"_129":127,"_130":124,"_131":124,"_23":239,"_135":240,"_138":241,"_150":22},["D",1758100745874],{"_94":95,"_133":134},{"_94":95,"_137":134,"_14":114},{"_101":140,"_96":44,"_104":141,"_142":105,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":97,"_149":95},{"_104":193,"_96":100,"_156":194,"_157":-5,"_158":141,"_159":195,"_160":118,"_106":243,"_101":197,"_163":164,"_165":198,"_167":22,"_168":-5,"_99":244},["D",1760370866203],[100],"history",[247,249,254,260,265,271,277,282,287],{"_104":193,"_158":141,"_156":194,"_96":100,"_165":198,"_163":164,"_101":197,"_157":-5,"_106":248,"_159":195,"_168":-5},["D",1760370866203],{"_104":250,"_158":141,"_156":194,"_96":100,"_165":251,"_163":164,"_101":188,"_157":-5,"_106":252,"_159":253,"_168":-5},"d3c45f12-a84c-11f0-9e18-0224a6c84d84","/** @jsxImportSource https://esm.sh/react */\nimport React, { useEffect, useState } from \"https://esm.sh/react\";\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\n\n// SVG Icons as components\nconst CalendarIcon = ({ className }) => (\n \n \n \n);\n\nconst CheckCircleIcon = ({ className }) => (\n \n \n \n);\n\nconst ClockIcon = ({ className }) => (\n \n \n \n);\n\nconst UsersIcon = ({ className }) => (\n \n \n \n);\n\nconst AlertIcon = ({ className }) => (\n \n \n \n);\n\nconst MapPinIcon = ({ className }) => (\n \n \n \n \n);\n\nconst EuroIcon = ({ className }) => (\n \n \n \n);\n\nconst CameraIcon = ({ className }) => (\n \n \n \n \n);\n\nconst MessageIcon = ({ className }) => (\n \n \n \n);\n\nconst CloseIcon = ({ className }) => (\n \n \n \n);\n\nconst ParishCalendar = () => {\n const [selectedCategory, setSelectedCategory] = useState(\"all\");\n const [selectedYear, setSelectedYear] = useState(\"2025\");\n const [timelineView, setTimelineView] = useState(\"month\"); // 'week', 'month', 'quarter'\n const [selectedTask, setSelectedTask] = useState(null);\n const [showComments, setShowComments] = useState(false);\n const [currentMonth, setCurrentMonth] = useState(9); // October (0-indexed)\n const [comments, setComments] = useState({\n 1: [\n {\n id: 1,\n author: \"Maria Silva\",\n date: \"2025-10-12\",\n text: \"Excelente iniciativa! Esta estrada estava mesmo a precisar.\",\n },\n {\n id: 2,\n author: \"João Santos\",\n date: \"2025-10-13\",\n text: \"Quando é que preveem terminar os trabalhos?\",\n },\n ],\n 3: [\n {\n id: 3,\n author: \"Ana Costa\",\n date: \"2025-10-09\",\n text: \"As novas luzes estão óptimas! Muito mais seguro à noite.\",\n },\n ],\n 5: [\n {\n id: 4,\n author: \"Pedro Alves\",\n date: \"2025-10-11\",\n text: \"Os meus filhos adoram as atividades! Obrigado pela iniciativa.\",\n },\n ],\n });\n\n const tasks = [\n {\n id: 1,\n title: \"Reparação de Estrada - Rua Principal\",\n description:\n \"Arranjo de buracos e repavimentação do troço junto à igreja\",\n status: \"in-progress\",\n category: \"infrastructure\",\n startDate: \"2025-10-10\",\n endDate: \"2025-10-25\",\n responsible: \"Equipa de Obras Públicas\",\n progress: 60,\n budget: \"15000\",\n location: \"Rua Principal, Alcofra\",\n photos: 2,\n },\n {\n id: 2,\n title: \"Inauguração da Horta Comunitária\",\n description:\n \"Abertura da nova horta comunitária com dia de plantação e atividades para todas as idades\",\n status: \"planned\",\n category: \"community\",\n startDate: \"2025-11-05\",\n endDate: \"2025-11-05\",\n responsible: \"Desenvolvimento Comunitário\",\n progress: 0,\n budget: \"5000\",\n location: \"Terreno Municipal, Zona Norte\",\n photos: 0,\n },\n {\n id: 3,\n title: \"Modernização da Iluminação Pública\",\n description:\n \"Instalação de luzes LED na Avenida da Freguesia para maior eficiência energética\",\n status: \"completed\",\n category: \"infrastructure\",\n startDate: \"2025-09-15\",\n endDate: \"2025-10-08\",\n responsible: \"Equipa de Infraestruturas\",\n progress: 100,\n budget: \"22000\",\n location: \"Avenida da Freguesia\",\n photos: 5,\n },\n {\n id: 4,\n title: \"Renovação do Salão Paroquial\",\n description:\n \"Pintura interior, instalação de novo pavimento e modernização das instalações sanitárias\",\n status: \"planned\",\n category: \"facilities\",\n startDate: \"2025-11-15\",\n endDate: \"2025-12-20\",\n responsible: \"Gestão de Instalações\",\n progress: 0,\n budget: \"18000\",\n location: \"Salão Paroquial de Alcofra\",\n photos: 0,\n },\n {\n id: 5,\n title: \"Programa Desportivo Juvenil\",\n description:\n \"Atividades semanais de futebol e basquetebol para idades 8-16 anos\",\n status: \"in-progress\",\n category: \"community\",\n startDate: \"2025-10-01\",\n endDate: \"2025-12-31\",\n responsible: \"Comissão de Recreação\",\n progress: 40,\n budget: \"8000\",\n location: \"Campo Desportivo Municipal\",\n photos: 3,\n },\n {\n id: 6,\n title: \"Plano de Preparação para Inverno\",\n description:\n \"Verificação de equipamento de remoção de neve, coordenação de voluntários e stock de sal\",\n status: \"planned\",\n category: \"safety\",\n startDate: \"2025-11-01\",\n endDate: \"2025-11-30\",\n responsible: \"Serviços de Emergência\",\n progress: 0,\n budget: \"12000\",\n location: \"Toda a Freguesia\",\n photos: 0,\n },\n {\n id: 7,\n title: \"Festival de Verão Alcofra 2025\",\n description:\n \"Organização do festival anual com música, gastronomia e artesanato local\",\n status: \"completed\",\n category: \"community\",\n startDate: \"2025-07-15\",\n endDate: \"2025-07-17\",\n responsible: \"Comissão de Festas\",\n progress: 100,\n budget: \"25000\",\n location: \"Largo Central\",\n photos: 15,\n },\n {\n id: 8,\n title: \"Limpeza de Caminhos Rurais\",\n description:\n \"Desbravamento e limpeza dos caminhos de acesso às zonas agrícolas\",\n status: \"completed\",\n category: \"infrastructure\",\n startDate: \"2025-09-01\",\n endDate: \"2025-09-20\",\n responsible: \"Equipa de Obras Públicas\",\n progress: 100,\n budget: \"7500\",\n location: \"Zona Rural\",\n photos: 4,\n },\n ];\n\n const categories = [\n { id: \"all\", name: \"Todos\", color: \"bg-blue-800\" },\n { id: \"infrastructure\", name: \"Infraestruturas\", color: \"bg-blue-600\" },\n { id: \"community\", name: \"Comunidade\", color: \"bg-green-600\" },\n { id: \"facilities\", name: \"Instalações\", color: \"bg-purple-600\" },\n { id: \"safety\", name: \"Segurança\", color: \"bg-red-600\" },\n ];\n\n const statusConfig = {\n \"completed\": {\n label: \"Concluído\",\n color: \"bg-green-100 text-green-800 border-green-300\",\n icon: CheckCircleIcon,\n },\n \"in-progress\": {\n label: \"Em Curso\",\n color: \"bg-blue-100 text-blue-800 border-blue-300\",\n icon: ClockIcon,\n },\n \"planned\": {\n label: \"Planeado\",\n color: \"bg-gray-100 text-gray-800 border-gray-300\",\n icon: AlertIcon,\n },\n };\n\n const monthNames = [\n \"Jan\",\n \"Fev\",\n \"Mar\",\n \"Abr\",\n \"Mai\",\n \"Jun\",\n \"Jul\",\n \"Ago\",\n \"Set\",\n \"Out\",\n \"Nov\",\n \"Dez\",\n ];\n\n const formatDate = (dateString) => {\n const date = new Date(dateString);\n return date.toLocaleDateString(\"pt-PT\", {\n day: \"numeric\",\n month: \"short\",\n year: \"numeric\",\n });\n };\n\n const formatCurrency = (value) => {\n return new Intl.NumberFormat(\"pt-PT\", {\n style: \"currency\",\n currency: \"EUR\",\n }).format(value);\n };\n\n const handleAddComment = (taskId, text) => {\n if (!text.trim()) return;\n\n const newComment = {\n id: Date.now(),\n author: \"Utilizador\",\n date: new Date().toISOString().split(\"T\")[0],\n text: text.trim(),\n };\n\n setComments((prev) => ({\n ...prev,\n [taskId]: [...(prev[taskId] || []), newComment],\n }));\n };\n\n const getTasksInPeriod = (periodStart, periodEnd) => {\n return tasks.filter((task) => {\n const taskStart = new Date(task.startDate);\n const taskEnd = new Date(task.endDate);\n return (taskStart <= periodEnd && taskEnd >= periodStart) &&\n (selectedCategory === \"all\" || task.category === selectedCategory);\n });\n };\n\n const generateTimeline = () => {\n const timeline = [];\n\n if (timelineView === \"month\") {\n for (let month = 0; month < 12; month++) {\n const periodStart = new Date(2025, month, 1);\n const periodEnd = new Date(2025, month + 1, 0);\n const tasksInPeriod = getTasksInPeriod(periodStart, periodEnd);\n\n timeline.push({\n label: monthNames[month],\n fullLabel: `${monthNames[month]} 2025`,\n tasks: tasksInPeriod,\n month: month,\n });\n }\n } else if (timelineView === \"quarter\") {\n const quarters = [\n { label: \"Q1\", months: [0, 1, 2], fullLabel: \"Trimestre 1 (Jan-Mar)\" },\n { label: \"Q2\", months: [3, 4, 5], fullLabel: \"Trimestre 2 (Abr-Jun)\" },\n { label: \"Q3\", months: [6, 7, 8], fullLabel: \"Trimestre 3 (Jul-Set)\" },\n {\n label: \"Q4\",\n months: [9, 10, 11],\n fullLabel: \"Trimestre 4 (Out-Dez)\",\n },\n ];\n\n quarters.forEach((quarter) => {\n const periodStart = new Date(2025, quarter.months[0], 1);\n const periodEnd = new Date(2025, quarter.months[2] + 1, 0);\n const tasksInPeriod = getTasksInPeriod(periodStart, periodEnd);\n\n timeline.push({\n label: quarter.label,\n fullLabel: quarter.fullLabel,\n tasks: tasksInPeriod,\n });\n });\n }\n\n return timeline;\n };\n\n const stats = {\n total:\n tasks.filter((t) =>\n selectedCategory === \"all\" || t.category === selectedCategory\n ).length,\n completed: tasks.filter((t) =>\n t.status === \"completed\" &&\n (selectedCategory === \"all\" || t.category === selectedCategory)\n ).length,\n inProgress: tasks.filter((t) =>\n t.status === \"in-progress\" &&\n (selectedCategory === \"all\" || t.category === selectedCategory)\n ).length,\n planned: tasks.filter((t) =>\n t.status === \"planned\" &&\n (selectedCategory === \"all\" || t.category === selectedCategory)\n ).length,\n totalBudget: tasks.filter((t) =>\n selectedCategory === \"all\" || t.category === selectedCategory\n ).reduce((sum, t) => sum + parseInt(t.budget), 0),\n };\n\n const timeline = generateTimeline();\n\n return (\n

\n {/* Header */}\n

\n \n

\n Calendário de Projetos\n

\n Junta de Freguesia de Alcofra\n

\n Promovendo a proximidade com a comunidade através da transparência e\n informação sobre os nossos projetos e iniciativas.\n

\n\n {/* Stats */}\n

{stats.total}

Total de Projetos

{stats.completed}

Concluídos

{stats.inProgress}

Em Curso

{stats.planned}

Planeados

\n {formatCurrency(stats.totalBudget)}\n

Investimento Total

\n\n {/* Filters */}\n

\n Categoria:\n

\n Visualização:\n

\n\n {/* Timeline */}\n

\n Linha do Tempo - 2025\n

\n\n

\n {timeline.map((period, index) => (\n

\n {/* Period Header */}\n

\n {period.label}\n

\n {period.fullLabel}\n

\n\n {/* Tasks in Period */}\n {period.tasks.length === 0\n ? (\n

\n Nenhum projeto neste período\n

\n )\n : (\n

\n {task.title}\n

\n {formatDate(task.startDate)} -{\" \"}\n {formatDate(task.endDate)}\n

\n \n \n {statusConfig[task.status].label}\n \n

\n );\n })}\n

\n )}\n

\n ))}\n

\n\n {/* Task Detail Modal */}\n {selectedTask && (\n setSelectedTask(null)}\n >\n e.stopPropagation()}\n >\n

\n {selectedTask.title}\n

\n setSelectedTask(null)}\n className=\"text-gray-500 hover:text-gray-700\"\n >\n \n \n

\n\n

\n c.id === selectedTask.category)\n ?.color\n } rounded mb-4`}\n >\n

\n\n

\n \n {React.createElement(\n statusConfig[selectedTask.status].icon,\n { className: \"w-4 h-4\" },\n )}\n {statusConfig[selectedTask.status].label}\n \n

\n\n

{selectedTask.description}

\n\n

\n \n

Período

\n {formatDate(selectedTask.startDate)} -{\" \"}\n {formatDate(selectedTask.endDate)}\n

\n \n

Responsável

\n {selectedTask.responsible}\n

\n \n

Localização

\n {selectedTask.location}\n

\n \n

Orçamento

\n {formatCurrency(selectedTask.budget)}\n

\n\n {/* Progress Bar */}\n

\n Progresso\n \n {selectedTask.progress}%\n \n

\n c.id === selectedTask.category)\n ?.color\n }`}\n style={{ width: `${selectedTask.progress}%` }}\n >\n

\n \n\n {/* Photos */}\n {selectedTask.photos > 0 && (\n

\n \n

\n )}\n\n {/* Comments Section */}\n

\n {(comments[selectedTask.id] || []).length === 0\n ? (\n

\n Ainda não há comentários. Seja o primeiro a\n comentar!\n

\n )\n : (\n (comments[selectedTask.id] || []).map((comment) => (\n \n

\n \n {comment.author}\n \n \n {formatDate(comment.date)}\n \n

\n {comment.text}\n

\n ))\n )}\n

\n )}\n \n \n \n \n )}\n\n {/* Footer */}\n

\n Mantenha-se informado!{\" \"}\n Este calendário é atualizado regularmente para manter a nossa\n comunidade conectada com os projetos em curso e futuros.\n

\n Questões ou sugestões? Contacte-nos através do nosso site oficial\n

\n \n www.jf-alcofra.pt\n \n

\n \n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}",["D",1760370837215],47,{"_104":255,"_158":141,"_156":194,"_96":100,"_165":256,"_163":164,"_101":257,"_157":-5,"_106":258,"_159":259,"_168":-5},"9988eb92-a84c-11f0-947a-0224a6c84d84","/** @jsxImportSource https://esm.sh/react */\nimport React, { useEffect, useState } from \"https://esm.sh/react\";\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\n\n// SVG Icons as components\nconst CalendarIcon = ({ className }) => (\n \n \n \n);\n\nconst CheckCircleIcon = ({ className }) => (\n \n \n \n);\n\nconst ClockIcon = ({ className }) => (\n \n \n \n);\n\nconst UsersIcon = ({ className }) => (\n \n \n \n);\n\nconst AlertIcon = ({ className }) => (\n \n \n \n);\n\nconst MapPinIcon = ({ className }) => (\n \n \n \n \n);\n\nconst EuroIcon = ({ className }) => (\n \n \n \n);\n\nconst CameraIcon = ({ className }) => (\n \n \n \n \n);\n\nconst MessageIcon = ({ className }) => (\n \n \n \n);\n\nconst CloseIcon = ({ className }) => (\n \n \n \n);\n\nconst ParishCalendar = () => {\n const [selectedCategory, setSelectedCategory] = useState(\"all\");\n const [selectedYear, setSelectedYear] = useState(\"2025\");\n const [timelineView, setTimelineView] = useState(\"month\"); // 'week', 'month', 'quarter'\n const [selectedTask, setSelectedTask] = useState(null);\n const [showComments, setShowComments] = useState(false);\n const [currentMonth, setCurrentMonth] = useState(9); // October (0-indexed)\n const [comments, setComments] = useState({\n 1: [\n {\n id: 1,\n author: \"Maria Silva\",\n date: \"2025-10-12\",\n text: \"Excelente iniciativa! Esta estrada estava mesmo a precisar.\",\n },\n {\n id: 2,\n author: \"João Santos\",\n date: \"2025-10-13\",\n text: \"Quando é que preveem terminar os trabalhos?\",\n },\n ],\n 3: [\n {\n id: 3,\n author: \"Ana Costa\",\n date: \"2025-10-09\",\n text: \"As novas luzes estão óptimas! Muito mais seguro à noite.\",\n },\n ],\n 5: [\n {\n id: 4,\n author: \"Pedro Alves\",\n date: \"2025-10-11\",\n text: \"Os meus filhos adoram as atividades! Obrigado pela iniciativa.\",\n },\n ],\n });\n\n const tasks = [\n {\n id: 1,\n title: \"Reparação de Estrada - Rua Principal\",\n description:\n \"Arranjo de buracos e repavimentação do troço junto à igreja\",\n status: \"in-progress\",\n category: \"infrastructure\",\n startDate: \"2025-10-10\",\n endDate: \"2025-10-25\",\n responsible: \"Equipa de Obras Públicas\",\n progress: 60,\n budget: \"15000\",\n location: \"Rua Principal, Alcofra\",\n photos: 2,\n },\n {\n id: 2,\n title: \"Inauguração da Horta Comunitária\",\n description:\n \"Abertura da nova horta comunitária com dia de plantação e atividades para todas as idades\",\n status: \"planned\",\n category: \"community\",\n startDate: \"2025-11-05\",\n endDate: \"2025-11-05\",\n responsible: \"Desenvolvimento Comunitário\",\n progress: 0,\n budget: \"5000\",\n location: \"Terreno Municipal, Zona Norte\",\n photos: 0,\n },\n {\n id: 3,\n title: \"Modernização da Iluminação Pública\",\n description:\n \"Instalação de luzes LED na Avenida da Freguesia para maior eficiência energética\",\n status: \"completed\",\n category: \"infrastructure\",\n startDate: \"2025-09-15\",\n endDate: \"2025-10-08\",\n responsible: \"Equipa de Infraestruturas\",\n progress: 100,\n budget: \"22000\",\n location: \"Avenida da Freguesia\",\n photos: 5,\n },\n {\n id: 4,\n title: \"Renovação do Salão Paroquial\",\n description:\n \"Pintura interior, instalação de novo pavimento e modernização das instalações sanitárias\",\n status: \"planned\",\n category: \"facilities\",\n startDate: \"2025-11-15\",\n endDate: \"2025-12-20\",\n responsible: \"Gestão de Instalações\",\n progress: 0,\n budget: \"18000\",\n location: \"Salão Paroquial de Alcofra\",\n photos: 0,\n },\n {\n id: 5,\n title: \"Programa Desportivo Juvenil\",\n description:\n \"Atividades semanais de futebol e basquetebol para idades 8-16 anos\",\n status: \"in-progress\",\n category: \"community\",\n startDate: \"2025-10-01\",\n endDate: \"2025-12-31\",\n responsible: \"Comissão de Recreação\",\n progress: 40,\n budget: \"8000\",\n location: \"Campo Desportivo Municipal\",\n photos: 3,\n },\n {\n id: 6,\n title: \"Plano de Preparação para Inverno\",\n description:\n \"Verificação de equipamento de remoção de neve, coordenação de voluntários e stock de sal\",\n status: \"planned\",\n category: \"safety\",\n startDate: \"2025-11-01\",\n endDate: \"2025-11-30\",\n responsible: \"Serviços de Emergência\",\n progress: 0,\n budget: \"12000\",\n location: \"Toda a Freguesia\",\n photos: 0,\n },\n {\n id: 7,\n title: \"Festival de Verão Alcofra 2025\",\n description:\n \"Organização do festival anual com música, gastronomia e artesanato local\",\n status: \"completed\",\n category: \"community\",\n startDate: \"2025-07-15\",\n endDate: \"2025-07-17\",\n responsible: \"Comissão de Festas\",\n progress: 100,\n budget: \"25000\",\n location: \"Largo Central\",\n photos: 15,\n },\n {\n id: 8,\n title: \"Limpeza de Caminhos Rurais\",\n description:\n \"Desbravamento e limpeza dos caminhos de acesso às zonas agrícolas\",\n status: \"completed\",\n category: \"infrastructure\",\n startDate: \"2025-09-01\",\n endDate: \"2025-09-20\",\n responsible: \"Equipa de Obras Públicas\",\n progress: 100,\n budget: \"7500\",\n location: \"Zona Rural\",\n photos: 4,\n },\n ];\n\n const categories = [\n { id: \"all\", name: \"Todos\", color: \"bg-blue-800\" },\n { id: \"infrastructure\", name: \"Infraestruturas\", color: \"bg-blue-600\" },\n { id: \"community\", name: \"Comunidade\", color: \"bg-green-600\" },\n { id: \"facilities\", name: \"Instalações\", color: \"bg-purple-600\" },\n { id: \"safety\", name: \"Segurança\", color: \"bg-red-600\" },\n ];\n\n const statusConfig = {\n \"completed\": {\n label: \"Concluído\",\n color: \"bg-green-100 text-green-800 border-green-300\",\n icon: CheckCircleIcon,\n },\n \"in-progress\": {\n label: \"Em Curso\",\n color: \"bg-blue-100 text-blue-800 border-blue-300\",\n icon: ClockIcon,\n },\n \"planned\": {\n label: \"Planeado\",\n color: \"bg-gray-100 text-gray-800 border-gray-300\",\n icon: AlertIcon,\n },\n };\n\n const monthNames = [\n \"Jan\",\n \"Fev\",\n \"Mar\",\n \"Abr\",\n \"Mai\",\n \"Jun\",\n \"Jul\",\n \"Ago\",\n \"Set\",\n \"Out\",\n \"Nov\",\n \"Dez\",\n ];\n\n const formatDate = (dateString) => {\n const date = new Date(dateString);\n return date.toLocaleDateString(\"pt-PT\", {\n day: \"numeric\",\n month: \"short\",\n year: \"numeric\",\n });\n };\n\n const formatCurrency = (value) => {\n return new Intl.NumberFormat(\"pt-PT\", {\n style: \"currency\",\n currency: \"EUR\",\n }).format(value);\n };\n\n const handleAddComment = (taskId, text) => {\n if (!text.trim()) return;\n\n const newComment = {\n id: Date.now(),\n author: \"Utilizador\",\n date: new Date().toISOString().split(\"T\")[0],\n text: text.trim(),\n };\n\n setComments((prev) => ({\n ...prev,\n [taskId]: [...(prev[taskId] || []), newComment],\n }));\n };\n\n const getTasksInPeriod = (periodStart, periodEnd) => {\n return tasks.filter((task) => {\n const taskStart = new Date(task.startDate);\n const taskEnd = new Date(task.endDate);\n return (taskStart <= periodEnd && taskEnd >= periodStart) &&\n (selectedCategory === \"all\" || task.category === selectedCategory);\n });\n };\n\n const generateTimeline = () => {\n const timeline = [];\n\n if (timelineView === \"month\") {\n for (let month = 0; month < 12; month++) {\n const periodStart = new Date(2025, month, 1);\n const periodEnd = new Date(2025, month + 1, 0);\n const tasksInPeriod = getTasksInPeriod(periodStart, periodEnd);\n\n timeline.push({\n label: monthNames[month],\n fullLabel: `${monthNames[month]} 2025`,\n tasks: tasksInPeriod,\n month: month,\n });\n }\n } else if (timelineView === \"quarter\") {\n const quarters = [\n { label: \"Q1\", months: [0, 1, 2], fullLabel: \"Trimestre 1 (Jan-Mar)\" },\n { label: \"Q2\", months: [3, 4, 5], fullLabel: \"Trimestre 2 (Abr-Jun)\" },\n { label: \"Q3\", months: [6, 7, 8], fullLabel: \"Trimestre 3 (Jul-Set)\" },\n {\n label: \"Q4\",\n months: [9, 10, 11],\n fullLabel: \"Trimestre 4 (Out-Dez)\",\n },\n ];\n\n quarters.forEach((quarter) => {\n const periodStart = new Date(2025, quarter.months[0], 1);\n const periodEnd = new Date(2025, quarter.months[2] + 1, 0);\n const tasksInPeriod = getTasksInPeriod(periodStart, periodEnd);\n\n timeline.push({\n label: quarter.label,\n fullLabel: quarter.fullLabel,\n tasks: tasksInPeriod,\n });\n });\n }\n\n return timeline;\n };\n\n const stats = {\n total:\n tasks.filter((t) =>\n selectedCategory === \"all\" || t.category === selectedCategory\n ).length,\n completed: tasks.filter((t) =>\n t.status === \"completed\" &&\n (selectedCategory === \"all\" || t.category === selectedCategory)\n ).length,\n inProgress: tasks.filter((t) =>\n t.status === \"in-progress\" &&\n (selectedCategory === \"all\" || t.category === selectedCategory)\n ).length,\n planned: tasks.filter((t) =>\n t.status === \"planned\" &&\n (selectedCategory === \"all\" || t.category === selectedCategory)\n ).length,\n totalBudget: tasks.filter((t) =>\n selectedCategory === \"all\" || t.category === selectedCategory\n ).reduce((sum, t) => sum + parseInt(t.budget), 0),\n };\n\n const timeline = generateTimeline();\n\n return (\n

\n {/* Header */}\n

\n \n

\n Calendário de Projetos\n

\n Junta de Freguesia de Alcofra\n

\n Promovendo a proximidade com a comunidade através da transparência e\n informação sobre os nossos projetos e iniciativas.\n

\n\n {/* Stats */}\n

{stats.total}

Total de Projetos

{stats.completed}

Concluídos

{stats.inProgress}

Em Curso

{stats.planned}

Planeados

\n {formatCurrency(stats.totalBudget)}\n

Investimento Total

\n\n {/* Filters */}\n

\n Categoria:\n

\n Visualização:\n

\n\n {/* Timeline */}\n

\n Linha do Tempo - 2025\n

\n\n

\n {timeline.map((period, index) => (\n

\n {/* Period Header */}\n

\n {period.label}\n

\n {period.fullLabel}\n

\n\n {/* Tasks in Period */}\n {period.tasks.length === 0\n ? (\n

\n Nenhum projeto neste período\n

\n )\n : (\n

\n {task.title}\n

\n {formatDate(task.startDate)} -{\" \"}\n {formatDate(task.endDate)}\n

\n \n \n {statusConfig[task.status].label}\n \n

\n );\n })}\n

\n )}\n

\n ))}\n

\n\n {/* Task Detail Modal */}\n {selectedTask && (\n setSelectedTask(null)}\n >\n e.stopPropagation()}\n >\n

\n {selectedTask.title}\n

\n setSelectedTask(null)}\n className=\"text-gray-500 hover:text-gray-700\"\n >\n \n \n

\n\n

\n c.id === selectedTask.category)\n ?.color\n } rounded mb-4`}\n >\n

\n\n

\n \n {React.createElement(\n statusConfig[selectedTask.status].icon,\n { className: \"w-4 h-4\" },\n )}\n {statusConfig[selectedTask.status].label}\n \n

\n\n

{selectedTask.description}

\n\n

\n \n

Período

\n {formatDate(selectedTask.startDate)} -{\" \"}\n {formatDate(selectedTask.endDate)}\n

\n \n

Responsável

\n {selectedTask.responsible}\n

\n \n

Localização

\n {selectedTask.location}\n

\n \n

Orçamento

\n {formatCurrency(selectedTask.budget)}\n

\n\n {/* Progress Bar */}\n

\n Progresso\n \n {selectedTask.progress}%\n \n

\n c.id === selectedTask.category)\n ?.color\n }`}\n style={{ width: `${selectedTask.progress}%` }}\n >\n

\n \n\n {/* Photos */}\n {selectedTask.photos > 0 && (\n

\n \n

\n )}\n\n {/* Comments Section */}\n

\n {(comments[selectedTask.id] || []).length === 0\n ? (\n

\n Ainda não há comentários. Seja o primeiro a\n comentar!\n

\n )\n : (\n (comments[selectedTask.id] || []).map((comment) => (\n \n

\n \n {comment.author}\n \n \n {formatDate(comment.date)}\n \n

\n {comment.text}\n

\n ))\n )}\n

\n )}\n \n \n \n \n )}\n\n {/* Footer */}\n

\n Mantenha-se informado!{\" \"}\n Este calendário é atualizado regularmente para manter a nossa\n comunidade conectada com os projetos em curso e futuros.\n

\n Questões ou sugestões? Contacte-nos através do nosso site oficial\n

\n \n www.jf-alcofra.pt\n \n

\n \n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}",6,["D",1760370739508],46,{"_104":261,"_158":141,"_156":194,"_96":100,"_165":262,"_163":164,"_101":263,"_157":-5,"_106":264,"_159":162,"_168":-5},"83926e4e-a84c-11f0-9c0f-0224a6c84d84","/** @jsxImportSource https://esm.sh/react */\nimport React, { useEffect, useState } from \"https://esm.sh/react\";\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\n\n// SVG Icons as components\nconst CalendarIcon = ({ className }) => (\n \n \n \n);\n\nconst CheckCircleIcon = ({ className }) => (\n \n \n \n);\n\nconst ClockIcon = ({ className }) => (\n \n \n \n);\n\nconst UsersIcon = ({ className }) => (\n \n \n \n);\n\nconst AlertIcon = ({ className }) => (\n \n \n \n);\n\nconst MapPinIcon = ({ className }) => (\n \n \n \n \n);\n\nconst EuroIcon = ({ className }) => (\n \n \n \n);\n\nconst CameraIcon = ({ className }) => (\n \n \n \n \n);\n\nconst MessageIcon = ({ className }) => (\n \n \n \n);\n\nconst CloseIcon = ({ className }) => (\n \n \n \n);\n\nconst ParishCalendar = () => {\n const [selectedCategory, setSelectedCategory] = useState(\"all\");\n const [selectedYear, setSelectedYear] = useState(\"2025\");\n const [timelineView, setTimelineView] = useState(\"month\"); // 'week', 'month', 'quarter'\n const [selectedTask, setSelectedTask] = useState(null);\n const [showComments, setShowComments] = useState(false);\n const [currentMonth, setCurrentMonth] = useState(9); // October (0-indexed)\n const [comments, setComments] = useState({\n 1: [\n {\n id: 1,\n author: \"Maria Silva\",\n date: \"2025-10-12\",\n text: \"Excelente iniciativa! Esta estrada estava mesmo a precisar.\",\n },\n {\n id: 2,\n author: \"João Santos\",\n date: \"2025-10-13\",\n text: \"Quando é que preveem terminar os trabalhos?\",\n },\n ],\n 3: [\n {\n id: 3,\n author: \"Ana Costa\",\n date: \"2025-10-09\",\n text: \"As novas luzes estão óptimas! Muito mais seguro à noite.\",\n },\n ],\n 5: [\n {\n id: 4,\n author: \"Pedro Alves\",\n date: \"2025-10-11\",\n text: \"Os meus filhos adoram as atividades! Obrigado pela iniciativa.\",\n },\n ],\n });\n\n const tasks = [\n {\n id: 1,\n title: \"Reparação de Estrada - Rua Principal\",\n description:\n \"Arranjo de buracos e repavimentação do troço junto à igreja\",\n status: \"in-progress\",\n category: \"infrastructure\",\n startDate: \"2025-10-10\",\n endDate: \"2025-10-25\",\n responsible: \"Equipa de Obras Públicas\",\n progress: 60,\n budget: \"15000\",\n location: \"Rua Principal, Alcofra\",\n photos: 2,\n },\n {\n id: 2,\n title: \"Inauguração da Horta Comunitária\",\n description:\n \"Abertura da nova horta comunitária com dia de plantação e atividades para todas as idades\",\n status: \"planned\",\n category: \"community\",\n startDate: \"2025-11-05\",\n endDate: \"2025-11-05\",\n responsible: \"Desenvolvimento Comunitário\",\n progress: 0,\n budget: \"5000\",\n location: \"Terreno Municipal, Zona Norte\",\n photos: 0,\n },\n {\n id: 3,\n title: \"Modernização da Iluminação Pública\",\n description:\n \"Instalação de luzes LED na Avenida da Freguesia para maior eficiência energética\",\n status: \"completed\",\n category: \"infrastructure\",\n startDate: \"2025-09-15\",\n endDate: \"2025-10-08\",\n responsible: \"Equipa de Infraestruturas\",\n progress: 100,\n budget: \"22000\",\n location: \"Avenida da Freguesia\",\n photos: 5,\n },\n {\n id: 4,\n title: \"Renovação do Salão Paroquial\",\n description:\n \"Pintura interior, instalação de novo pavimento e modernização das instalações sanitárias\",\n status: \"planned\",\n category: \"facilities\",\n startDate: \"2025-11-15\",\n endDate: \"2025-12-20\",\n responsible: \"Gestão de Instalações\",\n progress: 0,\n budget: \"18000\",\n location: \"Salão Paroquial de Alcofra\",\n photos: 0,\n },\n {\n id: 5,\n title: \"Programa Desportivo Juvenil\",\n description:\n \"Atividades semanais de futebol e basquetebol para idades 8-16 anos\",\n status: \"in-progress\",\n category: \"community\",\n startDate: \"2025-10-01\",\n endDate: \"2025-12-31\",\n responsible: \"Comissão de Recreação\",\n progress: 40,\n budget: \"8000\",\n location: \"Campo Desportivo Municipal\",\n photos: 3,\n },\n {\n id: 6,\n title: \"Plano de Preparação para Inverno\",\n description:\n \"Verificação de equipamento de remoção de neve, coordenação de voluntários e stock de sal\",\n status: \"planned\",\n category: \"safety\",\n startDate: \"2025-11-01\",\n endDate: \"2025-11-30\",\n responsible: \"Serviços de Emergência\",\n progress: 0,\n budget: \"12000\",\n location: \"Toda a Freguesia\",\n photos: 0,\n },\n {\n id: 7,\n title: \"Festival de Verão Alcofra 2025\",\n description:\n \"Organização do festival anual com música, gastronomia e artesanato local\",\n status: \"completed\",\n category: \"community\",\n startDate: \"2025-07-15\",\n endDate: \"2025-07-17\",\n responsible: \"Comissão de Festas\",\n progress: 100,\n budget: \"25000\",\n location: \"Largo Central\",\n photos: 15,\n },\n {\n id: 8,\n title: \"Limpeza de Caminhos Rurais\",\n description:\n \"Desbravamento e limpeza dos caminhos de acesso às zonas agrícolas\",\n status: \"completed\",\n category: \"infrastructure\",\n startDate: \"2025-09-01\",\n endDate: \"2025-09-20\",\n responsible: \"Equipa de Obras Públicas\",\n progress: 100,\n budget: \"7500\",\n location: \"Zona Rural\",\n photos: 4,\n },\n ];\n\n const categories = [\n { id: \"all\", name: \"Todos\", color: \"bg-blue-800\" },\n { id: \"infrastructure\", name: \"Infraestruturas\", color: \"bg-blue-600\" },\n { id: \"community\", name: \"Comunidade\", color: \"bg-green-600\" },\n { id: \"facilities\", name: \"Instalações\", color: \"bg-purple-600\" },\n { id: \"safety\", name: \"Segurança\", color: \"bg-red-600\" },\n ];\n\n const statusConfig = {\n \"completed\": {\n label: \"Concluído\",\n color: \"bg-green-100 text-green-800 border-green-300\",\n icon: CheckCircleIcon,\n },\n \"in-progress\": {\n label: \"Em Curso\",\n color: \"bg-blue-100 text-blue-800 border-blue-300\",\n icon: ClockIcon,\n },\n \"planned\": {\n label: \"Planeado\",\n color: \"bg-gray-100 text-gray-800 border-gray-300\",\n icon: AlertIcon,\n },\n };\n\n const monthNames = [\n \"Jan\",\n \"Fev\",\n \"Mar\",\n \"Abr\",\n \"Mai\",\n \"Jun\",\n \"Jul\",\n \"Ago\",\n \"Set\",\n \"Out\",\n \"Nov\",\n \"Dez\",\n ];\n\n const formatDate = (dateString) => {\n const date = new Date(dateString);\n return date.toLocaleDateString(\"pt-PT\", {\n day: \"numeric\",\n month: \"short\",\n year: \"numeric\",\n });\n };\n\n const formatCurrency = (value) => {\n return new Intl.NumberFormat(\"pt-PT\", {\n style: \"currency\",\n currency: \"EUR\",\n }).format(value);\n };\n\n const handleAddComment = (taskId, text) => {\n if (!text.trim()) return;\n\n const newComment = {\n id: Date.now(),\n author: \"Utilizador\",\n date: new Date().toISOString().split(\"T\")[0],\n text: text.trim(),\n };\n\n setComments((prev) => ({\n ...prev,\n [taskId]: [...(prev[taskId] || []), newComment],\n }));\n };\n\n const getTasksInPeriod = (periodStart, periodEnd) => {\n return tasks.filter((task) => {\n const taskStart = new Date(task.startDate);\n const taskEnd = new Date(task.endDate);\n return (taskStart <= periodEnd && taskEnd >= periodStart) &&\n (selectedCategory === \"all\" || task.category === selectedCategory);\n });\n };\n\n const generateTimeline = () => {\n const timeline = [];\n\n if (timelineView === \"month\") {\n for (let month = 0; month < 12; month++) {\n const periodStart = new Date(2025, month, 1);\n const periodEnd = new Date(2025, month + 1, 0);\n const tasksInPeriod = getTasksInPeriod(periodStart, periodEnd);\n\n timeline.push({\n label: monthNames[month],\n fullLabel: `${monthNames[month]} 2025`,\n tasks: tasksInPeriod,\n month: month,\n });\n }\n } else if (timelineView === \"quarter\") {\n const quarters = [\n { label: \"Q1\", months: [0, 1, 2], fullLabel: \"Trimestre 1 (Jan-Mar)\" },\n { label: \"Q2\", months: [3, 4, 5], fullLabel: \"Trimestre 2 (Abr-Jun)\" },\n { label: \"Q3\", months: [6, 7, 8], fullLabel: \"Trimestre 3 (Jul-Set)\" },\n {\n label: \"Q4\",\n months: [9, 10, 11],\n fullLabel: \"Trimestre 4 (Out-Dez)\",\n },\n ];\n\n quarters.forEach((quarter) => {\n const periodStart = new Date(2025, quarter.months[0], 1);\n const periodEnd = new Date(2025, quarter.months[2] + 1, 0);\n const tasksInPeriod = getTasksInPeriod(periodStart, periodEnd);\n\n timeline.push({\n label: quarter.label,\n fullLabel: quarter.fullLabel,\n tasks: tasksInPeriod,\n });\n });\n }\n\n return timeline;\n };\n\n const stats = {\n total:\n tasks.filter((t) =>\n selectedCategory === \"all\" || t.category === selectedCategory\n ).length,\n completed:\n tasks.filter((t) =>\n t.status === \"completed\" &&\n (selectedCategory === \"all\" || t.category === selectedCategory)\n ).length,\n inProgress:\n tasks.filter((t) =>\n t.status === \"in-progress\" &&\n (selectedCategory === \"all\" || t.category === selectedCategory)\n ).length,\n planned:\n tasks.filter((t) =>\n t.status === \"planned\" &&\n (selectedCategory === \"all\" || t.category === selectedCategory)\n ).length,\n totalBudget: tasks.filter((t) =>\n selectedCategory === \"all\" || t.category === selectedCategory\n ).reduce((sum, t) => sum + parseInt(t.budget), 0),\n };\n\n const timeline = generateTimeline();\n\n return (\n

\n {/* Header */}\n

\n \n

\n Calendário de Projetos\n

\n Junta de Freguesia de Alcofra\n

\n Promovendo a proximidade com a comunidade através da transparência e\n informação sobre os nossos projetos e iniciativas.\n

\n\n {/* Stats */}\n

{stats.total}

Total de Projetos

{stats.completed}

Concluídos

{stats.inProgress}

Em Curso

{stats.planned}

Planeados

\n {formatCurrency(stats.totalBudget)}\n

Investimento Total

\n\n {/* Filters */}\n

\n Categoria:\n

\n Visualização:\n

\n\n {/* Timeline */}\n

\n Linha do Tempo - 2025\n

\n\n

\n {timeline.map((period, index) => (\n

\n {/* Period Header */}\n

\n {period.label}\n

\n {period.fullLabel}\n

\n\n {/* Tasks in Period */}\n {period.tasks.length === 0\n ? (\n

\n Nenhum projeto neste período\n

\n )\n : (\n

\n {task.title}\n

\n {formatDate(task.startDate)} -{\" \"}\n {formatDate(task.endDate)}\n

\n \n \n {statusConfig[task.status].label}\n \n

\n );\n })}\n

\n )}\n

\n ))}\n

\n\n {/* Task Detail Modal */}\n {selectedTask && (\n setSelectedTask(null)}\n >\n e.stopPropagation()}\n >\n

\n {selectedTask.title}\n

\n setSelectedTask(null)}\n className=\"text-gray-500 hover:text-gray-700\"\n >\n \n \n

\n\n

\n c.id === selectedTask.category)\n ?.color\n } rounded mb-4`}\n >\n

\n\n

\n \n {React.createElement(\n statusConfig[selectedTask.status].icon,\n { className: \"w-4 h-4\" },\n )}\n {statusConfig[selectedTask.status].label}\n \n

\n\n

{selectedTask.description}

\n\n

\n \n

Período

\n {formatDate(selectedTask.startDate)} -{\" \"}\n {formatDate(selectedTask.endDate)}\n

\n \n

Responsável

\n {selectedTask.responsible}\n

\n \n

Localização

\n {selectedTask.location}\n

\n \n

Orçamento

\n {formatCurrency(selectedTask.budget)}\n

\n\n {/* Progress Bar */}\n

\n Progresso\n \n {selectedTask.progress}%\n \n

\n c.id === selectedTask.category)\n ?.color\n }`}\n style={{ width: `${selectedTask.progress}%` }}\n >\n

\n \n\n {/* Photos */}\n {selectedTask.photos > 0 && (\n

\n \n

\n )}\n\n {/* Comments Section */}\n

\n {(comments[selectedTask.id] || []).length === 0\n ? (\n

\n Ainda não há comentários. Seja o primeiro a\n comentar!\n

\n )\n : (\n (comments[selectedTask.id] || []).map((comment) => (\n \n

\n \n {comment.author}\n \n \n {formatDate(comment.date)}\n \n

\n {comment.text}\n

\n ))\n )}\n

\n )}\n \n \n \n \n )}\n\n {/* Footer */}\n

\n Mantenha-se informado!{\" \"}\n Este calendário é atualizado regularmente para manter a nossa\n comunidade conectada com os projetos em curso e futuros.\n

\n Questões ou sugestões? Contacte-nos através do nosso site oficial\n

\n \n www.jf-alcofra.pt\n \n

\n \n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}",5,["D",1760370702677],{"_104":266,"_158":141,"_156":194,"_96":100,"_165":267,"_163":164,"_101":268,"_157":-5,"_106":269,"_159":270,"_168":-5},"6bbc0802-a84c-11f0-8e0d-0224a6c84d84","/** @jsxImportSource https://esm.sh/react */\nimport React, { useEffect, useState } from \"https://esm.sh/react\";\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\n\nfunction App() {\n return (\n <>\n sdfsdf\n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n PSD Alcofra - Eleições Autárquicas 2025\n \n \n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}",4,["D",1760370662681],44,{"_104":272,"_158":141,"_156":194,"_96":100,"_165":273,"_163":164,"_101":274,"_157":-5,"_106":275,"_159":276,"_168":-5},"19bb55bc-a84c-11f0-840c-0224a6c84d84","// Learn more: https://docs.val.town/vals/http/\nexport default async function (req: Request): Promise {\n return Response.json({ ok: true })\n}",3,["D",1760370525104],42,{"_104":278,"_158":141,"_156":194,"_96":100,"_165":73,"_163":164,"_101":279,"_157":-5,"_106":280,"_159":281,"_168":-5},"1998ab02-a84c-11f0-8bf7-0224a6c84d84",2,["D",1760370524876],41,{"_104":283,"_158":141,"_156":194,"_96":100,"_165":73,"_163":284,"_101":217,"_157":-5,"_106":285,"_159":286,"_168":-5},"108dd71c-a84c-11f0-8501-0224a6c84d84","script",["D",1760370509709],40,{"_104":288,"_158":141,"_156":194,"_96":289,"_165":73,"_163":284,"_101":32,"_157":-5,"_106":290,"_159":291,"_168":-5},"ff34ecd0-a84b-11f0-a274-0224a6c84d84","new-file-84.ts",["D",1760370480606],39,"versions",[294,296,297,298,299,300,301,302,303],{"_225":247,"_295":249},"previous",{"_225":249,"_295":254},{"_225":254,"_295":260},{"_225":260,"_295":265},{"_225":265,"_295":271},{"_225":271,"_295":277},{"_225":277,"_295":282},{"_225":282,"_295":287},{"_225":287,"_295":-5},"versionNumber","page","hasNext","actionData","errors"]

nmsilva

campanhapsdalcofra

History for task-calendar.tsx