FlowFuse / FlowFuse/node-red-dashboard

UI Template: Custom Properties

Open
#665 3 comments 1 reaction 0 assignees View on GitHub
size:M subflows type:feature
Dominant language
HTML
Stars
355
Forks
82
Avg merge
4d 23h
Merged PRs (30d)
24

Description

### Description

This may take some doing to get "right", but the base philosophy is to build off the great work @Steve-Mcl is doing with https://github.com/FlowFuse/node-red-dashboard/pull/634 whereby we could begin to wrap a `ui-template` in a subflow to provide a reusable, configurable component in the Node-RED local palette.

A challenge with this is that often, the `ui-template` is being configured within the Vue component, and doesn't have access to the parent environment variables that would be set at the subflow-level. I see two options here:

### 1. Expose all Environment Variables to Client

_*Security alarm bells ringing*_

### 2. Custom Properties

To circumvent this, we could introduce the concept of "Custom Properties" which would be a generic list of key:value pairs (of varying types) on the `ui-template`. It would then be possible within a subflow to bind these to the subflow env vars, and so have a `ui-template` driven entirely by the subflow properties.

### Epic/Story

_No response_

### Have you provided an initial effort estimate for this issue?

I have provided an initial effort estimate

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.