31:T426,viewof map = { const container = html`

`; yield container; // Give the container dimensions. const map = (container.value = new mapboxgl.Map({ container, center: [-105.2705, 40.015], zoom: 3, style: "mapbox://styles/mapbox/streets-v11", scrollZoom: true })); map.addControl(new mapboxgl.FullscreenControl({ container: container })); searchTable.forEach((d) => { if (d.coordinates[1] <= 90 && d.coordinates[1] >= -90) { var el = document.createElement("div"); el.className = `${prefix}-marker`; el.innerHTML = ``; el.style.backgroundColor = status[d.Status]; new mapboxgl.Marker(el) .setLngLat(d.coordinates) .setPopup( new mapboxgl.Popup({ offset: 25 }).setHTML( `

${d.Site} (${d.Status})

${ d.City }

Lease ends ${time(d["Lease End"])}.

` ) ) .addTo(map); } }); invalidation.then(() => map.remove()); }32:[{"id":"eebc11bab36624d0d33b3d1ab66bf56861cdb2a6f7d96eb136567c6aef123c07ce9c74dc6ffeef790928cc85a5a1bee60a00a786c8897367dece7f1e6b60d894","href":"https://static.observableusercontent.com/files/eebc11bab36624d0d33b3d1ab66bf56861cdb2a6f7d96eb136567c6aef123c07ce9c74dc6ffeef790928cc85a5a1bee60a00a786c8897367dece7f1e6b60d894","name":"permits_5-27-2022.json","type":"application/json","lastModified":1653665215098.926,"size":9160}] 2f:{"title":"UNAVCO Permit Status","cells":[{"id":0,"value":"title = md`# UNAVCO Permit Status`","pinned":false,"hidden":false,"mode":"ojs"},{"id":522,"value":"viewof markerRadius = Inputs.range([3, 25], {\n value: 12,\n step: 1,\n label: \"Marker Radius\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":571,"value":"viewof debug = Inputs.toggle({ label: \"Use Cached Data (5/27/2022)\" })","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":133,"value":"legend = md`**Legend: ${html`Not Started`} ${html`<In Progress>`} ${html`Renewed`}**`","pinned":false,"hidden":false,"mode":"ojs"},{"id":199,"value":"md`Search for Permits in the table below.\n\n*Example: 'Not Started' or 'ARVL'*`","pinned":false,"hidden":false,"mode":"ojs"},{"id":183,"value":"viewof search = Search(data, { label: \"Permits\" })","pinned":false,"hidden":false,"mode":"ojs"},{"id":190,"value":"viewof searchTable = Table(search, {\n columns: [\"Site\", \"Lease End\", \"Last Reviewed\", \"City\", \"State\", \"Status\"]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"md`## Appendix`","pinned":false,"hidden":false,"mode":"ojs"},{"id":467,"value":"baseUrl = document.baseURI.split(\"?\")[0]","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"// Using mock data for local testing purposes. Replace with call to server.\n//\n// data = permits_5272022 // debug database, cached on 5/27/2022\ndata = fetch(\n debug\n ? await FileAttachment(\"permits_5-27-2022.json\").url()\n : `https://web-services.unavco.org/internal/metadata/sites/permitstatus/v1`,\n {\n method: \"GET\",\n cache: \"no-cache\"\n // headers: new Headers().append(\"cache-control\", \"no-cache\")\n }\n)\n .then((response) => response.json())\n .then((arr) =>\n arr.map((d) => ({\n Site: d.fourcharid,\n [\"Lease End\"]: d.lease_end,\n [\"City\"]: d.sitecity,\n [\"State\"]: d.sitestate,\n [\"Status\"]: d.status,\n [\"Last Reviewed\"]: d.permit_last_reviewed,\n coordinates: [d.sitelong, d.sitelat],\n [\"Country\"]: d.site_country\n }))\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":71,"value":"status = ({\n Renewed: \"#006400\",\n Current: \"#006400\", // new mapping,\n Expired: \"red\",\n Removed: \"#000\",\n \"In Progress\": \"#ff8d0a\",\n \"Not Started\": \"#FF0000\",\n \"N/A\": \"#ccc\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":24,"value":"mapboxgl = {\n const gl = await require(\"mapbox-gl@1\");\n if (!gl.accessToken) {\n // https://www.mapbox.com/help/how-access-tokens-work/\n gl.accessToken =\n \"pk.eyJ1IjoiYnJvb2tzbWFwcyIsImEiOiJja25ycjdmZXMwc3NoMm9xbXdpNThra2huIn0.j1ccDRj-S8MCp33aq9zbDw\";\n const href = await require.resolve(\"mapbox-gl@1/dist/mapbox-gl.css\");\n document.head.appendChild(html``);\n }\n return gl;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":93,"value":"timeParse = d3.timeParse(\"%Y-%m-%d\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":112,"value":"timeFormat = d3.timeFormat(\"%B %d, %Y\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":519,"value":"style = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":618,"value":"prefix = DOM.uid(\"unavco\").id","pinned":false,"hidden":false,"mode":"ojs"},{"id":118,"value":"function time(t) {\n return timeFormat(timeParse(t));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":299,"value":"mutable importConfiguration = {\n let dict = {};\n let i = 0;\n\n // Hack: Fixes apparent bug with Observable passing location.search down from parent frame.\n while (!location.search && i < 2) {\n i++;\n yield Promises.tick(1000, {});\n }\n\n if (location.search) {\n let queries = location.search.length\n ? location.search\n .substring(1)\n .split(\"&\")\n .map((d) => d.split(\"=\"))\n : [];\n\n queries.forEach((d) => {\n if (d[1]) {\n try {\n dict[d[0]] = JSON.parse(decodeURIComponent(d[1]));\n } catch (error) {\n console.log(\"Unable to process query parameter: \", d[0], d[1]);\n }\n }\n });\n }\n\n yield dict;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":32,"value":"import { Search, Table } from \"@observablehq/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":511,"value":"permits_5272022 = FileAttachment(\"permits_5-27-2022.json\").json()","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}