Add loading text

This commit is contained in:
Kenneth Bruen 2022-09-20 00:50:22 +03:00
parent 3ca35ce91d
commit ebb0b5f0ba
Signed by: kbruen
GPG key ID: C1980A470C3EE5B1
6 changed files with 19 additions and 1 deletions

View file

@ -36,6 +36,12 @@ body {
display: none; display: none;
} }
#loading {
display: flex;
align-items: center;
justify-content: center;
}
footer { footer {
margin-top: auto; margin-top: auto;
display: flex; display: flex;

2
sw.js
View file

@ -1,4 +1,4 @@
const VERSION = 'v8' const VERSION = 'v9'
const API_ORIGIN = 'https://scraper.infotren.dcdev.ro/' const API_ORIGIN = 'https://scraper.infotren.dcdev.ro/'
const API_TRAINS = `${API_ORIGIN}v3/trains` const API_TRAINS = `${API_ORIGIN}v3/trains`
const API_STATIONS = `${API_ORIGIN}v3/stations` const API_STATIONS = `${API_ORIGIN}v3/stations`

View file

@ -29,6 +29,10 @@
<h3 id="tabs-dep">Departures</h3> <h3 id="tabs-dep">Departures</h3>
</div> </div>
<div id="loading" class="content">
<p class="pri">Loading data...</p>
</div>
<div id="arrivals" class="tab-view content"> <div id="arrivals" class="tab-view content">
</div> </div>

View file

@ -14,6 +14,8 @@ function onStationData(data) {
document.getElementById('date').textContent = data.date document.getElementById('date').textContent = data.date
document.getElementById('loading').classList.add('hidden')
/** /**
* @param {HTMLElement} elem * @param {HTMLElement} elem
* @param {any[]} trains * @param {any[]} trains

View file

@ -23,6 +23,10 @@
<p class="sec" id="date"></p> <p class="sec" id="date"></p>
</div> </div>
<div id="loading" class="content">
<p class="pri">Loading data...</p>
</div>
<div id="group-choice" class="content hidden"> <div id="group-choice" class="content hidden">
</div> </div>

View file

@ -22,6 +22,8 @@ function onTrainData(data) {
document.getElementById('company').textContent = data.operator document.getElementById('company').textContent = data.operator
document.getElementById('date').textContent = data.date document.getElementById('date').textContent = data.date
document.getElementById('loading').classList.add('hidden')
var group = null; var group = null;
if (data.groups.length > 1 && groupIndex == null) { if (data.groups.length > 1 && groupIndex == null) {
document.getElementById('group-choice').classList.remove('hidden') document.getElementById('group-choice').classList.remove('hidden')