Widget: Template

[joepavitt]

Description

A freeform editor in Node-RED that allows a user to define their own HTML/Vue code and that is then rendered inside the Vue application.

Properties

The UX within Dashboard 1.0:

Events

Not sure on events here, in theory, we could provide some wrapper functions for the core supported events, and then the user could utilise those within the custom-defined html.

Controls

• enabled: this widget could be enabled/disabled

Existing Examples

none

Have you provided an initial effort estimate for this issue?

I have provided an initial effort estimate

[joepavitt]

I did add scaffolding for this in #33. It utilised v-html but was limited to just computing the JS within. It couldn't render reference to any VueJS variables for example, so further investigation is required.

[joepavitt]

Making progress in ui-template branch:

Screen.Recording.2023-08-02.at.19.19.18.mov

[joepavitt]

Closing this issue out as we now have a functional Template node (with base html templating, and tow provided functional calls to interact with Node-RED - send and submit), however, going to open a new issue to track the addition of script and style tabs in the template editor to further enhance this widget.