Custom HTML page for management

Message

markride · #1 Post by **markride** » 28 Jun 2018, 09:51

Hello.
I created my own HTML page for managing several GPIO by loading it into the ESP module, the browser issues an html code (((((

How to organize your HTML page inside ESP using the latest firmware ESP Easy ???

grovkillen · #2 Post by **grovkillen** » 28 Jun 2018, 10:15

We're on the verge of doing a complete overhaul of how to handle the web interface. The new interface will let you handle GPIO states with buttons and have them on a dashboard.

markride · #3 Post by **markride** » 28 Jun 2018, 10:30

grovkillen wrote: ↑28 Jun 2018, 10:15 We're on the verge of doing a complete overhaul of how to handle the web interface. The new interface will let you handle GPIO states with buttons and have them on a dashboard.

in the early version of the firmware I downloaded to esp01 via tools / flash a file containing the html code, but I had to rename its extension to .esp then the browser could give it out as a normal HTML page.

Make it possible to correctly display the html pages from the esp memory so that the user can load his own management interpse directly with the GPIO.

In the firmware implemented webserver?

grovkillen · #4 Post by **grovkillen** » 28 Jun 2018, 10:41

I don't follow your thoughts here. Could you elaborate?

markride · #5 Post by **markride** » 28 Jun 2018, 10:49

grovkillen wrote: ↑28 Jun 2018, 10:41 I don't follow your thoughts here. Could you elaborate?

Sorry for my English!

I created a page (HTML + Javascript + CSS) to control the relays that are connected to the ESP-12. My page using JavaScript tracks the status of all outputs and visualizes their status.
I want to load this page into the ESP module so that it can be accessed at http://IP_ESP/mycontrolpage.html

The screenshot of the page is attached (gray is disabled, blue is on).

grovkillen · #6 Post by **grovkillen** » 28 Jun 2018, 11:14

Ok, that's a nice idea of letting users create their own page. I will incorporate that in the new GUI engine.

markride · #7 Post by **markride** » 28 Jun 2018, 11:23

grovkillen wrote: ↑28 Jun 2018, 11:14 Ok, that's a nice idea of letting users create their own page. I will incorporate that in the new GUI engine.

how long to wait for this update?

grovkillen · #8 Post by **grovkillen** » 28 Jun 2018, 11:47

I'm on holiday for another 4.5 weeks. After that I will try to finish up my work at Senseair (I will go down to two days a week from September on), and try to get a living doing ESP Easy stuff. We'll see how that goes

rayE · #9 Post by **rayE** » 02 Sep 2018, 05:55

Any updates on this topic?

grovkillen · #10 Post by **grovkillen** » 02 Sep 2018, 07:16

I'm working on it but it's a big update. We're gonna do a lot more heavy lifting on the browser side got example. Please give me another month to get it ready.

enesbcs · #11 Post by **enesbcs** » 02 Sep 2018, 14:19

a similar solution is in testing phase, i call it switchboard plugin. i am currently testing it with 8 output-relay and 8 pushbutton with esp32.
https://github.com/letscontrolit/ESPEas ... hboard.ino

this is a simple plugin that uses and diaplays existing output helper, switch input and dummy devices values with a web board at http://ipaddress/board

TommoT1 · #12 Post by **TommoT1** » 03 Sep 2018, 16:29

I'm not sure if I understood the first post correctly....but I also have a webpage on my esp device ending on .esp and with an update of easpeasy it stopped working and only showed the html code.
I figured out that I had written it without a Header and the older firmware versions probably added a header by default.
after adding at the very beginning of the .esp file
<HEAD>
Content-Type: text/html
</HEAD>
the page worked again till latest update.

Regards

pawaller · #13 Post by **pawaller** » 05 Dec 2018, 23:32

TommoT1 wrote: ↑03 Sep 2018, 16:29 I'm not sure if I understood the first post correctly....but I also have a webpage on my esp device ending on .esp and with an update of easpeasy it stopped working and only showed the html code.
I figured out that I had written it without a Header and the older firmware versions probably added a header by default.
after adding at the very beginning of the .esp file
<HEAD>
Content-Type: text/html
</HEAD>
the page worked again till latest update.

Regards

This has been driving me crazy, I could not understand why custom esp files (even the example given in the wiki) were not working. Thanks for sharing!

Custom HTML page for management

Custom HTML page for management

Re: Custom HTML page for management

Re: Custom HTML page for management

Re: Custom HTML page for management

Re: Custom HTML page for management

Re: Custom HTML page for management

Re: Custom HTML page for management

Re: Custom HTML page for management

Re: Custom HTML page for management

Re: Custom HTML page for management

Re: Custom HTML page for management

Re: Custom HTML page for management

Re: Custom HTML page for management

Who is online