From 53f9a32e5440e6f7916169b332a98dfb1fed0e3d Mon Sep 17 00:00:00 2001
From: hackbard <hackbard@hackdaworld.org>
Date: Wed, 31 Aug 2016 12:06:21 +0200
Subject: [PATCH] beaglebone sync commit

---
 css/intres.css |  8 ++++++++
 js/intres.js   | 39 ++++++++++++++++++++++++++++-----------
 2 files changed, 36 insertions(+), 11 deletions(-)

diff --git a/css/intres.css b/css/intres.css
index 59be9aa..6331da7 100644
--- a/css/intres.css
+++ b/css/intres.css
@@ -30,6 +30,14 @@ body {
 
 /* thermos */
 
+.thermo {
+	width:99%;
+	margin-left:1%;
+	margin-bottom:1%;
+	background-color:#222;
+	float:left;
+}
+
 .thermoalias {
 	margin:1%;
 	width:30%;
diff --git a/js/intres.js b/js/intres.js
index edbf317..84bc705 100644
--- a/js/intres.js
+++ b/js/intres.js
@@ -13,6 +13,9 @@ var config = {
 var thermo = {
 	init: function() {
 		thermo.draw();
+		$('#thermo').click(function() {
+			thermo.draw_thermos();
+		});
 	},
 	draw: function() {
 		thermo.get_thermos();
@@ -40,8 +43,8 @@ var thermo = {
 				state=state.replace(/STATE\s+/,"");
 				var eco=ret.match(/ecoTemperature.*/)+'';
 				eco=eco.replace(/.*ecoTemperature\s+/,"");
-				var comfort=ret.match(/comfortTemperature.*/)+'';
-				comfort=comfort.replace(/.*comfortTemperature\s+/,"");
+				var comfort=ret.match(/comfortTem.*/)+'';
+				comfort=comfort.replace(/.*comfortTem.*\s+/,"");
 				thermo.thermos[id]={};
 				thermo.thermos[id].alias=alias;
 				thermo.thermos[id].state=state;
@@ -51,21 +54,35 @@ var thermo = {
 			});
 		}
 	},
-	draw_thermo: function(alias,name,state,eco,comfort) {
-		var html="";
-		html+="<div class=thermoalias>"+alias+"</div>";
-		html+="<div class=thermoname>"+name+"</div>";
-		html+="<div class=thermostate>"+state+"</div>";
-		html+="<div class=thermoeco>"+eco+"</div>";
-		html+="<div class=thermocomfort>"+comfort+"</div>";
+	draw_thermo: function(alias,name,state,eco,comfort,type) {
+		var html="<div class=thermo>";
+		switch(type) {
+		case 'd':
+			html+="<div class=thermoalias>"+alias+"</div>";
+			html+="<div class=thermoname>"+name+"</div>";
+			html+="<div class=thermostate>"+state+"</div>";
+			html+="<div class=thermoeco>"+eco+"</div>";
+			html+="<div class=thermocomfort>"+comfort+"</div>";
+			break;
+		case 'h':
+			html+="<div class=thermoalias><b>"+alias+"</b></div>";
+			html+="<div class=thermoname><b>"+name+"</b></div>";
+			html+="<div class=thermostate><b>"+state+"</b></div>";
+			html+="<div class=thermoeco><b>"+eco+"</b></div>";
+			html+="<div class=thermocomfort><b>"+comfort+
+			      "</b></div>";
+			break;
+		}
+		html+="</div>";
 		return html;
 	},
 	draw_thermos: function() {
-		var html="";
+		var html=thermo.draw_thermo('Alias','Name','State',
+		                            'Eco','Comfort','h');
 		for(var i in thermo.thermos) {
 			var th=thermo.thermos[i];
 			html+=thermo.draw_thermo(th.alias,i,th.state,
-			                         th.eco,th.comfort);
+			                         th.eco,th.comfort,'d');
 		}
 		$('div#thermobody').html(html);
 	}
-- 
2.39.2