luc-github / esp3d-webui Goto Github PK

• Javascript is limited
• File browser is disabled in CNA but drag and drop is OK
• Websocket is disabled
• cannot open browser page from CNA

Solution : detect page is http://hotspot-detect.html and display a message like :
Please open http://<ip> in your favorite browser

May it is time to review Wizard steps and behavior for 3.0
it was suggested to propose Extruder / bed configuration by @mat2k

Another solution would be to simply open preferences at the end of wizard as currently wizard only change ESP3D settings not WebUI ones but language

Any suggestion is welcome

I think it not really useful to let user to choose IP mode, Mask and Gateway for AP mode:

AP should only be static so only IP matter , GW is actually same as IP and Mask can be 255.255.255.0 as only one connection is allowed at once

This would simplify UI a lot - any feedback about this ?

Thanks to you now Web UI is getting a lot of language support and I guess more are coming
With this benefit come a drawback - size is growing.
On ESP32 the SPIFFS size is 165.70 KB if bluetooth is enable to be able to keep web update, because bluetooth use a lot of flash. So soon the SPIFFS will be overloaded and I suspect it is already the case with latest languages added.
So need to reduce webui size:
I think use ID instead of UK sentence will decrease size of language pack by 25% as no more UK but just an ID, but this will be ok only for a while - need to find another API for language pack

• A - use a configurator to build the webui according language and options
  PRO: could decrease the webUI size a lot depending language / options
  PRO: could be applied for 2.X and 3.x as mo API change
  CONS: need to build UI if want to change the language list
  CONS: not sure this configurator can be done on github

• B - use english by default and load a language pack present on SPIFFS at start.
  could be UK + language pack or all language packs present in some specific directory, not sure if limit to 1 language pack is a way to go, each language pack will be tar.gz
  PROS: could decrease the webUI size a lot as only loaded limited number of language
  CONS: Need to add manually each language to SPIFFS
  CONS: Only for 3.X as big change at start and file creation

Any feedback is welcome, for the moment I I am more for the B as I am sure not to break the existing one

Every constructive comment is welcome 😸

Now M20 display file size like repetier

Made a translation of the web-interface into Russian and Ukrainian. The completeness of the translation ~90%. Modified files in the archive:
russian+ukrainian.zip

As Serial upload is slow and it exists wifi SD card like toshiba flashair - so would be nice to use the flashair feature for the upload and even the SD card free space availability

After doing all shown methods ı give following commands into project folder.
gulp -v

ı got this responses:

16:17:26] CLI version 3.9.1
[16:17:26] Local version 4.0.0-alpha.3

there are no upper versions gulp-cli on gulp repository.

some guy had same problem this. but ı didn't find solution. I installed gulp-cli current version(2.0.1) but ı think project files pull gulp from yarn. so ı am confused.

thanks for all your helps.

Won't do a PR with that:

sed -i s/Enregister/Enregistrer/g www/js/language/fr.js

Seeing IP / GW/Mask can be confusing when DHCP mode is set

They should only be displayed when IP mode is set to static or at least should be grayed/disabled if DHCP is set

First time target FW need to be defined as well as wifi client SSID/Password.

So if page detectthere is no target FW defined (Unknown) or if we are in AP mode => go to setup page to set target FW and SSID/password.
of course this page will allow to go to full settings page if not enough

My 8266 had to be completely overwritten with new firmware, otherwise would not have been visible after uploading the new GUI. Maybe write in the documentation?

Hi!
Great work with the firmware and Web-UI.
I want to modify the web interface a bit to complement with my printer's theme. How can I build my web into .gz file? I saw the index.html.gz file and it's only an html with the scripts and css. I don't know if I have to copy the js and css content into the html file or I can use the complete structure compressed.

I'm very lost with this, I would appreciate any help.

Marlin command only support 8.3 name - upload with long name result a failure and execution of file content instead of save on SD

Google => OK

Firefox => Bad

Opera => Bad

Safari also has display issue

Status page is not translated in FR/SP/GE

I start Polish translation by adding new file (www/js/languages/pl.js) based on lang.tpl and changed www/js/transale.js. How to pack all files and build index.html.gz? I would like to test it.

UI is Ok on PC monitor / Tablette but little bit messy on phone resolution
Need to adjust html layout and style for such resolution

Settings are saved but need extra action to reload config file in smoothie
per smoothie documentation it need a reset so this cannot be done at each set but as separate action

I got feedback from aganov:

@luc-github Do you have any plans for the web ui. My proposal is to use webpack for the build process and then we can use https://github.com/developit/preact (3kb) or https://github.com/choojs/choo (4kb) to organise the UI into components and bring some reactivity. Also we can replace glyph icons with some svg based icons like https://feathericons.com/ for example... What do you think?

here my answer:

Not yet, I was planning to reuse the existing javascript I have wrote for 3.X as I do not want online dependency in case printer is not connected to internet - but I am open to new solutions
I never used these projects do you ?
about glyph currently I use svg extracted from bootstrap, but I am also Ok to change - and there was a request to be able to add new ones so I am fine as soon the size is kept small

To sum up I open to everything but I am not sure I can study all solutions by my own, especially because I do not know them so any proposal is welcome

Because it is a good discussion - lets discuss

On command's prompt, it shows up continuously the "wait" message, should be nice to be able to hide it.

currently Macro support SPIFFS GCODE file, SD GCODE file but was suggested to launch any URL that could be a command
need to add a parameter to select : launch URL in new window or launch URL in hidden way and display result code in terminal

the check box will act like the 2 others, allowing a periodical check of % progression using M27 command result

it use system button which use local language - need to use same trick as for SD file upload by hidding control and create a fake / front end one

Ok under chrome 67.0.3396.99 64bits

Almost OK under firefox 61.0.1 (64 bits):

Ok with Microsoft EDGE

even uncheck do not stop queries, only page refresh

Sync webserver allows only one connection at once so:
1 - when upload is ongoing nothing can be done, currently there is a small progress bar but UI even unresponsive looks OK which can be confusing
2 - when download of large file is ongoing it need time and during this time UI looks fully unresponsive when actually it is pushing all command in stand by

I think having a modal dialog box will make UI state more understandable

Hello,

I have ESP3D 2.1 and ESP3D-WEBUI 2.0 and I didn't see my bed temp.
I have try on ESP3D 2.0 and same issue.

My printer run on Marlin 2.0.

M105 ok T:20.00 /0.00 B:20.00 /0.00 @:0 B@:0
How can I solve this ?

Thanks in advance
(bigtreetech skr 1.3 run in 32bits)

I'm not proud of it but it's good start point. Maybe someone else will polish Polish transalation ;)
Uploading only changed files:
js.zip

Current feedrate speeds may not always fit everyone needs (laser vs 3D printer)
would be better to allow people to handle them and update messages accordingly

Hi! I have 2.0 and 2.1 versions of ESP3D. There is no Files in SD Files tab. I checked ls command and files list are OK. Running on Smoothieware.

Bonjour Luc,

Apres avoir consulter le schema du Azteeg X5 Mini Wifi j'ai determiner que le MCU a accès au SD par default mais le ESP8266 contrôle la switch.

Peut tu me dire si le contrôle d'accès a la carte SD et barre quand Marlin imprime?

Dans d'autre nouvelle,

Roy ma confirmer qu'il ta parler pour le beta test de 2.0. A tu reçu la confirmation? Si non, je peux t'envoyer une copie de son courriel. Peut tu me donner un lien pour que je le telecharge?

Laisse moi savoir, merci!

Started playing with macros and they are very cool.

I need to send a G-Code every time the host starts, is there any way to do that?

Also is there a list of all the ESP commands I can put in a macro?

2.0 and 2.1 Read me are out of date so need to rewrite all

@im realy new in 3d printing, so meaby sound crazy this.
But i use a arduino sketch form other person for download and upload files from a SD Card connected to a ESP8266.
"Using HTTP and an HTML interface to Upload and Download files to an ESP32 or ESP8266 Filing System" - https://github.com/G6EJD/ESP32-8266-FIle-Upload
Here is the demo for this code - https://www.youtube.com/watch?v=1OkEXeRbq_M&t=170s

So the idea is do not let mi laptop wating to the printer finish the job. Just upload the files in the SD Card and print in any time that you need or let other files for history or re-print in other moment.

Z position is always empty but response is received:
M114
ok C: X:10.0000 Y:10.0000 Z:10.0000

when Ok on Repetier
M114
X:0.00 Y:0.00 Z:20.000 E:0.0000

Since 8.11.3 start to be old, it may be time to update files / libs to support node 10.13.0 LTS

Due to new setup wizard and settings page translation and coming status page - some German translations are missing
Help is more than welcome

This would allow to support any printer/boards and / or fine tune some actions

This would allow user to choose if he wants specific filters or not based on extension

And to choose which extensions are meaningful to him

Hello Is there any way to connect my camera to ESP8266 or how camera support is working on the UI?

Hi

Tried to make macro, as this is a very nice feature.

Just for test, I made a text file containing G28 X0 and call it HomeX.G.
When I save the file on ESP, and execute the macro, it expect to be a command for the ESP device and give an error.
Is that intension?
I saved the Gcode file on SD instead, and it works perfect.
After I closed the web browser and went back into ESP3D WEBUI, the macro is gone...
Do I have to edit the macrocfg.json file on the ESP device so that the device remember the macro's?

Hi

Thank you very much for perfect wifi and webui for 3D printer :-)
I am using 6 extruders and one hotend on my printer (with a filament splitter).

How do I add more extruder to ESP3D-WEBUI?

use a configuration file like macro to show hide some panel
useful to hide temperatures / extruders panels if target is a laser / milling machine

Is there any way to add more icon choices for the Macro buttons? I specifically need a heat one, the typical 3 wavy lines rising.

Due to sync webserver the upload / download on progress but taking time, the connection monitoring do not receive heartbeat and display disconnection dialog
need to pause it when doing these actions

Hello!

I'm trying to run your gulp file. I folllowed all the steps froma clean install but when I try to run "gulp package" from the command line in the directory I get "Error: Task requires a name that is a string".
I fixed it removing the lines like gulp.task(clean); but now I get a new error, "TypeError: gulp.series is not a function". I found that it's because gulp.series was included in gulp 4.0.0 and when I run npm install --save-dev gulp I get 3.9.0.
These were the steps you follow to install and compile it? If not, can you fix it in the wiki?

Thanks!

Hello,

How is it possible to show the bed temperature? I couldn't find a setting for this.

Regards
Stefan