node-red / node-red-ui-nodes Goto Github PK

View Code? Open in Web Editor NEW

115.0 15.0 81.0 1.41 MB

Additional nodes for Node-RED Dashboard

License: Apache License 2.0

HTML 11.55% JavaScript 88.45%

hacktoberfest

node-red-ui-nodes's Introduction

node-red-ui-nodes

Additional nodes for Node-RED Dashboard

This repository contains a few example extra Dashboard Widgets for the Node-RED Dashboard project - along with documentation that should be enough to help you create your own. In order to work they require both Node-RED and Node-RED-Dashboard to be installed.

Most widgets will be published as their own standalone npm packages called node-red-node-ui-something, rather than as part of this repo. If you create your own nodes please try to call them node-red-contrib-ui-something.

A basic knowledge of Javascript is required, and the UI itself uses Angular version 1 and jQuery, so a knowledge of, or a willingness to learn, some of these would be an advantage.

Pull requests to help add documentation and to add clarity are most welcome - but please read the Contribution guidelines

node-red-ui-nodes's People

Contributors

Stargazers

Watchers

Forkers

seth350 node-red-hitachi kazuhitoyokoi node-red-8-18-2019 doytsujin rodolfocunha adamgoose christian-me antsunzj eugene-zvr zoujagger lianxi torstenknoefel swipswaps gnee-io pankajins laashub-sda wedeliver2future waltercrombez msgpo ryne9 imuledx budddhika oktober31 marco-porru yamaguchi1083 philuxe amit2016-17 heikokue jonathansadler ncface xiameihao jforge encanto taljaardjcf plusxp bestlong rym002 qqq-tech yasithdev wipfl aimeeqiu yuwengeng raceland-automacao-lda vatertaos ahmedmounir gilmiz bobthehands biancoroyal positive-spaces-io apiyap miguelonlonlon o2magis mayahq hidding-dev slimteam pdettorre hoegge thinkeneer marceloprojetos nqh2412 rakhithjk bryanchance pixous69 fairhopeweb zhangmx hardillb xyztlp hiroyasunishiyama xkzjgzs apersonintech liulaner mkuznecovs data-analytic-research-insight jjcampis illogica ofletech steveefemsc2 q20 mosaicootech

node-red-ui-nodes's Issues

ui-tables: alignment no longer working with v0.4.0

Which node are you reporting an issue on?

node-red-node-ui-table v0.4.0

What are the steps to reproduce?

set alignment of one column to center or right

What happens?

instead of center or right the column is left aligned

What do you expect to happen?

alignment setting is respected

Please tell us about your environment:

node-red-node-ui-table: Cannot GET /endpoint/ui/ui-table/js/tabulator.js (404)

Which node are you reporting an issue on?

node-red-node-ui-table

What are the steps to reproduce?

Install HASSIO (https://www.home-assistant.io/hassio/)
Install node-red plugin
Install node-red dashboard and node-red-node-ui-table via 'Palette'
Add node-red-node-ui-table to flow and dashboard and deploy
Open Dashboard with table node

What happens?

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)

What do you expect to happen?

Show the table

Please tell us about your environment:

Node-RED version: v1.0.3
Node.js version: v12.14.0
npm version: [email protected]
Platform/OS: Linux 4.19.97-v7+ arm LE
Browser: Firefox / Chrome

Solution:

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/

Upgrade tabulator to latest version

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?"

updateOrAddData in Table not working

Which node are you reporting an issue on?

ui-table

What are the steps to reproduce?

send this message to table:

{"command":"updateOrAddData","arguments":[{"linkquality":2,"name":"Router_KG","id":1}]}

What happens?

No Row is added to the table, the Browser shows the following error:

What do you expect to happen?

Row should be added or replaced in the table.

Please tell us about your environment:

[ 1.1.03] Node-RED version:
[v10.22.0 ] node.js version:
npm version:
[Ubuntu Linux] Platform/OS:
[ Firefox] Browser:

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.

Style attributes are being swallowed when HTML is enabled

Which node are you reporting an issue on?

ui_list

What are the steps to reproduce?

Enable the setting "allow HTML in displayed text" in the node
Send in text that contains a style attribute (like <span style="opacity: 0.9">Test</span>)

What happens?

The HTML tag appears on the page but the style attribute has been removed

What do you expect to happen?

That the style attribute stays visible

Please tell us about your environment:

Node-RED version: v0.20.7
node.js version: unknown (no SSH access)
npm version: unknown (no SSH access)
Platform/OS: Ubuntu 20.04 (not sure, no SSH access)
Browser: Firefox 81.0.1 (64-Bit)

node-red-ui-node-table TypeError: ui.getTheme is not a function

Which node are you reporting an issue on?

node-red-ui-node-table

What are the steps to reproduce?

add table node

What happens?

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

What do you expect to happen?

no error message and table in dashboard

Please tell us about your environment:

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 Table does not show

Which node are you reporting an issue on?

node-red-node-ui-table

What are the steps to reproduce?

I imported the simple table example

What happens?

No node is showing up in the ui page

What do you expect to happen?

showing the example

Please tell us about your environment:

ui-table allow wider than 8

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

node-red-node-ui-table not rendered if a single quote character is in the description (info)

Which node are you reporting an issue on?

nod-red-node-ui-table 0.3.10

What are the steps to reproduce?

Place an ui-table on the dashboard and feed it with some content. Make sure that the table shows the wanted content.
Edit the description of the ui-table and enter a single quote character (').
Deploy again. Now the table is not shown anymore.
I don't know the exact reason, but somehow a string is send to angular with the full object of the ui-table node. (I can't find the starting single quote!) The single quote character in the info-field of the object terminates this string and then the json lexer can't handle this string anymore. Maybe the stringifier is the base cause.
To my opinion this is also the reason for the issue #28

Note: Double quotes don't disturb. Single quotes in the table content are also not an issue.

What happens?

The table is not rendered if a single quote character is in the description (info)

What do you expect to happen?

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.

Please tell us about your environment:

Node-RED version: redmatic 1.2.9
node.js version: 12.22.1
npm version: 6.14.12
Platform/OS: raspberry pi 3b+ / raspberrymatic (open source homematic OS) linux 5.10.17
Browser: FF 88.0.1 and Chromium 90.0
node-red-dashboard 2.28.1
node-red-node-ui-table 0.3.10

node-red-node-ui-table dashboard rendering error other controls dont render

Which node are you reporting an issue on?

node-red-node-ui-table

What are the steps to reproduce?

flows.json.txt
package.json.txt

What happens?

when the ui-table is added to the dashboard, all the other dashboard controls don't show

What do you expect to happen?

all the other dashboard controls should show

Please tell us about your environment:

[ 2.0.5] Node-RED version:
[ 14.017.4] node.js version:
[6.14.14 ] npm version:
[ Windows_NT 10.0.19043 x64 LE] Platform/OS:
[ Chrome/Edge/Firefox] Browser: occurs on all browsers tested

Title length adjusts icon position

Which node are you reporting an issue on?

ui-list

What are the steps to reproduce?

[{"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}]

What happens?

Icon positions are messed up

What do you expect to happen?

Everything perfectly aligned

Please tell us about your environment:

Node-RED version: 2.0.5
node.js version: 14.17.3
npm version: 6.14.13
Platform/OS: Linux 5.8.0-63-generic x86_64 (NR running in docker
Browser: Firefox

UI-Table nested column headers broken

Which node are you reporting an issue on?

UI-Table

What are the steps to reproduce?

Load example 3 with ui-table version 0.3.4 and deploy.

What happens?

Nested table headers broken, see images...

With version 0.3.1

With version 0.3.4

What do you expect to happen?

Same as with version 0.3.1

Please tell us about your environment:

ui_table node - Order property not set

Which node are you reporting an issue on?

node-red-node-ui-table

What are the steps to reproduce?

Open any ui_table example flow

What happens?

Get a warning in debug panel - "*** Order property not set. Please contact developer. ***"

What do you expect to happen?

Not to get the warning!

Please tell us about your environment:

Node-RED version: 2.1.6
node.js version: 14.18.3
npm version: 6.14.15
Platform/OS: Raspbian Buster
Browser: Windows Chrome v97.0.4692.99 (Official Build) (64-bit)

Tables do not show on Dashboard when ui: path is set to ""

Which node are you reporting an issue on?

node-red-node-ui-table

What are the steps to reproduce?

set:
httpAdminRoot: '/admin'
ui: { path: "" }
in settings.js

What happens?

Tables does not show up in dashboard when above settings are applied.

What do you expect to happen?

Table to show with above settings

Please tell us about your environment:

ui-table v0.4.0 code missing in repo

ui-table v0.4.0 code is missing in GitHub repo

ui-list scroll

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

)

UI table data & headers not showing.

Which node are you reporting an issue on?

UI table

What are the steps to reproduce?

import example basic table from github, deploy, check frontend

What happens?

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.

What do you expect to happen?

Show table

Please tell us about your environment:

ui-table does not work (Debian Buster)

Which node are you reporting an issue on?

node-red-ui-table

What are the steps to reproduce?

See below.

What happens?

No data is shown in the ui and the ui-tab containing the table is not shown correctly.

Please tell us about your environment:

Node-RED version: v1.0.3
node.js version: v12.16.1
npm version: 6.13.4
Platform/OS: Lenovo laptop running Debian Buster
Browser: Any. Main tests done using Microsoft Edge Dev.

Details

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.

Progress bar only appears after column is resized

UI-Table nested column headers appended if set multiple times over ui_control

@Christian-Me Sorry, next bug found 😇

Which node are you reporting an issue on?

UI-Table

What are the steps to reproduce?

Load example 3 with ui-table version 0.3.5 and press the inject button multiple times.

What happens?

Nested columns are appended on each ui_control message.

What do you expect to happen?

Same as with version 0.3.1

Please tell us about your environment:

ui-microphone PushToTalk mode of record button not working as expected

Which node are you reporting an issue on?

ui-microphone

What are the steps to reproduce?

Record audio into a wav file with the ui-microphone node and play afterwards.

What happens?

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.

What do you expect to happen?

Recording while pressed, upon release stop recording, like Push To Talk functionality in a radio, dictaphone or in my case an intercom.

Please tell us about your environment:

Node-RED version: v1.0.6
node.js version: v10.21.0
npm version: v5.8.0
Platform/OS: Raspberry Pi OS "Buster" Kernel 5.4.72
Browser: iPhone iOS v14.1 Safari

ui-table style of html links changed with v0.4.0

Which node are you reporting an issue on?

node-red-node-ui-table

What are the steps to reproduce?

use HTML links in a table

What happens?

with v.0.3.12 the links were white on dark gray
with v0.4.0 they are blue on dark gray

What do you expect to happen?

the links should stay in white on gray, because a change should not break the appearance of the dashboard.

Please tell us about your environment:

node-red-node-ui-table regex problem with ":"

Which node are you reporting an issue on?

node-red-node-ui-table v0.3.10

What are the steps to reproduce?

Create a ui_table with the "validator": "regex:^([0-1]?[0-9]|2[0-3]):[0-5][0-9]$"

What happens?

The regex works until the colon. After the colon any character is valid.
valid inputs:

13:35
22:90
12abrfvcs

invalid inputs:

90:20
abc:12

What do you expect to happen?

The Validator should detect the 22:90 and 12abrfvcs as invalid.

Please tell us about your environment:

Does not work with Google chrome? Example flow displays blank dashboard panel named "List" on in Chrome?

On Raspberry Pi OS 10 Buster

Node Red 1.1.0
Dashboard 2.23

Browser And OS...

Windows 10 Pro 64-bit
Chrome Version 85.0.4183.121 (Official Build) (64-bit)

For Example...

Did additional testing... DOES NOT DISPLAY CORRECTLY in Microsoft Edge, FireFox, etc.

webcam: unable to switch camera via msg.camera

Hi. I've got a phone with front and back cameras. I'm tryng to switch between them using msg.camera with no success.

Which node are you reporting an issue on?

node-red-node-ui-webcam

What are the steps to reproduce?

Use an inject node + change node to send msg.camera=[any number from 0 to n] to webcam node

What happens?

The camera is disabled, and stays disabled until I activate it clicking the canvas. No matter what I send, it always reverts to the front camera. So there's no way to switch to the back camera unless using the dropdown selector.
Even after using the dropdown selector to choose the back camera, anytime I reload the page it switches back to the front camera. It seems LocalStorage is working inconsistently. There's no way to save the back camera as the default.
Also tested with and without "Start webcam automatically" option checked.

What do you expect to happen?

Switch between front and back camera normally, as it happens when I use the dropdown selector inside the canvas.

Please tell us about your environment:

Node-RED version: 2.2.2
node.js version: v16.13.2
npm version: 8.1.2
Platform/OS: Oracle Linux Server 7.9 (Fedora)
Browser: Chrome for Android 98.0.4758.101

node-red-node-ui-table/node.js:48:30: MODULE_NOT_FOUND

Which node are you reporting an issue on?

node-ui-table

What are the steps to reproduce?

I created this flow (node-ui-table & slider)

[{"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}]

clicked on the inject node

What happens?

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' }

What do you expect to happen?

a table appearing on the dashboard

Please tell us about your environment:

Table node sizing does not appear to work

Which node are you reporting an issue on?

table node

What are the steps to reproduce?

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

What happens?

The table only renders the first two rows of data

What do you expect to happen?

All the rows should be rendered.

Please tell us about your environment:

I've tried various setting of 'size' including auto with no success.

Table disappears on click with Send data on click checked, but only on first click.

Which node are you reporting an issue on?

node-red-node-ui-table

What are the steps to reproduce?

Create a simple table with injected columns or import example ui_control table.

What happens?

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.

What do you expect to happen?

The table to not disappear. 😄

Please tell us about your environment:

Node-RED version: Docker: nodered/node-red:latest image id: ddb23b78261e
node.js version: Docker: nodered/node-red:latest image id: ddb23b78261e
npm version: Docker: nodered/node-red:latest image id: ddb23b78261e
Platform/OS: DockerDesktop for Windows for Dev and Centos 7 for deployment
Browser: Latest Chrome

Why does selection of current item, NOT create 'selected' value?

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.

Passing Data from one table to another

Which node are you reporting an issue on?

node-red-node-ui-table

What are the steps to reproduce?

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

What happens?

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.

What do you expect to happen?

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.

Please tell us about your environment:

Node-RED version: 0.20.5
node.js version: v10.15.3
npm version: 6.4.1
Platform/OS: Frontend: Windows 10 x64 1803 Server:
Browser: Firefox Quantum 60.4.0esr (32-Bit)

node-red-node-ui-table column width incorrect at random

Which node are you reporting an issue on?

table node from node-red-node-ui-table

What are the steps to reproduce?

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

What happens?

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

What do you expect to happen?

Tables should have the size configured in node config

Please tell us about your environment:

Node-RED version: 1.2.9, node-red-node-ui-table version 0.3.12
node.js version:
npm version:
Platform/OS: Redmatic on Raspberrymatic
Browser: Firefox, MS Edge, Safari on iOS, Firefox on Android

table link formatting

Which node are you reporting an issue on?

node-red-node-ui-table

What do you expect to happen?

Please tell us about your environment:

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

Not possible to set functionality movableColumns via ui_control

Which node are you reporting an issue on?

node-red-node-ui-table

What are the steps to reproduce?

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

What happens?

On the dashboard it is still possible to move table columns (drag and dropping)

What do you expect to happen?

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;

Please tell us about your environment:

node-red-node-ui-table DEPRECATION WANRING -

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"
                }
            }

UI-List multi users wrong behaviour

Which node are you reporting an issue on?
UI-List

What are the steps to reproduce?

Put a UI-List node in a flow
Configure it to be un checkbox mode
Pupolate the node by passing a msg.payload that contains differents options
Deploy
Open 2 instances of Dashboard side by side(one in chrome, one in firefox)
Check a box of the Ui-List in a browser and see that it deson't update in the other browser

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

Can not install for npm

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 ?

ui table collapse

How to make the table rows collapsable?

my-little-ui-node Issue & question

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"
            }
        }
    }

Dashboard - theme: chart and ui-table

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?

Table gives error installing and freezes dashboard use

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]

Welcome to Node-RED

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.

You should set your own key using the 'credentialSecret' option in
your settings file. Node-RED will then re-encrypt your credentials
file using your chosen key the next time you deploy a change.

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

Node-ui-list

Microphone Wave File Is Sped Up

Which node are you reporting an issue on?

node-red-node-ui-microphone 0.3.0

What are the steps to reproduce?

[{"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

What happens?

Audio is sped up making it sound like a chipmunk.

What do you expect to happen?

Normal speed playback.

Please tell us about your environment:

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.

UI-Table memory leak

Which node are you reporting an issue on?

UI-Table 0.3.7

What are the steps to reproduce?

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 ;)

What happens?

Memory consumption increases constant over time

What do you expect to happen?

Stable memory usage...

Please tell us about your environment:

Textarea formatter not supported with ui-table

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.

ui-table only showing 3 rows before switching to scrolled view

Which node are you reporting an issue on?

node-red-node-ui-table

What are the steps to reproduce?

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

What happens?

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

What do you expect to happen?

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.

Please tell us about your environment:

node-red-node-ui-table does not render when Name field has a single quote in it

Which node are you reporting an issue on?

node-red-node-ui-table

What are the steps to reproduce?

Add a table node with a name containing a single quote, for example, "Site ID's"

What happens?

The table does not render. Base on an inspection of html it seems to be completely missing.

What do you expect to happen?

The table to render or for a note/warning that single quotes are not supported.

Please tell us about your environment:

Node-RED version: Docker: nodered/node-red:latest image id: ddb23b78261e
node.js version: Docker: nodered/node-red:latest image id: ddb23b78261e
npm version: Docker: nodered/node-red:latest image id: ddb23b78261e
Platform/OS: DockerDesktop for Windows for Dev and Centos 7 for deployment
Browser: Latest Chrome

node-red-ui-node-table auto size not working and zero data hides table

Which node are you reporting an issue on?

What are the steps to reproduce?

add table to dash board both on auto size and specify columns. Send one some data and the other a empty list

What happens?

What do you expect to happen?

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

Please tell us about your environment:

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-node-ui-table: sorting on row number doesn't work

Which node are you reporting an issue on?

node-red-node-ui-table

What are the steps to reproduce?

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
    }
]

What happens?

Sorting on the Foo column works, but it does not on the N° column

What do you expect to happen?

The N° column should be sorted

Please tell us about your environment:

Install fails via palette manager

Which node are you reporting an issue on?

node-red-node-ui-table 0.1.4

What are the steps to reproduce?

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

What happens?

Fails to install table node

What do you expect to happen?

:-) to install this node

Please tell us about your environment:

node-red-node-ui-list icons appear not vertically centered

Which node are you reporting an issue on?

node-red-node-ui-list

What are the steps to reproduce?

Create node, add one or more items in MultiLine mode (narrow or wide)
Include title, description and icon_name properties

What happens?

The icon appears off centrer vertically

What do you expect to happen?

It should align perfectly

Please tell us about your environment:

Node-RED version: 1.3.5 (docker image: nodered/node-red:latest-12)
node.js version: 12.22.1
npm version: ??
Platform/OS: Docker running on Ubuntu 20.10 server
Browser: Chromium 91 on Ubuntu 20.10 desktop

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)