Comments (8)
I was able to do it. It shows as grey, but I am able to center it. I think what we need is to add the color temp section for this accessory.
You got hue, brightness and then temperature, that shows 4 options, which includes white.
The video because it won't play in GitHub.
from gui.
I was able to do it. It shows as grey, but I am able to center it. I think what we need is to add the color temp section for this accessory.
You got hue, brightness and then temperature, that shows 4 options, which includes white.
The video because it won't play in GitHub.
Could you watch the video what happens when using the color picker on my touch device? Or do you need it in a different format as you say it won’t play (although I can play mov in GitHub with Safari
It might behave different or even work when using a mouse.
from gui.
What I’m saying is the hue accessory needs some work. One of the things that is needed is a mobile friendlier color wheel. The color balance method is that. (It’s the same method that HomeKit uses)
from gui.
might this be a solution for better mobile and touch usage while keeping the design (if that’s one goal)?
iro.js
Not sure if this is Vue compatible though…
from gui.
That's exactly what we are using.
https://github.com/hoobs-org/gui/blob/main/package.json
"@jaames/iro": "^5.3.1",
from gui.
Ok, that should be normally fine for touch devices,
The codepen demos linked on the iro site worked flawless for me on mobile Safari in iOS and iPad OS.
from gui.
Codepen doesn't show the whole story. The issue is the select and revert to the default display.
It needs a slight delay and debounce, so you can adjust the color, and it won't revert until input stops.
Sounds confusing, but remember JavaScript if fast, it's timed in milliseconds.
I am also using this task to complete the hue accessory.
from gui.
I‘m with you… JS: powerful and guilty
Let me know if I can be helpful by testing something.
Regarding the hue accessory u r planning to use the same lib?
from gui.
Related Issues (20)
- MAC Interface - Close / Enlarge / Reduce Window Buttons HOT 1
- Garage Door Icon HOT 1
- Smartthings Plugin inconsistencies HOT 2
- Unable to update HOT 1
- Add Manual Language Selector HOT 7
- Remove IDs from Vue Components HOT 2
- Add Log Timestamp to Mobile Log HOT 1
- Make Update Checks Update the Version Key on Dashboard HOT 1
- Somfy Blinds Showing in Reverse HOT 2
- Add Ability to Page Multi-Sensors
- Toggling System Information Widget causes Dashboard to Render Incorrectly HOT 1
- Display NPM and Homebridge Version Information HOT 2
- No Position control with Shutter accessory HOT 3
- Suppress unreal values from inactive sensors
- Change Terminal Port in the Web UI HOT 8
- UI Shows <p> Tag in Store View HOT 1
- GUI bug, no started or stopped bridge shows no qr code
- Add uptime to Dashboard HOT 1
- Please add language selector back into the settings
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 gui.