From 3bf66645051f259c383a8282e955725414782ca3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stephan=20B=C3=B6sch-Plepelits?= <skunk@xover.mud.at>
Date: Tue, 12 Sep 2017 21:43:42 +0200
Subject: [PATCH] Wikipedia: loading spinner

---
 src/wikipedia.js | 5 +++++
 style.css        | 8 ++++++++
 2 files changed, 13 insertions(+)

diff --git a/src/wikipedia.js b/src/wikipedia.js
index f50aeb2a..cdcdc00a 100644
--- a/src/wikipedia.js
+++ b/src/wikipedia.js
@@ -74,6 +74,11 @@ register_hook('show-details', function (data, category, dom, callback) {
   block.className = 'loading'
   dom.appendChild(block)
 
+  var l = document.createElement('div')
+  l.innerHTML = '<i class="fa fa-spinner fa-pulse fa-fw"></i><span class="sr-only">Loading...</span>'
+  l.className = 'loadingIndicator'
+  block.appendChild(l)
+
   var h = document.createElement('h3')
   h.appendChild(document.createTextNode(lang('tag:wikipedia')))
   block.appendChild(h)
diff --git a/style.css b/style.css
index 8bc28b8f..1431152f 100644
--- a/style.css
+++ b/style.css
@@ -488,3 +488,11 @@ a.showDetails {
 .leaflet-popup-content ul > li > .key {
   font-weight: bold;
 }
+
+#contentDetails div > .loadingIndicator {
+  display: none;
+}
+#contentDetails div.loading > .loadingIndicator {
+  float: right;
+  display: block;
+}