read imu log interface

5dc78a30 · Oleg Dzhimiev · 9a7461bc · 5dc78a30 · 5dc78a30 · 5dc78a30
Commit 5dc78a30 authored Nov 12, 2016 by Oleg Dzhimiev
Showing with 387 additions and 114 deletions

Makefile src/Makefile +2 -0

read_imu_log.html src/read_imu_log.html +69 -0

read_imu_log.js src/read_imu_log.js +171 -0

read_imu_log.php src/read_imu_log.php +145 -114

No files found.
--- a/src/Makefile
+++ b/src/Makefile
@@ -14,6 +14,7 @@ SRCS =      nmea2exif.c log_imu.c
 OBJS =      nmea2exif.o
 PHPSCRIPTS= start_gps_compass.php
 PHPWEB=     logger_launcher.php imu_setup.php read_imu_log.php
+WEB=        read_imu_log.html read_imu_log.js

 CFLAGS   += -Wall -I$(STAGING_DIR_HOST)/usr/include-uapi
 LDLIBS   += -lm
@@ -33,6 +34,7 @@ install:	$(PROGS)
 	$(INSTALL) -m $(INSTMODE) -o $(INSTOWNER) -g $(INSTGROUP) $(PROGS) $(DESTDIR)$(BINDIR)
 	$(INSTALL) -m $(INSTMODE) -o $(INSTOWNER) -g $(INSTGROUP) $(PHPSCRIPTS) $(DESTDIR)$(BINDIR)
 	$(INSTALL) -o $(INSTOWNER) -m $(INSTDOCS) $(PHPWEB)  $(DESTDIR)$(WWW_PAGES)
+	$(INSTALL) -o $(INSTOWNER) -m $(INSTDOCS) $(WEB)  $(DESTDIR)$(WWW_PAGES)
 	$(INSTALL) $(OWN)-d $(DESTDIR)$(VARHTML)
 	$(LN) -sf $(VARHTML) $(DESTDIR)$(WWW_PAGES)var
 	$(INSTALL) $(OWN)-d $(DESTDIR)$(CONFDIR)

--- a/src/read_imu_log.html
+++ b/src/read_imu_log.html
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8"/>
+    <meta name="author" content="?"/>
+    <script src="read_imu_log.js"></script>
+    <style>
+    #results td{
+      padding:0px 10px;
+    }
+    #results{
+      font-size:14px;
+    }
+    
+    #controls{
+      background: rgba(100,200,100,0.5);
+      padding: 10px;
+    }
+    </style>
+  </head>
+  <body>
+    <table id='controls'>
+    <tr>
+      <td>
+        <table>
+        <tr>
+          <td>Filename: <input type='text' id='file' value='/home/root/imu.log' style='width:200px;' onchange='getRqStr()'></td>
+        </tr>
+        <tr>
+          <td colspan=''>Record filter:&nbsp;
+            <span title='External device'>EXT
+              <input id='filter_6' type='checkbox' checked onchange='getRqStr()'>
+            </span>&nbsp;&nbsp;
+            <span title='Image trigger signal'>IMG
+              <input id='filter_5' type='checkbox' checked onchange='getRqStr()'>
+            </span>&nbsp;&nbsp;
+            <span title='IMU'>IMU
+              <input id='filter_4' type='checkbox' checked onchange='getRqStr()'>
+            </span>&nbsp;&nbsp;
+            <span title='GPS'>GPS
+              <input id='filter_3' type='checkbox' checked onchange='getRqStr()'>
+              <input id='filter_2' type='checkbox' checked onchange='getRqStr()'>
+              <input id='filter_1' type='checkbox' checked onchange='getRqStr()'>
+              <input id='filter_0' type='checkbox' checked onchange='getRqStr()'>
+            </span>
+          </td>
+        </tr>
+        <tr>
+          <td>
+            <table>
+            <tr>
+              <td>Begin</td><td><input id='start' type='text' value='0' style='width:100px;text-align:right;' onchange='getRqStr()'></td>
+            </tr>
+            <tr>
+              <td>End</td><td><input id='end' type='text' value='5000' style='width:100px;text-align:right;' onchange='getRqStr()'></td>
+            </tr>
+            </table>
+          </td>
+        </tr>
+        <tr>
+          <td><button onclick='show()'>Show</button>&nbsp;&nbsp;<span id='csvlink'></span></td>
+        </tr>
+        </table>
+      </td>
+    </tr>
+    </table>
+    <div id='results'></div>
+  </body>
+</html>
--- a/src/read_imu_log.js
+++ b/src/read_imu_log.js
+function init(){
+  console.log("init");
+}
+
+function show(){
+  console.log("show");
+    
+  report("status: waiting for response");
+  
+  var rqstr = getRqStr();
+  
+  var request = new XMLHttpRequest();
+  request.open('GET', rqstr, true);
+
+  request.onreadystatechange = function() {
+    if (this.readyState == 4 && this.status == 200) {      
+      var resp = this.responseText;
+      report("status: parsing response");
+      clearInterval(loading_interval);
+      parse_response(resp);
+      report("<a href='"+rqstr+"'>Download in CSV format</a>");
+    }
+  };
+  
+  request.onerror = function() {
+    // There was a connection error of some sort
+  };
+  
+  loading_interval = setInterval(loading,100);
+  request.send();
+}
+
+function getRqStr(){
+  var filename = document.getElementById("file").value;
+  
+  var filter = 0;
+  for(var i=0;i<7;i++){
+    bit = (document.getElementById("filter_"+i).checked)?1:0;
+    filter += (bit<<i);
+  }
+  
+  var start = document.getElementById("start").value;
+  var end = document.getElementById("end").value;
+  
+  var n = end - start;
+  
+  if (n<0) {
+    console.log("Error: Begin > End");
+    n = 1;
+  }
+  
+  var rqstr = "read_imu_log.php?file="+filename+"&record="+start+"&nrecords="+n+"&filter="+filter;
+  
+  report("");
+  setTimeout(function(){
+    report("<a href='"+rqstr+"'>Download in CSV format</a>");
+  },100);
+  
+  return rqstr;
+}
+
+function parse_response(csv){  
+  var t = CSVToArray(csv,",");
+  
+  var result = "";
+  
+  for(var i=0;i<t.length;i++){
+    if (t[i].length>0){
+      result += "<tr>";
+      for(var j=0;j<t[i].length;j++){
+        result += "<td>"+t[i][j]+"</td>";
+      }      result += "</tr>";
+
+    }
+  }
+  document.getElementById("results").innerHTML = "<table>"+result+"</table>";
+}
+
+function report(msg){
+  document.getElementById("csvlink").innerHTML = msg;
+}
+
+var loading_interval;
+
+function loading(){
+  console.log("loading");
+}
+
+//http://stackoverflow.com/questions/1293147/javascript-code-to-parse-csv-data
+function CSVToArray( strData, strDelimiter ){
+    // Check to see if the delimiter is defined. If not,
+    // then default to comma.
+    strDelimiter = (strDelimiter || ",");
+
+    // Create a regular expression to parse the CSV values.
+    var objPattern = new RegExp(
+        (
+            // Delimiters.
+            "(\\" + strDelimiter + "|\\r?\\n|\\r|^)" +
+
+            // Quoted fields.
+            "(?:\"([^\"]*(?:\"\"[^\"]*)*)\"|" +
+
+            // Standard fields.
+            "([^\"\\" + strDelimiter + "\\r\\n]*))"
+        ),
+        "gi"
+        );
+
+
+    // Create an array to hold our data. Give the array
+    // a default empty first row.
+    var arrData = [[]];
+
+    // Create an array to hold our individual pattern
+    // matching groups.
+    var arrMatches = null;
+
+
+    // Keep looping over the regular expression matches
+    // until we can no longer find a match.
+    while (arrMatches = objPattern.exec( strData )){
+
+        // Get the delimiter that was found.
+        var strMatchedDelimiter = arrMatches[ 1 ];
+
+        // Check to see if the given delimiter has a length
+        // (is not the start of string) and if it matches
+        // field delimiter. If id does not, then we know
+        // that this delimiter is a row delimiter.
+        if (
+            strMatchedDelimiter.length &&
+            strMatchedDelimiter !== strDelimiter
+            ){
+
+            // Since we have reached a new row of data,
+            // add an empty row to our data array.
+            arrData.push( [] );
+
+        }
+
+        var strMatchedValue;
+
+        // Now that we have our delimiter out of the way,
+        // let's check to see which kind of value we
+        // captured (quoted or unquoted).
+        if (arrMatches[ 2 ]){
+
+            // We found a quoted value. When we capture
+            // this value, unescape any double quotes.
+            strMatchedValue = arrMatches[ 2 ].replace(
+                new RegExp( "\"\"", "g" ),
+                "\""
+                );
+
+        } else {
+
+            // We found a non-quoted value.
+            strMatchedValue = arrMatches[ 3 ];
+
+        }
+
+
+        // Now that we have our value string, let's add
+        // it to the data array.
+        arrData[ arrData.length - 1 ].push( strMatchedValue );
+    }
+
+    // Return the parsed data.
+    return( arrData );
+}
\ No newline at end of file
--- a/src/read_imu_log.php
+++ b/src/read_imu_log.php