Project

General

Profile

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

haketilo / html / display-panel.html @ 826b4fd8

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="base.css" />
11
    <style>
12
      body {
13
	  width: 300px;
14
	  height: 300px;
15
      }
16

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

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

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

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

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

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

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

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

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