From a55a4500ee8262d4c9c50d7c769ebc8cb742bb93 Mon Sep 17 00:00:00 2001
From: Florrie <towerofnix@gmail.com>
Date: Sat, 23 Mar 2019 19:25:26 -0300
Subject: Rule Scope

---
 extension/popup/index.html | 31 +++++++++++++++++++++++--------
 1 file changed, 23 insertions(+), 8 deletions(-)

(limited to 'extension/popup/index.html')

diff --git a/extension/popup/index.html b/extension/popup/index.html
index 7a9e920..fe03bff 100644
--- a/extension/popup/index.html
+++ b/extension/popup/index.html
@@ -9,16 +9,31 @@
         <div class="screen visible" id="loading-screen">
             <p>Loading...</p>
         </div>
-        <div class="screen" id="main-screen">
-            <h1 id="hostname"></h1>
-            <h2>Tracks</h2>
-            <ul id="track-list"></ul>
-            <h1>General Settings</h1>
-            <p><label><input id="disable-everywhere" type="checkbox"> Disable everywhere for now?</label></p>
+        <div class="screen has-sidebar" id="main-screen">
+            <div class="sidebar">
+                <h1>Rules</h1>
+                <h2>Applies on this page:</h2>
+                <ul id="rules-on-this-page"></ul>
+                <h2>All rules:</h2>
+                <ul id="all-rules"></ul>
+            </div>
+            <div class="content">
+                <div class="content-screen" id="rule-content">
+                    <h1 id="hostname"></h1>
+                    <p>(Applies to: <span id="wildcard-representation">*</span>)</p>
+                    <h2>Tracks</h2>
+                    <ul id="track-list"></ul>
+                    <h1>General Settings</h1>
+                    <p><label><input id="disable-everywhere" type="checkbox"> Disable everywhere for now?</label></p>
+                </div>
+                <div class="content-screen visible" id="no-rule-content">
+                    <p>No rule selected. Please select or create one!</p>
+                </div>
+            </div>
         </div>
         <div class="screen" id="invalid-host-screen">
-            <p>Sorry, this page doesn't appear to have a hostname. We can't configure music here.</p>
+            <p>Sorry, this page doesn't appear to have a hostname.<br>We can't configure music here.</p>
         </div>
-        <script src="main.js"></script>
+        <script type="module" src="main.js"></script>
     </body>
 </html>
-- 
cgit 1.3.0-6-gf8a5