Project

General

Profile

Download (2.64 KB) Statistics
| Branch: | Tag: | Revision:

haketilo / html / display-panel.html @ c483ae19

1
<!doctype html>
2
<!--
3
    Copyright (C) 2021 Wojtek Kosior
4
    Redistribution terms are gathered in the `copyright' file.
5
  -->
6
<html>
7
  <head>
8
    <meta charset="utf-8"/>
9
    <title>Hachette - page settings</title>
10
    <style>
11
      input[type="radio"], input[type="checkbox"] {
12
	  display: none;
13
      }
14

    
15
      body {
16
	  width: 300px;
17
	  height: 300px;
18
      }
19

    
20
      .show_next:not(:checked)+* {
21
	  display: none;
22
      }
23

    
24
      .show_hide_next2:not(:checked)+* {
25
	  display: none;
26
      }
27

    
28
      .show_hide_next2:checked+*+* {
29
	  display: none;
30
      }
31

    
32
      .hide {
33
	  display: none;
34
      }
35

    
36
      #possible_patterns_chbx:not(:checked)+label span#triangle:first-child+span,
37
      #possible_patterns_chbx:not(:checked)+label+*,
38
      #possible_patterns_chbx:checked+label span#triangle:first-child {
39
	  display: none;
40
      }
41

    
42
      #container_for_injected>#none_injected:not(:last-child) {
43
	  display: none;
44
      }
45
    </style>
46
  </head>
47
  <body>
48
    <!-- The invisible div below is for elements that will be cloned. -->
49
    <div class="hide">
50
      <li id="pattern_li_template">
51
	<span></span>
52
	<button>View in settings</button>
53
      </li>
54
    </div>
55

    
56
    <h2 id="page_url_heading"></h2>
57

    
58
    <input id="show_privileged_notice_chbx" type="checkbox" class="show_next"></input>
59
    <h3>Privileged page</h3>
60

    
61
    <input id="show_page_state_chbx" type="checkbox" class="show_next"></input>
62
    <div>
63
      <input id="possible_patterns_chbx" type="checkbox"></input>
64
      <label for="possible_patterns_chbx">
65
	<h3>
66
	  <span id="triangle">&#x23F5;</span><span>&#x23F7;</span>
67
	  Possible patterns
68
	</h3>
69
      </label>
70
      <ul id="possible_patterns"></ul>
71

    
72
      <input id="connected_chbx" type="checkbox" class="show_hide_next2"></input>
73
      <div>
74
	<h3>
75
	  Matched pattern: <span id="pattern">...</span>
76
	  <button id="view_pattern" class="hide">
77
	    View in settings
78
	  </button>
79
	  <input id="query_started_chbx" type="checkbox" class="show_hide_next2"></input>
80
	  <div id="container_for_repo_responses">
81
	    <h3>Queried from repositories</h3>
82
	  </div>
83
	  <button id="query_pattern">
84
	    Search for matching patterns
85
	  </button>
86
	</h3>
87
	<h3>
88
	  Blocked: <span id="blocked">...</span>
89
	</h3>
90
	<h3>
91
	  Payload: <span id="payload">...</span>
92
	  <button id="view_payload" class="hide">
93
	    View in settings
94
	  </button>
95
	</h3>
96
	<h3>Injected</h3>
97
	<div id="container_for_injected">
98
	  <span id="none_injected">None</span>
99
	</div>
100
      </div>
101
      <h3>Trying to connect..<input id="loading_chbx" type="checkbox" class="show_next"></input><span>.</span></h3>
102
    </div>
103

    
104
    <button id="settings_but" type="button" style="margin-top: 20px;">Settings</button>_POPUPSCRIPTS_
105
  </body>
106
</html>
(1-1/4)