Another new addition to the library. node-red-contrib-ui-level. Stuck

Dashboard
1

Sorry folks.

Seems I have been away from NR a bit too long.

I have just installed the new: node-red-contrib-ui-level and it looks nice.
(I'm also kind of comparing it to the node-red-contrib-ui-lineargauge)

Anyway: NR version 0.19.4. Dashboard version 12.14.0 (Rebooted to get it all working.)

This is the code I have made to establish a base line:

[{"id":"6076c897.13684","type":"ui_level","z":"a6e58cf3.b2eaa8","group":"6214df15.ae6b9","order":0,"width":"4","height":"1","name":"VU test","label":"VU test","colorHi":"#e60000","colorWarn":"#ff9900","colorNormal":"#00b33c","colorOff":"#595959","min":0,"max":100,"segWarn":"30","segHigh":"60","unit":"x","layout":"sh","channelA":"","channelB":"","decimals":0,"animations":"soft","x":510,"y":730,"wires":[]},{"id":"8df9a257.c030c","type":"inject","z":"a6e58cf3.b2eaa8","name":"","topic":"","payload":"","payloadType":"date","repeat":"1","crontab":"","once":true,"onceDelay":0.1,"x":130,"y":730,"wires":[["d7dfc01d.90e3d8"]]},{"id":"d7dfc01d.90e3d8","type":"random","z":"a6e58cf3.b2eaa8","name":"","low":"20","high":"45","inte":"true","property":"payload","x":330,"y":730,"wires":[["6076c897.13684","80203c39.c8c388"]]},{"id":"80203c39.c8c388","type":"ui_text","z":"a6e58cf3.b2eaa8","group":"6214df15.ae6b9","order":0,"width":0,"height":0,"name":"","label":"Value","format":"{{msg.payload}}","layout":"row-spread","x":500,"y":780,"wires":[]},{"id":"6214df15.ae6b9","type":"ui_group","z":"","name":"VU","tab":"bab81a9e.75a6","order":3,"disp":true,"width":"6","collapse":false},{"id":"bab81a9e.75a6","type":"ui_tab","z":"","name":"Linear gauge","icon":"dashboard","order":35}]

This is the screen shot. (Excuse the other stuff on the screen. It is my "test" screen at this time.)
See the red area

Ok, I'm missing something.

But reading the docs, this is what I see as the "bare minimum".

Screenshot%20from%202019-03-28%2019-06-49
Screenshot from 2019-03-28 19-06-49.png1360×768 57.6 KB

2

Hi,
Any errors in browser console?

3

Sorry, but I don't understand what you mean.

How do I see the browser console?

If I have the debug output selected, there is nothing going on there.

I added the fan node only so I could swap inputs from the random number to just a one off input and see the result on the GUI also.

Just for clarity here are better screen shots.

At the GUI level it is still "blank" as per first post.

Screenshot%20from%202019-03-28%2020-27-30
Screenshot from 2019-03-28 20-27-30.png1360×768 109 KB
Screenshot%20from%202019-03-28%2020-27-34
Screenshot from 2019-03-28 20-27-34.png1360×768 115 KB
Screenshot%20from%202019-03-28%2020-27-40
Screenshot from 2019-03-28 20-27-40.png1360×768 92.3 KB

4

No I meant the browser developer tool console if you are looking the dashboard.

5

I'll admit I have no real practical experience at using it.
Though I may have poked about with it once or twice.

I know: Shame on me.
Could you help me get the information you want?

ITMT, I'll try at this end.

Is this it?

[Exception... "Favicon at "https://us1.discourse-cdn.com/flex016/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png" is too large."  nsresult: "0x80004005 (NS_ERROR_FAILURE)"  location: "JS frame :: resource:///modules/FaviconLoader.jsm :: onStopRequest :: line 246"  data: no]
e is undefined purplebox.js:1
[Exception... "Favicon at "https://us1.discourse-cdn.com/flex016/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png" is too large."  nsresult: "0x80004005 (NS_ERROR_FAILURE)"  location: "JS frame :: resource:///modules/FaviconLoader.jsm :: onStopRequest :: line 246"  data: no]
Error: Promised response from onMessage listener went out of scope init.js:75:9
Unchecked lastError value: Error: Promised response from onMessage listener went out of scope page_performance.js:25
Error: Promised response from onMessage listener went out of scope
init.js:75:9
Unchecked lastError value: Error: Promised response from onMessage listener went out of scope page_performance.js:25
Error: Promised response from onMessage listener went out of scope init.js:75:9
[Exception... "Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsIDOMWindowUtils.removeSheetUsingURIString]"  nsresult: "0x80004005 (NS_ERROR_FAILURE)"  location: "JS frame :: resource://gre/modules/ExtensionCommon.jsm :: runSafeSyncWithoutClone :: line 65"  data: no]

Firefox can’t establish a connection to the server at ws://127.0.0.1:30035/. moolticute.js:309:19
[Exception... "Favicon at "https://us1.discourse-cdn.com/flex016/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png" is too large."  nsresult: "0x80004005 (NS_ERROR_FAILURE)"  location: "JS frame :: resource:///modules/FaviconLoader.jsm :: onStopRequest :: line 246"  data: no]
Error: Promised response from onMessage listener went out of scope init.js:75:9
Unchecked lastError value: Error: Promised response from onMessage listener went out of scope page_performance.js:25
Error: Promised response from onMessage listener went out of scope
init.js:75:9
Firefox can’t establish a connection to the server at ws://127.0.0.1:30035/. moolticute.js:309:19
[Exception... "Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsIDOMWindowUtils.removeSheetUsingURIString]"  nsresult: "0x80004005 (NS_ERROR_FAILURE)"  location: "JS frame :: resource://gre/modules/ExtensionCommon.jsm :: runSafeSyncWithoutClone :: line 65"  data: no]

Error: Promised response from onMessage listener went out of scope init.js:75:9
Firefox can’t establish a connection to the server at ws://127.0.0.1:30035/. moolticute.js:309:19
e is undefined purplebox.js:1
[Exception... "Favicon at "https://us1.discourse-cdn.com/flex016/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png" is too large."  nsresult: "0x80004005 (NS_ERROR_FAILURE)"  location: "JS frame :: resource:///modules/FaviconLoader.jsm :: onStopRequest :: line 246"  data: no]
Unchecked lastError value: Error: Promised response from onMessage listener went out of scope page_performance.js:25
Error: Promised response from onMessage listener went out of scope
init.js:75:9
Firefox can’t establish a connection to the server at ws://127.0.0.1:30035/. moolticute.js:309:19
Attempt to set a forbidden header was denied: Connection 2516017865-lcs_client_bin.js:134:386
[Exception... "Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsIDOMWindowUtils.removeSheetUsingURIString]"  nsresult: "0x80004005 (NS_ERROR_FAILURE)"  location: "JS frame :: resource://gre/modules/ExtensionCommon.jsm :: runSafeSyncWithoutClone :: line 65"  data: no]

[Exception... "Component returned failure code: 0x80040111 (NS_ERROR_NOT_AVAILABLE) [nsIContentSniffer.getMIMETypeFromContent]"  nsresult: "0x80040111 (NS_ERROR_NOT_AVAILABLE)"  location: "JS frame :: resource:///modules/FaviconLoader.jsm :: onStopRequest :: line 230"  data: no]
e is undefined purplebox.js:1
[Exception... "Favicon at "https://us1.discourse-cdn.com/flex016/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png" is too large."  nsresult: "0x80004005 (NS_ERROR_FAILURE)"  location: "JS frame :: resource:///modules/FaviconLoader.jsm :: onStopRequest :: line 246"  data: no]
Firefox can’t establish a connection to the server at ws://127.0.0.1:30035/. moolticute.js:309:19
[Exception... "Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsIDOMWindowUtils.removeSheetUsingURIString]"  nsresult: "0x80004005 (NS_ERROR_FAILURE)"  location: "JS frame :: resource://gre/modules/ExtensionCommon.jsm :: runSafeSyncWithoutClone :: line 65"  data: no]

Error: Promised response from onMessage listener went out of scope
init.js:75:9
Firefox can’t establish a connection to the server at ws://127.0.0.1:30035/.

Useful?

6

Ok, let's try this one.

I cleared the log and rewired it for manual injection.

When I pressed the inject node (35) this error popped up/out.

I just hope I got the important stuff.

 init: onBeforeRequest - Post Interception 
{…}
​
documentUrl: "http://192.168.0.6:1880/#flow/a6e58cf3.b2eaa8"
​
frameAncestors: Array []
​
frameId: 0
​
ip: null
​
method: "POST"
​
originUrl: "http://192.168.0.6:1880/#flow/a6e58cf3.b2eaa8"
​
parentFrameId: -1
​
proxyInfo: null
​
requestId: "8486"
​
tabId: 40
​
timeStamp: 1553765901550
​
type: "xmlhttprequest"
​
url: "http://192.168.0.6:1880/inject/913060c1.dc045"
​
<prototype>: Object { … }
init.js:162:71
Empty string passed to getElementById().
vendor.js:2:24487
7

you should open the console from that page you need info from.

image
image.png832×559 34.1 KB

8

This is the best I can do from what you showed me:

Screenshot%20from%202019-03-28%2020-46-08
Screenshot from 2019-03-28 20-46-08.png1360×768 133 KB

9

activate condole tab and do browser refresh

10

This?

You are using the ngTouch module. 
AngularJS Material already has mobile click, tap, and swipe support... 
ngTouch is not supported with AngularJS Material! app.min.js:148:278
Rendered http://192.168.0.6:1880/ui/css/app.min.less successfully. app.min.js:514:12823
CSS for http://192.168.0.6:1880/ui/css/app.min.less generated in 446ms app.min.js:514:12823
Less has finished. CSS generated in 446ms app.min.js:514:12823
Source map error: request failed with status 404
Resource URL: http://192.168.0.6:1880/ui/js/app.min.js
Source Map URL: angular-chart.min.js.map[Learn More]
Rendered http://192.168.0.6:1880/ui/css/app.min.less successfully. app.min.js:514:12823
CSS for http://192.168.0.6:1880/ui/css/app.min.less generated in 155ms app.min.js:514:12823
Less has finished. CSS generated in 155ms app.min.js:514:12823

I've moved it to it's own screen to try and reduce other stuff.

Screenshot%20from%202019-03-28%2020-51-05
Screenshot from 2019-03-28 20-51-05.png1360×768 87 KB

11

Yes, and it means no errors in browser console. :thinking:

12

So that other stuff I saw (earlier post) about the "null payload" when I pressed the inject node that I saw aren't relevant?

Blockquote```
documentUrl: "http://192.168.0.6:1880/#flow/a6e58cf3.b2eaa8"
​
frameAncestors: Array
​
frameId: 0
​
ip: null
​
method: "POST"
​
originUrl: "http://192.168.0.6:1880/#flow/a6e58cf3.b2eaa8"
​
parentFrameId: -1
​
proxyInfo: null
​
requestId: "8486"
​
tabId: 40
​
timeStamp: 1553765901550
​
type: "xmlhttprequest"
​
url: "http://192.168.0.6:1880/inject/913060c1.dc045"
​
: Object { … }
init.js:162:71
Empty string passed to getElementById().
vendor.js:2:24487


In particular:
**Empty string passed to getElementById().**
13

Do you have any other browser to try it out?
Even then, please provide info about your setup.
System info
Browser version

(NR version 0.19.4.
Dashboard version 12.14.0 )

14

Stand bye. Gotta install ...... Chrome?

Opera?

15

Lets start with chrome :slight_smile:

16

Drats. I actually found I had Opera installed.

Alas.....

Standby for Chrome

Screenshot%20from%202019-03-28%2021-03-19
Screenshot from 2019-03-28 21-03-19.png1360×768 32.7 KB

17

Chrome installed and running.

Oh, I changed the inject from 35 to 25. (Two buttons) just so I know the data I am seeing is real.

Screenshot%20from%202019-03-28%2021-11-08
Screenshot from 2019-03-28 21-11-08.png1360×768 26.5 KB

18

Let's go back to the system info then. Please provide.
And couple of questions in addition.
Do you used Palette manager for installing or did it manually?
Was the installation clean? (no errors)
Any errors (non regular warnings) on node-red startup log?
Have you tried to uninstall / reinstall the node yet?

19

Ok, installation:

Yes, from Palette manager.
It didn't say anything, other than it is/was installed.
No, haven 't tried uninstalling/re-installing.

Haven't checked NR startup log. (Sorry.) Shall look now.
(Have to remember where it is. I have it written down somewhere.)

stand bye (Sorry, corny, I know.)

20

Ok....

/var/log/ Nothing exciting to report.
The only node-red files are old

me@me-desktop:/var/log$ ll nodered*
-rw-r--r-- 1 root root     0 Oct 15 06:59 nodered-install.log
-rw-r--r-- 1 root root 44337 Oct  6 08:12 nodered-install.log.1
me@me-desktop:/var/log$

Uninstalled and reinstalled.
(NO reboot.)

Same.

Ubuntu, not RPI.

Anywhere else for NR logs?