Mercurial > hg > batmud > maputils

annotate www/search.html @ 1793:e65dde84a6a8

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Various improvements to the front-end code.
author Matti Hamalainen <ccr@tnsp.org>
date Sun, 29 Oct 2017 18:36:39 +0200
parents 6ee732cab6ae
children 3ba29e3fa63d
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
1788
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
1 <!DOCTYPE html>
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
2 <html lang="en">
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
3 <head>
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
4 <meta charset="utf-8">
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
5 <title>Map search</title>
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
6 <script type="text/javascript" src="search.js"></script>
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
7 <style type="text/css">
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
8 #error {
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
9 font-size: 2em;
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
10 text-align: center;
1791
6ee732cab6ae Minor CSS changes for the search test page.
Matti Hamalainen <ccr@tnsp.org>
parents: 1788
diff changeset
11 color: red;
6ee732cab6ae Minor CSS changes for the search test page.
Matti Hamalainen <ccr@tnsp.org>
parents: 1788
diff changeset
12 background: black;
6ee732cab6ae Minor CSS changes for the search test page.
Matti Hamalainen <ccr@tnsp.org>
parents: 1788
diff changeset
13 padding: 1em;
1788
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
14 }
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
15
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
16 h1 {
1791
6ee732cab6ae Minor CSS changes for the search test page.
Matti Hamalainen <ccr@tnsp.org>
parents: 1788
diff changeset
17 font-size: 1.3em;
6ee732cab6ae Minor CSS changes for the search test page.
Matti Hamalainen <ccr@tnsp.org>
parents: 1788
diff changeset
18 margin: 0.2em;
1788
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
19 }
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
20
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
21 h2 {
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
22 font-size: 0.75em;
1791
6ee732cab6ae Minor CSS changes for the search test page.
Matti Hamalainen <ccr@tnsp.org>
parents: 1788
diff changeset
23 margin: 0.2em;
1788
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
24 }
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
25
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
26 #searchBox, #resultsBox {
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
27 background: #eee;
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
28 display: inline-block;
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
29 vertical-align: top;
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
30 width: 35%;
1791
6ee732cab6ae Minor CSS changes for the search test page.
Matti Hamalainen <ccr@tnsp.org>
parents: 1788
diff changeset
31 border-radius:0.3em;
1788
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
32 padding: 0.5em;
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
33 }
1793
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
34
1788
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
35 #resultsBox {
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
36 width: 60%;
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
37 height: 100%;
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
38 margin: auto;
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
39 }
1793
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
40
1791
6ee732cab6ae Minor CSS changes for the search test page.
Matti Hamalainen <ccr@tnsp.org>
parents: 1788
diff changeset
41 #logBox {
6ee732cab6ae Minor CSS changes for the search test page.
Matti Hamalainen <ccr@tnsp.org>
parents: 1788
diff changeset
42 display: inline-block;
6ee732cab6ae Minor CSS changes for the search test page.
Matti Hamalainen <ccr@tnsp.org>
parents: 1788
diff changeset
43 vertical-align: top;
6ee732cab6ae Minor CSS changes for the search test page.
Matti Hamalainen <ccr@tnsp.org>
parents: 1788
diff changeset
44 padding: 0.5em;
6ee732cab6ae Minor CSS changes for the search test page.
Matti Hamalainen <ccr@tnsp.org>
parents: 1788
diff changeset
45 margin-top: 0.5em;
6ee732cab6ae Minor CSS changes for the search test page.
Matti Hamalainen <ccr@tnsp.org>
parents: 1788
diff changeset
46 }
1793
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
47
1788
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
48 #controls {
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
49 text-align: right;
1793
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
50 }
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
51
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
52 #controls button {
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
53 padding-left: 1em;
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
54 padding-right: 1em;
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
55 padding-top: 0.5em;
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
56 padding-bottom: 0.5em;
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
57 margin: 0.5em;
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
58 }
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
59
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
60 #mapList {
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
61 margin: 0.5em;
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
62 display: block;
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
63 }
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
64
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
65 #mapList .map + label {
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
66 display: inline;
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
67 padding: 0.25em;
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
68 margin: 0.15em;
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
69 border-radius: 0.2em;
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
70 color: black;
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
71 background: #ccc;
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
72 }
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
73
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
74 #mapList .map {
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
75 display: none;
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
76 }
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
77
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
78 #mapList .map:checked + label {
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
79 color: white;
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
80 background: green;
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
81 text-decoration: underline;
1788
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
82 }
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
83 </style>
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
84 </head>
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
85 <body onload="mapInitSearch()">
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
86
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
87 <h1>Map search</h1>
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
88
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
89 <noscript>
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
90 <div id="error">
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
91 This page requires JavaScript to be enabled to work.
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
92 </div>
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
93 </noscript>
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
94
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
95 <div id="searchBox">
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
96 <h2>Search pattern</h2>
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
97 <textarea id="pattern" cols="30" rows="15">
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
98 hhvv/vv^^^^^^^^^^^^^^
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
99 ffv/vv^^^^^^^^^^^^^^^
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
100 fv/v^^^^^^^^^^^^^^^^!
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
101 -+^^^^^^^^^^^^^^^^^!!
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
102 y^^^^^^^^^^^^^^^^!!!^
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
103 ^^^^^^^^v^^^^^^^!!HHH
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
104 ^^^^^^^^vv*^^^^^^!^^f
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
105 ^^^^^^^^^vv^^^^^^^^^H
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
106 ^^^^^^^^^^^^^^^^^^^HH
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
107 ^^^^^^^^^^^^^^^^^^HHr
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
108 ^^^^^^^^^^^^hh^^^^HH^
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
109 ^^^^^^^^^^^hh^^^^^HH^
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
110 ^^^^^^^^^hhhhvvvvHH^R
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
111 </textarea>
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
112 <div id="controls">
1793
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
113 <div id="mapList"></div>
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
114 <button id="btnMaps" type="button">C^</button>
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
115 <button class="large" id="btnReset" type="button">Reset search</button>
e65dde84a6a8 Various improvements to the front-end code.
Matti Hamalainen <ccr@tnsp.org>
parents: 1791
diff changeset
116 <button class="large" id="btnSearch" type="button">Search</button>
1788
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
117 </div>
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
118 </div>
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
119
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
120 <div id="resultsBox">
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
121 <h2>Results</h2>
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
122 <div id="results"></div>
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
123 </div>
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
124
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
125 <div id="logBox">
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
126 <h2>Log</h2>
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
127 <div id="log"></div>
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
128 </div>
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
129
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
130 </body>
6539555f00b0 Simple initial prototype HTML page for the search.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
131 </html>