src/pages/DeletablePage.svelte

   1 <script>
   2   import { onMount } from 'svelte';
   3   import { update_html_title } from '../lib/api_utils.js';
   4   import { osmLink } from '../lib/helpers.js';
   5   import { appState } from '../state/AppState.svelte.js';
   6
   7   import Header from '../components/Header.svelte';
   8   import DetailsLink from '../components/DetailsLink.svelte';
   9
  10   let aPolygons = $state([]);
  11
  12   function loaddata() {
  13     appState.fetchFromApi('deletable', { format: 'json' }, function (data) {
  14       aPolygons = data;
  15     });
  16     update_html_title('Deletable objects');
  17   }
  18   onMount(loaddata);
  19 </script>
  20
  21 <Header/>
  22 <div class="container">
  23   <div class="row">
  24     <div class="col-sm-12">
  25       <h1>Deletable</h1>
  26
  27       <p>
  28         {aPolygons.length} objects have been deleted in OSM but
  29         are still in the Nominatim database.
  30       </p>
  31
  32       <table class="table table-striped table-hover">
  33         <thead>
  34           <tr>
  35             <th>Place id</th>
  36             <th>Country Code</th>
  37             <th>Name</th>
  38             <th>OSM object</th>
  39             <th>Class</th>
  40             <th>Type</th>
  41           </tr>
  42         </thead>
  43         <tbody>
  44           {#each aPolygons as polygon}
  45           <tr>
  46             <td><DetailsLink feature={polygon} text={polygon.place_id} /></td>
  47             <td>{polygon.country_code}</td>
  48             <td>{polygon.name}</td>
  49             <!-- eslint-disable-next-line svelte/no-at-html-tags -->
  50             <td>{@html osmLink(polygon)}</td>
  51             <td>{polygon.class}</td>
  52             <td>{polygon.type}</td>
  53           </tr>
  54           {/each}
  55         </tbody>
  56       </table>
  57
  58     </div>
  59   </div>
  60 </div>
  61