# Node-red in workplace. What are you using it for?

**URL:** <https://discourse.nodered.org/t/node-red-in-workplace-what-are-you-using-it-for/15367>\
**Category:** General\
**Created:** [10 September 2019 16:17 UTC](https://discourse.nodered.org/t/node-red-in-workplace-what-are-you-using-it-for/15367 "2019-09-10T16:17:27Z")\
**Posts on this page:** 1\
**Showing post:** 29

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [13 September 2019 17:14 UTC](https://discourse.nodered.org/t/node-red-in-workplace-what-are-you-using-it-for/15367/29 "2019-09-13T17:14:22Z")

</div>

color the lines something like this?

 ![38%20PM](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/4/46f7acd758dc0393b5d6243dc70d1e73be6d40ad.png)  
the 'node name and node status colors are based on the node status. I used a ui\_template node to build the table and ng-if's too do the coloring

```auto
<div id="et_home">
<h2 style="text-align: center;">ET Display Home {{msg.etdh_version}}</h2>
<p style="text-align: center;">ESPeasy current release: <a href="https://github.com/letscontrolit/ESPEasy/releases/download/{{msg.esp_release}}/ESPEasy_{{msg.esp_release}}.zip" target="_blank">{{msg.esp_release}}</a> (click to download)</p>
<p style="text-align: center;">Tasmota current release: <a href="https://github.com/arendst/Sonoff-Tasmota/releases/download/v{{msg.tas_release}}/sonoff.bin" target="_blank">{{msg.tas_release}}</a> (click to download)</p>

<br/>
<table id="table" border="1">
    <tr>
        <th>Node Name</th> 
        <th>Node Status</th> 
        <th>Version</th>
        <th>RSSI</th>
        <th>Uptime</th>
        <th>Last boot cause</th>
        <th>Free RAM</th>
        <th>IP</th>
    </tr>
    <tbody style="text-align: center">
        <tr ng-repeat="row in msg.payload">
            <td ng-if='row[0] == 1' class="device_online" >{{row[1]}}</td>
            <td ng-if='row[0] == 0' class="device_offline">{{row[1]}}</td>
            
            <td ng-if='row[0] == 1' class="device_online" >On Line</td>
            <td ng-if='row[0] == 0' class="device_offline" >Off Line</td>
            
            <td ng-if="(row[8] == 'espeasy' && row[2] == msg.esp_release)" class="device_online"> {{row[2]}} </td>
            <td ng-if="(row[8] == 'espeasy' && row[2] != msg.esp_release)" class="warning_color"> {{row[2]}} </td>
            <td ng-if="(row[8] == 'tasmota' && row[2] == msg.tas_release)" class="device_online"> {{row[2]}} </td>
            <td ng-if="(row[8] == 'tasmota' && row[2] != msg.tas_release)" class="warning_color"> {{row[2]}} </td>
            
            <td ng-if='row[0] == 1' > {{row[7]}} </td>
            <td ng-if='row[0] == 0' >- - -</td>
            
            <td ng-if='row[0] == 1' > {{row[3]}} </td>
            <td ng-if='row[0] == 0' >- - - - -</td>
            
            <td ng-if='row[0] == 1' > {{row[4]}} </td>
            <td ng-if='row[0] == 0' >- - - - - - -</td>
            
            <td ng-if='row[0] == 1' > {{row[5]}} </td>
            <td ng-if='row[0] == 0' >- - - - -</td>
            <td>
                <a href="http://{{row[6]}}" target="_blank"> {{row[6]}} </a>
            </td>
        </tr>
    </tbody>
</table>

</div>

```

then some CSS to control the colors

```auto
    .device_offline {
        background-color: #ffa0a8;
    }
    .device_online {
        background-color: #dcffcc; 
        color: #000000;
    }
    .warning_color {
        background-color: #f3ffb8;
    }

```

you can see the whole flow here: ['ET Display Home' a flow to help manage your ESPeasy and Sonoff/Tasmota flashed devices (now at v0.1.13)](https://discourse.nodered.org/t/et-display-home-a-flow-to-help-manage-your-espeasy-and-sonoff-tasmota-flashed-devices-now-at-v0-1-13/1893)  
the dashboard tab is where to look.

---

_[View the full topic](https://discourse.nodered.org/t/node-red-in-workplace-what-are-you-using-it-for/15367)._