src/components/DetailsOneRow.svelte

   1 <script>
   2   import DetailsLink from '../components/DetailsLink.svelte';
   3   import PageLink from '../components/PageLink.svelte';
   4   import {
   5     formatPlaceType, osmLink, formatAdminLevel, formatDistance
   6   } from '../lib/helpers.js';
   7
   8   export let addressLine;
   9   export let bDistanceInMeters;
  10   export let bMarkUnusedLines = false;
  11
  12   $: bAddressLineUsed = addressLine.isaddress;
  13   $: reverse_only = Nominatim_Config.Reverse_Only;
  14 </script>
  15
  16 <tr class:notused={bMarkUnusedLines && !bAddressLineUsed}>
  17   <td class="name fw-bold">
  18     {#if addressLine.localname}
  19       {addressLine.localname}
  20     {:else}
  21       <span class="noname">No Name</span>
  22     {/if}
  23   </td>
  24   <td>{formatPlaceType(addressLine)}</td>
  25   <td>{@html osmLink(addressLine)}</td>
  26   <td>{addressLine.rank_address}</td>
  27   <td>{formatAdminLevel(addressLine.admin_level)}</td>
  28   <td>{@html formatDistance(addressLine.distance, bDistanceInMeters)}</td>
  29   <td>
  30     {#if addressLine.osm_id}
  31       <DetailsLink feature={addressLine}>
  32         details
  33       </DetailsLink>
  34     {:else if !reverse_only && addressLine.type.match(/^country/)}
  35       <PageLink page='search' params_hash={{ country: addressLine.localname }}>
  36         search by name
  37       </PageLink>
  38     {:else if !reverse_only && addressLine.type === 'postcode'}
  39       <PageLink page='search' params_hash={{ postalcode: addressLine.localname }}>
  40         search by name
  41       </PageLink>
  42     {/if}
  43   </td>
  44 </tr>
  45
  46 <style>
  47   .notused td {
  48     color: #ccc;
  49   }
  50
  51   td {
  52     padding: 2px 8px;
  53     font-size: 0.9em;
  54   }
  55 </style>