Oops! Road Closed 🛑

We hit a bureaucratic speed bump: {error}

\n \n

\n );\n\n return (\n

🚌 Santa Barbara City Docs

\n\n

\n From:\n \n

\n To:\n \n

\n Committee:\n \n {COMMITTEES.map(committee => (\n \n ))}\n \n

\n \n 🔍 Search Documents\n \n

\n\n {documents.length === 0 && !isLoading\n ? (\n

🏜️ Ready to explore documents!

Select parameters and click \"Search Documents\" to begin.

\n )\n : (\n <>\n \n \n \n \n \n \n \n \n \n {sortedDocuments.map((doc) => (\n \n \n \n \n \n ))}\n \n

requestSort(\"date\")}>\n 📅 Date\n {sortConfig.key === \"date\" && {sortConfig.direction === \"asc\" ? \" ▲\" : \" ▼\"}}\n	requestSort(\"description\")}>\n 📄 Document Description\n {sortConfig.key === \"description\" && {sortConfig.direction === \"asc\" ? \" ▲\" : \" ▼\"}}\n	🔗 Actions
{doc.date}	{doc.description}	\n \n 📄 View PDF\n \n handleDocumentPreview(doc)}\n className=\"preview-btn\"\n >\n 👀 Quick Look\n \n

\n\n {selectedDocument && (\n

📄 Document Preview

\n Date: {selectedDocument.date}\n

\n Description: {selectedDocument.description}\n

\n \n 🔍 Full Document\n \n \n

\n )}\n \n )}\n \n

\n );\n}\n\nfunction App() {\n return ;\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n if (request.method === \"POST\" && new URL(request.url).pathname === \"/api/documents\") {\n try {\n const body = await request.json();\n const apiResponse = await fetch(\"https://docs.santabarbaraca.gov/publicaccess/api/CustomQuery/KeywordSearch\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify(body),\n });\n\n if (!apiResponse.ok) {\n const errorText = await apiResponse.text();\n console.error(\"API Error:\", errorText);\n return new Response(JSON.stringify({ error: errorText }), {\n status: apiResponse.status,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n const data = await apiResponse.json();\n return new Response(JSON.stringify(data), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n console.error(\"Server-side fetch error:\", error);\n return new Response(JSON.stringify({ error: error.message }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n return new Response(\n `\n \n \n Santa Barbara City Documents\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}\n\nconst css = `\nbody {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n max-width: 900px;\n margin: 0 auto;\n padding: 20px;\n line-height: 1.6;\n background-color: #f0f4f8;\n color: #2c3e50;\n}\n\n.document-list {\n background: white;\n border-radius: 12px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n padding: 30px;\n animation: subtle-float 3s infinite alternate;\n}\n\n@keyframes subtle-float {\n 0% { transform: translateY(0); }\n 100% { transform: translateY(-10px); }\n}\n\nh1 {\n color: #2c3e50;\n text-align: center;\n border-bottom: 3px solid #3498db;\n padding-bottom: 15px;\n letter-spacing: 1px;\n}\n\n.loading {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 300px;\n}\n\n.spinner {\n font-size: 4em;\n animation: spin 2s linear infinite;\n}\n\n@keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n}\n\n.error-container {\n text-align: center;\n padding: 40px;\n background-color: #ffebee;\n border-radius: 10px;\n}\n\n.error-icon {\n font-size: 5em;\n margin-bottom: 20px;\n}\n\n.date-range-selector {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 30px;\n margin-bottom: 25px;\n background-color: #f9f9f9;\n padding: 20px;\n border-radius: 8px;\n}\n\n.date-input {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.date-input label {\n margin-bottom: 8px;\n color: #34495e;\n font-weight: bold;\n}\n\n.date-input input {\n padding: 10px;\n border: 2px solid #3498db;\n border-radius: 6px;\n transition: all 0.3s ease;\n}\n\n.date-input input:focus {\n outline: none;\n box-shadow: 0 0 10px rgba(52, 152, 219, 0.5);\n}\n\n.committee-input {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.committee-dropdown {\n width: 300px;\n padding: 10px;\n border: 2px solid #3498db;\n border-radius: 6px;\n margin-bottom: 10px;\n transition: all 0.3s ease;\n}\n\n.committee-dropdown:focus {\n outline: none;\n box-shadow: 0 0 10px rgba(52, 152, 219, 0.5);\n}\n\n.search-button-container {\n display: flex;\n align-items: flex-end;\n height: 100%;\n}\n\n.search-button {\n padding: 10px 15px;\n background-color: #2ecc71;\n color: white;\n border: none;\n border-radius: 6px;\n cursor: pointer;\n transition: background-color 0.3s ease;\n display: flex;\n align-items: center;\n gap: 10px;\n}\n\n.search-button:hover {\n background-color: #27ae60;\n}\n\n.documents-table {\n width: 100%;\n border-collapse: separate;\n border-spacing: 0;\n margin-top: 20px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n}\n\n.documents-table th, .documents-table td {\n border: 1px solid #e0e0e0;\n padding: 15px;\n text-align: left;\n transition: background-color 0.2s;\n}\n\n.documents-table th {\n background-color: #3498db;\n color: white;\n cursor: pointer;\n user-select: none;\n}\n\n.documents-table th:hover {\n background-color: #2980b9;\n}\n\n.documents-table tr:nth-child(even) {\n background-color: #f7f9fc;\n}\n\n.documents-table tr:hover {\n background-color: #e8f4f8;\n}\n\n.actions {\n display: flex;\n gap: 10px;\n}\n\n.pdf-link, .preview-btn {\n display: inline-block;\n padding: 8px 12px;\n background-color: #3498db;\n color: white;\n text-decoration: none;\n border-radius: 5px;\n transition: background-color 0.3s;\n}\n\n.pdf-link:hover, .preview-btn:hover {\n background-color: #2980b9;\n}\n\n.document-preview {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0,0,0,0.7);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1000;\n}\n\n.preview-content {\n background-color: white;\n padding: 30px;\n border-radius: 10px;\n max-width: 500px;\n width: 90%;\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n}\n\n.preview-actions {\n display: flex;\n justify-content: space-between;\n margin-top: 20px;\n}\n\n.full-pdf-btn, .close-preview {\n padding: 10px 15px;\n border-radius: 5px;\n text-decoration: none;\n cursor: pointer;\n}\n\n.full-pdf-btn {\n background-color: #2ecc71;\n color: white;\n}\n\n.close-preview {\n background-color: #e74c3c;\n color: white;\n border: none;\n}\n\n.source-link {\n display: block;\n text-align: center;\n margin-top: 20px;\n color: #7f8c8d;\n text-decoration: none;\n transition: color 0.3s;\n}\n\n.source-link:hover {\n color: #3498db;\n}\n\n.no-documents {\n text-align: center;\n padding: 40px;\n background-color: #f1f8ff;\n border-radius: 10px;\n}\n`;","deleted","label",[99],"permalink","https://www.val.town/x/tri/sbDoc/code/exuberantChocolateCougar","extension","actionData","errors"]