[DISCUSSION]New UI 3.X #94
Replies: 117 comments 9 replies
-
About page is done here some screenshots Header and notification are top fixed : Next week I will work on Settings Page Current index.html.gz is under dist directory for early test : https://github.com/luc-github/ESP3D-WEBUI/blob/3.0/dist/index.html.gz |
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
Import and board restart are now implemented - next step will be UI preferences settings for current UI settings then fw target settings |
Beta Was this translation helpful? Give feedback.
-
nice work ! |
Beta Was this translation helpful? Give feedback.
-
everything is here : https://github.com/luc-github/ESP3D-WEBUI/tree/3.0 But you need to have ESP3D 3.0 on ESP to makeit work or you can use the commands |
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
Wow looks very nice!! Only one suggestions: Add some right padding to the icons on the buttons, so there is some room between the icons and the button text 🙂 Edit: And for the tabs (Features, Interface, Repetier): try to set border-radius on the top-right / bottom-right corner to 0 on the first, no border-radius on the middle on and top-left / bottom-left on the last button. Something like: .tab-button {
border-radius: 0;
}
.tab-button:first {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.tab-button:last {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
} |
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
yes tried also when looking for a solution and not really find nice for this usage too much stick together, so looks weird full pc page to have so tiny control , and for touch device I think it is better control has clear visible separation when they are close to each others IMHO I could not find proper solution so I have put button nav bar... |
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
Next steps roadmap :
with import / export feature as other settings 2 - Terminal commands 3 - The jog control -TBD - I am still wondering if I improve current UI based on pronter face or define/use a new one Feedback are highly welcome 4 - File upload / monitoring - based on different possible SD , USB Disk/ etc.. TBD 5 - Specific panel according target Printer (temperature/extruder/ status/ DHT etc...) / CNC (probe/ status) 6 - Macro support 7 - Camera support (embedded / IP) 8 - TBC Still a lot of to do but path is clear and hope will go smoothly - no idea for ETA yet, sorry |
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
how printer has access to esp cam sd ? |
Beta Was this translation helpful? Give feedback.
-
Missing features that need to be implemented : |
Beta Was this translation helpful? Give feedback.
-
I have to add bluetooth communication instead wi-fi in webUI....how can i add it? |
Beta Was this translation helpful? Give feedback.
-
I just did release of alpha2 which is the refactoring version and the new code base |
Beta Was this translation helpful? Give feedback.
-
Now refactor version is the new WebUI 3.0 code base I continue as follow, I will do a wizard branch to avoid disturbance in user testing , so it should be ok to use the V3 webui anytime, feel free to feedback / report issues I am also thinking on ESP3D configurator solution using a combination of the form github issue (doc )and some github action script ->but this is another timeframe as wizard need to be done first |
Beta Was this translation helpful? Give feedback.
-
Status panel is now implemented - it may be completed later with missing informations |
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
Stream feature is now implemented for GRBL, buttons pause / resume / abort / clear error will appear according streaming status |
Beta Was this translation helpful? Give feedback.
-
Update : Still working on grblHal support (#252), implementing some suggestion and also needs for grblHal that does not use Flash so there are several rewrite ongoing. Most of change are already done for ESP3D / ESP3D embedded page / WebUI, still need to sync code of ESP3DLib and embedded page of ESP3DLib - it should be done next week hopefuly Once done everything will be pushed to github at once because all version need to be aligned to work together The grblHal support is now pretty well defined, just need to finalize the Machine tab to it, it will come after |
Beta Was this translation helpful? Give feedback.
-
I have pushed a breaking update of webUI v3 for the websocket subprotocol, you need to use the latest ESP3D V3 or latest ESP3DLib V3 to have proper communications |
Beta Was this translation helpful? Give feedback.
-
The web-UI will need some update soon to support GCODE Streaming for 3D Printer because it is only partially supported by CNC ESP3D-WebUI 3.0 currently, the ESP3D-WEBUI 3.0 is actually now used by ESP3D V3.0 / ESP3DLib V3.0 / ESP3D-TFT V1.0 and grblHAL |
Beta Was this translation helpful? Give feedback.
-
Here the TODO list to be done before enable the translation step: |
Beta Was this translation helpful? Give feedback.
-
Now Framework is defined and components almost defined here, and wizard process is under definition here
It is time to discuss UI itself, to specify it's look and feel and behavior
Here a start :
menu items should be limited to minimum, and should be collapsed to list menu if mobile device
ESP3D -> an about box listing informations about current settings / browser / versions, links to Github and allowing web update feature for FW and UI
Dasboard -> everything related to machine (defined later)
Settings -> every settings in one place : ESP3D wifi / features settings, Machine settings / webUI preferences
Login -> if authentication is enabled, it will allow to log out and change user password
a camera switch if camera feature is enabled (on / off / overlay / embedded)
a fast access to Terminal command, not always need one but when need better to be easily accessible
Notification area - always visible, it should display important output informations
if dashboard is selected
and allow to manage files and start a job when possible
if settings is selected
The idea is to get most of important output first, then input according frequency of usage
e.g. no need to permanetly show settings neither files systems, no need to display autocheck control all the time, etc..
but even a feature is not always used, it should be easily accessible
Feedback suggestions are welcome
Beta Was this translation helpful? Give feedback.
All reactions