}
</script>
-<a on:click|preventDefault|stopPropagation={handleClick} href={href} class={extra_classes}><slot></slot></a>
+<a on:click|preventDefault|stopPropagation={handleClick} href={href} class={extra_classes}>
+ <slot></slot>
+</a>
<td>{@html formatDistance(addressLine.distance, bDistanceInMeters)}</td>
<td>
{#if addressLine.osm_id}
- <DetailsLink feature={addressLine}>details</DetailsLink>
+ <DetailsLink feature={addressLine}>
+ details
+ </DetailsLink>
{:else if !reverse_only && addressLine.type.match(/^country/)}
- <PageLink page='search' params_hash={{ country: addressLine.localname }}>search by name</PageLink>
+ <PageLink page='search' params_hash={{ country: addressLine.localname }}>
+ search by name
+ </PageLink>
{:else if !reverse_only && addressLine.type === 'postcode'}
- <PageLink page='search' params_hash={{ postalcode: addressLine.localname }}>search by name</PageLink>
+ <PageLink page='search' params_hash={{ postalcode: addressLine.localname }}>
+ search by name
+ </PageLink>
{/if}
</td>
</tr>
(<a href="#openHint" on:click|preventDefault|stopPropagation={openHint}>how?</a>)
<div id="postcode-hint" class="my-2 p-2">
- <button type="button" class="btn-close float-end m-1" aria-label="Close" on:click|stopPropagation={closeHint} />
-
+ <button type="button"
+ class="btn-close float-end m-1"
+ aria-label="Close"
+ on:click|stopPropagation={closeHint}
+ />
<p>
Nightly calculated from nearby places having this postcode.
- <a href="https://nominatim.org/release-docs/latest/admin/Maintenance/#updating-postcodes">Documentation</a>.
+ <a href="https://nominatim.org/release-docs/latest/admin/Maintenance/#updating-postcodes">
+ Documentation
+ </a>.
</p>
<p>
- You can search for those with an <a href={url} target="_blank" rel="noreferrer">Overpass Turbo query</a>.
+ You can search for those with an
+ <a href={url} target="_blank" rel="noreferrer">Overpass Turbo query</a>.
</p>
<p>
- <a href="https://nominatim.org/2022/06/26/state-of-postcodes.html" target="_blank" rel="noreferrer">How Nominatim uses postcodes</a>.
+ <a href="https://nominatim.org/2022/06/26/state-of-postcodes.html"
+ target="_blank" rel="noreferrer">How Nominatim uses postcodes</a>.
+ </p>
</div>
<style>
background-color: #ededff;
display: none;
}
-</style>
\ No newline at end of file
+</style>
<div id="error" class="container-fluid alert-danger py-3 px-4">
{error_message}
- <button type="button" class="btn-close float-end" aria-label="dismiss" on:click={dismiss_message}></button>
+ <button type="button"
+ class="btn-close float-end"
+ aria-label="dismiss"
+ on:click={dismiss_message}></button>
</div>
{/if}
</PageLink>
</div>
<!-- Toggler (hamburger button) -->
- <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+ <button class="navbar-toggler"
+ type="button"
+ data-bs-toggle="collapse"
+ data-bs-target="#navbarSupportedContent"
+ aria-controls="navbarSupportedContent"
+ aria-expanded="false"
+ aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto">
{#if !reverse_only}
<li class="nav-item">
- <PageLink page="search" extra_classes="nav-link {view === 'search' ? 'active' : ''}">Search</PageLink>
+ <PageLink page="search"
+ extra_classes="nav-link {view === 'search' ? 'active' : ''}">
+ Search
+ </PageLink>
</li>
{/if}
<li class="nav-item">
- <ReverseLink lat={map_lat} lon={map_lon} extra_classes="nav-link {view === 'reverse' ? 'active' : ''}">Reverse</ReverseLink>
+ <ReverseLink lat={map_lat}
+ lon={map_lon}
+ extra_classes="nav-link {view === 'reverse' ? 'active' : ''}">
+ Reverse
+ </ReverseLink>
</li>
<li class="nav-item">
- <PageLink page="details" extra_classes="nav-link {view === 'details' ? 'active' : ''}">Search By ID</PageLink>
+ <PageLink page="details"
+ extra_classes="nav-link {view === 'details' ? 'active' : ''}">
+ Search By ID
+ </PageLink>
</li>
</ul>
</div>
<!-- Right aligned links -->
<ul class="navbar-nav">
<li class="nav-item">
- <PageLink page="about" extra_classes="nav-link {view === 'about' ? 'active' : ''}">About & Help</PageLink>
+ <PageLink page="about"
+ extra_classes="nav-link {view === 'about' ? 'active' : ''}">
+ About & Help
+ </PageLink>
</li>
</ul>
</div>
<div class="col-sm-6 text-end">
{#if last_updated_date}
Data last updated:
- <abbr id="data-date" title="{last_updated_date} (UTC timezone)">{timeago.format(new Date(last_updated_date))}</abbr>
+ <abbr id="data-date" title="{last_updated_date} (UTC timezone)">
+ {timeago.format(new Date(last_updated_date))}
+ </abbr>
{/if}
(<PageLink page="status">Details</PageLink>)
</div>
text-align: right;
}
-
-
-
@media (max-width: 768px) {
#map-position {
top: 20px;
}
</script>
-<a on:click|preventDefault|stopPropagation={handleClick} href={href} class={extra_classes}><slot></slot></a>
+<a on:click|preventDefault|stopPropagation={handleClick} href={href} class={extra_classes}>
+ <slot></slot>
+</a>
<div id="searchresults">
{#each aSearchResults as aResult, iResNum}
- <div class="result" class:highlight={iResNum === iHighlightNum} data-position="{iResNum}" on:click|stopPropagation={handleClick}>
+ <div class="result"
+ class:highlight={iResNum === iHighlightNum}
+ data-position="{iResNum}"
+ on:click|stopPropagation={handleClick}>
<div style="float:right">
<MapIcon aPlace={aResult} />
</div>
<span class="type">{formatLabel(aResult)}</span>
<p class="coords">{aResult.lat},{aResult.lon}</p>
- <DetailsLink extra_classes="btn btn-outline-secondary btn-sm" feature={aResult}>details</DetailsLink>
+ <DetailsLink extra_classes="btn btn-outline-secondary btn-sm" feature={aResult}>
+ details
+ </DetailsLink>
</div>
{/each}
}
.result .coords {
- display: none;
+ display: none;
}
.noresults{
}
</script>
-<a on:click|preventDefault|stopPropagation={() => refresh_page('reverse', params)} href={href} class={extra_classes}><slot></slot></a>
+<a on:click|preventDefault|stopPropagation={() => refresh_page('reverse', params)}
+ href={href}
+ class={extra_classes}>
+ <slot></slot>
+</a>
<ul class="nav nav-tabs">
<li class="nav-item">
- <a class="nav-link" class:active={!bStructuredSearch} data-bs-toggle="tab" href="#simple">Simple</a>
+ <a class="nav-link" class:active={!bStructuredSearch} data-bs-toggle="tab" href="#simple">
+ Simple
+ </a>
</li>
<li class="nav-item">
- <a class="nav-link" class:active={bStructuredSearch} data-bs-toggle="tab" href="#structured">Structured</a>
+ <a class="nav-link" class:active={bStructuredSearch} data-bs-toggle="tab" href="#structured">
+ Structured
+ </a>
</li>
</ul>
</div>
<div class="col-auto">
<button type="submit" class="btn btn-primary btn-sm mx-1">Search</button>
- <input type="hidden" name="viewbox" value="{sViewBox || ''}" />
- <input type="hidden" name="dedupe" value="{api_request_params.dedupe === 0 ? 0 : 1}" />
- <input type="hidden" name="bounded" value="{api_request_params.bounded ? 1 : ''}" />
- <input type="hidden" name="accept-language" value="{api_request_params['accept-language'] || ''}" />
- <input type="hidden" name="countrycodes" value="{api_request_params.countrycodes || ''}"
- pattern="^[a-zA-Z]{'{2}'}(,[a-zA-Z]{'{2}'})*$" />
- <input type="hidden" name="limit" value="{api_request_params.limit || ''}" />
- <input type="hidden" name="polygon_threshold" value="{api_request_params.polygon_threshold || ''}" />
+ <input type="hidden"
+ name="viewbox" value="{sViewBox || ''}" />
+ <input type="hidden"
+ name="dedupe" value="{api_request_params.dedupe === 0 ? 0 : 1}" />
+ <input type="hidden"
+ name="bounded" value="{api_request_params.bounded ? 1 : ''}" />
+ <input type="hidden"
+ name="accept-language"value="{api_request_params['accept-language'] || ''}" />
+ <input type="hidden"
+ name="countrycodes" value="{api_request_params.countrycodes || ''}"
+ pattern="^[a-zA-Z]{'{2}'}(,[a-zA-Z]{'{2}'})*$" />
+ <input type="hidden"
+ name="limit" value="{api_request_params.limit || ''}" />
+ <input type="hidden"
+ name="polygon_threshold" value="{api_request_params.polygon_threshold || ''}" />
</div>
</UrlSubmitForm>
</div>
</div>
<div class="col-auto">
<button type="submit" class="btn btn-primary btn-sm">Search</button>
- <input type="hidden" name="viewbox" value="{sViewBox || ''}" />
- <input type="hidden" name="dedupe" value="{api_request_params.dedupe === 0 ? 0 : 1}" />
- <input type="hidden" name="bounded" value="{api_request_params.bounded ? 1 : ''}" />
- <input type="hidden" name="accept-language" value="{api_request_params['accept-language'] || ''}" />
- <input type="hidden" name="countrycodes" value="{api_request_params.countrycodes || ''}"
- pattern="^[a-zA-Z]{'{2}'}(,[a-zA-Z]{'{2}'})*$" />
- <input type="hidden" name="limit" value="{api_request_params.limit || ''}" />
- <input type="hidden" name="polygon_threshold" value="{api_request_params.polygon_threshold || ''}" />
+ <input type="hidden"
+ name="viewbox" value="{sViewBox || ''}" />
+ <input type="hidden"
+ name="dedupe" value="{api_request_params.dedupe === 0 ? 0 : 1}" />
+ <input type="hidden"
+ name="bounded" value="{api_request_params.bounded ? 1 : ''}" />
+ <input type="hidden"
+ name="accept-language" value="{api_request_params['accept-language'] || ''}" />
+ <input type="hidden"
+ name="countrycodes" value="{api_request_params.countrycodes || ''}"
+ pattern="^[a-zA-Z]{'{2}'}(,[a-zA-Z]{'{2}'})*$" />
+ <input type="hidden"
+ name="limit" value="{api_request_params.limit || ''}" />
+ <input type="hidden"
+ name="polygon_threshold" value="{api_request_params.polygon_threshold || ''}" />
</div>
</UrlSubmitForm>
</div>
<li>
<div class="form-check form-check-inline">
<label class="form-check-label" for="option_dedupe">deduplicate results</label>
- <input type="checkbox" class="form-check-input api-param-setting"
- id="option_dedupe" checked={api_request_params.dedupe === 0 ? 0 : 1} on:change={set_dedupe}>
+ <input type="checkbox"
+ class="form-check-input api-param-setting"
+ id="option_dedupe"
+ checked={api_request_params.dedupe === 0 ? 0 : 1}
+ on:change={set_dedupe}>
</div>
</li>
<li>
<label for="option_limit">Maximum number of results</label>
- <input type="number" class="form-control form-control-sm d-inline w-auto api-param-setting"
+ <input type="number"
+ class="form-control form-control-sm d-inline w-auto api-param-setting"
data-api-param="limit" id="option_limit" min="1" max="50"
value="{api_request_params.limit || ''}"
on:change={set_api_param}>
<li>
<label for="option_polygon_threshold">Polygon simplification</label>
- <input type="number" class="form-control form-control-sm d-inline w-auto api-param-setting"
- data-api-param="polygon_threshold" id="option_polygon_threshold" min="0.0" max="1.0" step="0.001"
+ <input type="number"
+ class="form-control form-control-sm d-inline w-auto api-param-setting"
+ data-api-param="polygon_threshold" id="option_polygon_threshold"
+ min="0.0" max="1.0" step="0.001"
value="{api_request_params.polygon_threshold || ''}"
on:change={set_api_param}>
</li>
<li>
<label for="accept_lang">Languages</label>
- <input type="text" placeholder="e.g. en,zh-Hant" class="form-control form-control-sm d-inline w-auto api-param-setting"
+ <input type="text" placeholder="e.g. en,zh-Hant"
+ class="form-control form-control-sm d-inline w-auto api-param-setting"
data-api-param="accept-language" id="accept_lang" size="15"
value="{api_request_params['accept-language'] || ''}"
on:change={set_api_param}>
<li>
<label for="option_ccode">Country Codes</label>
- <input type="text" placeholder="e.g. de,gb" class="form-control form-control-sm d-inline w-auto api-param-setting"
+ <input type="text" placeholder="e.g. de,gb"
+ class="form-control form-control-sm d-inline w-auto api-param-setting"
data-api-param="countrycodes" id="option_ccode" size="15"
value="{api_request_params.countrycodes || ''}"
pattern="^[a-zA-Z]{'{2}'}(,[a-zA-Z]{'{2}'})*$"
</div>
</form>
<small class="form-text text-muted">
- OSM type+id (<em>N123</em>, <em>n123</em>, <em>W123</em>, <em>w123</em>, <em>R123</em>, <em>r123</em>),
+ OSM type+id (<em>N123</em>,
+ <em>n123</em>,
+ <em>W123</em>,
+ <em>w123</em>,
+ <em>R123</em>,
+ <em>r123</em>),
Place id (<em>1234</em>) or
URL (<em>https://openstreetmap.org/way/123</em>)
</small>
}
</script>
-<form on:submit|preventDefault={handle_submit} class="form-inline" role="search" accept-charset="UTF-8" action="">
+<form on:submit|preventDefault={handle_submit}
+ class="form-inline"
+ role="search"
+ accept-charset="UTF-8"
+ action="">
<div class="row g-2">
<slot></slot>
</div>
max-width: 800px;
padding: 4em;
}
-</style>
\ No newline at end of file
+</style>
<InfoRow title="Admin Level">{aPlace.admin_level}</InfoRow>
{/if}
<InfoRow title="Search Rank">{aPlace.rank_search}</InfoRow>
- <InfoRow title="Address Rank">{aPlace.rank_address} ({formatAddressRank(aPlace.rank_address)})</InfoRow>
+ <InfoRow title="Address Rank">
+ {aPlace.rank_address} ({formatAddressRank(aPlace.rank_address)})
+ </InfoRow>
{#if aPlace.calculated_importance}
<InfoRow title="Importance">
{aPlace.calculated_importance}
<InfoRow title="OSM">{@html osmLink(aPlace)}</InfoRow>
<InfoRow title="Place Id">
{aPlace.place_id}
- (<a href="https://nominatim.org/release-docs/develop/api/Output/#place_id-is-not-a-persistent-id">on this server</a>)
+ (<a href="https://nominatim.org/release-docs/develop/api/Output/#place_id-is-not-a-persistent-id">
+ on this server
+ </a>)
</InfoRow>
{#if aPlace.calculated_wikipedia}
<InfoRow title="Wikipedia Calculated">{@html wikipediaLink(aPlace)}</InfoRow>
<InfoRow title="Computed Postcode">
{#if aPlace.calculated_postcode}
{aPlace.calculated_postcode}
- <DetailsPostcodeHint postcode={aPlace.calculated_postcode} lat={aPlace.centroid.coordinates[1]} lon={aPlace.centroid.coordinates[0]} />
+ <DetailsPostcodeHint postcode={aPlace.calculated_postcode}
+ lat={aPlace.centroid.coordinates[1]}
+ lon={aPlace.centroid.coordinates[0]} />
{/if}
</InfoRow>
<InfoRow title="Address Tags"><InfoRowList items={aPlace.addresstags} /></InfoRow>
<tbody>
{#if aPlace.address}
{#each aPlace.address as addressLine}
- <DetailsOneRow addressLine={addressLine} bMarkUnusedLines={true} bDistanceInMeters={false} />
+ <DetailsOneRow addressLine={addressLine}
+ bMarkUnusedLines={true}
+ bDistanceInMeters={false} />
{/each}
{/if}
{#if aPlace.linked_places}
<tr class="all-columns"><td colspan="7"><h2>Linked Places</h2></td></tr>
{#each aPlace.linked_places as addressLine}
- <DetailsOneRow addressLine={addressLine} bMarkUnusedLines={true} bDistanceInMeters={true} />
+ <DetailsOneRow addressLine={addressLine}
+ bMarkUnusedLines={true}
+ bDistanceInMeters={true} />
{/each}
{/if}
}
tr.all-columns {
- background-color: white !important;
+ background-color: white !important;
border: none;
}
tr.all-columns td {
<dl>
<dt>API Endpoint</dt>
- <dd><a href={configuration.Nominatim_API_Endpoint}>{configuration.Nominatim_API_Endpoint}</a></dd>
+ <dd>
+ <a href={configuration.Nominatim_API_Endpoint}>
+ {configuration.Nominatim_API_Endpoint}
+ </a>
+ </dd>
<dt>Software version</dt>
<dd>{aStatusData.software_version}</dd>