revil-O/platypush
1
0
Fork 0
forked from platypush/platypush
Code Pull requests Activity

FE fixes on the sensors panel

Browse source
This commit is contained in:
Fabio Manganiello 2018-04-30 10:04:37 +02:00
parent b4bd1cb7bb
commit 79bfed3a1d
2 changed files with 30 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
platypush/backend/http/static/css/gpio.sensor.mcp3008.css
View file

@ -0,0 +1,24 @@
#sensors-container {
width: 80%;
max-width: 60rem;
margin: 3em auto;
background: rgba(235,235,235,0.8);
padding: 2em;
border: 1px solid rgba(220,220,220,1.0);
border-radius: 10px;
}
.sensor-data {
text-transform: capitalize;
}
.sensor-data:not(:last-child) {
margin-bottom: .5rem;
padding-bottom: .5rem;
border-bottom: 1px solid rgba(220,220,220,1.0);
}
.sensor-value {
text-align: right;
}

10
platypush/backend/http/static/js/gpio.sensor.mcp3008.js
View file

@ -8,7 +8,7 @@ $(document).ready(function() {
for (var sensor of Object.keys(data)) { for (var sensor of Object.keys(data)) {
var $sensor = $container.find('[data-sensor-type=' + sensor + ']'); var $sensor = $container.find('[data-sensor-type=' + sensor + ']');
var $sensorValue; var $value;
if ($sensor.length === 0) { if ($sensor.length === 0) {
$sensor = $('<div></div>') $sensor = $('<div></div>')
@ -19,15 +19,17 @@ $(document).ready(function() {
.addClass('sensor-name six columns') .addClass('sensor-name six columns')
.text(sensor); .text(sensor);
$sensorValue = $('<div></div>') $value = $('<div></div>')
.addClass('sensor-value six columns'); .addClass('sensor-value six columns');
$name.appendTo($sensor);
$value.appendTo($sensor);
$sensor.appendTo($container); $sensor.appendTo($container);
} else { } else {
$sensorValue = $sensor.find('.sensor-value'); $value = $sensor.find('.sensor-value');
} }
$sensorValue.text(data[sensor]); $value.text(data[sensor]);
} }
break; break;