Added line graph to tag vals

python/tagserver_SQLite.py

@@ -11,8 +11,8 @@ import sqlite3 as lite
 from pycomm.ab_comm.clx import Driver as ClxDriver
 import logging
 
-con = lite.connect("/usr/db/data.db")
-# con = lite.connect('/Users/patrickjmcd/data.db')
+# con = lite.connect("/usr/db/data.db")
+con = lite.connect('/home/pi/data.db')
 
 
 def readTag(addr, tag):

www/app.js

@@ -56,6 +56,7 @@ app.use(bodyParser.urlencoded({extended: true}));
 //app.use(express["static"](path.join(__dirname, 'public')));
 app.use(express.static(__dirname + '/public'));
 app.use('/bower_components',  express.static(__dirname + '/bower_components'));
+app.use('/node_modules',  express.static(__dirname + '/node_modules'));
 
 /**
 * Routes

www/functions_SQLite.js

@@ -1,4 +1,5 @@
-var dbFile = "/usr/db/data.db"
+// var dbFile = "/usr/db/data.db";
+var dbFile = "/home/pi/data.db";
 // var dbFile = '/Users/patrickjmcd/data.db';
 // app.get('/json/add/:tag',               fns.addTag);               // Adds a tag to the scan list
 // app.get('/json/remove/:tag',            fns.removeTag);            // Removes a tag from the scan list

www/package.json

@@ -12,7 +12,8 @@
     "morgan": "*",
     "mysql": "*",
     "serve-favicon": "*",
-    "sqlite3": "*"
+    "sqlite3": "*",
+    "n3-charts": "*"
   },
   "devDependencies": {},
   "scripts": {

www/public/js/controller.js

@@ -1,4 +1,4 @@
-var tsCtrlrs = angular.module('tsCtrlrs', ['ngJustGage']);
+var tsCtrlrs = angular.module('tsCtrlrs', ['ngJustGage', 'n3-line-chart']);
 
 tsCtrlrs.factory('Page', function($log) {
     var title = 'default';
@@ -168,8 +168,28 @@ tsCtrlrs.controller('tagValsCtrl', function($scope, $route, $http, $routeParams,
 		    getTagHistory.then(function(data) {
 		    	$scope.loading = false;
 		    	if (data.status == "OK"){
-		    		$scope.vals = data.vals;
+		    		$scope.data = data;
 		    		$scope.error = false;
+
+		    		$scope.options = {
+						series: [
+							{
+								axis: "y",
+								dataset: "vals",
+								key: "val",
+								label: "Tag Value",
+								color: "#1f77b4",
+								type: ['line'],
+								id: 'tagChart'
+							}
+						],
+						axes: {
+							x: {
+								key: "id",
+								// type: "date"
+							}
+						}
+					};
 		    	} else {
 		    		$scope.error = data.message;
 		    	}

www/public/partials/tagVals.html

@@ -1,12 +1,37 @@
-<div ng-if="error">
-	<pre>{{message}}</pre>
+<div ng-if="error" class="container">
+	<div class="row">
+		<div class="col-md=12">
+			<h1>Error Caught!</h1>
+			<pre>{{message}}</pre>
+		</div>
+	</div>
 </div>
 
-<div ng-if="!error">
-	
-	<h1>{{tag.tagName}}</h1>
-	<ul>
-		<li ng-repeat="val in vals">{{val.id}} @ {{val.dateAdded}} - {{val.val}} {{tag.units}}</li>
-	</ul>
-	<pre>{{vals}}</pre>
-</div>
+<div ng-if="!error" class="container">
+	<div class="row">
+		<div class="col-md-8">
+			<div class="tagChart" style="height:400px;">
+				<linechart data="data" options="options"></linechart>
+			</div>
+		</div>
+		<div class="col-md-4">
+			<h1>{{tag.tagName}}</h1>
+			<table class="table">
+				<thead>
+					<tr>
+						<td>ID</td>
+						<td>Value</td>
+						<td>Date Added</td>
+					</tr>
+				</thead>
+				<tbody>
+					<tr ng-repeat="val in data.vals">
+						<td>{{val.id}}</td>
+						<td>{{val.val}} {{tag.units}}</td>
+						<td>{{val.dateAdded}}</td>
+					</tr>
+				</tbody>
+			</table>
+		</div>
+	</div>
+</div>

www/public/partials/tags.html

@@ -1,4 +1,39 @@
-<pre>{{tags}}</pre>
-<ul>
-	<li ng-repeat="tag in tags">{{tag.tagName}} - {{tag.units}}</li>
-</ul>
+<div ng-if="error" class="container">
+	<div class="row">
+		<div class="col-md=12">
+			<h1>Error Caught!</h1>
+			<pre>{{message}}</pre>
+		</div>
+	</div>
+</div>
+
+<div ng-if="!error" class="container">
+	<div class="row">
+		<div class="col-md-8">
+			<table class="table">
+				<thead>
+					<tr>
+						<td>ID</td>
+						<td>Name</td>
+						<td>Min Expected Value</td>
+						<td>Max Expected Value</td>
+						<td>Units</td>
+						<td></td>
+						<td></td>
+					</tr>
+				</thead>
+				<tbody>
+					<tr ng-repeat="tag in tags">
+						<td>{{tag.id}}</td>
+						<td><a href="/#/tag/{{tag.id}}">{{tag.tagName}}</a></td>
+						<td>{{tag.minExpected}}</td>
+						<td>{{tag.maxExpected}}</td>
+						<td>{{tag.units}}</td>
+						<td><button class="btn btn-primary">Edit</button></td>
+						<td><button class="btn btn-danger">Delete</button></td>
+					</tr>
+				</tbody>
+			</table>
+		</div>
+	</div>
+</div>

www/views/angularIndex.html

@@ -17,6 +17,9 @@
 		<script src="/bower_components/justgage-toorshia/justgage.js"></script>
 		<script src="/bower_components/angular-justgage/ng-justgage.js"></script>
 
+		<script src="/node_modules/n3-charts/node_modules/d3/d3.min.js"></script>
+	    <script src="/node_modules/n3-charts/build/LineChart.js"></script>
+	    <link rel="stylesheet" href="/node_modules/n3-charts/build/LineChart.css">
 		<!--
 		<link rel='stylesheet' href='/css/bootstrap.css'>
 		<link rel='stylesheet' href='/css/animate.css'>