Use env or global variables in expression in change node

Dashboard
, ,
1

Found an old post by @E1cid where DB1 button was configured to change info on every press (toggle).

I have changed that to DB2 and is working fine, my question now is.

In DB2 you use msg.ui_update.label to set the name.

Is it possible to use an global variable or env. varibable, so you can configure the name else where.

I my ex. I want to get the name "MYNAME" replaced with an variable or env.

[{"id":"67f659a2f96d63da","type":"ui-button","z":"69594495cf1ea8a1","group":"1579a21dbba7922e","name":"RBE Button y","label":"","order":3,"width":3,"height":3,"emulateClick":false,"tooltip":"","color":"{{feedback.fontClr}}","bgcolor":"{{feedback.colour}}","className":"","icon":"","iconPosition":"left","payload":"Y","payloadType":"flow","topic":"","topicType":"str","buttonColor":"","textColor":"","iconColor":"","enableClick":true,"enablePointerdown":false,"pointerdownPayload":"","pointerdownPayloadType":"str","enablePointerup":false,"pointerupPayload":"","pointerupPayloadType":"str","x":1200,"y":500,"wires":[["af2578664c101792"]]},{"id":"af2578664c101792","type":"change","z":"69594495cf1ea8a1","name":"","rules":[{"t":"set","p":"Y","pt":"flow","to":"payload = 1 ? 0 : 1","tot":"jsonata"},{"t":"set","p":"ui_update","pt":"msg","to":"payload = 1 ?\t{\"buttonColor\": \"green\",\t\"label\": \"MYNAME<br>HERE\",\t\"textColor\": \"white\"} \t:\t{\"buttonColor\": \"red\",\t\"label\": \"MYNAME<br>GONE\",\t\"textColor\": \"black\"}\t","tot":"jsonata"}],"action":"","property":"","from":"","to":"","reg":false,"x":1210,"y":550,"wires":[["67f659a2f96d63da"]]},{"id":"1579a21dbba7922e","type":"ui-group","name":"Button Test","page":"ab2cbf2599cace69","width":7,"height":"5","order":1,"showTitle":false,"className":"","visible":"true","disabled":"false","groupType":"default"},{"id":"ab2cbf2599cace69","type":"ui-page","name":"Buttons","ui":"a8dc4de17ff7d144","path":"/buttons","icon":"navigation","layout":"grid","theme":"970cbcc1aaf503af","breakpoints":[{"name":"Default","px":"0","cols":"3"},{"name":"Tablet","px":"576","cols":"6"},{"name":"Small Desktop","px":"768","cols":"9"},{"name":"Desktop","px":"1024","cols":"12"}],"order":3,"className":"","visible":"true","disabled":"false"},{"id":"a8dc4de17ff7d144","type":"ui-base","name":"UI Name","path":"/dashboard","appIcon":"","includeClientData":true,"acceptsClientConfig":["ui-control","ui-notification"],"showPathInSidebar":false,"headerContent":"page","navigationStyle":"default","titleBarStyle":"default","showReconnectNotification":false,"notificationDisplayTime":5,"showDisconnectNotification":false},{"id":"970cbcc1aaf503af","type":"ui-theme","name":"Theme Name","colors":{"surface":"#ffffff","primary":"#0094ce","bgPage":"#eeeeee","groupBg":"#ffffff","groupOutline":"#cccccc"}}]
2

For some reason there is an error in the flow and it won't import. Did you export it to the clipboard and paste it in here directly?

However, it looks as if you want to do it in a Change node. You can use an environment variable in almost any field in a node (in a change node or in the button directly) by entering ${ENV_VAR} directly in the field.

See Using environment variables : Node-RED

Note, though, that it is the label that you are changing, not the name.

3

The flow won't import since it has double quotes within double quotes.
Anyway, you can retrieve context or env vars into your ui_update objects as follows:

{'buttonColor': 'green',
'label': $globalContext("myLabel1"),
'textColor': 'white'} 
:
{'buttonColor': 'red',
'label': $globalContext("myLabel2"),
'textColor': 'black'}
4

@Colin @omrid
Code is edited, so it should import fine now.
@omrid I understand your code but i have some html code also, so I'm strugling with how or if it even is possibel.

My result should end in name with a linebreak.
Maybe i just need to change the global value to have the linebreak and line two

image
image286Ă—180 990 Bytes

"label": "MYNAME<br>HERE",
5

You can use $replace to add <br> where the space is.

payload = 1 ?
{"buttonColor": "green",
"label": $replace($globalContext("myLabel1"), "  ", "<br>"),
"textColor": "white"} 
:
{"buttonColor": "red",
"label": "",
"textColor": "black"}
6

This is cool, but still not quite done.
Maybe a little background on what I want to achieve.
I'm making a program where the button changes status - met / gone and their name above.
So the button should show the full name on the top line, and the status on the bottom line.

I'm thinking out loud.
I'm loading the vauels from a csv file, so it more easily to change when names are changing, also want to manipulate as little as posibel.
Can you have two "context after eachother, because I'm just struggling with some kind of concatenation of values.
Here I'm thinking have the value for name and have two values for status (MET/GONE), so
you take something like this.....

$globalContext("myLabel2")+$globalContext("myStatus1")

image
image364Ă—183 3.7 KB

image
image360Ă—183 4.18 KB

{"buttonColor": "green",	
"label": "Firstname Lastname<br>MET",	
"textColor": "white"} 	
:
{"buttonColor": "red",	
"label": "Firstname Lastname<br>GONE",	
"textColor": "black"}
7

An example of how if you give inputs and expected outputs, then we can get to the objective sooner.

Then something like this.

payload = 1 ?
{"buttonColor": "green",
"label": $globalContext("myLabel1") & "<br>MET",
"textColor": "white"} 
:
{"buttonColor": "red",
"label": $globalContext("myLabel1") & "<br>GONE",
"textColor": "black"}

You may need to add some styling using CSS to centre the text.

1 Like
8

@E1cid
Maybe your solution is just enough, if putting a semicolon after name in CSV file, and change you code a little I get the result.
But still like answeers to my previous question - just for info.

{"buttonColor": "green",	
"label": "$replace($globalContext("myLabel1"), ";", "<br>MET"),	
"textColor": "white"} 	
:
{"buttonColor": "red",	
"label": "$replace($globalContext("myLabel1"), ";", "<br>GONE"),	
"textColor": "black"}
9

INFO - Had to remove the last ) so you get ..
Only if someone like me with little coding experience sees this post and could use this example :wink:

payload = 1 ?
{"buttonColor": "green",
"label": $globalContext("myLabel1") & "<br>MET",
"textColor": "white"} 
:
{"buttonColor": "red",
"label": $globalContext("myLabel1") & "<br>GONE",
"textColor": "black"}
1 Like
10

Fixed typo in previous post, cheers for pointing it out.

1 Like
11

@E1cid
Also learned out from your feedback, that I can concatenate the flowContext with the sign &
Node-red is just fun, you learn something new every day