From bcd073c5aa5498035175910f571a081bd52cf9be Mon Sep 17 00:00:00 2001
From: Florrie <towerofnix@gmail.com>
Date: Sun, 24 Mar 2019 12:11:41 -0300
Subject: Show loading screen while loading a rule

---
 extension/popup/index.html | 3 +++
 extension/popup/main.js    | 1 +
 extension/popup/style.css  | 2 +-
 3 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/extension/popup/index.html b/extension/popup/index.html
index c0e3974..e7d1cb9 100644
--- a/extension/popup/index.html
+++ b/extension/popup/index.html
@@ -31,6 +31,9 @@
                 <div class="content-screen visible" id="no-rule-content">
                     <p>No rule selected. Please select or create one!</p>
                 </div>
+                <div class="content-screen" id="loading-content">
+                    <p>Loading...</p>
+                </div>
             </div>
         </div>
         <div class="screen" id="invalid-host-screen">
diff --git a/extension/popup/main.js b/extension/popup/main.js
index b9d9201..d5beeee 100644
--- a/extension/popup/main.js
+++ b/extension/popup/main.js
@@ -420,6 +420,7 @@ Promise.all([
         return browser.storage.sync.get('siteSettings').then(({siteSettings}) => loadRuleList({
             tab, siteSettings,
             selectRule: rule => {
+                changeContentScreen('loading-content');
                 return loadRuleScreen({
                     rule, tab,
                     saveRule: () => {
diff --git a/extension/popup/style.css b/extension/popup/style.css
index b9c8571..50d1448 100644
--- a/extension/popup/style.css
+++ b/extension/popup/style.css
@@ -146,7 +146,7 @@ h1 {
     display: none;
 }
 
-#loading-screen p, #invalid-host-screen, #no-rule-content {
+#loading-screen, #invalid-host-screen, #no-rule-content, #loading-content {
     text-align: center;
     font-style: italic;
 }
-- 
cgit 1.3.0-6-gf8a5