node-red-dashboard icon indicating copy to clipboard operation
node-red-dashboard copied to clipboard

FR: ui-template built in quick start samples

Open Steve-Mcl opened this issue 1 year ago • 0 comments

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

Steve-Mcl avatar Aug 13 '24 08:08 Steve-Mcl