reporting page

Former-commit-id: 3685153491fb72c33eaf18c1e0b6331be31dd85e

html_src/_start.php

@@ -9,6 +9,7 @@
 		'waveform'    => [ $prod ? '/waveform' : '/page_waveform.php',      'Waveform'      ],
 	    'fft'         => [ $prod ? '/fft' : '/page_fft.php',                'FFT'           ],
 	 	'spectrogram' => [ $prod ? '/spectrogram' : '/page_spectrogram.php','Spectrogram'   ],
+		'monitoring'  => [ $prod ? '/monitoring' : '/page_monitoring.php',  'Monitoring'    ],
 	// 	'transient'   => [ '/transient',   'Power-on transient' ],
 	    'about'       => [ $prod ? '/about' : '/page_about.php',        'About'              ],
 	];

html_src/gulpfile.js

@@ -5,7 +5,7 @@ elixir.config.css.autoprefix.options.browsers = ["> 2.5% in CZ"];
 elixir.config.css.autoprefix.options.flexbox = "no-2009";
 elixir.config.css.cssnano.pluginOptions.discardComments = {removeAll: true};
 elixir.config.css.cssnano.pluginOptions.colormin = false;
-elixir.config.js.uglify.options.compress.drop_console = false;
+//elixir.config.js.uglify.options.compress.drop_console = false;
 
 // var info = autoprefixer(elixir.config.css.autoprefix).info();
 // console.log(info);

html_src/node_modules.tar.REMOVED.git-id

@@ -0,0 +1 @@
+0648559aed5a9ec1d478b445839bdb807ced7fc5

html_src/package.json

@@ -0,0 +1,7 @@
+{
+  "private": true,
+  "dependencies": {
+    "laravel-elixir": "^4.0.0",
+    "gulp": "^3.8.8"
+  }
+}

html_src/page_about.php

@@ -16,11 +16,6 @@
 <div class="Box">
 	<h2>Firmware</h2>
 
-	<p>
-		The ESP8266 firmware is based on the amazing <a href="https://github.com/Spritetm/esphttpd" target="blank">esp-httpd</a>
-		library by Jeroen Domburg.
-	</p>
-
 	<table>
 		<tr>
 			<th>Firmware</th>
@@ -38,7 +33,13 @@
 			<th>IoT SDK</th>
 			<td>v%vers_sdk%</td>
 		</tr>
+		<!-- Read & show version of the stm32 firmware -->
 	</table>
+
+	<p>
+		The webserver is built using the great <a href="https://github.com/Spritetm/esphttpd" target="blank">esp-httpd</a>
+		library by Jeroen Domburg.
+	</p>
 </div>
 
 <?php include "_end.php"; ?>

html_src/page_monitoring.php

@@ -0,0 +1,76 @@
+<?php $page = 'monitoring'; include "_start.php"; ?>
+
+<h1>Monitoring & Reporting</h1>
+
+<div class="Box">
+	<h2>Status</h2>
+	<table>
+		<tr>
+			<th>Reference:</th>
+			<td>
+				<span id="hasref" class="Valfield">%hasref%</span>
+				<a onclick="page_mon.captureRef()" class="button btn-green">Capture</a>
+			</td>
+		</tr>
+		<tr>
+			<th>Actual&nbsp;distance:</th>
+			<td>
+				<span id="reporting" class="Valfield">N/A</span>
+				<a onclick="page_mon.toggleReporting()" class="button btn-blue">Measure</a>
+			</td>
+		</tr>
+	</table>
+</div>
+
+<div class="Box">
+	<h2>Reporting</h2>
+	<form method="POST">
+	<table>
+		<tr>
+			<th><label for="rep-on">Reporting:</label></th>
+			<td>
+				<input type="checkbox" id="rep-on" name="rep-on"><!--
+				-->&nbsp;<label for="rep-on">enabled</label>
+			</td>
+		</tr>
+		<tr>
+			<th><label for="rep-interval">Interval:</label></th>
+			<td>
+				<input type="number" id="rep-interval" style="max-width: 10em" value="%repInterval%">
+				seconds
+			</td>
+		</tr>
+		<tr>
+			<th>Service:</th>
+			<td>
+				<input type="radio" name="rep-service" value="xively" id="rep-svc-xv">&nbsp;<label for="rep-svc-xv">Xively</label>&nbsp;
+				<input type="radio" name="rep-service" value="thingspeak" id="rep-svc-ts">&nbsp;<label for="rep-svc-ts">ThingSpeak</label>
+			</td>
+		</tr>
+		<tr>
+			<th><label for="rep-feed">Feed/Channel:</label></th>
+			<td>
+				<input type="text" name="rep-feed" id="rep-feed">
+			</td>
+		</tr>
+		<tr>
+			<th><label for="rep-key">API key:</label></th>
+			<td>
+				<input type="text" name="rep-key" id="rep-key">
+			</td>
+		</tr>
+		<tr>
+			<th>&nbsp;</th>
+			<td>
+				<input type="submit" value="Save changes">
+			</td>
+		</tr>
+	</table>
+	</form>
+</div>
+
+<script>
+	$().ready(page_mon.init);
+</script>
+
+<?php include "_end.php"; ?>

html_src/page_status.php

@@ -15,7 +15,7 @@
 		</tr>
 		<tr>
 			<th></th>
-			<td><a onclick="page_status.trigReset()" class="button btn-red">SW reset</a></td>
+			<td><a onclick="page_status.trigReset()" class="button btn-red">Restart system</a></td>
 		</tr>
 	</table>
 </div>

html_src/sass/layout/_box.scss

@@ -28,4 +28,9 @@
 	&.medium {
 		max-width: 1200px;
 	}
+
+	.Valfield {
+		display: inline-block;
+		min-width: 10em;
+	}
 }