node-red / node-red-ui-nodes Goto Github PK
View Code? Open in Web Editor NEWAdditional nodes for Node-RED Dashboard
License: Apache License 2.0
Additional nodes for Node-RED Dashboard
License: Apache License 2.0
nod-red-node-ui-table 0.3.10
Note: Double quotes don't disturb. Single quotes in the table content are also not an issue.
The table is not rendered if a single quote character is in the description (info)
The table should render. The description should have no influence on the behaviour of the node.
A simple work-around would be to remove the info
field from the object for this purpose.
I see this Error in start dashboard
VM1777:14034 DEPRECATION WANRING - values for the select editor must now be passed into the values property of the editorParams object, not as the editorParams object select @ VM1777:14034 Filter.generateHeaderFilterElement @ VM1777:15351 Filter.initializeColumn @ VM1777:15241 Column._buildHeader @ VM1777:1541 Column @ VM1777:1359 ColumnManager._addColumn @ VM1777:452 (anonymous) @ VM1777:437 ColumnManager.setColumns @ VM1777:435 Tabulator._buildElement @ VM1777:7642 Tabulator._create @ VM1777:7520 Tabulator @ VM1777:6920 createTable @ VM1778:71 eval @ VM1778:160 $digest @ app.min.js:174 $apply @ app.min.js:177 (anonymous) @ app.min.js:589 t @ app.min.js:590 Emitter.emit @ index.js:143 emitEvent @ socket.js:276 onevent @ socket.js:263 onpacket @ socket.js:228 Emitter.emit @ index.js:143 ondecoded @ manager.js:200 Emitter.emit @ index.js:143 add @ index.js:110 ondata @ manager.js:192 Emitter.emit @ index.js:143 onPacket @ socket.js:323 Emitter.emit @ index.js:143 onPacket @ transport.js:100 onData @ transport.js:92 ws.onmessage @ websocket.js:76 Show 2 more frames
and when active filter in cell if clicked see error
DEPRECATION WANRING - values for the select editor must now be passed into the values property of the editorParams object, not as the editorParams object select @ VM1777:14034 Edit.edit @ VM1777:13672 (anonymous) @ VM1777:13552
{
"formatterParams": {
"target": "_blank",
"allowEmpty": true,
"allowTruthy": true,
"tickElement": "<div style='background-color: black; color:lime; width:100%'><i class='fa fa-check'></i></div>",
"crossElement": "<div style='background-color: black; color:red; width:100%'><i class='fa fa-times'></i></div>"
},
"title": "ACK",
"field": "ack",
"formatter": "tickCross",
"width": 70,
"align": "center",
"headerFilter": true,
"editor": "select",
"editorParams": {
"true": true,
"false": false,
"": "Clear"
},
"headerFilterParams": {
"true": true,
"false": false,
"": "Clear"
}
}
Which node are you reporting an issue on?
UI-List
What are the steps to reproduce?
What happens? What do you expect to happen?
Both UI-List of diffrent browsers should display the same checkboxes checked, but they don't.
Please tell us about your environment:
Topic on the forum:
https://discourse.nodered.org/t/ui-list-multi-users-wrong-behaviour/15073/11
Thank you
UI table
import example basic table from github, deploy, check frontend
UI table data not loading in. Data & headers not showing. Rebooted server.
Title shows, headers do not, but browser inspector shows header info in there, but no data block.
Show table
Hi,
I'm just about to finish my first custom ui-node. The my-little-ui-node helped my a lot. Thank you.
But I miss an example how to get the state of the widget in sync with other clients showing the same dashboard / tab. Perhaps I miss something. Can anybody shine some light on the mechanism wow i.e. the slider is in sync on several dashboards. I think the same mechanism will make sure that the node shows the correct value when a client connects or reconnects.
And a little issue: When you install the little-node you will get 2 "shadow" types: "ui_yournodenamehere". If someone uses the my-little-node as a prototype and don't delete the comments on line 247 and 348 he can't install his one node due to duplicate types. This took me some time to recognize - sometimes comments can be quite active code ;)
.config.nodes.json
"node-red-node-ui-mylittleuinode": {
"name": "node-red-node-ui-mylittleuinode",
"version": "0.0.3",
"local": true,
"nodes": {
"ui_my-little-ui-node": {
"name": "ui_my-little-ui-node",
"types": [
"ui_yournodenamehere",
"ui_my-little-ui-node",
"ui_yournodenamehere"
],
"enabled": true,
"local": true,
"module": "node-red-node-ui-mylittleuinode",
"file": "C:\\Users\\cmeinert\\.node-red\\node_modules\\node-red-node-ui-mylittleuinode\\mylittleuinode.js"
}
}
}
It seems that in the forum the topic was already addressed and then solved - but with current version it seems that it has been reoccured.
I had exactly the same picture as mentioned here in this thread: https://discourse.nodered.org/t/dashboard-theme-chart-and-ui-table/30332/13
then it seems that someone fixed it - but now i have the same problem.
The solution to restart all flows is working - but this cannot be the solution?
UI-Table 0.3.7
Just put the table node and the inject node on the flow, connect both and inject some random data in a short interval. Now watch the memory consumption of the browser tab (debugger - normally F12) which will continuously increase until the browser get slow ;)
Memory consumption increases constant over time
Stable memory usage...
node-red-node-ui-table
Dashboard ist loading, but table is not shown. The Browser log shows an error.
Browser
https://HOSTNAME:1880/endpoint/ui/ui-table/css/tabulator.min.css
Cannot GET /endpoint/ui/ui-table/css/tabulator.min.css
404 GET https://HOSTNAME:1880/endpoint/ui/ui-table/js/tabulator.js
Cannot GET /endpoint/ui/ui-table/js/tabulator.js
node-red log file:
[17/Feb/2020:20:02:22 +0100] 404 -(192.168.179.22) GET /endpoint/ui/ui-table/css/tabulator.min.css HTTP/2.0 (Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:72.0) Gecko/20100101 Firefox/72.0)
[17/Feb/2020:19:58:43 +0100] 404 -(192.168.179.22) GET /endpoint/ui/ui-table/js/tabulator.js HTTP/2.0 (Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:72.0) Gecko/20100101 Firefox/72.0)
Show the table
I was able to resolve the problem by changing the following lines in node_modules/node-red-node-ui-table/node.js:
// Original: Not working
// var fullPath = path.join(RED.settings.httpNodeRoot, uipath, '/ui-table/*').replace(/\\/g, '/');;
// Fix: Had to remove RED.settings.httpNodeRoot from path and add a leading slash
// Note: httpNodeRoot is also not used in node-red-dashboard!
var fullPath = path.join('/', uipath, '/ui-table/*').replace(/\\/g, '/');
Note: RED.settings.httpNodeRoot does resolves to /endpoint/
node-red-node-ui-table
Create a simple table with injected columns or import example ui_control table.
After clicking on a row with the "Send data on click" checked the table will disappear. It is, however, more complex than that. If you re-inject the data the table will reappear and becomes stable. Thus this issue only seems to occur on the first click and only when "Send data on click" is checked.
The table to not disappear. 😄
How to make the table rows collapsable?
@Christian-Me Sorry, next bug found 😇
UI-Table
Load example 3 with ui-table version 0.3.5 and press the inject button multiple times.
Nested columns are appended on each ui_control message.
Same as with version 0.3.1
node-red-node-ui-microphone 0.3.0
[{"id":"e86c4f38.00efa","type":"ui_microphone","z":"a044eef.753a11","name":"","group":"cd923f52.e02b8","order":0,"width":0,"height":0,"maxLength":5,"maxRecogLength":5,"timeslice":0,"press":"press","mode":"audio","interimResults":false,"x":120,"y":340,"wires":[["9776afc5.4285d"]]},{"id":"9776afc5.4285d","type":"file","z":"a044eef.753a11","name":"","filename":"/tmp/test_nr.wav","appendNewline":false,"createDir":false,"overwriteFile":"true","encoding":"binary","x":410,"y":360,"wires":[[]]},{"id":"cd923f52.e02b8","type":"ui_group","name":"Default1","tab":"e1a13391.f73d2","order":1,"disp":true,"width":"6","collapse":false},{"id":"e1a13391.f73d2","type":"ui_tab","name":"Home1","icon":"dashboard","disabled":false,"hidden":false}]
$ ffplay -v trace -i /tmp/test_nr.wav
Audio is sped up making it sound like a chipmunk.
Normal speed playback.
Compare it with:
$ pacat -r -v --rate=44100 --file-format=wav --format=s16le --channels=1 /tmp/test_pacat.wav
$ ffplay -v trace -i /tmp/test_pacat.wav
I chose the 44100 hz rate since your js shows that hardcoded, but I'm actually using 16000 hz since the deepspeech requires that format, and I just exec ffmpeg to convert it. But that's unrelated. What I showed above will ideally cause the issue for you as well, in addition to having a good audio file (pacat) to compare it with.
Why does selection of current (initial) item, does not create 'selected' value? Say a list of 5 items, 0,1,2,3,4. If 0 is the initial current item, then selecting 0 again., the selected value is not established. This makes no sense. If 1,2,3,4 are selected, then the 'selected' value in the payload IS established. Sorry but don't understand this design logic. Seems like a bug. If any item is selected then the 'selected' value should be established, this logic makes more sense to me.
node-red-node-ui-table
https://github.com/node-red/node-red-ui-nodes/blob/master/node-red-node-ui-table/examples/2%20Richer%20table.json
in the example for the Link I found:
"formatterParams": {
"target": "_blank"
}
however I cannot find a way to set the text label for a link and maybe place a small button with an icon
node-red-node-ui-table v0.3.10
Create a ui_table with the "validator": "regex:^([0-1]?[0-9]|2[0-3]):[0-5][0-9]$"
The regex works until the colon. After the colon any character is valid.
valid inputs:
invalid inputs:
The Validator should detect the 22:90 and 12abrfvcs as invalid.
Hi. I've got a phone with front and back cameras. I'm tryng to switch between them using msg.camera
with no success.
node-red-node-ui-webcam
Use an inject node + change node to send msg.camera=[any number from 0 to n]
to webcam node
Switch between front and back camera normally, as it happens when I use the dropdown selector inside the canvas.
add table to dash board both on auto size and specify columns. Send one some data and the other a empty list
On table visible at least a few lines shown
Expect other table to be visible with only specified columns
Override to manual will show lines on visible table
19 Aug 21:42:27 - [info] Node-RED version: v0.20.7
19 Aug 21:42:27 - [info] Node.js version: v11.6.0
19 Aug 21:42:27 - [info] Windows_NT 10.0.14393 ia32 LE
ui_list
style
attribute (like <span style="opacity: 0.9">Test</span>
)The HTML tag appears on the page but the style
attribute has been removed
That the style
attribute stays visible
ui-table
send this message to table:
{"command":"updateOrAddData","arguments":[{"linkquality":2,"name":"Router_KG","id":1}]}
No Row is added to the table, the Browser shows the following error:
Uncaught (in promise) TypeError: data.forEach is not a function
updateOrAddData http://homeserver:1880/ui/#!/0#/0 line 20 > injectedScript:8221
updateOrAddData http://homeserver:1880/ui/#!/0#/0 line 20 > injectedScript:8207
http://homeserver:1880/ui/js/app.min.js line 571 > eval:145
$digest http://homeserver:1880/ui/js/app.min.js:172
$apply http://homeserver:1880/ui/js/app.min.js:176
r http://homeserver:1880/ui/js/app.min.js:190
completeTask http://homeserver:1880/ui/js/app.min.js:187
d http://homeserver:1880/ui/js/app.min.js:73
setTimeout handler*Ag/h.defer http://homeserver:1880/ui/js/app.min.js:72
f http://homeserver:1880/ui/js/app.min.js:190
t http://homeserver:1880/ui/js/app.min.js:569
emit http://homeserver:1880/ui/socket.io/socket.io.js:6
onevent http://homeserver:1880/ui/socket.io/socket.io.js:8
onpacket http://homeserver:1880/ui/socket.io/socket.io.js:8
exports http://homeserver:1880/ui/socket.io/socket.io.js:8
emit http://homeserver:1880/ui/socket.io/socket.io.js:6
ondecoded http://homeserver:1880/ui/socket.io/socket.io.js:6
exports http://homeserver:1880/ui/socket.io/socket.io.js:8
emit http://homeserver:1880/ui/socket.io/socket.io.js:6
add http://homeserver:1880/ui/socket.io/socket.io.js:6
ondata http://homeserver:1880/ui/socket.io/socket.io.js:6
exports http://homeserver:1880/ui/socket.io/socket.io.js:8
emit http://homeserver:1880/ui/socket.io/socket.io.js:6
onPacket http://homeserver:1880/ui/socket.io/socket.io.js:6
setTransport http://homeserver:1880/ui/socket.io/socket.io.js:6
emit http://homeserver:1880/ui/socket.io/socket.io.js:6
onPacket http://homeserver:1880/ui/socket.io/socket.io.js:7
onData http://homeserver:1880/ui/socket.io/socket.io.js:7
onmessage http://homeserver:1880/ui/socket.io/socket.io.js:8
Row should be added or replaced in the table.
Might be the same as there: https://stackoverflow.com/questions/53275405/typeerror-data-foreach-is-not-a-function/53275463
Meaning the data object needs to be parsed on arrival, but no Idea on where to add this.
UI-Table
Load example 3 with ui-table version 0.3.4 and deploy.
Nested table headers broken, see images...
Same as with version 0.3.1
node-red-ui-node-table
add table node
TypeError: ui.getTheme is not a function
at new TableNode (C:\Users\nodered.node-red\node_modules\node-red-ui-node-table\node.js:56:24)
at Object.createNode (C:\Users\nodered\AppData\Roaming\npm\node_modules\node-red\node_modules@node-red\runtime\lib\nodes\flows\util.js:483:31)
at Flow.start (C:\Users\nodered\AppData\Roaming\npm\node_modules\node-red\node_modules@node-red\runtime\lib\nodes\flows\Flow.js:176:44)
at start (C:\Users\nodered\AppData\Roaming\npm\node_modules\node-red\node_modules@node-red\runtime\lib\nodes\flows\index.js:329:33)
at process.internalTickCallback (internal/process/next_tick.js:77:7)
and nothing appears in dashboard
no error message and table in dashboard
19 Aug 21:42:27 - [info] Node-RED version: v0.20.7
19 Aug 21:42:27 - [info] Node.js version: v11.6.0
19 Aug 21:42:27 - [info] Windows_NT 10.0.14393 ia32 LE
Node-RED version: v0.20.7
node.js version: v11.6.0
npm version: 6.10.3
Platform/OS: Windows_NT 10.0.14393 ia32 LE
Browser: chrome
node-red-node-ui-table v0.4.0
set alignment of one column to center or right
instead of center or right the column is left aligned
alignment setting is respected
node-red-node-ui-table
Open any ui_table example flow
Get a warning in debug panel - "*** Order property not set. Please contact developer. ***"
Not to get the warning!
node-red-node-ui-table 0.1.4
Install via manage palette returns Syntax Error in cmd window
Error displayed:
[info] - node-red-node-ui-table : SyntaxError: Invalid regular expression:
/^\ui\ui-table<.*>/?$/: Unmatched '>' line:130
Fails to install table node
:-) to install this node
node-red-node-ui-table
In a change node set property below to false
ui_control.tabulator.movableColumns
feed the output of the change node to the ui_table node
On the dashboard it is still possible to move table columns (drag and dropping)
I was expecting to disable the moveColumns functionality
I could trace to problem to this line code:
if (!ui_control.tabulator.movableColumns) opts.movableColumns = true;
Apparently its purpose is to setup a default true
in case the property is not defined by the user with ui_control
Changing the code to below fix the issue. It will set a default but afterwards it is possible to change it with the ui_control
if (!ui_control.tabulator.hasOwnProperty("movableColumns")) opts.movableColumns = true;
table node from node-red-node-ui-table
Not sure how exactly to reproduce. I am using several simple tables with 2 columns. First Align left, 75%, second align right 25%
All are configured with the same settings
The column width is displayed incorrectly at random. I have seen this with two separate NR instances, in Firefox, MS Edge and on iPhone and Android (Firefox). Sometimes they are displayed correctly, most of the time at least one or two are displayed incorrectly
Tables should have the size configured in node config
ui-table v0.4.0 code is missing in GitHub repo
node-red-node-ui-table
set:
httpAdminRoot: '/admin'
ui: { path: "" }
in settings.js
Tables does not show up in dashboard when above settings are applied.
Table to show with above settings
Hi all,
I don't know the exact translation in English,
but I'd like to scroll the item of a very long (ui) list and I'd like to simulate with two button the scrolling up and down on the screen of tablet that is normally done with a finger ...
It's possible? (the image is the simulation of what I would like
node-red-node-ui-list
Create node, add one or more items in MultiLine mode (narrow or wide)
Include title, description and icon_name properties
The icon appears off centrer vertically
It should align perfectly
I have added two screen shots, one with the default Node-RED theme, the second with the Angular theme.
Using your own sample code, the resulting images look different to your sample image (The right hand list are using the icon_name format)
Notice the height of the "wifi" icons.
(your sample image: https://raw.githubusercontent.com/node-red/node-red-ui-nodes/master/node-red-node-ui-list/figs/sample00.png)
node-red-node-ui-table
use HTML links in a table
with v.0.3.12 the links were white on dark gray
with v0.4.0 they are blue on dark gray
the links should stay in white on gray, because a change should not break the appearance of the dashboard.
ui-microphone
Record audio into a wav file with the ui-microphone node and play afterwards.
With iOS v14.1 Safari browser the record button does not bounce back in "Press to start, release to stop" mode, but requires a second press to stop recording.
Recording while pressed, upon release stop recording, like Push To Talk functionality in a radio, dictaphone or in my case an intercom.
node-red-node-ui-table
create short flow creating a populated payload with array of objects of length > 3, into the table node where the table node is set to "auto" size
3 items are listed in the table, a scrollbar appears when hovering over the table but there was no indication of additional rows without hovering
I had expected the table to expand to a reasonable number of rows (much greater than 3) before switching to a scrollable table - or maybe a set-able value to define the maximum rows to display before adding the scrollbar and maybe having some indication that there are more rows to view.
As "promised" before I'm testing an upgrade of the tabulator lib to the latest version (4.9.3).
Looks fine so far, but ...
I use the datetime formatter (only available via ui_control).
It utilize moment.js AND "moment timezone".
Moment.js is installed and working but moment-timezone not so newDatetime.zt()
fails:
tabulator.js line 19039 ...
var newDatetime = moment(value, inputFormat);
if (newDatetime.isValid()) {
return formatterParams.timezone ? newDatetime.tz(formatterParams.timezone).format(outputFormat) : newDatetime.format(outputFormat);
}
Before digging into unknown territory: @dceejay "Any idea how to get timezone installed / working?"
node-red-ui-table
See below.
No data is shown in the ui and the ui-tab containing the table is not shown correctly.
Welcome to Node-RED
===================
26 Feb 16:00:03 - [info] Node-RED version: v1.0.3
26 Feb 16:00:03 - [info] Node.js version: v12.16.1
26 Feb 16:00:03 - [info] Linux 4.19.0-8-amd64 x64 LE
26 Feb 16:00:03 - [info] Loading palette nodes
26 Feb 16:00:03 - [info] Settings file : /home/home/nrmain/data/settings.js
26 Feb 16:00:04 - [info] HTTP Static : /home/home/nrmain/public
26 Feb 16:00:04 - [info] Context store : 'default' [module=memory]
26 Feb 16:00:04 - [info] Context store : 'file' [module=localfilesystem]
26 Feb 16:00:04 - [info] User directory : /home/home/nrmain/data
26 Feb 16:00:04 - [warn] Projects disabled : editorTheme.projects.enabled=false
26 Feb 16:00:04 - [info] Flows file : /home/home/nrmain/data/nrmain_flows.json
26 Feb 16:00:04 - [info] Server now running at http://127.0.0.1:1880/red/
26 Feb 16:00:04 - [info] Starting flows
26 Feb 16:00:04 - [info] Started flows
26 Feb 16:00:45 - [info] Installing module: node-red-dashboard, version: 2.19.4
26 Feb 16:00:47 - [info] Installed module: node-red-dashboard
26 Feb 16:00:47 - [info] Dashboard version 2.19.4 started at /ui
ui-table installed:
26 Feb 16:04:52 - [info] Installing module: node-red-node-ui-table, version: 0.2.2
26 Feb 16:04:53 - [info] Installed module: node-red-node-ui-table
26 Feb 16:04:53 - [info] Added node types:
26 Feb 16:04:53 - [info] - node-red-node-ui-table:ui_table
Imported the simple example, changed the tabname to home2:
and deployed:
26 Feb 16:08:13 - [info] Stopping modified nodes
26 Feb 16:08:13 - [info] Stopped modified nodes
26 Feb 16:08:13 - [info] Starting modified nodes
Error: Cannot find module 'node-red-dashboard'
at Object.requireModule [as require] (/home/home/nrmain/node_modules/@node-red/registry/lib/util.js:48:19)
at new TableNode (/home/home/nrmain/data/node_modules/node-red-node-ui-table/node.js:48:30)
at Object.createNode (/home/home/nrmain/node_modules/@node-red/runtime/lib/nodes/flows/util.js:483:31)
at Flow.start (/home/home/nrmain/node_modules/@node-red/runtime/lib/nodes/flows/Flow.js:189:48)
at start (/home/home/nrmain/node_modules/@node-red/runtime/lib/nodes/flows/index.js:329:33)
at /home/home/nrmain/node_modules/@node-red/runtime/lib/nodes/flows/index.js:196:21 {
code: 'MODULE_NOT_FOUND'
}
26 Feb 16:08:13 - [info] Started modified nodes
Result is that no second ui tab is shown. Manually move the table card to the main ui tab and redeploy. The table still isn't shown even after reloading the page and re-injecting the data.
Delete the flow and the tabs/cards except a single "Home" ui tab. Redeploy. Then add example #2 flow and deploy:
Now NOTHING shows in the dashboard other than the default welcome to the dashboard.
Go back to start. Reset everything, reinstall Dashboard. Add nodes 2 two different ui tabs and confirm everything works. Reinstall ui-table. Add manually to flow and set to use a new, manually created ui tab and use same data input as in the simple example. On deployment, I get the same cannot find module error and the new ui tab never appears.
node-red-node-ui-table
I imported the simple table example
No node is showing up in the ui page
showing the example
ui-list
[{"id":"62a67e93524bc53b","type":"tab","label":"Flow 2","disabled":false,"info":""},{"id":"bc9cf835be2fadf3","type":"ui_list","z":"62a67e93524bc53b","group":"e6378add9d5343f5","name":"","order":0,"width":"7","height":"9","lineType":"two","actionType":"menu","allowHTML":true,"outputs":1,"topic":"","x":550,"y":300,"wires":[[]]},{"id":"e5ab0fd47a48a559","type":"inject","z":"62a67e93524bc53b","name":"Inject","props":[{"p":"payload"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"[{\"icon_name\":\"reply\",\"title\":\" ...\",\"menu\":[\"Select\"]},{\"title\":\"Alive 2007\",\"description\":\"Daft Punk\",\"icon_name\":\"album\",\"menu\":[\"Add To Queue\",\"Replace Queue\"]},{\"title\":\"Musique, Volume 1: 1993-2005\",\"description\":\"Daft Punk\",\"icon_name\":\"album\",\"menu\":[\"Add To Queue\",\"Replace Queue\"]},{\"title\":\"Human After All\",\"description\":\"Daft Punk\",\"icon_name\":\"album\",\"menu\":[\"Add To Queue\",\"Replace Queue\"]},{\"title\":\"Random Access Memories\",\"description\":\"Daft Punk\",\"icon_name\":\"album\",\"menu\":[\"Add To Queue\",\"Replace Queue\"]},{\"title\":\"TRON: Legacy (Original Motion Picture Soundtrack: The Complete Edition)\",\"description\":\"Daft Punk\",\"icon_name\":\"album\",\"menu\":[\"Add To Queue\",\"Replace Queue\"]},{\"title\":\"Discovery\",\"description\":\"Daft Punk\",\"icon_name\":\"album\",\"menu\":[\"Add To Queue\",\"Replace Queue\"]},{\"title\":\"TRON: Legacy\",\"description\":\"Daft Punk\",\"icon_name\":\"album\",\"menu\":[\"Add To Queue\",\"Replace Queue\"]},{\"title\":\"Homework\",\"description\":\"Daft Punk\",\"icon_name\":\"album\",\"menu\":[\"Add To Queue\",\"Replace Queue\"]}]","payloadType":"json","x":410,"y":300,"wires":[["bc9cf835be2fadf3"]]},{"id":"e6378add9d5343f5","type":"ui_group","name":"Default","tab":"494b9da23e6bf467","order":1,"disp":true,"width":"7","collapse":false},{"id":"494b9da23e6bf467","type":"ui_tab","name":"Home","icon":"dashboard","disabled":false,"hidden":false}]
Icon positions are messed up
Everything perfectly aligned
node-ui-table
[{"id":"ee5a7b28.ac0fa8","type":"tab","label":"Flow 1","disabled":false,"info":""},{"id":"668c217.ea598e","type":"inject","z":"ee5a7b28.ac0fa8","name":"","topic":"","payload":"[{\"Name\":\"Kazuhito Yokoi\",\"Age\":\"35\",\"Favourite Color\":\"red\",\"Date Of Birth\":\"12/09/1983\"},{\"Name\":\"Oli Bob\",\"Age\":\"12\",\"Favourite Color\":\"red\",\"Date Of Birth\":\"12/08/2017\"}]","payloadType":"json","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":230,"y":260,"wires":[["9f5f20ff.45c47"]]},{"id":"9f5f20ff.45c47","type":"ui_table","z":"ee5a7b28.ac0fa8","group":"3a4ba8c1.c6cfb8","name":"","order":3,"width":0,"height":4,"columns":[],"outputs":0,"cts":false,"x":430,"y":260,"wires":[]},{"id":"4ef5afb0.350e4","type":"comment","z":"ee5a7b28.ac0fa8","name":"Normal table","info":"","x":230,"y":220,"wires":[]},{"id":"b3d28479.ad8f28","type":"ui_slider","z":"ee5a7b28.ac0fa8","name":"","label":"slider","tooltip":"","group":"3a4ba8c1.c6cfb8","order":1,"width":0,"height":0,"passthru":true,"outs":"all","topic":"","min":0,"max":10,"step":1,"x":420,"y":320,"wires":[[]]},{"id":"3a4ba8c1.c6cfb8","type":"ui_group","z":"ee5a7b28.ac0fa8","name":"Default","tab":"79971fbf.fa897","order":1,"disp":true,"width":"6","collapse":false},{"id":"79971fbf.fa897","type":"ui_tab","z":"ee5a7b28.ac0fa8","name":"Home","icon":"track_changes","order":1,"disabled":false,"hidden":false}]
I can see the slider but not the table (maybe I missed something)
log:
Starting flows
{ Error: Cannot find module 'node-red-dashboard'
at Object.requireModule [as require] (/usr/src/node-red/node_modules/@node-red/registry/lib/util.js:48:19)
at new TableNode (/data/node_modules/node-red-node-ui-table/node.js:48:30)
at Object.createNode (/usr/src/node-red/node_modules/@node-red/runtime/lib/nodes/flows/util.js:483:31)
at Flow.start (/usr/src/node-red/node_modules/@node-red/runtime/lib/nodes/flows/Flow.js:189:48)
at start (/usr/src/node-red/node_modules/@node-red/runtime/lib/nodes/flows/index.js:329:33)
at stop.then.then (/usr/src/node-red/node_modules/@node-red/runtime/lib/nodes/flows/index.js:196:21)
at process._tickCallback (internal/process/next_tick.js:68:7) code: 'MODULE_NOT_FOUND' }
a table appearing on the dashboard
node-red-node-ui-table
Run this flow:
[
{
"id": "f6f2187d.f17ca8",
"type": "tab",
"label": "Flow 1",
"disabled": false,
"info": ""
},
{
"id": "9573159384400fb0",
"type": "ui_table",
"z": "f6f2187d.f17ca8",
"group": "f05f0cebf73e263f",
"name": "",
"order": 0,
"width": "6",
"height": "11",
"columns": [
{
"field": "",
"title": "N°",
"width": "",
"align": "left",
"formatter": "rownum",
"formatterParams": {
"target": "_blank"
}
},
{
"field": "foo",
"title": "Foo",
"width": "",
"align": "left",
"formatter": "plaintext",
"formatterParams": {
"target": "_blank"
}
}
],
"outputs": 0,
"cts": false,
"x": 810,
"y": 220,
"wires": []
},
{
"id": "b1c16a6b87874fc2",
"type": "inject",
"z": "f6f2187d.f17ca8",
"name": "",
"props": [
{
"p": "payload"
},
{
"p": "topic",
"vt": "str"
}
],
"repeat": "",
"crontab": "",
"once": false,
"onceDelay": 0.1,
"topic": "",
"payload": "",
"payloadType": "date",
"x": 420,
"y": 220,
"wires": [
[
"975a87870eeed0a5"
]
]
},
{
"id": "975a87870eeed0a5",
"type": "function",
"z": "f6f2187d.f17ca8",
"name": "",
"func": "msg.payload = [\n { foo: 1 },\n { foo: 12 },\n { foo: 11 },\n { foo: 19 },\n { foo: 2 },\n { foo: 234 },\n { foo: 56 },\n { foo: 7 }\n]\n\nreturn msg",
"outputs": 1,
"noerr": 0,
"initialize": "",
"finalize": "",
"libs": [],
"x": 620,
"y": 220,
"wires": [
[
"9573159384400fb0"
]
]
},
{
"id": "f05f0cebf73e263f",
"type": "ui_group",
"name": "Default",
"tab": "0f07e8bf8e2b9d66",
"order": 1,
"disp": true,
"width": "6",
"collapse": false,
"className": ""
},
{
"id": "0f07e8bf8e2b9d66",
"type": "ui_tab",
"name": "Home",
"icon": "dashboard",
"disabled": false,
"hidden": false
}
]
Sorting on the Foo
column works, but it does not on the N°
column
The N°
column should be sorted
Using the latest version I noticed that the textarea formatter is not offered as an option. This is distinct from the plaintext formatter in that it grows the row size to accommodate cell text rather than being default row height with elipses. A working workaround is to edit the flow file and set the formatter there, however the selected formatter is then empty in the widget settings and I'm not sure if updating the widget via the UI might lose the manual edit at some point.
Expected behaviour would be that "Text Area" (textarea) is available as an option.
.
node-red-node-ui-table
Place two table nodes in a row.
Activate "Send data on click" on the first node
Choose the same columns on both nodes
Fill first node with data
Click on a line from the first node in the row
The clicked on line ist transfered on to the second node but the data, which is inside the second node is also displayed in the first (clicked) node. You have to refresh the data in the first row (by button, etc.) to display data again. Also when clicking again, a line is transfered (added) to the second node but the content is again copied to the first node without linking them together.
The clicked on line should (maybe optional) disappear in the first node and will be visible in the second node. The rest of the items in the first node should stay.
table node
Import the code from the simple table
example at
https://github.com/node-red/node-red-ui-nodes/blob/master/node-red-node-ui-table/examples/1%20Simple%20table.json
The table only renders the first two rows of data
All the rows should be rendered.
I've tried various setting of 'size' including auto with no success.
i use a hi-def widget grid .. my dashboard group width is 50 .. but table max width seems to be 8 :-( is there a simple way to allow wider widths? many thanks
I tried the node-red-node-ui-table but even the simple example does not work. On top the current UI layout did not accept any more other and the hamburger button was not visible any more. I do not know if these last events have anything to do with it but I give it as background info.
When looking at the install log after uninstalling and reinstalling I noticed an error message:
TypeError: ui.getSizes is not a function
at new TableNode (C:\Users\SalesTV.node-red\node_modules\node-red-node-ui-table\node.js:49:32)
at Object.createNode (C:\Users\SalesTV\AppData\Roaming\npm\node_modules\node-red\node_modules@node-red\runtime\lib\nodes\flows\util.js:483:31)
at Flow.start (C:\Users\SalesTV\AppData\Roaming\npm\node_modules\node-red\node_modules@node-red\runtime\lib\nodes\flows\Flow.js:190:48)
at start (C:\Users\SalesTV\AppData\Roaming\npm\node_modules\node-red\node_modules@node-red\runtime\lib\nodes\flows\index.js:345:33)
at C:\Users\SalesTV\AppData\Roaming\npm\node_modules\node-red\node_modules@node-red\runtime\lib\nodes\flows\index.js:212:21
at processTicksAndRejections (internal/process/task_queues.js:97:5)
The whole log was:
6 Mar 12:28:07 - [info]
6 Mar 12:28:07 - [info] Node-RED version: v1.0.4
6 Mar 12:28:07 - [info] Node.js version: v12.16.1
6 Mar 12:28:07 - [info] Windows_NT 10.0.18362 x64 LE
6 Mar 12:28:07 - [info] Loading palette nodes
6 Mar 12:28:09 - [info] +-----------------------------------------------------
6 Mar 12:28:09 - [info] | uibuilder initialised:
6 Mar 12:28:09 - [info] | root folder: \Users\SalesTV.node-red\uibuilder
6 Mar 12:28:09 - [info] | version . .: 2.0.7
6 Mar 12:28:09 - [info] | packages . : vue,bootstrap,bootstrap-vue,socket.io
6 Mar 12:28:09 - [info] +-----------------------------------------------------
6 Mar 12:28:09 - [info] Dashboard version 2.13.0 started at /ui
6 Mar 12:28:09 - [warn] ------------------------------------------------------
6 Mar 12:28:09 - [warn] [node-red-contrib-mssql-plus/mssql] Type already registered
6 Mar 12:28:09 - [warn] ------------------------------------------------------
6 Mar 12:28:09 - [info] Settings file : \Users\SalesTV.node-red\settings.js
6 Mar 12:28:09 - [info] Context store : 'default' [module=memory]
6 Mar 12:28:09 - [info] User directory : \Users\SalesTV.node-red
6 Mar 12:28:09 - [warn] Projects disabled : editorTheme.projects.enabled=false
6 Mar 12:28:09 - [info] Flows file : \Users\SalesTV.node-red\flows_DESKTOP-A9EA1AA.json
6 Mar 12:28:09 - [info] Server now running at http://127.0.0.1:1880/
6 Mar 12:28:09 - [warn]
Your flow credentials file is encrypted using a system-generated key.
If the system-generated key is lost for any reason, your credentials
file will not be recoverable, you will have to delete it and re-enter
your credentials.
6 Mar 12:28:09 - [info] Starting flows
6 Mar 12:28:09 - [info] Started flows
6 Mar 12:29:01 - [info] Installing module: node-red-node-ui-table, version: 0.3.0
6 Mar 12:29:04 - [info] Installed module: node-red-node-ui-table
6 Mar 12:29:04 - [info] Added node types:
6 Mar 12:29:04 - [info] - node-red-node-ui-table:ui_table
6 Mar 12:29:59 - [info] Stopping flows
6 Mar 12:29:59 - [info] Stopped flows
6 Mar 12:29:59 - [info] Starting flows
TypeError: ui.getSizes is not a function
at new TableNode (C:\Users\SalesTV.node-red\node_modules\node-red-node-ui-table\node.js:49:32)
at Object.createNode (C:\Users\SalesTV\AppData\Roaming\npm\node_modules\node-red\node_modules@node-red\runtime\lib\nodes\flows\util.js:483:31)
at Flow.start (C:\Users\SalesTV\AppData\Roaming\npm\node_modules\node-red\node_modules@node-red\runtime\lib\nodes\flows\Flow.js:190:48)
at start (C:\Users\SalesTV\AppData\Roaming\npm\node_modules\node-red\node_modules@node-red\runtime\lib\nodes\flows\index.js:345:33)
at C:\Users\SalesTV\AppData\Roaming\npm\node_modules\node-red\node_modules@node-red\runtime\lib\nodes\flows\index.js:212:21
at processTicksAndRejections (internal/process/task_queues.js:97:5)
6 Mar 12:29:59 - [info] Started flows
I have tried to install lineargauge node and table node by usingnpm i node-red-ui-node-lineargauge
and npm install node-red-ui-node-table
.
They both failed and the error shows they are not in the npm registry.
Is there something wrong ?
node-red-node-ui-table
flows.json.txt
package.json.txt
when the ui-table is added to the dashboard, all the other dashboard controls don't show
all the other dashboard controls should show
node-red-node-ui-table
Add a table node with a name containing a single quote, for example, "Site ID's"
The table does not render. Base on an inspection of html it seems to be completely missing.
The table to render or for a note/warning that single quotes are not supported.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.