swlogview/index.html at master · fredowski/swlogview · GitHub

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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<html>
<!-- Copyright 2022 Friedrich Beckmann
     This program is free software: you can redistribute it and/or modify
     it under the terms of the GNU General Public License as published by
     the Free Software Foundation, either version 3 of the License, or
     (at your option) any later version. -->
<head>
<link rel="stylesheet" href="sw.css">
</head>
<body>
<section ondrop="handle_ondrop(event)" ondragover="handle_dragover(event)" ondragenter="handle_dragenter(event)">
<h1>SearchWing Ardupilot Logviewer</h1>
<table class="viewcontrol">
     <tr>
          <td>
               <p> Drag&Drop your dataflash *.bin file here!
                    <input type="file" id="files" name="file" accept=".bin,.BIN" onchange="handle_onfilechange(event)">
                    </input>
               </p>
          </td>
          <td onclick="upload_click()">
               <p>Upload Form</p>
          </td>
     </tr>
</table>
</section>

<section id="analyzepage" style="display:none">
<div id="overview">
     <table>
          <tr>
               <td>Logging Start</td>
               <td id="logstart">-</td>
          </tr>
          <tr>
               <td><a href="https://ardupilot.org/plane/docs/logmessages.html#acc">Logging Duration</a></td>
               <td id="logduration">-</td>
          </tr>
          <tr>
               <td>Distance</td>
               <td id="distance">- km</td>
          </tr>
          <tr>
               <td>Max Altitude Difference</td>
               <td id="maxaltdiff">- m</td>
          </tr>
          <tr>
               <td>Flight time</td>
               <td id="flighttime">-</td>
          </tr>
          <tr>
               <td>Average Speed</td>
               <td id="avgspeed">- km/h</td>
          </tr>
          <tr>
               <td>Maximum Speed</td>
               <td id="maxspeed">- km/h</td>
          </tr>
          <tr>
               <td>Maximum Speed Up</td>
               <td id="maxupspeed">- km/h</td>
          </tr>
          <tr>
               <td>Maximum Speed Down</td>
               <td id="maxdownspeed">- km/h</td>
          </tr>
     </table>
</div>

<div id="map"></div>

<nav>
<ul id="msglist">
<!-- The item tree will be build here -->
</ul>
</nav>
<plot>
<div id="plot"></div>
</plot>

<table>
<tr>
     <th>y</th>
     <th>y2</th>
     <th></th>
     <th>y3</th>
     <th>y4</th>
</tr>
<tr>
     <td ondrop="axis_drop(event)" ondragover="axis_dragover(event)">
          <div id="y" class="axis"></div>
     </td>
     <td ondrop="axis_drop(event)" ondragover="axis_dragover(event)">
          <div id="y2" class="axis"></div>
     </td>
     <td ondrop="delete_trace(event)" ondragover="axis_dragover(event)" style="width:300px; text-align:center; vertical-align: center;">
          Delete
     </td>
     <td ondrop="axis_drop(event)" ondragover="axis_dragover(event)">
          <div id="y3" class="axis"></div>
     </td>
     <td ondrop="axis_drop(event)" ondragover="axis_dragover(event)">
          <div id="y4" class="axis"></div>
     </td>
</tr>
</table>

</section>

<section id="uploadpage" style="display:none">
<form>
     Select image to upload:
     <input type="file" name="fileToUpload" id="fileToUpload">
     <input type="text" name="ulLocation" id="ulLocation">
     <input type="button" value="Send" name="ulSend" onclick="on_ulSend()">
     <input type="button" value="Cancel" name="ulCancel">
     <input type="submit" value="Upload Image" name="submit">
</form>
</section>
</body>

<script type="text/javascript" src="dataflash.js"></script>
<script type="text/javascript" src="navbar.js"></script>
<script type="text/javascript" src="plotly-2.14.0.min.js"></script>
<script type="text/javascript" src="map.js"></script>
<script type="text/javascript" src="main.js"></script>
<script>
</script>
</body>
</html>