src/pages/StatusPage.svelte

   1 <script>
   2   import { onMount } from 'svelte';
   3   import { update_html_title } from '../lib/api_utils.js';
   4   import { appState } from '../state/AppState.svelte.js';
   5
   6   import Header from '../components/Header.svelte';
   7
   8   let aStatusData = $state({});
   9   const configuration = Nominatim_Config;
  10
  11   const endpoint_url = (typeof configuration.Nominatim_API_Endpoint === 'function') ?
  12                       configuration.Nominatim_API_Endpoint() :
  13                       configuration.Nominatim_API_Endpoint;
  14
  15   function loaddata() {
  16     appState.fetchFromApi('status', { format: 'json' }, function (data) {
  17       aStatusData = data;
  18     });
  19     update_html_title('Server status');
  20   }
  21   onMount(loaddata);
  22 </script>
  23
  24 <Header/>
  25 <div class="container">
  26   <div class="row">
  27     <div class="col-sm-12">
  28       <h1>Server status</h1>
  29
  30       <dl>
  31         <dt>API Endpoint</dt>
  32         <dd><a href={endpoint_url}>{endpoint_url}</a></dd>
  33
  34         <dt>Software version</dt>
  35         <dd>{aStatusData.software_version}</dd>
  36
  37         <dt>Database version</dt>
  38         <dd>{aStatusData.database_version}</dd>
  39
  40         <dt>Data last updated</dt>
  41         <dd>{aStatusData.data_updated}</dd>
  42       </dl>
  43     </div>
  44   </div>
  45 </div>