FR Notification: ability to close a notification with an input message about node-red-dashboard HOT 5 OPEN

[
    {
        "id": "6f039e5a0311095f",
        "type": "ui-template",
        "z": "d65257ac.47dde8",
        "group": "",
        "page": "",
        "ui": "d0e3588ada68dc99",
        "name": "Modal Component",
        "order": 0,
        "width": 0,
        "height": 0,
        "head": "",
        "format": "<template>\n    <v-dialog id=\"dialog\" v-model=\"visible\" width=\"500\" persistent>\n        <v-card>\n            <v-card-title>{{ title }}</v-card-title>\n            <v-card-text>\n                <p>\n                {{ body }}\n                </p>\n                <br>\n                <v-progress-linear v-if=\"progress\" indeterminate :height=\"12\"></v-progress-linear>\n                \n            </v-card-text>\n            <v-card-actions>\n                <v-spacer></v-spacer>\n                <v-btn v-if=\"show_cancel\" text @click=\"visible = false\">{{ show_cancel_label }}</v-btn>\n                <v-btn v-for=\"(button, index) in actions\" :key=\"index\" text\n                    @click=\"visible = false; send({payload: button.id})\">{{ button.text }}</v-btn>\n            </v-card-actions>\n        </v-card>\n    </v-dialog>\n</template>\n\n<script>\n\n    export default {\n        data() {\n            return {\n                loaded: false,\n                visible: false,\n                progress: false,\n                title: \"Modal\",\n                body: \"Body\",\n                show_cancel: true,\n                show_cancel_label: \"Cancel\",\n                actions: []\n            }\n        },\n        watch: {\n            msg: function(){\n                \n                this.visible = false;\n\n                if (this.msg.payload && this.msg.payload.modal) {\n\n                    this.visible = this.msg.payload.modal.visible;\n                    this.title = this.msg.payload.modal.title;\n                    this.body = this.msg.payload.modal.body;\n                    this.progress = this.msg.payload.modal.progress;\n                    \n                    this.show_cancel = this.msg.payload.modal.show_cancel;\n                    this.show_cancel_label = this.msg.payload.modal.show_cancel_label;\n                    this.actions = this.msg.payload.modal.actions;\n\n                    if (!this.show_cancel) {\n                        this.send({payload: true});\n                    }\n                }\n            }    \n        },\n        computed: {\n        },\n        methods: {\n        },\n        mounted() {\n            this.visible = false\n            this.loaded = true\n        },\n        unmounted() {\n            this.visible = false\n            this.loaded = false        }\n    }\n</script>\n",
        "storeOutMessages": true,
        "passthru": true,
        "resendOnRefresh": true,
        "templateScope": "widget:ui",
        "className": "",
        "x": 1370,
        "y": 720,
        "wires": [
            [
                "d5113505b6e3e8a3"
            ]
        ]
    },
    {
        "id": "d5113505b6e3e8a3",
        "type": "link out",
        "z": "d65257ac.47dde8",
        "name": "link out 11",
        "mode": "return",
        "links": [],
        "x": 1515,
        "y": 720,
        "wires": []
    },
    {
        "id": "61582d90a9bcab2b",
        "type": "link in",
        "z": "d65257ac.47dde8",
        "name": "Modal Link",
        "links": [],
        "x": 1235,
        "y": 720,
        "wires": [
            [
                "6f039e5a0311095f"
            ]
        ]
    },
    {
        "id": "d0e3588ada68dc99",
        "type": "ui-base",
        "name": "Tag Setup",
        "path": "/dashboard",
        "includeClientData": true,
        "acceptsClientConfig": [
            "ui-notification",
            "ui-control"
        ],
        "showPathInSidebar": false,
        "navigationStyle": "icon"
    }
]

msg.payload = {}

msg.payload.modal = {
    visible: true,
    title: 'Remote Tunnel',
    body: 'Please wait while we start the Remote Tunnel ...',
    actions: [],
    show_cancel: false,
    show_cancel_label: '',
    backdrop: true
};

return msg;

msg.payload = {}

msg.payload.modal = {
    visible: false
};

return msg;