Comments (4)
@dfcreative cool thanks, funny coincidence! This is great info, really helpful to know. I'll make issues for these points.
I also just checked out gl-spectrum
, that's really nice! I've done something similar for a few art music things (not nearly as well) so am excited to see how you did it. π π
from control-panel.
Yup. Range slider = my bad. No good reason that's not implemented, just kinda ad-hoc and nontrivial to get all the touch behavior just right. π
from control-panel.
I considered your code and functionality (I like it very much actually), and I have a proposal which can be winning both for control-panel and prama, to avoid duplicating.
I can take control-panel as a dependency for prama, and provide high-level interface for it, in particular:
- Optional settings menu button, which opens/closes the control-panel
- Show control-panel in popup/dialog/sidebar/dropdown, optional
- Draggable/resizable
- Placing options
- Saving/recovering state to session/local storage
- Reflecting state in history, optional
In turn, control-panel will be responsible for managing components, their values, state, style.
I think it might be winning both for users who want fast-and-furious settings (instead of test runners btw) and for the ones who want minimal code with high customization (pure control-panel). It also will clean up and separate concerns of both packages.
Anyways I was going to spend some time on it.
The only thing, I need a couple of improvements to the API of control-panel:
- per-component
input
event - it is very handy in practice, instead longswitch
or chain ofif
s. help
property for components. Sometimes user changes an option which requires reloading the page, and showing little help message is helpful. Also there can be other purposes. It is hidden by default, and shows up under the field.- make font
hack.min.css
optional, redefinable via options - for my taste - rename
initital
tovalue
, separatelabel
andname
(label can be too fancy), addhidden
attribute (in case of dependent fields, where one field enables other field).
If you are down for that, I can make a couple of PRs, including #12 (if @rreusser doesnβt mind).
from control-panel.
Don't mind at all! Everyone wins!
from control-panel.
Related Issues (16)
- color picker z index? HOT 1
- make panel draggable?
- mobile support HOT 2
- Field types and improvements HOT 1
- Stop event propagation
- Handles seem too small for touch events in range sliders
- Make panel closable.
- How to remove panel or components at run-time?
- Webpack is unsupported? HOT 3
- Does this library support collapsing and grouping? HOT 6
- Control-panel in Angular app HOT 3
- API for updating state HOT 2
- Missing ',' in README example HOT 1
- Direct value input for range control HOT 1
- npm WARN deprecated [email protected]: Use uuid module instead
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 control-panel.