forked from SunboX/FxStumbler
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
105 lines (105 loc) · 5.31 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta http-equiv="pragma" content="no-cache"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>FxStumbler</title>
<script defer src="build/build.js"></script>
<link rel='stylesheet' href='build/style.css' type='text/css' />
<link rel="prefetch" type="application/l10n" href="locales/locales.ini" />
</head>
<body class="">
<section id="sectionMain">
<h1 data-target="main">FxStumbler</h1>
<section id="main">
<button type="button" id="mobile" data-l10n-id="getInfos">Get infos</button>
<button type="button" id="monitor" data-state="stopped" data-l10n-id="monitoringStart">Start monitoring</button>
<button type="button" id="search" data-l10n-id="getPosition"></button>
</section>
<h2 data-target="storage"><span data-l10n-id="storageTitle">Storage</span> (<span id="nbItems"></span> <span data-l10n-id="storageTitleEnd">items</span>)</h2>
<section id="storage" class="hidden">
<button type="button" id="displayStorage" data-l10n-id="storageDisplay">Display</button>
<button type="button" id="displayMap" data-l10n-id="storageDisplayMap">Display on map</button>
<button type="button" id="displayStats" data-l10n-id="storageStats"></button>
<button type="button" id="sendStorage" data-l10n-id="storageSend">Send</button>
<button type="button" id="clearStorage" data-l10n-id="storageClear">Clear</button>
</section>
<h2 data-target="options" data-l10n-id="options">Options</h2>
<section id="options" class="hidden">
<fieldset>
<legend data-l10n-id="geolocType">Geoloc:</legend>
<label><input type="radio" name="geoloc" value="GPS" checked /><span data-l10n-id="geolocGps"/>GPS</span></label>
<label><input type="radio" name="geoloc" value="Ask" /><span data-l10n-id="geolocAsk"/>Ask</span></label>
</fieldset>
<fieldset>
<legend data-l10n-id="action">Action:</legend>
<label><input type="radio" name="action" value="send" checked /><span data-l10n-id="actionSend"/>Send</span></label>
<label><input type="radio" name="action" value="store" /><span data-l10n-id="actionStore"/>Store</span></label>
<label><input type="radio" name="action" value="nothing" /><span data-l10n-id="actionNone"/>Nothing</span></label>
</fieldset>
<fieldset>
<label for="username" data-l10n-id="userName">Username: <input type="text" name="username" /></label>
</fieldset>
<fieldset>
<legend data-l10n-id="logLevel">Log level</legend>
<fieldset class="inline text">
<select id="settingsLogLevel">
<option value="debug" data-l10n-id="logLevelDebug">Debug</option>
<option value="info" data-l10n-id="logLevelInfo">Info</option>
<option value="warning" data-l10n-id="logLevelWarning">Warning</option>
<option value="error" data-l10n-id="logLevelError">Error</option>
</select>
</fieldset>
</fieldset>
<fieldset>
<legend data-l10n-id="lang">Lang</legend>
<fieldset class="inline text">
<select id="settingsLang">
<option value="en-US" data-l10n-id="langEnglish"></option>
<option value="fr" data-l10n-id="langFrench"></option>
</select>
</fieldset>
</fieldset>
<fieldset>
<legend data-l10n-id="accuracy">Ignore if less accurate than</legend>
<p>
<input id="accuracy" type="range" min="5" max="200" step="5" value="50" />
<span id="accuracyValue"></span>m
</p>
</fieldset>
<fieldset>
<legend data-l10n-id="distance">Minimum distance between measures</legend>
<p>
<input id="delta" type="range" min="1" max="50" step="1" value="10" />
<span id="deltaValue"></span>m
</p>
</fieldset>
<fieldset>
<legend data-l10n-id="mapType"></legend>
<label><input type="radio" name="mapType" value="compact" checked /><span data-l10n-id="mapTypeCompact"/></span></label>
<label><input type="radio" name="mapType" value="full" /><span data-l10n-id="mapTypeFull"/></span></label>
</fieldset>
<h3 data-target="optionsGeoloc" data-l10n-id="geolocOptions">Geoloc</h3>
<section id="optionsGeoloc" class="hidden">
<p><label data-l10n-id="geolocAccuracy">High Accuracy <input type="checkbox" checked id="geoAccur"/></label></p>
<p><label data-l10n-id="geolocTimeout">Timeout <input type="text" value="60000" id="geoTo"/></label></p>
<p><label data-l10n-id="geolocAge">Maximum age <input type="text" value="0" id="geoMax"/></label></p>
</section>
</section>
<h2 data-target="logs" data-l10n-id="logs">Logs</h2>
<section id="logs" class="hidden">
<button type="button" id="clearLogs" data-l10n-id="logsClear">Clear logs</button>
<p>
<pre id="result"></pre>
</p>
</section>
</section>
<section id="sectionMap" class="hidden">
<div id="map"></div>
<div>
<button type="button" id="mapBack" data-l10n-id="mapBack"></button>
</div>
</section>
</body>
</html>