FlowFuse / FlowFuse/node-red-dashboard

FR: ui-template built in quick start samples

Open
#1,202 0 comments 0 reactions 0 assignees View on GitHub
needs-triage size:S type:feature
Dominant language
HTML
Stars
355
Forks
82
Avg merge
4d 23h
Merged PRs (30d)
24

Description

### Description

First raised here: https://discourse.nodered.org/t/need-help-displaying-a-jpg-in-dashboard-2-assume-noob-level/90121/4?u=steve-mcl

The idea is a dropdown or other means of populating the ui-template with some common and useful examples that a new user have use to quickly realise a solution.

Some thoughts that come to me from experience of using the ui-template and users requests on the forum:

| name | description |
| ------ | ------------- |
| HTML and script | A simple non vue component that can display payload and send msg back to node-red |
| Display Image from base64 payload | A vue template using dynamic images |
| Array of buttons | A vue template demonstrating how to iterate payload to draw variable number of buttons and how they can send data to node-red |
| Full vue component | A basic template but with all of the hooks, methods, computed etc written out |
| External library | Best practice loading external module |

_↑ all up for debate of course ↑_

### 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.