X-Git-Url: https://git.openstreetmap.org./nominatim-ui.git/blobdiff_plain/c636646759d9c541f7baf19812be18d002a8ce1d..2a34127a122a0d415a1cabb8de8e80a91b3dc017:/src/components/DetailsOneRow.svelte?ds=inline

diff --git a/src/components/DetailsOneRow.svelte b/src/components/DetailsOneRow.svelte
index cde2ac2..67c5152 100644
--- a/src/components/DetailsOneRow.svelte
+++ b/src/components/DetailsOneRow.svelte
@@ -1,18 +1,20 @@
 <script>
+  import DetailsLink from '../components/DetailsLink.svelte';
+  import PageLink from '../components/PageLink.svelte';
+  import {
+    formatPlaceType, osmLink, formatAdminLevel, formatDistance
+  } from '../lib/helpers.js';
 
   export let addressLine;
   export let bDistanceInMeters;
+  export let bMarkUnusedLines = false;
 
   $: bAddressLineUsed = addressLine.isaddress;
-
-  import {
-    formatPlaceType, osmLink, formatAdminLevel, formatDistance, detailsURL
-  } from '../lib/helpers.js';
-
+  $: reverse_only = Nominatim_Config.Reverse_Only;
 </script>
 
-<tr class:notused={!bAddressLineUsed}>
-  <td class="name">
+<tr class:notused={bMarkUnusedLines && !bAddressLineUsed}>
+  <td class="name fw-bold">
     {#if addressLine.localname}
       {addressLine.localname}
     {:else}
@@ -24,17 +26,24 @@
   <td>{addressLine.rank_address}</td>
   <td>{formatAdminLevel(addressLine.admin_level)}</td>
   <td>{@html formatDistance(addressLine.distance, bDistanceInMeters)}</td>
-  <td>{#if addressLine.osm_id}<a href="{detailsURL(addressLine)}">details</a>{/if}</td>
+  <td>
+    {#if addressLine.osm_id}
+      <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>
+    {:else if !reverse_only && addressLine.type === 'postcode'}
+      <PageLink page='search' params_hash={{ postalcode: addressLine.localname }}>search by name</PageLink>
+    {/if}
+  </td>
 </tr>
 
 <style>
-  .notused {
-    color:#ddd;
+  .notused td {
+    color: #ccc;
   }
-  .name{
-    font-weight: bold;
-  }
-  .noname{
-    color:#800;
+
+  td {
+    padding: 2px 8px;
+    font-size: 0.9em;
   }
 </style>