From 9f5cb05532607e69d56ff26ba73e8502035aa09b Mon Sep 17 00:00:00 2001
From: Norbert Renner <norbert.renner@gmx.de>
Date: Wed, 24 Mar 2021 09:32:49 +0100
Subject: [PATCH] Show specific message type for loading

---
 js/LayersConfig.js    | 2 +-
 js/control/Message.js | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/js/LayersConfig.js b/js/LayersConfig.js
index f2e462c..c335fdf 100644
--- a/js/LayersConfig.js
+++ b/js/LayersConfig.js
@@ -174,7 +174,7 @@ BR.LayersConfig = L.Class.extend({
 
     _showOverpassLoadingIndicator: function () {
         this._overpassActiveRequestCount++;
-        this._overpassLoadingIndicator.showInfo(i18next.t('layers.overpass-loading-indicator'));
+        this._overpassLoadingIndicator.showLoading(i18next.t('layers.overpass-loading-indicator'));
     },
 
     _hideOverpassLoadingIndicator: function () {
diff --git a/js/control/Message.js b/js/control/Message.js
index 9b91109..497204f 100644
--- a/js/control/Message.js
+++ b/js/control/Message.js
@@ -24,6 +24,10 @@ BR.Message = L.Class.extend({
                 iconClass = 'fa-exclamation-triangle';
                 alertClass = 'alert-warning';
                 break;
+            case 'loading':
+                iconClass = 'fa-spinner fa-pulse';
+                alertClass = 'alert-secondary';
+                break;
             default:
             case 'info':
                 iconClass = 'fa-info-circle';
@@ -83,6 +87,10 @@ BR.Message = L.Class.extend({
     showInfo: function (msg) {
         this._show(msg, 'info');
     },
+
+    showLoading: function (msg) {
+        this._show(msg, 'loading');
+    },
 });
 
 // static instance as global control