diff options
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> |