Little tweaks for pointing out devices that have dying batteries

.travis.yml

@@ -1,5 +1,7 @@
 language: node_js
 sudo: false
+before_install:
+  - export TZ=America/Los_Angeles
 node_js:
   - "node"
   - "lts/*"

cache/version.txt

@@ -1 +1 @@
-1533273302129
+1533697808776

css/common.css

@@ -1591,11 +1591,13 @@ section .sub-device-list li dl dd {
 section .sub-device-list li a span,
 section .sub-device-list li span span {
   font-family: helvetica;
+  padding-top: 0.5em;
 }
 
 section .sub-device-list li dl dd.fa,
 section .sub-device-list li dl dd.icon {
   font-size: 100%;
+  margin-bottom: 0.25em;
 }
 
 .device-active .fa:before,
@@ -1613,7 +1615,8 @@ section .sub-device-list li dl dd.icon {
 .device-active.heat .fa:before,
 .device-active.smoke .fa:before,
 .device-active.co .fa:before,
-.device-active.batt .fa:before {
+.device-active.batt .fa:before,
+.peripheral.batt.fa:before {
   text-shadow: -2px -2px 1px #F00,
                -2px 2px 1px #F00,
                2px -2px 1px #F00,
@@ -1622,7 +1625,8 @@ section .sub-device-list li dl dd.icon {
 
 .device-active.smoke .smoke,
 .device-active.co .co,
-.device-active.batt .batt {
+.device-active.batt .batt,
+.peripheral.batt:not(.fa) {
   color: #F00;
 }
 

devices/powerView/fragments/blind.tpl

@@ -2,12 +2,12 @@
               <li>
                 <form class="text-form" action="/" method="get">
                   <fieldset>
-                    <legend>{{SUB_DEVICE_NAME}}{{SUB_DEVICE_STATE}}</legend>
+                    <legend>{{SUB_DEVICE_NAME}}<span class="{{SUB_DEVICE_STATE_CLASS}}">{{SUB_DEVICE_STATE}}</span></legend>
                     <label for="powerview-{{SUB_DEVICE_ID}}-percentage">{{i18n_SET_PERCENTAGE}}:</label>
                     <input id="powerview-{{SUB_DEVICE_ID}}-percentage" class="text-input" type="number" max="100" min="0" name="{{DEVICE_ID}}" value="{{SUB_DEVICE_PERCENTAGE}}" required />
                     <input class="light" type="range" max="100" min="0" name="{{DEVICE_ID}}" value="{{SUB_DEVICE_PERCENTAGE}}" />
                     <input class="input-type" type="hidden" value="subdevice-{{SUB_DEVICE_NAME}}" name="type" />
                     <button type="submit" class="button">{{i18n_SUBMIT}}</button>
                   </fieldset>
                 </form>
-              </li>
+              </li>

devices/powerView/parser.js

@@ -69,6 +69,7 @@
 
         blindsMarkup += templateBlind.split('{{SUB_DEVICE_ID}}').join(encodeName(device.label));
         blindsMarkup  = blindsMarkup.split('{{SUB_DEVICE_PERCENTAGE}}').join(device.percentage);
+        blindsMarkup  = blindsMarkup.split('{{SUB_DEVICE_STATE_CLASS}}').join(device.battery && device.battery < 10 ? 'peripheral batt' : '');
         blindsMarkup  = blindsMarkup.split('{{SUB_DEVICE_STATE}}').join(device.battery ? ' (' + device.battery + '%)' : '');
         blindsMarkup  = blindsMarkup.split('{{SUB_DEVICE_NAME}}').join(device.label);
       }

devices/smartthings/parser.js

@@ -147,6 +147,11 @@
               deviceMarkup = deviceMarkup.split('{{SUB_DEVICE_STATUS}}').join(translate('ACTIVE'));
             }
 
+            else if (device.peripheral && device.peripheral.battery && device.peripheral.battery < 10) {
+              deviceMarkup = deviceMarkup.split('{{SUB_DEVICE_STATE}}').join(' peripheral batt' + vibrate);
+              deviceMarkup = deviceMarkup.split('{{SUB_DEVICE_STATUS}}').join(translate('INACTIVE'));
+            }
+
             else {
               deviceMarkup = deviceMarkup.split('{{SUB_DEVICE_STATE}}').join(vibrate);
               deviceMarkup = deviceMarkup.split('{{SUB_DEVICE_STATUS}}').join(translate('INACTIVE'));