aboutsummaryrefslogtreecommitdiff
path: root/html/display-panel.html
blob: 1b9c77b91e62464f4710b3a4a7bef78ecc0e1d85 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!doctype html>
<!--
    Copyright (C) 2021 Wojtek Kosior
    Redistribution terms are gathered in the `copyright' file.
  -->
<html>
  <head>
    <meta charset="utf-8"/>
    <title>Hachette - page settings</title>
    <link type="text/css" rel="stylesheet" href="base.css" />
    <style>
      body {
	  width: 300px;
	  height: 300px;
      }

      ul {
	  padding-inline-start: 15px;
      }

      .bold {
	  font-weight: bold;
      }

      .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;
      }
    </style>
  </head>
  <body>
    <!-- The invisible div below is for elements that will be cloned. -->
    <div class="hide">
      <li id="pattern_li_template">
	<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>

    <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_privileged_notice_chbx" type="checkbox" class="show_next"></input>
      <h3>Privileged page</h3>

      <input id="show_page_state_chbx" type="checkbox" class="show_next"></input>
      <div>
	<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
	  </button>
	  <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>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>

      <button id="settings_but" type="button" style="margin-top: 20px;">Settings</button>
    </div>_POPUPSCRIPTS_
  </body>
</html>