Comments (4)
As someone who codes a simple UI for pretty much every back-end service I develop, I wholeheartedly support this (I also use dynamic screens for my home automation, but the ease of just getting something going and iterating without coding is paramount in those inner loop scenarios).
from node-red-dashboard.
@joepavitt I'm excited to see movement on this project! You're welcome to close this issue at your leisure, it was more food for thought than anything 😀
Good luck and congrats on the 0.0.1 release!
from node-red-dashboard.
Thanks for the nudge @chaoticgoodly, had missed this issue. Will address a couple of your points in a bit of detail:
but also take advantage of a rich palette of existing components
My plan/priority is to be porting over the existing collection of components from Dashboard 1.0. Whilst they're not going to be backward compatible re: flows, they should behave and interact in exactly the same way. Some customisations likely to be missing at the start, but we'll get there.
You can see a list of interactive elements I'm working through here: #9 (comment)
You can also find a list of the widgets we'e got so far (including screenshot examples) here in the documentation: https://flowforge.github.io/flowforge-nr-dashboard/
I'd love to see something React based but that's not a strict requirement.
I've chosen to go ahead with Vue over React. I could write an essay about this, but it was well thought through and discussed heavily with @dceejay. The highlight points were:
- Vue more similar to Angular v1.0 in it's coding patterns, so more familiar with existing community for when they want to write templates
- Shallower learning curve for Vue than React, and generally considered more friendly to non front-end devs
- Clearer separation of html/css/js and makes for easier readability in a community project, especially where contributors may not be expert front-end engineers.
- Also used by FlexDash and UI Builder, which are the alternative Dashboard tools in Node-RED, so would make this project also more appealing to existing users of those tools.
from node-red-dashboard.
Nice, thanks for the comment. All makes sense to me! Good luck on the project! I'll stay tuned 🤘🏻
from node-red-dashboard.
Related Issues (20)
- Informational question: gestures support HOT 7
- 'Widget load' event triggered only when there is data for the node in the Node-red datastore HOT 1
- Add new Teleport for app-bar-title HOT 3
- ui-template: template is not rendered until content is sent HOT 5
- DB2 \ Layout \ Pages keeps resetting to expanded view. HOT 3
- Include VSparkline for use in ui-template HOT 4
- ui-table: add inital Row setting to Items per page dropdown HOT 2
- ui-table: possibility to hide array values that are displayed HOT 3
- Add a way to move a group to other page using "UI Control" node .
- Dashboard does not reconnect if network is down for a significant time. HOT 2
- Ditch the Connection Re-established popup! HOT 7
- After multiple/quick dashboard reload top-bar and side-bar disappear HOT 5
- Form - Add option to allow Drop Down as an element HOT 1
- Form - Allow the Form elements to be sized similar group sizing.
- The presence of a v-switch in a ui-template affects the positioning of core ui-switch node
- PWA feature - problem with Google Oauth authentication (and probably other similar systems) HOT 45
- Radio button group: programatic setting does not work anymore HOT 18
- Add "development" NODE_ENV option for build HOT 4
- Add a way to pass parameters to a page HOT 3
- No Longer possible to change the "favicon" HOT 19
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from node-red-dashboard.