let last_updated_date;
let last_api_request_url;
+ let fetch_running = false; // prevent multiple parallel fetch runs
last_api_request_url_store.subscribe(url => {
last_api_request_url = url;
+
+ if (last_api_request_url) {
+ last_api_request_url = new URL(last_api_request_url, window.location.origin);
+ last_api_request_url.searchParams.delete('polygon_geojson');
+ last_api_request_url = last_api_request_url.toString();
+ }
+
+ if (fetch_running || last_updated_date) return;
+
+ fetch_running = true;
+
fetch_from_api('status', { format: 'json' }, function (data) {
last_updated_date = data.data_updated;
+ fetch_running = false;
});
});
</script>
<div id="last-updated" class="container-fluid py-2 px-4 mb-3">
<div id="loading" class="py-2 px-4">
- <div class="spinner-border spinner-border-sm text-primary mr-1" role="status"></div>
+ <div class="spinner-border spinner-border-sm text-primary me-1" role="status"></div>
Loading data from API ...
</div>
<div class="row">
</div>
{/if}
</div>
- <div class="col-sm-6 text-right">
+ <div class="col-sm-6 text-end">
{#if last_updated_date}
Data last updated:
- <abbr id="data-date" title="{last_updated_date} (UTC timezone)">{timeago.format(new Date(last_updated_date))}</abbr>
+ <abbr id="data-date" title="{last_updated_date} (UTC timezone)">
+ {timeago.format(new Date(last_updated_date))}
+ </abbr>
{/if}
(<PageLink page="status">Details</PageLink>)
</div>