How to create dashboard node for toast popups?

Developing Nodes
1

Trying to build a simple node to show "mdToast" popups on incoming messages. Looking at the existing "Notification" node I see it uses ui.add to insert itself, and not ui.addWidget (like "normal" widgets which belong to a group and have an order do):

module.exports = function(RED) {
    var ui = require('../ui')(RED);

    function ToastNode(config) {
        RED.nodes.createNode(this, config);

        ...

        var done = ui.add({
            node: node,
            control: {},
            storeFrontEndInputAsState: false,
            forwardInputMessages: false,
            beforeSend: function (msg) {
                var m = msg.payload.msg;
                m.topic = node.topic || m.topic;
                return m;
            }
        });

Since what I'm trying to do very closely matches the "Notification" node I'm basically trying to to build a clone of this node - but the add method is not available to me:

    function MyNode(config) {
        if(ui === undefined) {
            ui = RED.require("node-red-dashboard")(RED);
        }

        ...

        var done = ui.add({
        ....

TypeError: ui.add is not a function

How do I add a hidden dashboard widget like ui_toast does?

2

Hi @clickworkorange,
If I'm not mistaken, the trick was to set the height to -1, like in the node-red-contrib-ui-contextmenu node.
Bart

3

Thanks! That sounds a bit "bodgy" though :slight_smile: I'd like to reuse as much as possible of the Angular mdToast functionality that's already in there...

4

It is not that we have abused some kind of backdoor to get it correct. At the time being @dceejay has been so kind to add this functionality for us in the dashboard, as you can read here

5

No worries, I'm going with a fork of node-red-dashboard and will see if I can add a generic popup API based on mdDialog instead - this seems to be a better fit for my use case than mdToast, and I think the dashboard needs popup functionality anyway.

6

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.