summaryrefslogtreecommitdiff
path: root/html/display-panel.html
diff options
context:
space:
mode:
Diffstat (limited to 'html/display-panel.html')
-rw-r--r--html/display-panel.html122
1 files changed, 76 insertions, 46 deletions
diff --git a/html/display-panel.html b/html/display-panel.html
index 9b6d619..1b9c77b 100644
--- a/html/display-panel.html
+++ b/html/display-panel.html
@@ -7,37 +7,31 @@
<head>
<meta charset="utf-8"/>
<title>Hachette - page settings</title>
+ <link type="text/css" rel="stylesheet" href="base.css" />
<style>
- input[type="radio"], input[type="checkbox"] {
- display: none;
- }
-
body {
width: 300px;
height: 300px;
}
- .show_next:not(:checked)+* {
- display: none;
+ ul {
+ padding-inline-start: 15px;
}
- .hide {
- display: none;
+ .bold {
+ font-weight: bold;
}
- #possible_patterns_chbx:not(:checked)+label span#triangle:first-child+span,
- #possible_patterns_chbx:not(:checked)+label+*,
- #possible_patterns_chbx:checked+label span#triangle:first-child {
+ .unroll_chbx:not(:checked)+*+label span.triangle:first-child+span.triangle,
+ .unroll_chbx:checked+*+label span.triangle:first-child,
+ .unroll_chbx:not(:checked)+*,
+ .unroll_chbx:not(:checked)+*+label+* {
display: none;
}
#container_for_injected>#none_injected:not(:last-child) {
display: none;
}
-
- input#connected_chbx:checked+div+h3 {
- display: none;
- }
</style>
</head>
<body>
@@ -47,49 +41,85 @@
<span></span>
<button>View in settings</button>
</li>
+ <li id="query_match_li_template" class="queried_pattern_match" data-template="li">
+ <div>
+ <span>pattern:</span>
+ <span class="bold" data-template="pattern"></span>
+ <button data-template="btn">Install</button>
+ </div>
+ <div id="unrollable_component_template" data-template="unroll_container">
+ <span data-template="component_label">payload:</span>
+ <input type="checkbox" class="unroll_chbx" data-template="chbx"></input>
+ <br data-template="br"/>
+ <label class="bold" data-template="lbl">
+ <span data-template="triangle">
+ <span class="triangle">&#x23F5;</span>
+ <span class="triangle">&#x23F7;</span>
+ </span>
+ <span data-template="component"></span>
+ </label>
+ <div data-template="unroll"></div>
+ </div>
+ </li>
</div>
- <h2 id="page_url_heading"></h2>
-
- <input id="show_privileged_notice_chbx" type="checkbox" class="show_next"></input>
- <h3>Privileged page</h3>
+ <input id="show_install_view_chbx" type="checkbox" class="show_hide_next2"></input>
+ <div id="install_view">
+ <IMPORT html/import_frame.html />
+ <!--
+ <div id="install_status"></div>
+ <label for="show_install_chbx" class="bold">Cancel install</label>
+ <button id="commit_install_but">Commit install</button>
+ -->
+ </div>
+ <div id="main_view">
+ <h2 id="page_url_heading"></h2>
- <input id="show_page_state_chbx" type="checkbox" class="show_next"></input>
- <div>
- <input id="possible_patterns_chbx" type="checkbox"></input>
- <label for="possible_patterns_chbx">
- <h3>
- <span id="triangle">&#x23F5;</span><span>&#x23F7;</span>
- Possible patterns
- </h3>
- </label>
- <ul id="possible_patterns"></ul>
+ <input id="show_privileged_notice_chbx" type="checkbox" class="show_next"></input>
+ <h3>Privileged page</h3>
- <input id="connected_chbx" type="checkbox" class="show_next"></input>
+ <input id="show_page_state_chbx" type="checkbox" class="show_next"></input>
<div>
- <h3>
- Matched pattern: <span id="pattern">...</span>
+ <input id="possible_patterns_chbx" type="checkbox" class="unroll_chbx"></input>
+ <span></span>
+ <label for="possible_patterns_chbx">
+ <h3>
+ <span class="triangle">&#x23F5;</span>
+ <span class="triangle">&#x23F7;</span>
+ Possible patterns
+ </h3>
+ </label>
+ <ul id="possible_patterns"></ul>
+
+ <input id="connected_chbx" type="checkbox" class="show_hide_next2"></input>
+ <div>
+ Matched pattern: <span id="pattern" class="bold">...</span>
<button id="view_pattern" class="hide">
- View in settings
+ View in settings
</button>
- </h3>
- <h3>
- Blocked: <span id="blocked">...</span>
- </h3>
- <h3>
- Payload: <span id="payload">...</span>
+ <br/>
+ Blocked: <span id="blocked" class="bold">...</span>
+ <br/>
+ Payload: <span id="payload" class="bold">...</span>
<button id="view_payload" class="hide">
View in settings
</button>
- </h3>
- <h3>Injected</h3>
- <div id="container_for_injected">
- <span id="none_injected">None</span>
+ <h3>Injected</h3>
+ <div id="container_for_injected">
+ <span id="none_injected">None</span>
+ </div>
+ <input id="query_started_chbx" type="checkbox" class="show_hide_next2"></input>
+ <div id="container_for_repo_responses">
+ <h3>Queried from repositories</h3>
+ </div>
+ <button id="query_pattern">
+ Search for matching patterns
+ </button>
</div>
+ <h3>Trying to connect..<input id="loading_chbx" type="checkbox" class="show_next"></input><span>.</span></h3>
</div>
- <h3>Trying to connect..<input id="loading_chbx" type="checkbox" class="show_next"></input><span>.</span></h3>
- </div>
- <button id="settings_but" type="button" style="margin-top: 20px;">Settings</button>_POPUPSCRIPTS_
+ <button id="settings_but" type="button" style="margin-top: 20px;">Settings</button>
+ </div>_POPUPSCRIPTS_
</body>
</html>