src/pages/StatusPage.svelte

   1 <script>
   2   import { onMount } from 'svelte';
   3   import { update_html_title, fetch_content_into_element } 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
  23   onMount(() => {
  24     fetch_content_into_element('theme/status-help.html', document.getElementById('status-help'));
  25   });
  26 </script>
  27
  28 <Header/>
  29 <div class="container">
  30   <div class="row">
  31     <div class="col-sm-12">
  32       <h1>Server status</h1>
  33
  34       <div id="status-help" class="bg-secondary-subtle"></div>
  35
  36       <dl>
  37         <dt>API Endpoint</dt>
  38         <dd><a href={endpoint_url}>{endpoint_url}</a></dd>
  39
  40         <dt>Software version</dt>
  41         <dd>{aStatusData.software_version}</dd>
  42
  43         <dt>Database version</dt>
  44         <dd>{aStatusData.database_version}</dd>
  45
  46         <dt>Data last updated</dt>
  47         <dd>{aStatusData.data_updated}</dd>
  48       </dl>
  49     </div>
  50   </div>
  51 </div>
  52
  53 <style>
  54   #status-help {
  55     margin: 2em 0;
  56   }
  57 </style>