diff options
author | Florrie <towerofnix@gmail.com> | 2019-03-23 19:25:26 -0300 |
---|---|---|
committer | Florrie <towerofnix@gmail.com> | 2019-03-23 19:25:26 -0300 |
commit | a55a4500ee8262d4c9c50d7c769ebc8cb742bb93 (patch) | |
tree | c9811aa397282453888e1e747c3c028c5262c6af /extension/popup/index.html | |
parent | e03b677b1d92ee7a0b139c23cb8076c44770e903 (diff) |
Rule Scope
Diffstat (limited to 'extension/popup/index.html')
-rw-r--r-- | extension/popup/index.html | 31 |
1 files changed, 23 insertions, 8 deletions
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> |