put everything in a single file (9712569a) · Commits · Elphel / elphel-apps-gps

src/read_imu_log.html

deleted100644 → 0

+0 −69

Original line number	Original line	Diff line number	Diff line
	<!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:
	<span title='External device'>EXT
	<input id='filter_6' type='checkbox' checked onchange='getRqStr()'>
	</span>
	<span title='Image trigger signal'>IMG
	<input id='filter_5' type='checkbox' checked onchange='getRqStr()'>
	</span>
	<span title='IMU'>IMU
	<input id='filter_4' type='checkbox' checked onchange='getRqStr()'>
	</span>
	<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>  <span id='csvlink'></span></td>
	</tr>
	</table>
	</td>
	</tr>
	</table>
	<div id='results'></div>
	</body>
	</html>

src/read_imu_log.js

deleted100644 → 0

+0 −171

Original line number	Original line	Diff line number	Diff line
	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

Admin message