# Equipment run schedule graphic

**URL:** <https://discourse.nodered.org/t/equipment-run-schedule-graphic/50393>\
**Category:** Dashboard\
**Created:** [30 August 2021 14:41 UTC](https://discourse.nodered.org/t/equipment-run-schedule-graphic/50393 "2021-08-30T14:41:32Z")\
**Posts on this page:** 16\
**Page:** 1

<div class="post-metadata">

**Author:** ![bbartling](https://avatars.discourse-cdn.com/v4/letter/b/bcef8e/32.png) [@bbartling](https://discourse.nodered.org/u/bbartling)\
**Post date:** [30 August 2021 14:41 UTC](https://discourse.nodered.org/t/equipment-run-schedule-graphic/50393/1 "2021-08-30T14:41:32Z")

</div>

Hello

Does node red have a graphic UI like a building automation system (BAS) equipment scheduling graphic? These are all very typical to the BAS industry where every manufacture has something very similar, a weekly calendar view where different HVAC equipment can be tied to a certain "run" schedule.

Sorry new to node red former BAS setup field technician and I used to be able schedule HVAC equipment on a Tridium Niagara BAS through scheduling graphic I could create with the software tool for Tridium BAS.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/0/5/0508fc3fda0f2174fdfab2139b2284ee64369454.jpeg)

---

<div class="post-metadata">

**Author:** ![bbartling](https://avatars.discourse-cdn.com/v4/letter/b/bcef8e/32.png) [@bbartling](https://discourse.nodered.org/u/bbartling)\
**Post date:** [30 August 2021 15:48 UTC](https://discourse.nodered.org/t/equipment-run-schedule-graphic/50393/2 "2021-08-30T15:48:56Z")

</div>

If this doesnt exist as a feature for Node Red, could one create it? Like if React javascript there is a bunch of weekly calendar options, could something like this be used if React can be incorporated into Node Red? [react-weekly-schedule - npm](https://www.npmjs.com/package/react-weekly-schedule)

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [30 August 2021 15:55 UTC](https://discourse.nodered.org/t/equipment-run-schedule-graphic/50393/3 "2021-08-30T15:55:36Z")

</div>

Sure, you could run a react project in ui-builder & import that component.

> **[Example: ReactJS · TotallyInformation/node-red-contrib-uibuilder Wiki](https://github.com/TotallyInformation/node-red-contrib-uibuilder/wiki/Example:-ReactJS)**
>
> Easily create data-driven web UI's for Node-RED using any (or no) front-end library. - Example: ReactJS · TotallyInformation/node-red-contrib-uibuilder Wiki

---

<div class="post-metadata">

**Author:** ![bbartling](https://avatars.discourse-cdn.com/v4/letter/b/bcef8e/32.png) [@bbartling](https://discourse.nodered.org/u/bbartling)\
**Post date:** [30 August 2021 16:01 UTC](https://discourse.nodered.org/t/equipment-run-schedule-graphic/50393/4 "2021-08-30T16:01:20Z")

</div>

Wow cool, any chance of tutorial link for how to do that? YouTube would be awesome if there is anything published for how to implement a react.js on project on Node Red

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [30 August 2021 16:02 UTC](https://discourse.nodered.org/t/equipment-run-schedule-graphic/50393/5 "2021-08-30T16:02:37Z")

</div>

Afraid not, I don't do react - but if you do, you should be able to follow the instructions in the link i provided.

---

<div class="post-metadata">

**Author:** ![bbartling](https://avatars.discourse-cdn.com/v4/letter/b/bcef8e/32.png) [@bbartling](https://discourse.nodered.org/u/bbartling)\
**Post date:** [30 August 2021 16:06 UTC](https://discourse.nodered.org/t/equipment-run-schedule-graphic/50393/6 "2021-08-30T16:06:01Z")

</div>

Can node red support any flavors of Javascript? Like Vue.js?

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [30 August 2021 16:07 UTC](https://discourse.nodered.org/t/equipment-run-schedule-graphic/50393/7 "2021-08-30T16:07:56Z")

</div>

ui-builder by default runs vue.js

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [30 August 2021 16:11 UTC](https://discourse.nodered.org/t/equipment-run-schedule-graphic/50393/8 "2021-08-30T16:11:20Z")

</div>

This is a simple demo i did using dashboard.

You might be able to build upon it...

> [@Timelinepicker for Node-Red in Dashboard?](https://discourse.nodered.org/t/timelinepicker-for-node-red-in-dashboard/36910/4):
>
> and here it is hooked up to CRON-PLUS (to generate dynamic schedules)... [{"id":"ba591917.ba3828","type":"ui\_template","z":"42ea7bd7.2e3c24","group":"dce9e7a2.d20c78","name":"TimeSheet js css","order":5,"width":0,"height":0,"format":"\n\n\<link rel=\"stylesheet\" href=\"https://www.jqueryscript.net/demo/Table-Based-jQuery-Calendar-Schedule-Plugin-TimeSheet/css/TimeSheet.css\" type=\"text/css\" media=\"screen\"\>\n\<script type=\"text/javascript\" src=\"https://www.jqueryscript.net/d…

---

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [30 August 2021 16:43 UTC](https://discourse.nodered.org/t/equipment-run-schedule-graphic/50393/10 "2021-08-30T16:43:35Z")

</div>

There is now also a [node-red-contrib-ui-timelines-chart](https://flows.nodered.org/node/node-red-contrib-ui-timelines-chart) node available!  
Looks very interesting. Not sure whether it can help here...  
Bart

---

<div class="post-metadata">

**Author:** ![bbartling](https://avatars.discourse-cdn.com/v4/letter/b/bcef8e/32.png) [@bbartling](https://discourse.nodered.org/u/bbartling)\
**Post date:** [30 August 2021 16:47 UTC](https://discourse.nodered.org/t/equipment-run-schedule-graphic/50393/11 "2021-08-30T16:47:03Z")

</div>

@BartButenaers that looks interesting but almost to me more like a method to create a chart based on data, something happening where the person can lookup when some **historical** event happened. I am looking more into being able to schedule an event, **future** event for equipment to run.

What do people use in home automation? Isnt node red used alot in home automation to schedule when lights turn on and off?

---

<div class="post-metadata">

**Author:** ![bbartling](https://avatars.discourse-cdn.com/v4/letter/b/bcef8e/32.png) [@bbartling](https://discourse.nodered.org/u/bbartling)\
**Post date:** [30 August 2021 16:49 UTC](https://discourse.nodered.org/t/equipment-run-schedule-graphic/50393/12 "2021-08-30T16:49:37Z")

</div>

Here we go : ) On YouTube someone made a video to schedule lights on and off

[![](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/4/0/40e1d6fb3f54bf5fc88e278d5ddb0b5828c400e9.jpeg "HomeAutomation Quickie - Light Scheduler Node") ](https://www.youtube.com/watch?v=5jXDnpF6LKw)

Also it looks like some contrib too:

> **[node-red-contrib-light-scheduler](https://flows.nodered.org/node/node-red-contrib-light-scheduler)**
>
> Light Scheduler is a node-red node that provides a weekly schedule, and is mainly focused on controlling light in home automation scenarios.

Anyone use these before?

NEW YouTube:

[![](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/f/2f99d6dd48a1870b91d15c2d1a161a8c5787044c.jpeg "Which one would you use? Light Scheduler vs BigTimer Node-RED nodes.") ](https://www.youtube.com/watch?v=PsK10E-z1Gk)

---

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [30 August 2021 16:56 UTC](https://discourse.nodered.org/t/equipment-run-schedule-graphic/50393/13 "2021-08-30T16:56:26Z")

</div>

I hadn't proposed that light scheduler node, because I thought you wanted to show it in a dashboard. While this node offers a scheduler inside the flow editor...

---

<div class="post-metadata">

**Author:** ![bbartling](https://avatars.discourse-cdn.com/v4/letter/b/bcef8e/32.png) [@bbartling](https://discourse.nodered.org/u/bbartling)\
**Post date:** [30 August 2021 16:58 UTC](https://discourse.nodered.org/t/equipment-run-schedule-graphic/50393/14 "2021-08-30T16:58:31Z")

</div>

Well hopefully this light scheduler will get me going, I think what I need would be just as simple as turning lights on and off. Just as long as there is some simple dashboard to do so

---

<div class="post-metadata">

**Author:** ![SonoraTechnical](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sonoratechnical/32/20033_2.png) [@SonoraTechnical](https://discourse.nodered.org/u/SonoraTechnical)\
**Post date:** [30 August 2021 17:43 UTC](https://discourse.nodered.org/t/equipment-run-schedule-graphic/50393/15 "2021-08-30T17:43:41Z")

</div>

I love the light scheduler node, I use it extensively, but true.. I wish it's interface were available as a dashboard component.

there is an interesting component called the node-red-contrib-ui-time-scheduler. I use it for nutrient dosing schedules. [node-red-contrib-ui-time-scheduler](https://flows.nodered.org/node/node-red-contrib-ui-time-scheduler)

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/7/674c3cf3a962b0b981355a24bead877b889132c4.png)

---

<div class="post-metadata">

**Author:** ![Simon01011](https://avatars.discourse-cdn.com/v4/letter/s/e68b1a/32.png) [@Simon01011](https://discourse.nodered.org/u/Simon01011)\
**Post date:** [30 August 2021 19:37 UTC](https://discourse.nodered.org/t/equipment-run-schedule-graphic/50393/16 "2021-08-30T19:37:12Z")

</div>

I did something like what you might want for myself... or for my family to control our roller shutters. It is built on the fantastic cron-plus node. I have a group on my dashboard for each shutter. There are some control on it for moving up/down or to special positions. See the screen shot:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/2/62fb0b833c2605893af1e84160bae4dbe58a8a0d.png)  
In the middle there is a button with a clock that jumps to another page displaying what I call "schedule setup". It looks like:  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/d/7/d7a81900bdd8883742aa7899738d2a5c0f62261c.png)  
Here you can add/edit/delete schedules and mark them active or inactive. Schedules can be based on times or solar events. Depending on the device that this page is called from a scheduler payload can either be set with a slider (for roller shutters or dimmers) or a switch (for lights, ...). On leaving this page it jumps back to the device it came from and shows the scheduled times as a list (to be removed as the graph now seems to work) and as a graph (see first image).

If someone is interested I might compose an example flow. But don't expect it to happen today or tomorrow, it might take some time. That's because this project started small and grew a lot...

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [29 September 2021 19:37 UTC](https://discourse.nodered.org/t/equipment-run-schedule-graphic/50393/17 "2021-09-29T19:37:40Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.