Project

General

Profile

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

haketilo / html / display-panel.html @ a43c3fe2

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
    <link type="text/css" rel="stylesheet" href="reset.css" />
11
    <link type="text/css" rel="stylesheet" href="base.css" />
12
    <style>
13
      body {
14
	  width: 300px;
15
	  height: 300px;
16
      }
17

    
18
      ul {
19
	  padding-inline-start: 15px;
20
      }
21

    
22
      .bold {
23
	  font-weight: bold;
24
      }
25

    
26
      .unroll_chbx:not(:checked)+*+label span.triangle:first-child+span.triangle,
27
      .unroll_chbx:checked+*+label span.triangle:first-child,
28
      .unroll_chbx:not(:checked)+*,
29
      .unroll_chbx:not(:checked)+*+label+* {
30
	  display: none;
31
      }
32

    
33
      #container_for_injected>#none_injected:not(:last-child) {
34
	  display: none;
35
      }
36
    </style>
37
  </head>
38
  <body>
39
    <template>
40
      <li id="pattern_li">
41
	<span></span>
42
	<button>View in settings</button>
43
      </li>
44
      <li id="query_match_li" class="queried_pattern_match" data-template="li">
45
	<div>
46
	  <span>pattern:</span>
47
	  <span class="bold" data-template="pattern"></span>
48
	  <button data-template="btn">Install</button>
49
	</div>
50
	<div id="unrollable_component" data-template="unroll_container">
51
	  <span data-template="component_label">payload:</span>
52
	  <input type="checkbox" class="unroll_chbx" data-template="chbx"></input>
53
	  <br data-template="br"/>
54
	  <label class="bold" data-template="lbl">
55
	    <span data-template="triangle">
56
	      <span class="triangle">&#x23F5;</span>
57
	      <span class="triangle">&#x23F7;</span>
58
	    </span>
59
	    <span data-template="component"></span>
60
	  </label>
61
	  <div data-template="unroll"></div>
62
	</div>
63
      </li>
64
    </template>
65

    
66
    <input id="show_install_view_chbx" type="checkbox" class="show_hide_next2"></input>
67
    <div id="install_view">
68
      <IMPORT html/import_frame.html />
69
      <!--
70
	  <div id="install_status"></div>
71
	  <label for="show_install_chbx" class="bold">Cancel install</label>
72
	  <button id="commit_install_but">Commit install</button>
73
      -->
74
    </div>
75
    <div id="main_view">
76
      <h2 id="page_url_heading"></h2>
77

    
78
      <input id="show_privileged_notice_chbx" type="checkbox" class="show_next"></input>
79
      <h3>Privileged page</h3>
80

    
81
      <input id="show_page_state_chbx" type="checkbox" class="show_next"></input>
82
      <div>
83
	<input id="possible_patterns_chbx" type="checkbox" class="unroll_chbx"></input>
84
	<span></span>
85
	<label for="possible_patterns_chbx">
86
	  <h3>
87
	    <span class="triangle">&#x23F5;</span>
88
	    <span class="triangle">&#x23F7;</span>
89
	    Possible patterns
90
	  </h3>
91
	</label>
92
	<ul id="possible_patterns"></ul>
93

    
94
	<input id="connected_chbx" type="checkbox" class="show_hide_next2"></input>
95
	<div>
96
	  Matched pattern: <span id="pattern" class="bold">...</span>
97
	  <button id="view_pattern" class="hide">
98
	    View in settings
99
	  </button>
100
	  <br/>
101
	  Blocked: <span id="blocked" class="bold">...</span>
102
	  <br/>
103
	  Payload: <span id="payload" class="bold">...</span>
104
	  <button id="view_payload" class="hide">
105
	    View in settings
106
	  </button>
107
	  <h3>Injected</h3>
108
	  <div id="container_for_injected">
109
	    <span id="none_injected">None</span>
110
	  </div>
111
	  <input id="query_started_chbx" type="checkbox" class="show_hide_next2"></input>
112
	  <div id="container_for_repo_responses">
113
	    <h3>Queried from repositories</h3>
114
	  </div>
115
	  <button id="query_pattern">
116
	    Search for matching patterns
117
	  </button>
118
	</div>
119
	<h3>Trying to connect..<input id="loading_chbx" type="checkbox" class="show_next"></input><span>.</span></h3>
120
      </div>
121

    
122
      <button id="settings_but" type="button" style="margin-top: 20px;">Settings</button>
123
    </div>_POPUPSCRIPTS_
124
  </body>
125
</html>
(3-3/9)