Dashboard Pre-Alpha

[MarianRaphael]

Description

Announcing the first pre-alpha release of the NR-Dashboard successor.

• Add a screenshot of the dashboard

[netlify]

✅ Deploy Preview for flowforge-website ready!

Name	Link
🔨 Latest commit	ede12af
🔍 Latest deploy log	https://app.netlify.com/sites/flowforge-website/deploys/64c2184c1478d100087bdd7d
😎 Deploy Preview	https://deploy-preview-987--flowforge-website.netlify.app/blog/2023/07/dashboard-0-1-release
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[github-actions]

Images automagically compressed by Calibre's image-actions ✨

Compression reduced images by 44.7%, saving 5.89 KB.

Filename	Before	After	Improvement	Visual comparison
src/blog/2023/07/images/nr-dashboard-nodes.png	13.16 KB	7.27 KB	-44.7%	View diff

452 images did not require optimisation.

[joepavitt]

Version: pre-alpha 0.0.1

Would be great to set expectation of where we are, and what we have left:

Dashboard 1.0 Widgets:

• ui-text Widget: UI Text node-red-dashboard#38
• ui-text-input Widget: Text Input node-red-dashboard#39
• ui-button
• ui-slider Widget: Range Slider node-red-dashboard#47
• ui-dropdown Widget: Dropdown/Select node-red-dashboard#45
• ui-switch Widget: Toggle Switch node-red-dashboard#42
• ui-date-picker
• ui-color-picker Widget: Colour Picker node-red-dashboard#46
• ui-numeric Widget: Number Input node-red-dashboard#41
• ui-form Widget: Form node-red-dashboard#49

Dashboard 1.0 Charts:

• ui-chart
  • Line & Scatter charts are working
  • Bar is not
• ui-gauge

New Widgets:

• ui-markdown Add "ui-markdown" widget node-red-dashboard#62

Our MVP Priorities:

• Completing the backlog of Dashboard 1.0 components (per list above)
• Security/Authentication User Authentication and Integration with FlowFuse node-red-dashboard#1

Longer Term Plans:

• Visual Layout Editor Visual Layout Editor node-red-dashboard#30
• More charting options (e.g. candlestick, gantt)
• Interactive charts Interactive Charts node-red-dashboard#65

Also worth noting we don't have all of the customisation options in yet that Dashboard 1.0 has, but when ticked here that means they have the basics in place.

[github-actions]

Images automagically compressed by Calibre's image-actions ✨

Compression reduced images by 32.6%, saving 207.86 KB.

Filename	Before	After	Improvement	Visual comparison
src/blog/2023/07/images/nr-dashboard-screenshot.png	389.67 KB	211.94 KB	-45.6%	View diff
src/blog/2023/07/images/nr-dashboard-tile.png	247.72 KB	217.58 KB	-12.2%	View diff

462 images did not require optimisation.