diff --git a/base.css b/base.css
index adf600f..209f80d 100644
--- a/base.css
+++ b/base.css
@@ -36,6 +36,12 @@ body {
display: none;
}
+#loading {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
footer {
margin-top: auto;
display: flex;
diff --git a/sw.js b/sw.js
index 9a75023..a0b1af0 100755
--- a/sw.js
+++ b/sw.js
@@ -1,4 +1,4 @@
-const VERSION = 'v8'
+const VERSION = 'v9'
const API_ORIGIN = 'https://scraper.infotren.dcdev.ro/'
const API_TRAINS = `${API_ORIGIN}v3/trains`
const API_STATIONS = `${API_ORIGIN}v3/stations`
diff --git a/view-station.html b/view-station.html
index 7355415..2fc8bda 100644
--- a/view-station.html
+++ b/view-station.html
@@ -29,6 +29,10 @@
Departures
+
+
diff --git a/view-station.js b/view-station.js
index c387956..2823abc 100644
--- a/view-station.js
+++ b/view-station.js
@@ -14,6 +14,8 @@ function onStationData(data) {
document.getElementById('date').textContent = data.date
+ document.getElementById('loading').classList.add('hidden')
+
/**
* @param {HTMLElement} elem
* @param {any[]} trains
diff --git a/view-train.html b/view-train.html
index 97c4bd7..bd366f3 100644
--- a/view-train.html
+++ b/view-train.html
@@ -23,6 +23,10 @@
+
+
diff --git a/view-train.js b/view-train.js
index 825577a..f35ac2e 100755
--- a/view-train.js
+++ b/view-train.js
@@ -22,6 +22,8 @@ function onTrainData(data) {
document.getElementById('company').textContent = data.operator
document.getElementById('date').textContent = data.date
+ document.getElementById('loading').classList.add('hidden')
+
var group = null;
if (data.groups.length > 1 && groupIndex == null) {
document.getElementById('group-choice').classList.remove('hidden')