Comments (4)
I can confirm the issue.
Here is a flow to demonstrate it
[{"id":"882ea9cf77f2158f","type":"ui-button","z":"997da33a0beedade","group":"4f87bd59a15b847e","name":"","label":"notification","order":0,"width":0,"height":0,"emulateClick":false,"tooltip":"","color":"","bgcolor":"","className":"","icon":"","iconPosition":"left","payload":"","payloadType":"str","topic":"topic","topicType":"msg","x":300,"y":5200,"wires":[["cd666412aaa38259"]]},{"id":"cd666412aaa38259","type":"trigger","z":"997da33a0beedade","name":"","op1":"Notification 1","op2":"Notification 2","op1type":"str","op2type":"str","duration":"3","extend":false,"overrideDelay":false,"units":"s","reset":"","bytopic":"all","topic":"topic","outputs":1,"x":480,"y":5200,"wires":[["dbd8b9ae440c89dd"]]},{"id":"dbd8b9ae440c89dd","type":"ui-notification","z":"997da33a0beedade","ui":"ID-BASE-1","position":"top right","colorDefault":true,"color":"#000000","displayTime":"5","showCountdown":true,"outputs":1,"allowDismiss":true,"dismissText":"Close","raw":false,"className":"","name":"","x":690,"y":5200,"wires":[[]]},{"id":"4f87bd59a15b847e","type":"ui-group","name":"test","page":"c6ff182a4185f2f2","width":"6","height":"1","order":1,"showTitle":false,"className":"","visible":"true","disabled":"false"},{"id":"ID-BASE-1","type":"ui-base","name":"Dashboard","path":"/dashboard","includeClientData":true,"acceptsClientConfig":["ui-control","ui-notification"]},{"id":"c6ff182a4185f2f2","type":"ui-page","name":"Test page","ui":"ID-BASE-1","path":"/testpage","icon":"home","layout":"grid","theme":"f9b6670b127dc219","order":1,"className":"","visible":"true","disabled":"false"},{"id":"f9b6670b127dc219","type":"ui-theme","name":"FlowForge Theme","colors":{"surface":"#152a47","primary":"#005aff","bgPage":"#ffffff","groupBg":"#ffffff","groupOutline":"#cc3e3e"},"sizes":{"pagePadding":"12px","groupGap":"12px","groupBorderRadius":"4px","widgetGap":"12px"}}]
I am not certain what the ideal result should be when the the node is sent a new notification before the first has expired.
from node-red-dashboard.
The Vuetify snackbar component used for notifications does not have a queuing feature as it goes against the Material Design guidelines. As it seems, successive notifications replace the previous one which is not ideal when receiving multiple notifications.
There is a Vuetify lab component to allow queuing in progress but seems to be still some way off from being usable.
Here is an alternative third-party snackbar component that offers a rich set of features, including the ability to display multiple notifications at once. https://vuetify-sonner.vercel.app/
I believe this listed feature would help resolve #733 as well.
Curious to know what your opinions are on using it in D2.
from node-red-dashboard.
As a workaround, once the enhancements described in pull request #932 have been released then one will be able to easily implement a queuing strategy around the node in node red so that they appear sequentially.
from node-red-dashboard.
This should be possible to build a workaround into the Dashboard-level logic, rather than relying on Vuetify to implement features for us.
from node-red-dashboard.
Related Issues (20)
- Expose Mobile Columns in Layout Config HOT 2
- Switch: Button Type HOT 10
- Add "Timeseries" x-axis for Bar Charts HOT 1
- Re-architect node data storage to only store relevant data
- Visibility in sidebar changing after edit
- Chart node missing data after page reconnect HOT 1
- Multiple default themes HOT 3
- Gauge breaks from changing dynamic properties
- More colours for charts (and other dashboard widgets?)
- ui-chart line points missing HOT 16
- Number input node does not honor limits HOT 4
- cannot build or debug on windows
- Can't reset button group state
- Padding of <v-text-field> input field is overlapping with label
- Allow user configuration of application's icon
- Configurable Browser Tab Icon HOT 3
- Configurable PWA Icon
- Multiline text input, the first line text is partially hidden
- Button group is truncated
- Basic query: Is there a gauge that can have a centered differential display? HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from node-red-dashboard.