Repeated SVG Events

Dashboard
1

Hello there,

I have the following issue.

I made a dashboard with a clickable SVG using node-red-contrib-ui-svg. On a click-event, I want to display a pop-up using the ui_toast node.

Here's a simplified flow from my application:
image

Flow JSON 
[
    {
        "id": "f6f2187d.f17ca8",
        "type": "tab",
        "label": "Flow 1",
        "disabled": false,
        "info": ""
    },
    {
        "id": "0cd043815f989f22",
        "type": "ui_svg_graphics",
        "z": "f6f2187d.f17ca8",
        "group": "0d4b39adc2d92623",
        "order": 0,
        "width": 0,
        "height": 0,
        "svgString": "<svg x=\"0\" y=\"0\" height=\"100\" viewBox=\"0 0 100 100\" width=\"100\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:svg=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n<!-- Add here your SVG shapes (circles, rectangles, ...) -->\n<rect x=\"25\" y=\"25\" width=\"50\" height=\"50\" id=\"click_id\"></rect>\n<!-- Or remove everything, if you want to paste an entire drawing (<svg...>...</svg>).-->\n</svg>",
        "clickableShapes": [
            {
                "targetId": "#click_id",
                "action": "click",
                "payload": "#click_id",
                "payloadType": "str",
                "topic": "#click_id"
            }
        ],
        "javascriptHandlers": [],
        "smilAnimations": [],
        "bindings": [],
        "showCoordinates": false,
        "autoFormatAfterEdit": false,
        "showBrowserErrors": false,
        "showBrowserEvents": false,
        "enableJsDebugging": false,
        "sendMsgWhenLoaded": false,
        "noClickWhenDblClick": false,
        "outputField": "payload",
        "editorUrl": "//drawsvg.org/drawsvg.html",
        "directory": "",
        "panning": "disabled",
        "zooming": "disabled",
        "panOnlyWhenZoomed": false,
        "doubleClickZoomEnabled": false,
        "mouseWheelZoomEnabled": false,
        "dblClickZoomPercentage": 150,
        "cssString": "div.ui-svg svg{\n    color: var(--nr-dashboard-widgetColor);\n    fill: currentColor !important;\n}\ndiv.ui-svg path {\n    fill: inherit;\n}",
        "name": "",
        "x": 460,
        "y": 300,
        "wires": [
            [
                "2635e838036cfe73",
                "a3d581744547d4e2"
            ]
        ]
    },
    {
        "id": "a3d581744547d4e2",
        "type": "debug",
        "z": "f6f2187d.f17ca8",
        "name": "debug 1",
        "active": true,
        "tosidebar": true,
        "console": false,
        "tostatus": false,
        "complete": "false",
        "statusVal": "",
        "statusType": "auto",
        "x": 660,
        "y": 300,
        "wires": []
    },
    {
        "id": "2635e838036cfe73",
        "type": "ui_toast",
        "z": "f6f2187d.f17ca8",
        "position": "dialog",
        "displayTime": "3",
        "highlight": "",
        "sendall": true,
        "outputs": 1,
        "ok": "OK",
        "cancel": "Cancel",
        "raw": false,
        "className": "",
        "topic": "",
        "name": "",
        "x": 650,
        "y": 360,
        "wires": [
            []
        ]
    },
    {
        "id": "0d4b39adc2d92623",
        "type": "ui_group",
        "name": "Standard",
        "tab": "50168646b59b7f97",
        "order": 1,
        "disp": true,
        "width": "6",
        "collapse": false,
        "className": ""
    },
    {
        "id": "50168646b59b7f97",
        "type": "ui_tab",
        "name": "Home",
        "icon": "dashboard",
        "disabled": false,
        "hidden": false
    }
]

When I open the dashboard in two tabs (one in the background) and I click the SVG element to open the pop-up, the pop-up gets repeated when I open the second tab. It repeats as often as I clicked to open the pop-up.

In the console, only the clicking events are logged (not repeating).

Is there a possbility to not repeat the pop-up?

Thanks in advance!

2

In the notification node there is an option " Send to all browser sessions" make sure that it not ticked.

3

Oh, I missed that. Thank you very much!

4

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