From 187ad58dc557889092a2dbaf38bdfa650c9e4c69 Mon Sep 17 00:00:00 2001 From: fvanroie Date: Tue, 14 Feb 2023 03:40:15 +0100 Subject: [PATCH] Update Web UI to petite-vue app --- .gitignore | 1 + data/edit.htm | 666 ++++++++++++- data/main.js | 1 + data/script.js | 4 +- data/static/edit.htm.gz | Bin 4273 -> 6707 bytes data/static/en.json.gz | Bin 1526 -> 1777 bytes data/static/fr.json.gz | Bin 0 -> 1690 bytes data/static/hasp.htm.gz | Bin 9001 -> 9001 bytes data/static/logo.svg | 1 - data/static/main.js.gz | Bin 1792 -> 4004 bytes data/static/nl.json.gz | Bin 0 -> 1696 bytes data/static/script.js.gz | Bin 2233 -> 2268 bytes data/static/style.css.gz | Bin 3950 -> 5329 bytes data/style.css | 214 +++-- src/hasp_config.h | 75 +- src/sys/svc/hasp_http.cpp | 1590 ++++++++++++++++---------------- src/sys/svc/hasp_http.h | 10 + tools/auto_firmware_version.py | 18 +- 18 files changed, 1675 insertions(+), 905 deletions(-) create mode 100644 data/main.js create mode 100644 data/static/fr.json.gz delete mode 100644 data/static/logo.svg create mode 100644 data/static/nl.json.gz diff --git a/.gitignore b/.gitignore index 4a2de0c9..acab9ea7 100644 --- a/.gitignore +++ b/.gitignore @@ -7,6 +7,7 @@ bin/* data/* !data/edit.htm +!data/main.js !data/edit.htm.gz !data/openhasp.ttf !data/style.css diff --git a/data/edit.htm b/data/edit.htm index d28420dd..cd185e2c 100644 --- a/data/edit.htm +++ b/data/edit.htm @@ -1 +1,665 @@ -File Editor
\ No newline at end of file + + + + + + + + + + + + + openHASP + + + + + + + + + + + + +
+
+
+
+ +
+
+
+
+
+
+ + +
+ + + +
+ + config.jsonl + + +
+
+
+ +
+
+
    +
  • New File
    • +
  • Edit
    • +
  • Preview
    • +
  • Download
    • +
  • Delete
    • +
+
+
+ + + + + diff --git a/data/main.js b/data/main.js new file mode 100644 index 00000000..faad72b7 --- /dev/null +++ b/data/main.js @@ -0,0 +1 @@ +import{createApp,reactive,createI18n}from"/static/petite-vue.hasp.js?COMMIT_HASH";const languages=[{code:"en",name:"English"},{code:"nl",name:"Nederlands"},{code:"fr",name:"Français"}];var locations={af:["Abidjan","Algiers","Bissau","Cairo","Casablanca","El_Aaiun","Johannesburg","Juba","Khartoum","Lagos","Maputo","Monrovia","Nairobi","Ndjamena","Sao_Tome","Tripoli","Tunis","Windhoek","Cape_Verde","Mauritius"],eu:["Ceuta","Danmarkshavn","Nuuk","Scoresbysund","Thule","Anadyr","Barnaul","Chita","Irkutsk","Kamchatka","Khandyga","Krasnoyarsk","Magadan","Novokuznetsk","Novosibirsk","Omsk","Sakhalin","Srednekolymsk","Tomsk","Ust-Nera","Vladivostok","Yakutsk","Yekaterinburg","Azores","Canary","Faroe","Madeira","Andorra","Astrakhan","Athens","Belgrade","Berlin","Brussels","Bucharest","Budapest","Chisinau","Dublin","Gibraltar","Helsinki","Istanbul","Kaliningrad","Kirov","Kyiv","Lisbon","London","Madrid","Malta","Minsk","Moscow","Paris","Prague","Riga","Rome","Samara","Saratov","Sofia","Tallinn","Tirane","Ulyanovsk","Vienna","Vilnius","Volgograd","Warsaw","Zurich"],as:["Almaty","Amman","Aqtau","Aqtobe","Ashgabat","Atyrau","Baghdad","Baku","Bangkok","Beirut","Bishkek","Choibalsan","Colombo","Damascus","Dhaka","Dili","Dubai","Dushanbe","Famagusta","Gaza","Hebron","Ho_Chi_Minh","Hong_Kong","Hovd","Jakarta","Jayapura","Jerusalem","Kabul","Karachi","Kathmandu","Kolkata","Kuching","Macau","Makassar","Manila","Nicosia","Oral","Pontianak","Pyongyang","Qatar","Qostanay","Qyzylorda","Riyadh","Samarkand","Seoul","Shanghai","Singapore","Taipei","Tashkent","Tbilisi","Tehran","Thimphu","Tokyo","Ulaanbaatar","Urumqi","Yangon","Yerevan","Chagos","Maldives"],au:["Perth","Eucla","Adelaide","Broken_Hill","Darwin","Brisbane","Hobart","Lindeman","Melbourne","Sydney","Lord_Howe"],na:["Adak","Anchorage","Bahia_Banderas","Barbados","Belize","Boise","Cambridge_Bay","Cancun","Chicago","Chihuahua","Ciudad_Juarez","Costa_Rica","Dawson","Dawson_Creek","Denver","Detroit","Edmonton","El_Salvador","Fort_Nelson","Glace_Bay","Goose_Bay","Grand_Turk","Guatemala","Halifax","Havana","Hermosillo","Indiana/Indianapolis","Indiana/Knox","Indiana/Marengo","Indiana/Petersburg","Indiana/Tell_City","Indiana/Vevay","Indiana/Vincennes","Indiana/Winamac","Inuvik","Iqaluit","Jamaica","Juneau","Kentucky/Louisville","Kentucky/Monticello","Los_Angeles","Managua","Martinique","Matamoros","Mazatlan","Menominee","Merida","Metlakatla","Mexico_City","Miquelon","Moncton","Monterrey","New_York","Nome","North_Dakota/Beulah","North_Dakota/Center","North_Dakota/New_Salem","Ojinaga","Panama","Phoenix","Port-au-Prince","Puerto_Rico","Rankin_Inlet","Regina","Resolute","Santo_Domingo","Sitka","St_Johns","Swift_Current","Tegucigalpa","Tijuana","Toronto","Vancouver","Whitehorse","Winnipeg","Yakutat","Yellowknife","Bermuda","Honolulu"],sa:["Araguaina","Argentina/Buenos_Aires","Argentina/Catamarca","Argentina/Cordoba","Argentina/Jujuy","Argentina/La_Rioja","Argentina/Mendoza","Argentina/Rio_Gallegos","Argentina/Salta","Argentina/San_Juan","Argentina/San_Luis","Argentina/Tucuman","Argentina/Ushuaia","Asuncion","Bahia","Belem","Boa_Vista","Bogota","Campo_Grande","Caracas","Cayenne","Cuiaba","Eirunepe","Fortaleza","Guayaquil","Guyana","La_Paz","Lima","Maceio","Manaus","Montevideo","Noronha","Paramaribo","Porto_Velho","Punta_Arenas","Recife","Rio_Branco","Santarem","Santiago","Sao_Paulo","Palmer","South_Georgia","Stanley","Easter","Galapagos"],at:["Cape_Verde","Canary","Faroe","Madeira","Azores","Bermuda","South_Georgia","Stanley"],in:["Mauritius","Maldives","Chagos"],pa:["Palau","Guam","Port_Moresby","Bougainville","Efate","Guadalcanal","Kosrae","Norfolk","Noumea","Auckland","Fiji","Kwajalein","Nauru","Tarawa","Chatham","Apia","Fakaofo","Kanton","Tongatapu","Kiritimati","Pitcairn","Gambier","Marquesas","Rarotonga","Tahiti","Niue","Pago_Pago","Honolulu","Easter","Galapagos"],aq:["Troll","Mawson","Davis","Casey","Rothera","Macquarie","Palmer"],etc:["Greenwich","Universal","Zulu","GMT-14","GMT-13","GMT-12","GMT-11","GMT-10","GMT-9","GMT-8","GMT-7","GMT-6","GMT-5","GMT-4","GMT-3","GMT-2","GMT-1","GMT","GMT+1","GMT+2","GMT+3","GMT+4","GMT+5","GMT+6","GMT+7","GMT+8","GMT+9","GMT+10","GMT+11","GMT+12","UCT","UTC"]};const regions={etc:"Etc",af:"Africa",as:"Asia",au:"Australia",aq:"Antarctica",eu:"Europe",na:"America",sa:"America",at:"Atlantic",in:"Indian",pa:"Pacific"},licenseData=[],licenseApp=[{t:"Petite Vue",y:2021,a:"Yuxi (Evan) You",l:"mit"},{t:"Petite Vue I18n Lite",y:2021,a:"Front Labs",l:"mit"},{t:"Ace Editor",y:2010,a:"Ajax.org B.V.",r:1,l:"bsd"},{t:"MaterialDesign Icons",y:2022,a:"Google",l:"apache2"}];function Credits(a){return{$template:"#credit-template",model:a}}function RegionItem(a,e,t){return{$template:"#region-template",model:a,region:e,i18n:t,list(t){if(a[t]&&e[t]){for(var n="etc"===t?a[t]:a[t].sort(),o=[],i=0;it.t(a).toString().replace(/_/g," ")}}fetch("/static/en.json?COMMIT_HASH").then((a=>a.json())).then((a=>{const e=reactive(createI18n({locale:"en",fallbackLocale:"en",messages:{en:a.en}}));createApp({i18n:e,languages:languages,RegionItem:RegionItem,regions:regions,locations:locations,licenseData:licenseData,licenseApp:licenseApp,Credits:Credits,hostname:null,title:null,config:{hasp:null,wifi:null,mqtt:null,http:null,gui:null,gpio:null,debug:null,time:null,ota:null},info:null,files:null,show:null,t(a){return this.i18n.t(a)},fetchConfig(a){fetch("/api/config/"+a+"/").then((a=>a.json())).then((e=>{this.config[a]=e,this.show=a,document.title=a}))},submitConfig(){let a=this.show;fetch("/api/config/"+a+"/",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify(this.config[a])}).then((a=>a.json())).then((e=>{this.config[a]=e,window.history.pushState({},"","/config/"),window.dispatchEvent(new Event("popstate"))}))},submitOldConfig(a){fetch("/api/config/"+a+"/",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify(this.config[a])}).then((a=>a.json())).then((a=>{window.location.href="/config"}))},fetchLang(a){fetch("/static/"+a+".json?COMMIT_HASH").then((a=>a.json())).then((e=>{let t=e[a]?e[a]:{};this.i18n.setLocaleMessage(a,t),this.i18n.changeLocale(a)}))},fetchInfo(){fetch("/api/info/").then((a=>a.json())).then((a=>{this.info=a,this.show="info",document.title="Info"}))},fetchAbout(){fetch("/api/credits/").then((a=>a.json())).then((a=>{this.licenseData=a,this.show="about",document.title="About"}))},showPage(a){this.show=a,document.title=a,""!=a&&(a+="/")},showInfo(){this.fetchInfo(),document.title="Info"},showConfig(a){this.fetchConfig(a),document.title=a},showEditor(){fetch("/api/files/").then((a=>a.json())).then((a=>{this.files=a,this.show="edit";var e=document.getElementsByClassName("container__editor")[0];e&&(e.style.display="flex"),document.title="Editor"}))},handleLocation(a,e){const t={"/":()=>{this.showPage("")},"/hasp.htm":()=>{this.showPage("")},"/config/":()=>{this.showPage("config")},"/config/hasp/":()=>{this.showConfig("hasp")},"/config/wifi/":()=>{this.showConfig("wifi")},"/config/http/":()=>{this.showConfig("http")},"/config/mqtt/":()=>{this.showConfig("mqtt")},"/config/gui/":()=>{this.showConfig("gui")},"/config/ftp/":()=>{this.showConfig("ftp")},"/config/time/":()=>{this.showConfig("time")},"/config/debug/":()=>{this.showConfig("debug")},"/config/reset/":()=>{this.showPage("reset")},"/firmware/":()=>{this.showConfig("ota")},"/info/":()=>{this.showInfo()},"/screenshot/":()=>{this.showPage("screenshot")},"/about/":()=>{this.fetchAbout()},"/edit/":()=>{this.showEditor()},"/edit":()=>{},"/static/editor.htm":()=>{},"/reboot/":()=>{this.showPage("reboot")}};"function"==typeof t[a]?t[a]():"/"!==a.slice(-1)&&"function"==typeof t[a+"/"]?t[a+"/"]():t["/"];const n=document.getElementsByClassName("container__editor")[0];n&&(n.style.display=a.includes("/edit")?"flex":"none"),window.scrollTo({top:e})},mounted(){let a=decodeURIComponent(document.cookie).split(";");for(let e=0;e{const e=window.location.pathname;var t=a.state,n=0;t&&(n=t.scrollTop),this.handleLocation(e,n)};const e=window.location.pathname;this.handleLocation(e,0)},route(a){(a=a||window.event).preventDefault();const e=a.currentTarget.href||a.target.parentNode.href,t=new URL(e).pathname;if(window.location.pathname!=t){var n={path:window.location.href||a.target.href,scrollTop:document.body.scrollTop};window.history.replaceState(n,"",document.location.pathname),n={path:window.location.href,scrollTop:0},window.history.pushState(n,"",t),window.dispatchEvent(new Event("popstate"))}},goto(a){if(window.location.pathname!=a){var e={path:window.location.href,scrollTop:document.body.scrollTop};window.history.replaceState(e,"",document.location.pathname),e={path:window.location.href,scrollTop:0},window.history.pushState(e,"",a),window.dispatchEvent(new Event("popstate"))}},ref(a){},aref(a){setTimeout((function(){}),1e3*a)},upd(a){var e=(new Date).getTime();document.getElementById("bmp").src="/screenshot?a="+a+"&q="+e}}).directive("t",(({el:a,get:t,effect:n})=>n((()=>a.textContent=e.t(t()))))).directive("ts",(({el:a,get:t,effect:n})=>n((()=>a.textContent=e.t(t()).replace(/_/g," "))))).mount()})); \ No newline at end of file diff --git a/data/script.js b/data/script.js index 62ab6fb0..9a9fcc6f 100644 --- a/data/script.js +++ b/data/script.js @@ -17,7 +17,7 @@ function ihtm(id, html) { } function about() { ihtm("lic",'

openHASP

Copyright© 2019-2022 Francis Van Roie
MIT License

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files(the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and / or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

'); - ihtm("pkg","

Based on the previous work of the following open source developers:

HASwitchPlate

Copyright© 2019 Allen Derusha allen @derusha.org
MIT License

LVGL

Copyright© 2021 LVGL Kft
MIT License

LovyanGFX

Copyright© 2020 lovyan03 (https://github.com/lovyan03) All rights reserved.
FreeBSD License

TFT_eSPI

Copyright© 2020 Bodmer (https://github.com/Bodmer) All rights reserved.
FreeBSD License

Adafruit_GFX

Copyright© 2012 Adafruit Industries. All rights reserved
BSD License

ArduinoJson

Copyright© 2014-2021 Benoit BLANCHON
MIT License

ArduinoLog

Copyright© 2017,2018 Thijs Elenbaas, MrRobot62, rahuldeo2047, NOX73, dhylands, Josha blemasle, mfalkvidd
MIT License

QR Code generator

Copyright© Project Nayuki
MIT License

SimpleFTPServer

Copyright© 2017 Renzo Mischianti www.mischianti.org All right reserved.
MIT License

AceButton

Copyright© 2018 Brian T. Park
MIT License

"); + ihtm("pkg","

Based on the previous work of the following open source developers:

HASwitchPlate

Copyright© 2019 Allen Derusha allen @derusha.org
MIT License

LVGL

Copyright© 2021 LVGL Kft
MIT License

LovyanGFX

Copyright© 2020 lovyan03 (https://github.com/lovyan03) All rights reserved.
FreeBSD License

TFT_eSPI

Copyright© 2020 Bodmer (https://github.com/Bodmer) All rights reserved.
FreeBSD License

Adafruit_GFX

Copyright© 2012 Adafruit Industries. All rights reserved
BSD License

ArduinoJson

Copyright© 2014-2021 Benoit BLANCHON
MIT License

PubSubClient

Copyright© 2008-2015 Nicholas O'Leary
MIT License

ArduinoLog

Copyright© 2017,2018 Thijs Elenbaas, MrRobot62, rahuldeo2047, NOX73, dhylands, Josha blemasle, mfalkvidd
MIT License

QR Code generator

Copyright© Project Nayuki
MIT License

SimpleFTPServer

Copyright© 2017 Renzo Mischianti www.mischianti.org All right reserved.
MIT License

AceButton

Copyright© 2018 Brian T. Park
MIT License

"); } function handleSubmit(e) { e.preventDefault(); @@ -126,7 +126,7 @@ function populate(e, t, o) { window.addEventListener('load', (event) => { - console.log('The page has fully loaded'); + // console.log('The page has fully loaded'); forms(); info(); about(); diff --git a/data/static/edit.htm.gz b/data/static/edit.htm.gz index 5a6eae02b6c9d09ff97eff31e6bd8d5085734d26..cbea9b3c1de02007dee1907d53edf91de06a210e 100644 GIT binary patch literal 6707 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 JddFm1004d_^f~|l literal 4273 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 T=Uk7zzrX(<^wzx^MGpV~)A*FB literal 1526 zcmVl?_5^q43eCNaWta#%qDSnj7rcu?=;!ta)0ldSn5;*C5 zwXhb*7Qc6G3KlDDJr=tR(k;!URmbWoc#1VA$(nk*h%&eIyz~R!+jS5IIN}N*v+J=?;Y+6)XegrC<5p zSz6m=N_J9~YNK-?^sdU1oEQ>V+1@AAXhKR;(I?!SC|hYCIJZev4VO+yhf>&6$6+r? z8ewHYqAL2EZz{)O%iK8wW${3-x}~$YP$h8^A`rkz=FK4OMJ*HsTPl>TOL4&&T{%K6 zDp~R=BlA9%ax7&pkr$Fg&Ne}RQZVO;&hWss1D}@Km3XjP(IQ%fDZNBkK83W3)9jbd z)q6cHiNqn`_VDmAia}8K`=+3`W>jy3@MeMnrAq0hlD6>va&TWICC?=&_#6_F0 zqz?`}=(5!BY?iKNMOL>acOqa`EscG2Ev3E~bv!jL-TO6h{qe%t&VhCt7jN^1fbhjq zpd-3ACCypEeNY8@pCmND(9sBlyYLCMD_NoZB+OCz91Kxih~?vg-Z$_zt0;(7=~M?B zs}GGU7tRYbSe+|WO+kgu+q0}1SCYgbvcIyeU%a%x@x}YiNhu^!O?B=WXh^!|1W&r$ zGAd^#J`Uw&Td)!Xxm0J>i{R_M`Ctl@eW$2TXI-cR|E065Zuk85_?(1by>AWZS!@S2nP@2ECz zNq`DK>cFNh@GgFz`n*Ga;kCOa164@9T=qrDWq*rtPqHV`)ojVrtFjC!jThNVkc1Sav`ymA(L9_Zyg>@!i|3;Pvt_)?2xpRDlf6>B zpkVV#e?^-ply(3(QLO0658&PZJdS>KL^`Qv{@vO60XBd_7H6V zQTQ2aN|)R~SW>Wq@`+P#7H?mZ=y{pZGG5I?fZSH1;As_hl3>$p6+~;F=D|964&AL7 zToQMzSMFsQItcOte6uWyH*Cc$-ed{3K8#GV>(!Si4SfodC}n>vk{ImSo464>Cb+i= zJ1*>LnuG*Lc)v@-n=bP(Sbq=B#h&a$7G+@o#?ArG?Y@8i@I(uUj-+ zQFg#L2Jk!>^mcb#@{zDLc=24&SV=hlL;)IicSLn#W1&PvaV`ZLEI3L*Q*!&tuV^jY cyq_bVZlGl_#j|na`SJ1bKcK@7ZJ!JP0MTOWKL7v# diff --git a/data/static/fr.json.gz b/data/static/fr.json.gz new file mode 100644 index 0000000000000000000000000000000000000000..84db85ace8cd608e07664b6fcf2fec54ec472584 GIT binary patch literal 1690 zcmV;L24(pliwFoY@#)tNrZ3Vb>9-3~B5f zb@p(OdAXteXU3^Y`{0xlweq5sPBu916C`wA^a>7Tw?Wt1%b=ozu$A7^AvTCo37RQ# zP5O4|+KDxVYJ;{$Tuk!W*0-nfuvQdRwxEA;JB6sQwRPX}>R97c3Z{|Tsb2TpK$ok+ znzGZjNE>;V2kC;ily^1;h*#DGNN2Xz1^Mhmi7-P&y?o>L{HIu*s^)TZ~Ub-a*%N@W76 zjruY4Y9IARCb3g10Jvt%LzDmyIKoG5R(9y!6m!=|LSyUJSeE=5${q*;v(nWgv>}OZ zZ0fPJ3vMKZIUD4N)bLgy$e+az7Vwr)G`es=z0!qN1D5~qx^&)n9bp=mjSeHt%cNOp z_TXF>YpqBST}}L-Uvg4QaIBz>IZ_Se=*rAHDPr*q$cC@XOWC9=i_4|co-{bfWc^;= z5l0s`l1H9$04u?|VH!Sv{P(BdAtj1~Y^&sx--f?mpTZvK=>YISjhHzn9%-Y4PW%wT zM*nOTNaxLlQjj)!ZHQ~{r8C-8#I+DW%LH|!yiXVEgotYk%wgV*58ZQS!h|lj7aN)W zyG_a;ic3UWOTUIJC}+TY<)l!nmE^l2RKV4gElet13&2LwMmkhEc_?1dk);BD_o7uX zd;{%oI8|&&;i#Ax;E9B=7aL2u*5WJ#Eeks0lNYb`xfYV{8y7(vH&(knCJH#zyK~sF zthQW47dN-LxID|n`Sj#sdN$8Rem1|kUWoj5Hk(hc7{vUm1mMz+Ys-8W8B%?Cc(}!C zK8$(Gh{w_$Mwh#EDIbI~A~>lHg*HmxAvq$KR8!$cK{p~$7{}6c=6$4hgf?#^Y?VY5 zQfv@!+cJ)}g>?_w7u$;EkGQP2cTQJpST?b)5id=;YmzupI*a458A)d%0rw66vtRG^ zN)OXBChTj{KF{S&<-IQHp61h2GS|EdVZXVn?-z?b<~o&;{Hk5s2E18A`v;fi%GucV z@+f%9@2B-tC61ka%iy%ur5DRl%`mo9Zvt-vCJWo@qPNB37c|<+m(I$vkUqTWOs3gZ zkGI;h>S7`;UoSd2Vy@yBG6?pssLBv!_7#QU3LvYO(b2LAhT@no`?Kz!JP^Bk^9t00 zC7uH=z4VTY6PBbmYaK$n->HkmVz$Q{R>8pPOZ(6FZcmy448279O)r@tks6&8rLNWX ziH#St=?%7&Y8k7i*;46pENzt%7WBBgd$K&JrrleRcWUbCtm#X9l?w8`HJo3xbTWzy z>$-+1-0!68t<+G?vK;q|FYR^8WN-LGrb0pOW8i|z4Uv-s`HH|^IsGm&1L*oryykJF zal~^7Y+3Lw5kopWo@u?JHD}RTz7a;!f`*OL0=h2O)|GTspHbzJG}@ziEGo7f-P&GBBR)#Siif6Jwg`f?{!7IG6DZBmXAUj5{Sc+3Hc)<{& z#c5hyb4je}m@~7{&YDJX7uwB?;`u>#+a~0*Q|()8^b*}R=M=hW*)?hsS=wyH6PhV8 z8}+Otg6cEYf1r^S`I0)aqet_DY?jYuBWOPz#*=<) zn&tX_r&^$&qwXvHA7%Z#+u!eGa=9JLC=n>=qp}%CA08(l4oW}DbN57`$q%vX_5*kF zb5$s0q2$+&zMCTX7?-fJW+`%S@46(S*3>La#b|9~r{E``KSNhW)&kv|GF70K`rOjn z1;%++5lAyJDNEc!<~t9Rm{PHL0pHQ>F-8zNRWlz>ukp}7ieEqo)z#$W8Do%=4#mIb zPcJGQpXv@(Fw+!wj2i{OQ&OE+l+q`BrAk2>&K7z?bgX*OSWFpqwsIX01W=@;PTCe9TTCI5J|M}Ydc3-0#c=hOmVn3Kd6c#O`KZ2G4utg delta 16 XcmZ4Kw$hDVzMF$%>ch($*_D(5Gu;K| diff --git a/data/static/logo.svg b/data/static/logo.svg deleted file mode 100644 index c76e44b3..00000000 --- a/data/static/logo.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/data/static/main.js.gz b/data/static/main.js.gz index 77268994b8365c81634144a6e1f767653d87ea4a..d5feb9cfe45258c859f13399ab4baf95ef2395b2 100644 GIT binary patch literal 4004 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 KxEF}RBme-uKi;tb literal 1792 zcmV+b2mkmViwFo4$jM^@0BvDuZZ2wb0Ie9=ZqzXFSAs#v0h4mPpsWJo7KlqwkPt%1 zO(q9;?T}0;)spYwL-;YqcCy)Q376*zzvR;ke~21@FplLfTN+f8aRh#6=mv|JN(PZz3c zOV*14rPYXf3K=xSo3#@*Z$|9>M(Xe1WJSn#LRBf~7Vb)v$=mVMnoSxpX3w2z!Rro~ zIEk-bzIsK-n7!$~Q~|&DS?Vx&V>%{O%$__vBxQ4+!1@|Iu5g!|^c#)AV|mo>G2Tic zxR+IE8c%-ZvXFH8L4Ju$Qv|o8*AWv8OSnpYukub)Qj8AnG(aj_j^U;O>>9l}hp?`dL<-f})L}1;CrqpT z+w~j@$grarbQPX-6TY#!dr&a$Mz=ht{7EJyaqN*rKZjpstLEGC1mrQShk3pmablDxD96d8MHB zU|X8wfn{okz~$XWC9?ByX7B}l4oDg{Qu zkknkVwaj8B>zWcKZDSv}k`%Yn6l(klrWZ#hJBc5?eD*YIv8i-XWZwejyI zdQ1LRa379!@mOkC74ru7Y50AQQ$So&O#&2*oAwuV=xVCK7SOl!6W`1ng$c!k_jAdU z*m*f0pOcvnsr>o8c5O!-{B{C)RYaQLPPsCB!uD&HSuJc*dh5t^xTkfP4u7b4XT;3) zODp=c0Zya0z|uXZi0$tOHX;JbQTWRi6pWoo&@P3G3Dw>p)Q9r4Oy~R{a3|&qL2{y| zp)!*;p>}MXPoYz`dV&5jv2WdkA^Ucd;YQ)_Q?b=m0Nztz!S?pa9VOfLsaykRqzz@I zp?Uv)+_!Hpzl&NtQQ#U%$&-ZT3cfJ!j8i<%sAW8zP;a)+D3yAqsMh^V^0yDaAWgEN z{KPyQ>t>sLX0yf)+%2=j^)k&k2^Pe734?3*-Z+Gt?oN~9nfr49|>ps8c%DGY0} z1|i#@G<4|;o>)|+iztd%D8|j}WxN3UT`x>GMHUnM`gPC>_KGrhEJE27;GR%*G890nEiM6EK}wRh)hfT}zNf9=zPO-tsq!J$~RWv={kFP5&BUWfUs z3uWJn!l1DUukv~CKcI7;@Z~7uFQYuvIQ*Gs{}fjEU0DB6`9fGH9r(9lCHWlPlYM|% zz{6?{cHZ-GLUSSr#TB@A!M^vpIamVe;r@@Yu)7=0!H diff --git a/data/static/nl.json.gz b/data/static/nl.json.gz new file mode 100644 index 0000000000000000000000000000000000000000..744beee7ed0004faa276428846ccb12313301ce1 GIT binary patch literal 1696 zcmV;R24DFfiwFoY@#`wicR+ALyCRj&E!wAO@1KTnLo*w%qg;4>b7-(Sv9K;S*#bUs=thk9-V&~ zX=$n`D;k}T?x`dPy7Z$Dqm8YJ@t}fc@W$G8S(AytR>8dC7`X%Ij)~U~BQJM+^G3=V{6=~Y{#^RKwXS3pq;L8v{QmF%|N7tG{wHq6 zi@BJPSCu&`GvI{{vG${nGqJ={f>l^;-FJL}Q?*o%#8y*u9r8Vp1r@OzKn)zjNoc2KG612VyyJytj(<2N?+ z4PF!*aEf34cf{PEtWy;owJ`M0kk}d_DSLpUwIjb_jGR#v z_pF>UYui_A1{#+HMF)ijtgK3p^~z2*YgP57TqaI*137P)oupm@L6!}&FKDVwU3_`<#6>d7l%0qJn6gEy#-(3PNg4qAx|@oy1BQ zt_&qZDyZN8_1k~2jjKgT<_zx`eC#tM)>`_F*rOl>QPE!cARuGIlAA_4DMJg|Cgm%> z6{S~pCT_56D~)(jpNv3Q#V0y!t1UnTW~J}|jHp3@`=q8yjOSv<6(}Fb>av*OZUpF{ z!daUx+NKgVzP-H?7gvkr_<`H`m?iRQERz} zu=W^7kKga)eo%y;`fj3!Xr~?G@P#rx5Q| z$!};eo3OC@a~SyZ?jOtLXAAHz zLbjw|LVD`zwlAj;voYV?bNPVPT=RQ+4%CfWPvj?$2Q-(Ay!X>TZp!-ai@fCeeLNao`UEt$# zGXctimiUM{IfbYvt-U%7=A3E_fNzhO=vQj||Dy`CRR?oG&8^1>mbt5UOe($`DyYCY6iJj>zF>>&I)fNZu$@ zJ$Xr;g2~8aL@Pz`JKpD5)TDQ$%xAHPx*%3$kgH$*T9wuUtp~A*{Ny8KD&rYmtumXTBdLz zcM4lKXeYTWW6PD7TE+@o?(U^%e z?lH&|?RwMS6f-EArsNp@uiWL1x5+vbZ$SqnbSRU#2P z96uln^>Rc|AZi6eZ)USTg0!?r3e2Nms&v~fj-gp zCk);p`i^>}g5VT>Qx7Jf^X259$CXxollUB}5M%l$nMwqPnRiH&n8vr%gF4yx|BzZ> zv?Ei6O^OUSQsZU0Z8B~)7vr+TIK~;42$!nEH8KEmU?*vEzvxOt%efn0_D*IhAH73? z(cL!q>T@JhJg0D^bq>a*#k_hFvz2SZ zDG&?x&$wwco*}OO+Qv4hy^U>rdD8aJ@Yo?ix^b47)X$XO)>hn`t?xy)`n?sI3pU5| q!bR^%`_z}yk~No3<=;~XWS`$Eze=vc!b@JhzWxEr^;zds4*&qm6<{v_ literal 0 HcmV?d00001 diff --git a/data/static/script.js.gz b/data/static/script.js.gz index 3e7738bf66fd852fd20dd3113ff8023db39b8f12..3fc28f3e34a95069787f59cebe072c725411a548 100644 GIT binary patch literal 2268 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 HniBv3n2b@J diff --git a/data/static/style.css.gz b/data/static/style.css.gz index 8466e9d6ddffa8afc5a3ea8a23718f59ae5963cf..d7ed0ac6dbdce0b9b34bebe756939c2232e97711 100644 GIT binary patch literal 5329 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 Il_4$w004y21^@s6 diff --git a/data/style.css b/data/style.css index df574e3a..eea45e82 100644 --- a/data/style.css +++ b/data/style.css @@ -8,9 +8,35 @@ --cog: url('data:image/svg+xml,'); --star: url('data:image/svg+xml,'); --trash: url('data:image/svg+xml,'); - --download: url('data:image/svg+xml,') + --download: url('data:image/svg+xml,'); + --file: url('data:image/svg+xml,'); + --dir: url('data:image/svg+xml,'); + --diropen: url('data:image/svg+xml,'); + --html: url('data:image/svg+xml,'); + --image: url('data:image/svg+xml,'); + --zip: url('data:image/svg+xml,'); + --cmd: url('data:image/svg+xml,'); + --css: url('data:image/svg+xml,'); + --eye: url('data:image/svg+xml,'); + --json: url('data:image/svg+xml,'); } +.fn:hover { + text-decoration: underline; +} +.fi { + display: inline-block; + vertical-align: middle; + width: 1.1rem; + height: 1.25rem; + mask-size: auto; + mask-repeat: no-repeat; + mask-position: center; + -webkit-mask-size: auto; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + background-color: var(--txt); +} .fa { display: block; text-indent: -9999px; @@ -37,28 +63,17 @@ .fa-shot { mask-image: var(--shot); -webkit-mask-image: var(--shot)} .fa-star { mask-image: var(--star); -webkit-mask-image: var(--star)} .fa-trash { mask-image: var(--trash); -webkit-mask-image: var(--trask)} - -#ctx { - display: none; - top: 10px; - left: 50px; - position: absolute; - background: #fff; - z-index: 10; - padding: 0.75rem; - border-radius: 0.5rem; - box-shadow: 0 0.5rem 0.75rem rgba(0,0,0,0.25); -} -#ctx > ul { - padding-left: 0px; -} -#ctx > ul > li, -.sub_div > ul > li { - cursor: pointer; -} -#ctx > ul > li:hover { - background: #ccc; -} +.fa-file { mask-image: var(--file); -webkit-mask-image: var(--file)} +.fa-dir { mask-image: var(--dir); -webkit-mask-image: var(--dir)} +.fa-diropen { mask-image: var(--diropen); -webkit-mask-image: var(--diropen)} +.fa-eye { mask-image: var(--eye); -webkit-mask-image: var(--eye)} +.fa-zip { mask-image: var(--zip); -webkit-mask-image: var(--zip)} +.fa-css { mask-image: var(--css); -webkit-mask-image: var(--css)} +.fa-cmd { mask-image: var(--cmd); -webkit-mask-image: var(--cmd)} +.fa-json { mask-image: var(--json); -webkit-mask-image: var(--json)} +.fa-jsonl { mask-image: var(--json); -webkit-mask-image: var(--json)} +.fa-image { mask-image: var(--image); -webkit-mask-image: var(--image)} +.fa-html { mask-image: var(--html); -webkit-mask-image: var(--html)} .nav-list { font-size: var(--fs-nav); @@ -114,7 +129,7 @@ margin: 0px; padding: 0px; } -P { +p { margin: 1em 0px; } @@ -156,30 +171,27 @@ button, .warning{ color: #9F6000; background-color: #FEEFB3 } .error { color: #D8000C; background-color: #FFD2D2 } - -/* Navigation bar */ - -#filebrowser { - display: none -} +.left { float: left } +.right { float: right } +.bold { font-weight: bold } /* Main Page */ #doc { text-align: left; margin: 0 auto; - display: inline-block; + /* display: inline-block; + display: table; */ color: var(--txt); width: 80%; min-width: 300px; max-width: 600px; - display: table } #doc>a, .dist>a, #doc button, #doc input[type=submit] { - // padding: 12px; + /* padding: 12px; */ height: 3rem; border: 1px solid var(--btnbrd); border-radius: .6rem; @@ -245,7 +257,7 @@ button, padding-top: 0 } #doc th { - padding-top: .5em + padding-top: .5rem } #doc input, @@ -262,7 +274,7 @@ button, background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.7' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right .8rem center; - background-size: 1em + background-size: 1rem } #doc label { @@ -271,34 +283,30 @@ button, display: inline-block } +#bmp { + max-width: 100%; + height: auto; +} + .required { background-image: var(--star); background-position: right; background-repeat: no-repeat; - background-size: 1.5em 1.5em; + background-size: 1.5rem 1.5rem; } .icon { - background-size: 1.05em 1.05em; + background-size: 1.25rem 1.25rem; background-position: left; background-repeat: no-repeat; - width: 1.5em; + width: 1.5rem; display: inline-block; text-decoration: none } -.icon:before { - content: "\0000a0" -} -.edit { - background-image: var(--browse); -} -.trash { - background-image: var(--trash); -} -.download { - background-image: var(--download); -} +.icon:before{content: "\0000a0"} +.edit{background-image: var(--browse)} +.trash{background-image: var(--trash)} /* Forms */ .container { @@ -336,7 +344,7 @@ button, } .row { - // font-size: .833rem; + /* font-size: .833rem; */ margin: 5px } @@ -346,15 +354,15 @@ button, } .col-25 { - // float: left; - // width: 25%; + /* float: left; + width: 25%; */ text-align: left; } -.col-75 { - // float: left; - // width: 75% -} +/* .col-75 { + float: left; + width: 75% +} */ #doc label, #doc legend { @@ -363,6 +371,9 @@ button, #doc fieldset { display: contents } +[v-cloak] > * { display:none } +/* [v-cloak]::before { content: "Loading…"; margin: auto; } */ + @media screen and (min-width:800px) { .row { @@ -405,13 +416,13 @@ button, } */ -/* Page Footer */ +/* ********** Page Footer ********** */ .foot { background-color: transparent !important; all: revert; float: right; margin: 0; - font-size: .6em + font-size: .6rem } a.foot:link, a.foot:visited { @@ -421,19 +432,21 @@ a.foot:visited { clear: both } -/* File Editor */ +/* ********** File Editor ********** */ .container__editor { - display: none; + /* display: none; */ + display: flex; /* Misc */ border: 0; width: 100vw; height: 100vh; - background-color: burlywood; + background-color: var(--bg); } .container__left { /* Initially, the left takes 3/4 width */ - width: clamp(10rem, 15vw, 20rem); + width: 10rem; + min-width: 6rem; max-width: 20rem; /* Misc */ @@ -467,18 +480,14 @@ a.foot:visited { align-items: center; display: flex; justify-content: center; - background-color: brown; + background-color: var(--grpbg) } .toolbar { - /* Take the remaining width */ - height: 3rem; - background-color: gray; - - /* Misc */ - align-items: center; - display: flex; - justify-content: center; + text-align: center; width: 100%; + padding: 0.5rem; + color: var(--btnfg); + background-color: var(--toolbg) } .container__bottom { /* Take the remaining width */ @@ -495,4 +504,63 @@ a.foot:visited { } #sizeList { width: 4rem; -} \ No newline at end of file +} +#ctx { + display: none; + top: 10px; + left: 50px; + position: absolute; + background: #fff; + z-index: 10; + padding: 0.75rem; + border-radius: 0.5rem; + box-shadow: 0 0.5rem 0.75rem rgba(0,0,0,0.25); +} +#ctx > ul { + padding-left: 0px; +} +#ctx > ul > li, +.sub_div > ul > li { + cursor: pointer; + white-space: nowrap +} +#ctx > ul > li:hover { + background: #ccc; +} +#fontsize, #page { + width: 3rem +} +#preview { + background-color: #888; + padding: 5px; + overflow: scroll; +} +#preview > img { + max-width:100%; + max-height:100%; + height: 100%; + margin: auto; + display: block +} +#download-frame, +#preview { + display:none; +} +#tree { + width: 100%; + line-height: 1.3rem; + font-size: 0.95rem; + background-color: var(--treebg) +} +.download{background-image: var(--download)} +.eye{background-image: var(--eye)} +.file{background-image: var(--file)} +.zip{background-image: var(--zip)} +.css{background-image: var(--css)} +.cmd{background-image: var(--cmd)} +.json{background-image: var(--json)} +.jsonl{background-image: var(--json)} +.image{background-image: var(--image)} +.html{background-image: var(--html)} +.dir{background-image: var(--dir)} +.diropen{background-image: var(--diropen)} diff --git a/src/hasp_config.h b/src/hasp_config.h index 5b4e0d72..00d24d58 100644 --- a/src/hasp_config.h +++ b/src/hasp_config.h @@ -36,40 +36,47 @@ void configSetConfig(JsonObject& settings); void configGetConfig(JsonDocument& settings); /* json keys used in the configfile */ -const char FP_CONFIG_STARTPAGE[] PROGMEM = "startpage"; -const char FP_CONFIG_STARTDIM[] PROGMEM = "startdim"; -const char FP_CONFIG_THEME[] PROGMEM = "theme"; -const char FP_CONFIG_HUE[] PROGMEM = "hue"; -const char FP_CONFIG_ZIFONT[] PROGMEM = "font"; -const char FP_CONFIG_PAGES[] PROGMEM = "pages"; -const char FP_CONFIG_COLOR1[] PROGMEM = "color1"; -const char FP_CONFIG_COLOR2[] PROGMEM = "color2"; -const char FP_CONFIG_ENABLE[] PROGMEM = "enable"; -const char FP_CONFIG_HOST[] PROGMEM = "host"; -const char FP_CONFIG_PORT[] PROGMEM = "port"; -const char FP_CONFIG_PASV[] PROGMEM = "pasv"; -const char FP_CONFIG_NAME[] PROGMEM = "name"; -const char FP_CONFIG_USER[] PROGMEM = "user"; -const char FP_CONFIG_PASS[] PROGMEM = "pass"; -const char FP_CONFIG_SSID[] PROGMEM = "ssid"; -const char FP_CONFIG_NODE[] PROGMEM = "node"; -const char FP_CONFIG_GROUP[] PROGMEM = "group"; -const char FP_CONFIG_BROADCAST[] PROGMEM = "group"; -const char FP_CONFIG_BAUD[] PROGMEM = "baud"; -const char FP_CONFIG_LOG[] PROGMEM = "log"; -const char FP_CONFIG_PROTOCOL[] PROGMEM = "proto"; -const char FP_GUI_ROTATION[] PROGMEM = "rotate"; -const char FP_GUI_INVERT[] PROGMEM = "invert"; -const char FP_GUI_TICKPERIOD[] PROGMEM = "tick"; -const char FP_GUI_IDLEPERIOD1[] PROGMEM = "idle1"; -const char FP_GUI_IDLEPERIOD2[] PROGMEM = "idle2"; -const char FP_GUI_CALIBRATION[] PROGMEM = "calibration"; -const char FP_GUI_BACKLIGHTPIN[] PROGMEM = "bckl"; -const char FP_GUI_BACKLIGHTINVERT[] PROGMEM = "bcklinv"; -const char FP_GUI_POINTER[] PROGMEM = "cursor"; -const char FP_DEBUG_TELEPERIOD[] PROGMEM = "tele"; -const char FP_DEBUG_ANSI[] PROGMEM = "ansi"; -const char FP_GPIO_CONFIG[] PROGMEM = "config"; +const char FP_CONFIG_STARTPAGE[] PROGMEM = "startpage"; +const char FP_CONFIG_STARTDIM[] PROGMEM = "startdim"; +const char FP_CONFIG_THEME[] PROGMEM = "theme"; +const char FP_CONFIG_HUE[] PROGMEM = "hue"; +const char FP_CONFIG_ZIFONT[] PROGMEM = "font"; +const char FP_CONFIG_PAGES[] PROGMEM = "pages"; +const char FP_CONFIG_COLOR1[] PROGMEM = "color1"; +const char FP_CONFIG_COLOR2[] PROGMEM = "color2"; +const char FP_CONFIG_ENABLE[] PROGMEM = "enable"; +const char FP_CONFIG_HOST[] PROGMEM = "host"; +const char FP_CONFIG_PORT[] PROGMEM = "port"; +const char FP_CONFIG_PASV[] PROGMEM = "pasv"; +const char FP_CONFIG_NAME[] PROGMEM = "name"; +const char FP_CONFIG_USER[] PROGMEM = "user"; +const char FP_CONFIG_PASS[] PROGMEM = "pass"; +const char FP_CONFIG_SSID[] PROGMEM = "ssid"; +const char FP_CONFIG_NODE[] PROGMEM = "node"; +const char FP_CONFIG_NODE_TOPIC[] PROGMEM = "node_t"; +const char FP_CONFIG_HASS[] PROGMEM = "hass"; +const char FP_CONFIG_HASS_TOPIC[] PROGMEM = "hass_t"; +const char FP_CONFIG_GROUP[] PROGMEM = "group"; +const char FP_CONFIG_GROUP_TOPIC[] PROGMEM = "group_t"; +const char FP_CONFIG_BROADCAST[] PROGMEM = "broadcast"; +const char FP_CONFIG_BROADCAST_TOPIC[] PROGMEM = "broadcast_t"; +const char FP_CONFIG_BAUD[] PROGMEM = "baud"; +const char FP_CONFIG_LOG[] PROGMEM = "log"; +const char FP_CONFIG_PROTOCOL[] PROGMEM = "proto"; +const char FP_GUI_ROTATION[] PROGMEM = "rotate"; +const char FP_GUI_INVERT[] PROGMEM = "invert"; +const char FP_GUI_TICKPERIOD[] PROGMEM = "tick"; +const char FP_GUI_IDLEPERIOD1[] PROGMEM = "idle1"; +const char FP_GUI_IDLEPERIOD2[] PROGMEM = "idle2"; +const char FP_GUI_CALIBRATION[] PROGMEM = "calibration"; +const char FP_GUI_BACKLIGHTPIN[] PROGMEM = "bckl"; +const char FP_GUI_BACKLIGHTINVERT[] PROGMEM = "bcklinv"; +const char FP_GUI_POINTER[] PROGMEM = "cursor"; +const char FP_GUI_LONG_TIME[] PROGMEM = "long"; +const char FP_GUI_REPEAT_TIME[] PROGMEM = "repeat"; +const char FP_DEBUG_TELEPERIOD[] PROGMEM = "tele"; +const char FP_DEBUG_ANSI[] PROGMEM = "ansi"; +const char FP_GPIO_CONFIG[] PROGMEM = "config"; const char FP_HASP_CONFIG_FILE[] PROGMEM = "/config.json"; diff --git a/src/sys/svc/hasp_http.cpp b/src/sys/svc/hasp_http.cpp index 6f44023e..37047f23 100644 --- a/src/sys/svc/hasp_http.cpp +++ b/src/sys/svc/hasp_http.cpp @@ -100,33 +100,39 @@ HTTPUpload* upload; const char MAIN_MENU_BUTTON[] PROGMEM = "" D_HTTP_MAIN_MENU ""; const char HTTP_DOCTYPE[] PROGMEM = - "" + "" // "" ""; const char HTTP_META_GO_BACK[] PROGMEM = ""; -const char HTTP_STYLESHEET[] PROGMEM = ""; +const char HTTP_STYLESHEET[] PROGMEM = ""; const char HTTP_HEADER[] PROGMEM = "%s"; -const char HTTP_HEADER_END[] PROGMEM = "" - "

"; -const char HTTP_FOOTER[] PROGMEM = "
" D_MANUFACTURER " "; -const char HTTP_END[] PROGMEM = " " D_HTTP_FOOTER "
"; -const uint8_t HTTP_VARS_CSS[] PROGMEM = ":root{" - "--txt:" D_HTTP_COLOR_TEXT ";" - "--bg:" D_HTTP_COLOR_BACKGROUND ";" - "--btnfg:" D_HTTP_COLOR_BUTTON_TEXT ";" - "--btnbg:" D_HTTP_COLOR_BUTTON ";" - "--btnbghi:" D_HTTP_COLOR_BUTTON_HOVER ";" - "--btnred:" D_HTTP_COLOR_BUTTON_RESET ";" - "--btnredhi:" D_HTTP_COLOR_BUTTON_RESET_HOVER ";" - "--btnbrd: transparent;" - "--grpfg:" D_HTTP_COLOR_GROUP_TEXT ";" - "--grpbg:" D_HTTP_COLOR_GROUP ";" - "--fldbg:" D_HTTP_COLOR_INPUT ";" - "--fldfg:" D_HTTP_COLOR_INPUT_TEXT ";" - "--fldred:" D_HTTP_COLOR_INPUT_WARNING ";" - "--footfg:" D_HTTP_COLOR_FOOTER_TEXT ";" - "}"; +const char HTTP_HEADER_END[] PROGMEM = + "" + "" + "" + R"(
)"; +const char HTTP_FOOTER[] PROGMEM = "
" D_MANUFACTURER " "; +const char HTTP_END[] PROGMEM = " " D_HTTP_FOOTER "
"; +const uint8_t HTTP_VARS_CSS[] PROGMEM = ":root{" + "--txt:" D_HTTP_COLOR_TEXT ";" + "--bg:" D_HTTP_COLOR_BACKGROUND ";" + "--btnfg:" D_HTTP_COLOR_BUTTON_TEXT ";" + "--btnbg:" D_HTTP_COLOR_BUTTON ";" + "--btnbghi:" D_HTTP_COLOR_BUTTON_HOVER ";" + "--btnred:" D_HTTP_COLOR_BUTTON_RESET ";" + "--btnredhi:" D_HTTP_COLOR_BUTTON_RESET_HOVER ";" + "--btnbrd: transparent;" + "--grpfg:" D_HTTP_COLOR_GROUP_TEXT ";" + "--grpbg:" D_HTTP_COLOR_GROUP ";" + "--fldbg:" D_HTTP_COLOR_INPUT ";" + "--fldfg:" D_HTTP_COLOR_INPUT_TEXT ";" + "--fldred:" D_HTTP_COLOR_INPUT_WARNING ";" + "--footfg:" D_HTTP_COLOR_FOOTER_TEXT ";" + "--toolbg:" D_HTTP_COLOR_TOOLBAR ";" + "--treebg:" D_HTTP_COLOR_TREE ";" + "--preeviewbg:" D_HTTP_COLOR_PREVIEW ";" + "}"; //////////////////////////////////////////////////////////////////////////////////////////////////// @@ -165,18 +171,21 @@ static void add_form_button(String& str, const __FlashStringHelper* label, const static String http_get_content_type(const String& path) { - char buff[sizeof(mime::mimeTable[0].mimeType)]; - // Check all entries but last one for match, return if found - for(size_t i = 0; i < sizeof(mime::mimeTable) / sizeof(mime::mimeTable[0]) - 1; i++) { - strcpy_P(buff, mime::mimeTable[i].endsWith); - if(path.endsWith(buff)) { - strcpy_P(buff, mime::mimeTable[i].mimeType); - return String(buff); + char buffer[sizeof(mime::mimeTable[0].mimeType)]; + int len = sizeof(mime::mimeTable) / sizeof(mime::mimeTable[0]) - 1; + + // Check all entries except the last one for match, return if found + for(size_t i = 0; i < len; i++) { + strcpy_P(buffer, mime::mimeTable[i].endsWith); + if(path.endsWith(buffer)) { + strcpy_P(buffer, mime::mimeTable[i].mimeType); + return String(buffer); } } - // Fall-through and just return default type - strcpy_P(buff, mime::mimeTable[sizeof(mime::mimeTable) / sizeof(mime::mimeTable[0]) - 1].mimeType); - return String(buff); + + // Fall-through and return default (=last) mime-type + strcpy_P(buffer, mime::mimeTable[len].mimeType); + return String(buffer); } //////////////////////////////////////////////////////////////////////////////////////////////////// @@ -230,7 +239,7 @@ static void webSendFooter() static void http_send_cache_header(int size, int age = 3600) { - webServer.sendHeader(F("Content-Length"), (String)(size)); + webServer.sendHeader("Content-Length", (String)(size)); webServer.sendHeader(F("Cache-Control"), (String)(F("public, max-age=")) + (String)(age)); } @@ -258,52 +267,68 @@ static int http_send_static_gzip_file(const uint8_t* start, const uint8_t* end, return http_send_static_file(start, end, contentType); } -static void webSendHtmlHeader(const char* nodename, uint32_t httpdatalength, uint8_t gohome = 0) +static void webSendHtmlHeader(const char* title, uint32_t httpdatalength, uint8_t gohome = 0) { - { - char buffer[64]; + char buffer[64]; - /* Calculate Content Length upfront */ - uint32_t contentLength = strlen(haspDevice.get_version()); // version length - contentLength += sizeof(HTTP_DOCTYPE) - 1; - contentLength += sizeof(HTTP_HEADER) - 1 - 2 + strlen(nodename); // -2 for %s - contentLength += sizeof(HTTP_STYLESHEET) - 1 - 2 + strlen("vars"); // -2 for %s - if(gohome > 0) { - snprintf_P(buffer, sizeof(buffer), HTTP_META_GO_BACK, gohome); - contentLength += strlen(buffer); // gohome - } else { - buffer[0] = '\0'; - } - contentLength += sizeof(HTTP_HEADER_END) - 1; - contentLength += sizeof(HTTP_FOOTER) - 1; - contentLength += sizeof(HTTP_END) - 1; - - if(httpdatalength > HTTP_PAGE_SIZE) { - LOG_WARNING(TAG_HTTP, F("Sending page with %u static and %u dynamic bytes"), contentLength, httpdatalength); - } - - webServer.setContentLength(contentLength + httpdatalength); -#if defined(ARDUINO_ARCH_ESP32) || defined(ARDUINO_ARCH_ESP8266) - webServer.send_P(200, PSTR("text/html"), HTTP_DOCTYPE); // 122 -#else - webServer.send(200, ("text/html"), HTTP_DOCTYPE); // 122 -#endif - webServer.sendContent(buffer); // gohome - - snprintf_P(buffer, sizeof(buffer), HTTP_STYLESHEET, "vars"); - webServer.sendContent(buffer); // stylesheet - - snprintf_P(buffer, sizeof(buffer), HTTP_HEADER, nodename); - webServer.sendContent(buffer); // 17-2+len + /* Calculate Content Length upfront */ + uint32_t contentLength = strlen(haspDevice.get_version()); // version length + contentLength += sizeof(HTTP_DOCTYPE) - 1; + contentLength += sizeof(HTTP_HEADER) - 1 - 2 + strlen(title); // -2 for %s + contentLength += sizeof(HTTP_STYLESHEET) - 1 - 2 + strlen("static/vars"); // -2 for %s + if(gohome > 0) { + snprintf_P(buffer, sizeof(buffer), HTTP_META_GO_BACK, gohome); + contentLength += strlen(buffer); // gohome + } else { + buffer[0] = '\0'; } + contentLength += sizeof(HTTP_HEADER_END) - 1; + contentLength += sizeof(HTTP_FOOTER) - 1; + contentLength += sizeof(HTTP_END) - 1; + + if(httpdatalength > HTTP_PAGE_SIZE) { + LOG_WARNING(TAG_HTTP, F("Sending page with %u static and %u dynamic bytes"), contentLength, httpdatalength); + } + + webServer.setContentLength(contentLength + httpdatalength); + // webServer.sendHeader("Set-Cookie", "lang=nl; SameSite=None; path=/"); +#if defined(ARDUINO_ARCH_ESP32) || defined(ARDUINO_ARCH_ESP8266) + webServer.send_P(200, PSTR("text/html"), HTTP_DOCTYPE); // 122 +#else + webServer.send(200, ("text/html"), HTTP_DOCTYPE); // 122 +#endif + webServer.sendContent(buffer); // gohome + + snprintf_P(buffer, sizeof(buffer), HTTP_STYLESHEET, "static/vars"); + webServer.sendContent(buffer); // stylesheet + + snprintf_P(buffer, sizeof(buffer), HTTP_HEADER, title); + webServer.sendContent(buffer); // 17-2+len #if defined(STM32F4xx) webServer.sendContent(HTTP_HEADER_END); // 80 #else - webServer.sendContent_P(HTTP_HEADER_END); // 80 + webServer.sendContent_P(HTTP_HEADER_END); // 80 #endif } +static void http_send_content(const char* form[], int count, uint8_t gohome = 0) +{ + size_t total = 0; + size_t len[count]; + for(int i = 0; i < count; i++) { + if(form[i]) { + len[i] = strlen(form[i]); + total += len[i]; + } + } + webSendHtmlHeader(haspDevice.get_hostname(), total, gohome); + for(int i = 0; i < count; i++) { + if(form[i]) webServer.sendContent(form[i], len[i]); + } + webSendFooter(); +} + // Allows caching of this file, BUT browser must validate Etag before using cached versions static void http_send_etag(String& etag) { @@ -321,13 +346,13 @@ bool http_save_config() { bool updated = false; - if(webServer.method() == HTTP_POST && webServer.hasArg(PSTR("save"))) { - String save = webServer.arg(PSTR("save")); + if(webServer.method() == HTTP_POST && webServer.hasArg("save")) { + String save = webServer.arg("save"); StaticJsonDocument<256> settings; for(int i = 0; i < webServer.args(); i++) settings[webServer.argName(i)] = webServer.arg(i); - if(save == String(PSTR("hasp"))) { + if(save == FP_HASP) { updated = haspSetConfig(settings.as()); #if HASP_USE_MQTT > 0 @@ -339,24 +364,24 @@ bool http_save_config() updated = ftpSetConfig(settings.as()); #endif - } else if(save == String(PSTR("gui"))) { - settings[FPSTR(FP_GUI_POINTER)] = webServer.hasArg(PSTR("cursor")); - settings[FPSTR(FP_GUI_INVERT)] = webServer.hasArg(PSTR("invert")); - settings[FPSTR(FP_GUI_BACKLIGHTINVERT)] = webServer.hasArg(PSTR("bcklinv")); + } else if(save == FP_GUI) { + settings[FPSTR(FP_GUI_POINTER)] = webServer.hasArg("cursor"); + settings[FPSTR(FP_GUI_INVERT)] = webServer.hasArg("invert"); + settings[FPSTR(FP_GUI_BACKLIGHTINVERT)] = webServer.hasArg("bcklinv"); updated = guiSetConfig(settings.as()); - } else if(save == String(PSTR("debug"))) { - settings[FPSTR(FP_DEBUG_ANSI)] = webServer.hasArg(PSTR("ansi")); + } else if(save == FP_DEBUG) { + settings[FPSTR(FP_DEBUG_ANSI)] = webServer.hasArg("ansi"); updated = debugSetConfig(settings.as()); - } else if(save == String(PSTR(FP_HTTP))) { + } else if(save == FP_HTTP) { updated = httpSetConfig(settings.as()); // Password might have changed if(!http_is_authenticated(F("config"))) return updated; #if HASP_USE_WIFI > 0 - } else if(save == String(PSTR("wifi"))) { + } else if(save == FP_WIFI) { updated = wifiSetConfig(settings.as()); #endif } @@ -365,73 +390,56 @@ bool http_save_config() return updated; } -static void webHandleRoot() +static void http_handle_root() { if(!http_is_authenticated(F("root"))) return; bool updated = http_save_config(); - { - String httpMessage((char*)0); - httpMessage.reserve(HTTP_PAGE_SIZE); - httpMessage += F("

"); - httpMessage += haspDevice.get_hostname(); - httpMessage += F("

"); + const char* html[20]; + int i = 0; + int len = (sizeof(html) / sizeof(html[0])) - 1; - if(updated) { - httpMessage += F("

" D_HTTP_CONFIG_CHANGED "

"); - } - - httpMessage += F("" D_HTTP_HASP_DESIGN ""); - httpMessage += F("" D_HTTP_SCREENSHOT ""); - httpMessage += F("" D_HTTP_INFORMATION ""); - httpMessage += F("" D_HTTP_CONFIGURATION ""); - httpMessage += F("" D_HTTP_FIRMWARE_UPGRADE ""); - -#if HASP_USE_SPIFFS > 0 || HASP_USE_LITTLEFS > 0 -#ifdef ARDUINO_ARCH_ESP32 - bool flashfile = true; -#else - bool flashfile = false; -#endif - if(flashfile || HASP_FS.exists(F("/edit.htm.gz")) || HASP_FS.exists(F("/edit.htm"))) { - httpMessage += F("" D_HTTP_FILE_BROWSER ""); - } -#endif - - httpMessage += F("" D_HTTP_REBOOT ""); - - webSendHtmlHeader(haspDevice.get_hostname(), httpMessage.length(), 0); - webServer.sendContent(httpMessage); + html[min(i++, len)] = "

"; + html[min(i++, len)] = haspDevice.get_hostname(); + html[min(i++, len)] = "

"; + if(updated) { + html[min(i++, len)] = R"(

" D_HTTP_CONFIG_CHANGED "

)"; } - webSendFooter(); + html[min(i++, len)] = R"()"; + html[min(i++, len)] = R"()"; + html[min(i++, len)] = R"()"; + html[min(i++, len)] = R"()"; + html[min(i++, len)] = R"()"; +#ifdef ARDUINO_ARCH_ESP32 + html[min(i++, len)] = R"()"; +#endif + html[min(i++, len)] = R"()"; + http_send_content(html, min(i, len)); } //////////////////////////////////////////////////////////////////////////////////////////////////// -static void httpHandleReboot() +static void http_handle_reboot() { // http://plate01/reboot if(!http_is_authenticated(F("reboot"))) return; - { // Send Content - String httpMessage((char*)0); - httpMessage.reserve(HTTP_PAGE_SIZE); - httpMessage += F("

"); - httpMessage += haspDevice.get_hostname(); - httpMessage += F("

"); - httpMessage = F(D_DISPATCH_REBOOT); + const char* html[20]; + int i = 0; + int len = (sizeof(html) / sizeof(html[0])) - 1; - webSendHtmlHeader(haspDevice.get_hostname(), httpMessage.length(), 6); - webServer.sendContent(httpMessage); - } - webSendFooter(); + html[min(i++, len)] = "

"; + html[min(i++, len)] = haspDevice.get_hostname(); + html[min(i++, len)] = "

"; + html[min(i++, len)] = R"(

)"; + http_send_content(html, min(i, len), 10); { // Execute Actions - // delay(200); + // delay(200); dispatch_reboot(true); } } //////////////////////////////////////////////////////////////////////////////////////////////////// -static void webHandleScreenshot() +static void http_handle_screenshot() { // http://plate01/screenshot if(!http_is_authenticated(F("screenshot"))) return; @@ -465,44 +473,40 @@ static void webHandleScreenshot() LOG_DEBUG(TAG_HTTP, F("If-None-Match: %s"), etag.c_str()); if(modified > 0 && modified == atol(etag.c_str())) { // Not Changed http_send_etag(etag); // Reuse same ETag - webServer.send_P(304, PSTR("image/bmp"), ""); // Use correct mimetype - return; // 304 ot Modified + webServer.send(304, "image/bmp", ""); // Use correct mimetype + return; // 304 not Modified } } - etag = (String)(modified); - http_send_etag(etag); // Send new tag with modification version - // Send actual bitmap if(webServer.hasArg(F("q"))) { lv_disp_t* disp = lv_disp_get_default(); + etag = (String)(modified); + http_send_etag(etag); // Send new tag with modification version webServer.setContentLength(66 + disp->driver.hor_res * disp->driver.ver_res * sizeof(lv_color_t)); - webServer.send_P(200, PSTR("image/bmp"), ""); + webServer.send(200, "image/bmp", ""); guiTakeScreenshot(); webServer.client().stop(); return; } } - { // Send Content - String httpMessage((char*)0); - httpMessage.reserve(HTTP_PAGE_SIZE); - httpMessage += F("

"); - httpMessage += haspDevice.get_hostname(); - httpMessage += F("

"); + const char* html[20]; + int i = 0; + int len = (sizeof(html) / sizeof(html[0])) - 1; - httpMessage += F("

"); // Automatic refresh - - httpMessage += F("
" D_HTTP_PREV_PAGE ""); - httpMessage += F("" D_HTTP_REFRESH ""); - httpMessage += F("" D_HTTP_NEXT_PAGE "
"); - httpMessage += FPSTR(MAIN_MENU_BUTTON); - - webSendHtmlHeader(haspDevice.get_hostname(), httpMessage.length(), 0); - webServer.sendContent(httpMessage); - } - webSendFooter(); + html[min(i++, len)] = "

"; + html[min(i++, len)] = haspDevice.get_hostname(); + html[min(i++, len)] = "

"; + html[min(i++, len)] = R"( +

+
+ + + +
)"; + html[min(i++, len)] = R"()"; + http_send_content(html, min(i, len)); } //////////////////////////////////////////////////////////////////////////////////////////////////// @@ -537,10 +541,11 @@ static void webHandleApi() String endpoint((char*)0); endpoint = webServer.pathArg(0); - if(!strcasecmp_P(endpoint.c_str(), PSTR("files"))) { - webServer.send(200, contentType.c_str(), filesystem_list(HASP_FS, "/", 5).c_str()); + if(!strcasecmp(endpoint.c_str(), "files")) { + String path = webServer.arg(F("dir")); + webServer.send(200, contentType.c_str(), filesystem_list(HASP_FS, path.c_str(), 5).c_str()); - } else if(!strcasecmp_P(endpoint.c_str(), PSTR("info"))) { + } else if(!strcasecmp(endpoint.c_str(), "info")) { String jsondata((char*)0); jsondata.reserve(HTTP_PAGE_SIZE); jsondata = "{"; @@ -566,7 +571,7 @@ static void webHandleApi() webServer.send(200, contentType, jsondata); return; - } else if(!strcasecmp_P(endpoint.c_str(), PSTR("license"))) { + } else if(!strcasecmp(endpoint.c_str(), "credits")) { { JsonObject obj; @@ -612,7 +617,7 @@ static void webHandleApi() webServer.send(200, contentType.c_str(), output); } - } else if(!strcasecmp_P(endpoint.c_str(), PSTR("config"))) { + } else if(!strcasecmp(endpoint.c_str(), "config")) { JsonObject settings; String postBody((char*)0); @@ -720,7 +725,7 @@ static void webHandleApiConfig() StaticJsonDocument<1024> doc; JsonObject settings; - String contentType = http_get_content_type(F(".json")); + // String contentType = http_get_content_type(F(".json")); String endpoint((char*)0); endpoint = webServer.pathArg(0); const char* endpoint_key = endpoint.c_str(); @@ -739,44 +744,44 @@ static void webHandleApiConfig() } settings = doc.as(); } else { - webServer.send(400, contentType, "Bad Request"); + webServer.send(400, "application/json", "Bad Request"); return; } if(webServer.method() == HTTP_POST || webServer.method() == HTTP_PUT) { configOutput(settings, TAG_HTTP); // Log input JSON config - if(!strcasecmp_P(endpoint_key, PSTR("hasp"))) { + if(!strcasecmp(endpoint_key, FP_HASP)) { haspSetConfig(settings); - } else if(!strcasecmp_P(endpoint_key, PSTR("gui"))) { + } else if(!strcasecmp(endpoint_key, FP_GUI)) { guiSetConfig(settings); - } else if(!strcasecmp_P(endpoint_key, PSTR("debug"))) { + } else if(!strcasecmp(endpoint_key, FP_DEBUG)) { debugSetConfig(settings); } else #if HASP_USE_WIFI > 0 - if(!strcasecmp_P(endpoint_key, PSTR("wifi"))) { + if(!strcasecmp(endpoint_key, FP_WIFI)) { wifiSetConfig(settings); - } else if(!strcasecmp_P(endpoint_key, PSTR("time"))) { + } else if(!strcasecmp(endpoint_key, FP_TIME)) { timeSetConfig(settings); } else #endif #if HASP_USE_MQTT > 0 - if(!strcasecmp_P(endpoint_key, PSTR(FP_MQTT))) { + if(!strcasecmp(endpoint_key, FP_MQTT)) { mqttSetConfig(settings); } else #endif #if HASP_USE_FTP > 0 - if(!strcasecmp_P(endpoint_key, PSTR(FP_FTP))) { + if(!strcasecmp(endpoint_key, FP_FTP)) { ftpSetConfig(settings); } else #endif #if HASP_USE_HTTP > 0 - if(!strcasecmp_P(endpoint_key, PSTR(FP_HTTP))) { + if(!strcasecmp(endpoint_key, FP_HTTP)) { httpSetConfig(settings); } else #endif #if HASP_USE_ARDUINOOTA > 0 || HASP_USE_HTTP_UPDATE > 0 - if(!strcasecmp_P(endpoint_key, PSTR("ota"))) { + if(!strcasecmp(endpoint_key, FP_OTA)) { otaSetConfig(settings); } else #endif @@ -787,42 +792,42 @@ static void webHandleApiConfig() } settings = doc.to(); - if(!strcasecmp_P(endpoint_key, PSTR("hasp"))) { + if(!strcasecmp(endpoint_key, FP_HASP)) { haspGetConfig(settings); - } else if(!strcasecmp_P(endpoint_key, PSTR("gui"))) { + } else if(!strcasecmp(endpoint_key, FP_GUI)) { guiGetConfig(settings); - } else if(!strcasecmp_P(endpoint_key, PSTR("debug"))) { + } else if(!strcasecmp(endpoint_key, FP_DEBUG)) { debugGetConfig(settings); } else #if HASP_USE_WIFI > 0 - if(!strcasecmp_P(endpoint_key, PSTR("wifi"))) { + if(!strcasecmp(endpoint_key, FP_WIFI)) { wifiGetConfig(settings); - } else if(!strcasecmp_P(endpoint_key, PSTR("time"))) { + } else if(!strcasecmp(endpoint_key, FP_TIME)) { timeGetConfig(settings); } else #endif #if HASP_USE_MQTT > 0 - if(!strcasecmp_P(endpoint_key, PSTR(FP_MQTT))) { + if(!strcasecmp(endpoint_key, FP_MQTT)) { mqttGetConfig(settings); } else #endif #if HASP_USE_FTP > 0 - if(!strcasecmp_P(endpoint_key, PSTR(FP_FTP))) { + if(!strcasecmp(endpoint_key, FP_FTP)) { ftpGetConfig(settings); } else #endif #if HASP_USE_HTTP > 0 - if(!strcasecmp_P(endpoint_key, PSTR(FP_HTTP))) { + if(!strcasecmp(endpoint_key, FP_HTTP)) { httpGetConfig(settings); } else #endif #if HASP_USE_ARDUINOOTA > 0 || HASP_USE_HTTP_UPDATE > 0 - if(!strcasecmp_P(endpoint_key, PSTR("ota"))) { + if(!strcasecmp(endpoint_key, FP_OTA)) { otaGetConfig(settings); } else #endif { - webServer.send(400, contentType, "Bad Request"); + webServer.send(400, "application/json", "Bad Request"); return; } configOutput(settings, TAG_HTTP); // Log current JSON config @@ -836,7 +841,7 @@ static void webHandleApiConfig() LOG_DEBUG(TAG_HTTP, "%s - %d", __FILE__, __LINE__); // doc.shrinkToFit(); LOG_DEBUG(TAG_HTTP, "%s - %d", __FILE__, __LINE__); - const size_t size = measureJson(doc) + 1; + const size_t size = measureJson(doc); LOG_DEBUG(TAG_HTTP, "%s - %d", __FILE__, __LINE__); char jsondata[size]; LOG_DEBUG(TAG_HTTP, "%s - %d", __FILE__, __LINE__); @@ -844,50 +849,74 @@ static void webHandleApiConfig() LOG_DEBUG(TAG_HTTP, "%s - %d", __FILE__, __LINE__); serializeJson(doc, jsondata, size); LOG_DEBUG(TAG_HTTP, "%s - %d", __FILE__, __LINE__); - webServer.send(200, contentType, jsondata); + // webServer.send(200, contentType.c_str(), jsondata); + webServer.setContentLength(size); + LOG_DEBUG(TAG_HTTP, "%s - %d", __FILE__, __LINE__); + webServer.send(200, "application/json", ""); + LOG_DEBUG(TAG_HTTP, "%s - %d", __FILE__, __LINE__); + webServer.sendContent(jsondata, size); LOG_DEBUG(TAG_HTTP, "%s - %d", __FILE__, __LINE__); } //////////////////////////////////////////////////////////////////////////////////////////////////// -static void webHandleAbout() +static void http_handle_about() { // http://plate01/about if(!http_is_authenticated(F("about"))) return; - { // Send Content - String httpMessage((char*)0); - httpMessage.reserve(HTTP_PAGE_SIZE); + const char* form = R"( + - httpMessage += "
"; - httpMessage += FPSTR(MAIN_MENU_BUTTON); - httpMessage += "
"; - // TOREMOVE httpMessage += ""; - - webSendHtmlHeader(haspDevice.get_hostname(), httpMessage.length(), 0); - webServer.sendContent(httpMessage); - } - webSendFooter(); +

openHASP

Copyright 2019-2023 Francis Van Roie
MIT License

+

+

+

+ +
+

+
+

+
+

+
+)"; + http_send_content(&form, 1); } //////////////////////////////////////////////////////////////////////////////////////////////////// -static void webHandleInfoJson() +static void http_handle_info() { // http://plate01/ - if(!http_is_authenticated(F("infojson"))) return; + if(!http_is_authenticated(F("info"))) return; - { // Send Content - String htmldata((char*)0); - htmldata.reserve(HTTP_PAGE_SIZE); + const char* html[20]; + int i = 0; + int len = (sizeof(html) / sizeof(html[0])) - 1; - htmldata += F("

"); - htmldata += haspDevice.get_hostname(); - htmldata += F("

"); - - htmldata += "
"; - htmldata += FPSTR(MAIN_MENU_BUTTON); - - webSendHtmlHeader(haspDevice.get_hostname(), htmldata.length(), 0); - webServer.sendContent(htmldata); - } - webSendFooter(); + html[min(i++, len)] = "

"; + html[min(i++, len)] = haspDevice.get_hostname(); + html[min(i++, len)] = "

"; + html[min(i++, len)] = R"( + + + + + + + + + + + + + +
openHASP
{{ item }}
Device Memory
{{ item }}
LVGL Memory
{{ item }}
MQTT
{{ item }}
Wifi
{{ item }}
Module
{{ item }}
)"; + html[min(i++, len)] = R"()"; + http_send_content(html, min(i, len)); } //////////////////////////////////////////////////////////////////////////////////////////////////// @@ -953,10 +982,10 @@ static void webUpdateReboot() { // Send Content String httpMessage((char*)0); - httpMessage.reserve(HTTP_PAGE_SIZE); - httpMessage += F("

"); + httpMessage.reserve(256); + httpMessage += "

"; httpMessage += haspDevice.get_hostname(); - httpMessage += F("

"); + httpMessage += "
"; httpMessage += F("Upload complete. Rebooting device, please wait..."); webSendHtmlHeader(haspDevice.get_hostname(), httpMessage.length(), 10); @@ -1129,27 +1158,33 @@ static void handleFileUpload() fsUploadFile = HASP_FS.open(filename, "w"); if(fsUploadFile) { if(!fsUploadFile || fsUploadFile.isDirectory()) { - LOG_WARNING(TAG_HTTP, F(D_FILE_SAVE_FAILED), filename.c_str()); + // Clear upload filesize, fix Response Content-Length + webServer.setContentLength(CONTENT_LENGTH_NOT_SET); webServer.send_P(400, PSTR("text/plain"), PSTR("Invalid filename")); fsUploadFile.close(); fsUploadFile = File(); + LOG_WARNING(TAG_HTTP, F(D_FILE_SAVE_FAILED), filename.c_str()); } else { LOG_TRACE(TAG_HTTP, F("handleFileUpload Name: %s"), filename.c_str()); haspProgressMsg(fsUploadFile.name()); } } else { - LOG_ERROR(TAG_HTTP, F("Could not open file %s for writing"), filename.c_str()); + // Clear upload filesize, fix Response Content-Length + webServer.setContentLength(CONTENT_LENGTH_NOT_SET); webServer.send_P(400, PSTR("text/plain"), PSTR("Could not open file for writing")); + LOG_ERROR(TAG_HTTP, F("Could not open file %s for writing"), filename.c_str()); } break; } case UPLOAD_FILE_WRITE: { if(fsUploadFile) { if(fsUploadFile.write(upload->buf, upload->currentSize) != upload->currentSize) { - LOG_ERROR(TAG_HTTP, F("Failed to write received data to file")); + // Clear upload filesize, fix Response Content-Length + webServer.setContentLength(CONTENT_LENGTH_NOT_SET); webServer.send_P(400, PSTR("text/plain"), PSTR("Failed to write received data to file")); fsUploadFile.close(); fsUploadFile = File(); + LOG_ERROR(TAG_HTTP, F("Failed to write received data to file")); } else { http_upload_progress(); // Moved to httpEverySecond Loop } @@ -1163,7 +1198,10 @@ static void handleFileUpload() // Redirect to /config/hasp page. This flushes the web buffer and frees the memory // webServer.sendHeader(String(F("Location")), String(F("/config/hasp")), true); - webServer.send_P(200, PSTR("text/plain"), "Upload OK"); + + // Clear upload filesize, fix Response Content-Length + webServer.setContentLength(CONTENT_LENGTH_NOT_SET); + webServer.send_P(200, PSTR("text/plain"), PSTR("Upload OK")); } haspProgressVal(255); break; @@ -1195,7 +1233,7 @@ static void handleFileDelete() return webServer.send_P(404, mimetype, PSTR("FileNotFound")); } HASP_FS.remove(path); - webServer.send_P(200, mimetype, PSTR("")); + webServer.send(200, mimetype, String("")); } static void handleFileCreate() @@ -1250,10 +1288,10 @@ static void handleFileList() String path = webServer.arg(F("dir")); // LOG_TRACE(TAG_HTTP, F("handleFileList: %s"), path.c_str()); - path.clear(); + // path.clear(); #if defined(ARDUINO_ARCH_ESP32) - File root = HASP_FS.open("/", FILE_READ); + File root = HASP_FS.open(path.c_str(), FILE_READ); File file = root.openNextFile(); String output((char*)0); output.reserve(HTTP_PAGE_SIZE); @@ -1312,7 +1350,7 @@ static void handleFileList() //////////////////////////////////////////////////////////////////////////////////////////////////// #if HASP_USE_CONFIG > 0 -static void webHandleConfig() +static void http_handle_config() { // http://plate01/config if(!http_is_authenticated(F("config"))) return; @@ -1321,212 +1359,188 @@ static void webHandleConfig() // Reboot after saving wifi config in AP mode #if HASP_USE_WIFI > 0 && !defined(STM32F4xx) if(WiFi.getMode() != WIFI_STA) { - httpHandleReboot(); + http_handle_reboot(); } #endif - { - String httpMessage((char*)0); - httpMessage.reserve(HTTP_PAGE_SIZE); - httpMessage += F("

"); - httpMessage += haspDevice.get_hostname(); - httpMessage += F("

"); + const char* html[20]; + int i = 0; + int len = (sizeof(html) / sizeof(html[0])) - 1; - if(updated) { - httpMessage += F("

" D_HTTP_CONFIG_CHANGED "

"); - } + html[min(i++, len)] = "

"; + html[min(i++, len)] = haspDevice.get_hostname(); + html[min(i++, len)] = "

"; + if(updated) { + html[min(i++, len)] = R"(

)" D_HTTP_CONFIG_CHANGED "

"; + } #if HASP_USE_WIFI > 0 - httpMessage += F("" D_HTTP_WIFI_SETTINGS ""); + html[min(i++, len)] = R"()"; #endif #if HASP_USE_MQTT > 0 - httpMessage += F("" D_HTTP_MQTT_SETTINGS ""); + html[min(i++, len)] = R"()"; #endif - httpMessage += F("" D_HTTP_HTTP_SETTINGS ""); + html[min(i++, len)] = R"()"; #if HASP_USE_FTP > 0 - httpMessage += F("" D_HTTP_FTP_SETTINGS ""); + html[min(i++, len)] = R"()"; #endif - httpMessage += F("" D_HTTP_GUI_SETTINGS ""); - + html[min(i++, len)] = R"()"; #if HASP_USE_GPIO > 0 - httpMessage += F("" D_HTTP_GPIO_SETTINGS ""); + html[min(i++, len)] = R"()"; #endif - - httpMessage += F("" D_HTTP_DEBUG_SETTINGS ""); - httpMessage += F("" D_HTTP_FACTORY_RESET ""); - httpMessage += FPSTR(MAIN_MENU_BUTTON); - - webSendHtmlHeader(haspDevice.get_hostname(), httpMessage.length(), 0); - webServer.sendContent(httpMessage); - } - webSendFooter(); + html[min(i++, len)] = R"()"; + html[min(i++, len)] = R"()"; + html[min(i++, len)] = R"()"; + html[min(i++, len)] = R"()"; + http_send_content(html, min(i, len)); } //////////////////////////////////////////////////////////////////////////////////////////////////// #if HASP_USE_MQTT > 0 -static void webHandleMqttConfig() +static void http_handle_mqtt() { // http://plate01/config/mqtt if(!http_is_authenticated(F("config/mqtt"))) return; - { // Send Content - StaticJsonDocument<256> settings; - mqttGetConfig(settings.to()); + const char* html[20]; + int i = 0; + int len = (sizeof(html) / sizeof(html[0])) - 1; - String httpMessage((char*)0); - httpMessage.reserve(HTTP_PAGE_SIZE); - httpMessage += F("

"); - httpMessage += haspDevice.get_hostname(); - httpMessage += F("

"); - httpMessage += F("

" D_HTTP_MQTT_SETTINGS "

"); + html[min(i++, len)] = "

"; + html[min(i++, len)] = haspDevice.get_hostname(); + html[min(i++, len)] = "

"; - // Form - httpMessage += F("
"); + html[min(i++, len)] = R"( +

+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- // Node Name - httpMessage += - F("
"); - httpMessage += F("
"); +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
)"; - // Group Name - httpMessage += F("
"); - httpMessage += F("
"); - - // Broker - httpMessage += F("
"); - httpMessage += F("
"); - - // Mqtt Port - httpMessage += F("
"); - httpMessage += F("
"); - - // Mqtt User - httpMessage += F("
"); - httpMessage += F("
"); - - // Mqtt Password - httpMessage += F("
"); - httpMessage += F("
"); - - // Submit & End Form - httpMessage += F(""); - httpMessage += F("
"); - - add_form_button(httpMessage, F(D_BACK_ICON D_HTTP_CONFIGURATION), F("/config")); - - webSendHtmlHeader(haspDevice.get_hostname(), httpMessage.length(), 0); - webServer.sendContent(httpMessage); - } - webSendFooter(); + html[min(i++, len)] = R"(
)"; + html[min(i++, len)] = R"()"; + http_send_content(html, min(i, len)); } #endif //////////////////////////////////////////////////////////////////////////////////////////////////// -static void webHandleGuiConfig() +static void http_handle_gui() { // http://plate01/config/wifi if(!http_is_authenticated(F("config/gui"))) return; - { // Send Content - String httpMessage((char*)0); - httpMessage.reserve(HTTP_PAGE_SIZE); - httpMessage += F("

"); - httpMessage += haspDevice.get_hostname(); - httpMessage += F("

"); - httpMessage += F("

" D_HTTP_GUI_SETTINGS "

"); + const char* html[20]; + int i = 0; + int len = (sizeof(html) / sizeof(html[0])) - 1; - // Form - httpMessage += F("
"); + html[min(i++, len)] = "

"; + html[min(i++, len)] = haspDevice.get_hostname(); + html[min(i++, len)] = "

"; + html[min(i++, len)] = R"( +

+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
"); - - // Long Idle - httpMessage += F("
"); - httpMessage += F("
"); - - // Rotation - httpMessage += F("
"); - httpMessage += F("
"); - - // Invert - httpMessage += F("
"); - httpMessage += F("
Invert Colors
"); - - // Cursor - httpMessage += F("
"); - httpMessage += F("
Show Pointer
"); - - // Backlight Pin - httpMessage += F("
"); - httpMessage += F("
"); - - // Backlight Invert - httpMessage += F("
"); - httpMessage += F("
Invert Backlight
"); - - // Submit & End Form - httpMessage += F(""); - httpMessage += F("
"); - -#if TOUCH_DRIVER == 0x2046 && defined(TOUCH_CS) - add_form_button(httpMessage, F(D_HTTP_CALIBRATE), F("/config/gui?cal=1")); -#endif - - add_form_button(httpMessage, F(D_HTTP_ANTIBURN), F("/config/gui?brn=1")); - add_form_button(httpMessage, F(D_BACK_ICON D_HTTP_CONFIGURATION), F("/config")); - - webSendHtmlHeader(haspDevice.get_hostname(), httpMessage.length(), 0); - webServer.sendContent(httpMessage); } - webSendFooter(); +#endif + html[min(i++, len)] = httpGpio.c_str(); + html[min(i++, len)] = R"( +
+
+
+
+
+
+
)"; + html[min(i++, len)] = R"(
)"; +#if TOUCH_DRIVER == 0x2046 && defined(TOUCH_CS) + html[min(i++, len)] = R"()"; +#endif + html[min(i++, len)] = R"()"; + html[min(i++, len)] = R"()"; + http_send_content(html, min(i, len)); { // Execute Actions if(webServer.hasArg(F("cal"))) dispatch_calibrate(NULL, NULL, TAG_HTTP); @@ -1539,91 +1553,138 @@ static void webHandleHttpConfig() { // http://plate01/config/http if(!http_is_authenticated(F("config/http"))) return; - { // Send Content - String httpMessage((char*)0); - httpMessage.reserve(HTTP_PAGE_SIZE); - httpMessage += F("

"); - httpMessage += haspDevice.get_hostname(); - httpMessage += F("

"); - httpMessage += F("

" D_HTTP_HTTP_SETTINGS "

"); + const char* html[20]; + int i = 0; + int len = (sizeof(html) / sizeof(html[0])) - 1; - // Form - httpMessage += F("
"); - - // Username - httpMessage += F("
"); - httpMessage += F("
"); - - // Password - httpMessage += F("
"); - httpMessage += F("
"); - - // Submit & End Form - httpMessage += F(""); - httpMessage += F("
"); - - httpMessage += F("" D_HTTP_CONFIGURATION ""); - - webSendHtmlHeader(haspDevice.get_hostname(), httpMessage.length(), 0); - webServer.sendContent(httpMessage); - } - webSendFooter(); + html[min(i++, len)] = "

"; + html[min(i++, len)] = haspDevice.get_hostname(); + html[min(i++, len)] = "

"; + html[min(i++, len)] = R"( +

+
+
+
+
+
+
+
+
+
+
)"; + html[min(i++, len)] = R"(
)"; + html[min(i++, len)] = R"()"; + http_send_content(html, min(i, len)); } //////////////////////////////////////////////////////////////////////////////////////////////////// -static void webHandleFtpConfig() +static void http_handle_ftp() { // http://plate01/config/http if(!http_is_authenticated(F("config/ftp"))) return; - { // Send Content - String httpMessage((char*)0); - httpMessage.reserve(HTTP_PAGE_SIZE); - httpMessage += F("

"); - httpMessage += haspDevice.get_hostname(); - httpMessage += F("

"); - httpMessage += F("

" D_HTTP_FTP_SETTINGS "

"); + const char* html[20]; + int i = 0; + int len = (sizeof(html) / sizeof(html[0])) - 1; - // Form - httpMessage += F("
"); - - // Username - httpMessage += F("
"); - httpMessage += F("
"); - - // Password - httpMessage += F("
"); - httpMessage += F("
"); - - // Ftp Port - httpMessage += F("
"); - httpMessage += F("
"); - - // Passiv Port - httpMessage += F("
"); - httpMessage += F("
"); - - // Submit & End Form - httpMessage += F(""); - httpMessage += F("
"); - - httpMessage += F("" D_HTTP_CONFIGURATION ""); - - webSendHtmlHeader(haspDevice.get_hostname(), httpMessage.length(), 0); - webServer.sendContent(httpMessage); - } - webSendFooter(); + html[min(i++, len)] = "

"; + html[min(i++, len)] = haspDevice.get_hostname(); + html[min(i++, len)] = "

"; + html[min(i++, len)] = R"( +

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
)"; + html[min(i++, len)] = R"(
)"; + html[min(i++, len)] = R"()"; + http_send_content(html, min(i, len)); } +//////////////////////////////////////////////////////////////////////////////////////////////////// +static void http_handle_time() +{ // http://plate01/config/time + if(!http_is_authenticated(F("config/time"))) return; + + const char* html[20]; + int i = 0; + int len = (sizeof(html) / sizeof(html[0])) - 1; + + html[min(i++, len)] = "

"; + html[min(i++, len)] = haspDevice.get_hostname(); + html[min(i++, len)] = "

"; + html[min(i++, len)] = R"( + + +

+
+
+
+
)"; + html[min(i++, len)] = R"()"; + http_send_content(html, min(i, len)); +} //////////////////////////////////////////////////////////////////////////////////////////////////// #if HASP_USE_GPIO > 0 @@ -1636,7 +1697,7 @@ static void webHandleGpioConfig() uint8_t id = webServer.arg(F("id")).toInt(); uint8_t pin = webServer.arg(F("pin")).toInt(); - if(webServer.hasArg(PSTR("save"))) { + if(webServer.hasArg("save")) { uint8_t type = webServer.arg(F("type")).toInt(); uint8_t group = webServer.arg(F("group")).toInt(); uint8_t pinfunc = webServer.arg(F("func")).toInt(); @@ -1644,7 +1705,7 @@ static void webHandleGpioConfig() gpioSavePinConfig(id, pin, type, group, pinfunc, inverted); } - if(webServer.hasArg(PSTR("del"))) { + if(webServer.hasArg("del")) { gpioSavePinConfig(id, pin, hasp_gpio_type_t::FREE, 0, 0, false); } } @@ -1652,9 +1713,9 @@ static void webHandleGpioConfig() { // Send Content String httpMessage((char*)0); httpMessage.reserve(HTTP_PAGE_SIZE); - httpMessage += F("

"); + httpMessage += "

"; httpMessage += haspDevice.get_hostname(); - httpMessage += F("

"); + httpMessage += "
"; httpMessage += F("

" D_HTTP_GPIO_SETTINGS "

"); httpMessage += F("
"); @@ -1786,7 +1847,7 @@ static void webHandleGpioConfig() httpMessage += id; httpMessage += ("&pin="); httpMessage += conf.pin; - httpMessage += ("' class='trash'>"); + httpMessage += ("' class='icon trash'>"); configCount++; } } @@ -1822,9 +1883,9 @@ static void webHandleGpioOutput() String httpMessage((char*)0); httpMessage.reserve(HTTP_PAGE_SIZE); - httpMessage += F("

"); + httpMessage += "

"; httpMessage += haspDevice.get_hostname(); - httpMessage += F("

"); + httpMessage += "
"; httpMessage += F(""); httpMessage += F(""); httpMessage += F(""); - - // Baudrate - httpMessage += F("
"); - httpMessage += F("
"); - - // Telemetry Period - httpMessage += F("
"); - httpMessage += F("
"); - - // Invert - httpMessage += F("
"); - httpMessage += F("
Use ANSI Colors
"); + html[min(i++, len)] = "

"; + html[min(i++, len)] = haspDevice.get_hostname(); + html[min(i++, len)] = "

"; + html[min(i++, len)] = R"( +

+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+)"; #if HASP_USE_SYSLOG > 0 - // Syslog host - httpMessage += F("
"); - httpMessage += F("
"); - - // Syslog Port - httpMessage += F("
"); - httpMessage += F("
"); - - // Syslog Facility - httpMessage += F("
"); - httpMessage += F("
"); - - // Syslog Protocol - httpMessage += F("
"); - httpMessage += F("
IETF (RFC 5424)   BSD (RFC 3164)"); - httpMessage += F("
"); + html[min(i++, len)] = R"( +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + +
+
)"; #endif - // Submit & End Form - httpMessage += F(""); - httpMessage += F("
"); - - // ******************************************************************* - - add_form_button(httpMessage, F(D_BACK_ICON D_HTTP_CONFIGURATION), F("/config")); - - webSendHtmlHeader(haspDevice.get_hostname(), httpMessage.length(), 0); - webServer.sendContent(httpMessage); - } - webSendFooter(); + html[min(i++, len)] = R"()"; + html[min(i++, len)] = R"()"; + http_send_content(html, min(i, len)); } //////////////////////////////////////////////////////////////////////////////////////////////////// @@ -2073,72 +2127,34 @@ static void webHandleHaspConfig() { // http://plate01/config/http if(!http_is_authenticated(F("config/hasp"))) return; - { // Send Content - String httpMessage((char*)0); - httpMessage.reserve(HTTP_PAGE_SIZE); - httpMessage += F("

"); - httpMessage += haspDevice.get_hostname(); - httpMessage += F("

"); - httpMessage += F("

" D_HTTP_HASP_DESIGN "

"); + const char* html[20]; + int i = 0; + int len = (sizeof(html) / sizeof(html[0])) - 1; -#if defined(ARDUINO_ARCH_ESP8266) - // Form - httpMessage += F("
"); + html[min(i++, len)] = "

"; + html[min(i++, len)] = haspDevice.get_hostname(); + html[min(i++, len)] = "

"; - // File - httpMessage += - F("
"); - httpMessage += F("
"); - - // Destination - httpMessage += F("
"); - httpMessage += - F("
Firmware   " - "Filesystem
"); - - // Submit & End Form - httpMessage += F(""); - httpMessage += F("
"); -#endif - - // Form - httpMessage += F("
"); - - // Theme - httpMessage += F("
"); - httpMessage += F("
"); + #endif - // Primary Color - httpMessage += F("
"); - httpMessage += F("
"); - - // Secondary Color - httpMessage += F("
"); - httpMessage += F("
"); - - // Font - httpMessage += F("
"); - httpMessage += F("
"); - - // Pages.jsonl - httpMessage += F("
"); - httpMessage += F("
"); - - // Startup Page - httpMessage += F("
"); - httpMessage += F("
"); - - // Startup Brightness - httpMessage += F("
"); - httpMessage += F("
"); - - // Submit & End Form - httpMessage += F(""); - httpMessage += F("
"); - - httpMessage += FPSTR(MAIN_MENU_BUTTON); - - webSendHtmlHeader(haspDevice.get_hostname(), httpMessage.length(), 0); - webServer.sendContent(httpMessage); - } - webSendFooter(); + html[min(i++, len)] = R"( +

+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
)"; + html[min(i++, len)] = R"(
)"; + html[min(i++, len)] = R"()"; + // html[min(i++, len)] = "
{{ config }}
/
"; + http_send_content(html, min(i, len)); } #endif // HASP_USE_CONFIG @@ -2189,53 +2220,50 @@ static void webHandleHaspConfig() //////////////////////////////////////////////////////////////////////////////////////////////////// #if HASP_USE_WIFI > 0 -static void webHandleWifiConfig() +static void http_handle_wifi() { // http://plate01/config/wifi if(!http_is_authenticated(F("config/wifi"))) return; - { // Send Content - String httpMessage((char*)0); - httpMessage.reserve(HTTP_PAGE_SIZE); - httpMessage += F("

"); - httpMessage += haspDevice.get_hostname(); - httpMessage += F("

"); - httpMessage += F("

" D_HTTP_WIFI_SETTINGS "

"); + const char* html[20]; + int i = 0; + int len = (sizeof(html) / sizeof(html[0])) - 1; - // Form - httpMessage += F("
"); - - // Wifi SSID - httpMessage += F("
"); - httpMessage += F("
"); - - // Wifi Password - httpMessage += F("
"); - httpMessage += F("
"); - - // Submit & End Form - httpMessage += F(""); - httpMessage += F("
"); + html[min(i++, len)] = "

"; + html[min(i++, len)] = haspDevice.get_hostname(); + html[min(i++, len)] = "

"; + html[min(i++, len)] = R"( +

+
+
+
+
+
+
+
+
+
+
+)"; + html[min(i++, len)] = R"(
)"; #if HASP_USE_WIFI > 0 && !defined(STM32F4xx) - if(WiFi.getMode() == WIFI_STA) { - add_form_button(httpMessage, F(D_BACK_ICON D_HTTP_CONFIGURATION), F("/config")); + if(WiFi.getMode() == WIFI_STA) { + html[min(i++, len)] = R"()"; #if defined(ARDUINO_ARCH_ESP32) || defined(ARDUINO_ARCH_ESP8266) - } else { - add_form_button(httpMessage, F(D_HTTP_FIRMWARE_UPGRADE), F("/firmware")); + } else { + html[min(i++, len)] = R"()"; #endif // ARDUINO_ARCH_ESP - } + } #endif // HASP_USE_WIFI - webSendHtmlHeader(haspDevice.get_hostname(), httpMessage.length(), 0); - webServer.sendContent(httpMessage); - } - webSendFooter(); + http_send_content(html, min(i, len)); } #endif // HASP_USE_WIFI @@ -2259,8 +2287,8 @@ static inline int handleFirmwareFile(String path) return http_send_static_gzip_file(STYLE_CSS_GZ_START, STYLE_CSS_GZ_END, contentType); } else if(path == F("/vars.css")) { return http_send_static_file(HTTP_VARS_CSS, HTTP_VARS_CSS + sizeof(HTTP_VARS_CSS) - 1, contentType); - } else if(path == F("/script.js")) { // 3 kB - return http_send_static_gzip_file(SCRIPT_JS_GZ_START, SCRIPT_JS_GZ_END, contentType); + // } else if(path == F("/script.js")) { // 3 kB + // return http_send_static_gzip_file(SCRIPT_JS_GZ_START, SCRIPT_JS_GZ_END, contentType); } else if(path == F("/en.json")) { // 2 kB return http_send_static_gzip_file(EN_JSON_GZ_START, EN_JSON_GZ_END, contentType); } else if(path == F("/main.js")) { // 9 kB @@ -2342,88 +2370,62 @@ static void webHandleFirmware() { if(!http_is_authenticated(F("firmware"))) return; - if(webServer.method() == HTTP_POST && webServer.hasArg(PSTR("url"))) { + const char* html[20]; + int i = 0; + int len = (sizeof(html) / sizeof(html[0])) - 1; + + html[min(i++, len)] = "

"; + html[min(i++, len)] = haspDevice.get_hostname(); + html[min(i++, len)] = "

"; + + if(webServer.method() == HTTP_POST && webServer.hasArg("url")) { StaticJsonDocument<512> settings; for(int i = 0; i < webServer.args(); i++) settings[webServer.argName(i)] = webServer.arg(i); bool updated = otaSetConfig(settings.as()); + String url = webServer.arg("url"); - String url = webServer.arg(PSTR("url")); - { - String httpMessage((char*)0); - httpMessage.reserve(HTTP_PAGE_SIZE); - httpMessage += F("

"); - httpMessage += haspDevice.get_hostname(); - httpMessage += F("

"); + html[min(i++, len)] = R"(

Updating firmware from: )"; + html[min(i++, len)] = url.c_str(); + html[min(i++, len)] = R"(

Please wait...

)"; + html[min(i++, len)] = R"()"; + http_send_content(html, min(i, len)); - httpMessage += F("

" D_HTTP_FIRMWARE_UPGRADE "

"); - httpMessage += F("

Updating firmware from: "); - httpMessage += url; - httpMessage += F("

Please wait...

"); - - httpMessage += FPSTR(MAIN_MENU_BUTTON); - - webSendHtmlHeader(haspDevice.get_hostname(), httpMessage.length(), 60); - webServer.sendContent(httpMessage); - } - - webSendFooter(); dispatch_web_update(NULL, url.c_str(), TAG_HTTP); - return; + } else { - // Send Firmware page - String httpMessage((char*)0); - httpMessage.reserve(HTTP_PAGE_SIZE); - httpMessage += F("

"); - httpMessage += haspDevice.get_hostname(); - httpMessage += F("

"); - httpMessage += F("

" D_HTTP_FIRMWARE_UPGRADE "

"); - // Form - httpMessage += - F("
"); - - // File - httpMessage += - F("
"); - httpMessage += F("
"); - - // Destination - httpMessage += F("
"); - httpMessage += - F("
Firmware   " - "Filesystem
"); - - // Submit & End Form - httpMessage += F(""); - httpMessage += F("
"); - - // Update from URL - // Form - httpMessage += F("
"); - - // URL - httpMessage += - F("
"); - httpMessage += F("
"); - - // Redirect - httpMessage += F("
"); - httpMessage += F("
"); - - // Submit & End Form - httpMessage += F(""); - httpMessage += F("
"); - - httpMessage += FPSTR(MAIN_MENU_BUTTON); - - webSendHtmlHeader(haspDevice.get_hostname(), httpMessage.length(), 0); - webServer.sendContent(httpMessage); + html[min(i++, len)] = R"( +

+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+)"; + html[min(i++, len)] = R"()"; + http_send_content(html, min(i, len)); } - webSendFooter(); } //////////////////////////////////////////////////////////////////////////////////////////////////// @@ -2438,9 +2440,9 @@ static void httpHandleResetConfig() { // Send Content String httpMessage((char*)0); httpMessage.reserve(HTTP_PAGE_SIZE); - httpMessage += F("

"); + httpMessage += "

"; httpMessage += haspDevice.get_hostname(); - httpMessage += F("

"); + httpMessage += "
"; httpMessage += F("

" D_HTTP_FACTORY_RESET "

"); if(resetConfirmed) { // User has confirmed, so reset everything @@ -2483,7 +2485,7 @@ static void httpHandleResetConfig() void httpStart() { - webServer.begin(); + webServer.begin(80); webServerStarted = true; #if HASP_USE_WIFI > 0 #if defined(STM32F4xx) @@ -2565,12 +2567,12 @@ static inline void webStartConfigPortal() dnsServer.start(DNS_PORT, "*", apIP); #endif // HASP_USE_CAPTIVE_PORTAL - webServer.on(F("/vars.css"), httpHandleFileUri); - webServer.on(F("/style.css"), httpHandleFileUri); - webServer.on(F("/script.js"), httpHandleFileUri); - // reply to all requests with same HTML + webServer.on("/vars.css", httpHandleFileUri); + webServer.on(UriBraces("/static/{}/"), httpHandleFileUri); + // webServer.on("/script.js", httpHandleFileUri); +// reply to all requests with same HTML #if HASP_USE_WIFI > 0 - webServer.onNotFound(webHandleWifiConfig); + webServer.onNotFound(http_handle_wifi); #endif LOG_TRACE(TAG_HTTP, F("Wifi access point")); } @@ -2584,21 +2586,23 @@ void httpSetup() LOG_DEBUG(TAG_HTTP, F(D_BULLET "Read %s => %s (%d bytes)"), FP_CONFIG_PASS, password.c_str(), password.length()); // ask server to track these headers - const char* headerkeys[] = {"Content-Length", "If-None-Match"}; // "Authentication" is automatically checked + const char* headerkeys[] = {"Content-Length", "If-None-Match", + "Cookie"}; // "Authentication" is automatically checked size_t headerkeyssize = sizeof(headerkeys) / sizeof(char*); webServer.collectHeaders(headerkeys, headerkeyssize); // Shared pages between STA and AP - webServer.on(F("/about"), webHandleAbout); - // webServer.on(F("/vars.css"), webSendCssVars); - // webServer.on(F("/js"), webSendJavascript); - webServer.on(UriBraces(F("/api/{}/")), webHandleApi); - webServer.on(UriBraces(F("/api/config/{}/")), webHandleApiConfig); - webServer.on(UriBraces(F("/{}/")), HTTP_GET, []() { httpHandleFile(F("/hasp.htm")); }); - webServer.on(UriBraces(F("/config/{}/")), HTTP_GET, []() { httpHandleFile(F("/hasp.htm")); }); + webServer.on("/about", http_handle_about); + // webServer.on("/vars.css", webSendCssVars); + // webServer.on("/js", webSendJavascript); + webServer.on(UriBraces("/api/config/{}/"), webHandleApiConfig); + webServer.on(UriBraces("/api/{}/"), webHandleApi); + + webServer.on(UriBraces("/config/{}/"), HTTP_GET, []() { httpHandleFile(F("/hasp.htm")); }); // SPA Route + webServer.on(UriBraces("/{}/"), HTTP_GET, []() { httpHandleFile(F("/hasp.htm")); }); // SPA Route #if defined(ARDUINO_ARCH_ESP32) || defined(ARDUINO_ARCH_ESP8266) - webServer.on(F("/firmware"), webHandleFirmware); + webServer.on("/firmware", webHandleFirmware); webServer.on( F("/update"), HTTP_POST, []() { @@ -2609,7 +2613,7 @@ void httpSetup() #endif #ifdef HTTP_LEGACY - webServer.on(F("/config"), webHandleConfig); + webServer.on("/config", http_handle_config); #endif #if HASP_USE_WIFI > 0 @@ -2626,7 +2630,7 @@ void httpSetup() #endif // HASP_USE_WIFI // The following endpoints are only needed in STA mode - webServer.on(F("/page/"), []() { + webServer.on("/page/", []() { String pageid = webServer.arg(F("page")); webServer.send(200, PSTR("text/plain"), "Page: '" + pageid + "'"); dispatch_page(NULL, webServer.arg(F("page")).c_str(), TAG_HTTP); @@ -2634,51 +2638,53 @@ void httpSetup() }); #if HASP_USE_SPIFFS > 0 || HASP_USE_LITTLEFS > 0 - webServer.on(F("/list"), HTTP_GET, handleFileList); + webServer.on("/list", HTTP_GET, handleFileList); // load editor - webServer.on(F("/edit"), HTTP_GET, []() { httpHandleFile(F("/edit.htm")); }); - webServer.on(F("/edit"), HTTP_PUT, handleFileCreate); - webServer.on(F("/edit"), HTTP_DELETE, handleFileDelete); + webServer.on("/edit", HTTP_GET, []() { httpHandleFile(F("/edit.htm")); }); + webServer.on("/edit", HTTP_PUT, handleFileCreate); + webServer.on("/edit", HTTP_DELETE, handleFileDelete); // first callback is called after the request has ended with all parsed arguments // second callback handles file uploads at that location webServer.on( F("/edit"), HTTP_POST, []() { - webServer.send(200, "text/plain", ""); + webServer.setContentLength(CONTENT_LENGTH_NOT_SET); + webServer.send(200, "text/plain", "OK"); LOG_VERBOSE(TAG_HTTP, F("Headers: %d"), webServer.headers()); }, handleFileUpload); #endif - webServer.on(F("/"), webHandleRoot); - webServer.on(F("/screenshot"), webHandleScreenshot); + webServer.on("/", http_handle_root); + webServer.on("/screenshot", http_handle_screenshot); #ifdef HTTP_LEGACY - webServer.on(F("/info"), webHandleInfoJson); - webServer.on(F("/reboot"), httpHandleReboot); + webServer.on("/info", http_handle_info); + webServer.on("/reboot", http_handle_reboot); #endif #if HASP_USE_CONFIG > 0 #ifdef HTTP_LEGACY - webServer.on(F("/config/hasp"), webHandleHaspConfig); - webServer.on(F("/config/http"), webHandleHttpConfig); - webServer.on(F("/config/gui"), webHandleGuiConfig); - webServer.on(F("/config/debug"), webHandleDebugConfig); + webServer.on("/config/hasp", webHandleHaspConfig); + webServer.on("/config/http", webHandleHttpConfig); + webServer.on("/config/gui", http_handle_gui); + webServer.on("/config/time", http_handle_time); + webServer.on("/config/debug", http_handle_debug); #if HASP_USE_MQTT > 0 - webServer.on(F("/config/mqtt"), webHandleMqttConfig); + webServer.on("/config/mqtt", http_handle_mqtt); #endif #if HASP_USE_FTP > 0 - webServer.on(F("/config/ftp"), webHandleFtpConfig); + webServer.on("/config/ftp", http_handle_ftp); #endif #if HASP_USE_WIFI > 0 - webServer.on(F("/config/wifi"), webHandleWifiConfig); + webServer.on("/config/wifi", http_handle_wifi); #endif #if HASP_USE_GPIO > 0 - webServer.on(F("/config/gpio"), webHandleGpioConfig); - webServer.on(F("/config/gpio/options"), webHandleGpioOutput); - webServer.on(F("/config/gpio/input"), webHandleGpioInput); + webServer.on("/config/gpio", webHandleGpioConfig); + webServer.on("/config/gpio/options", webHandleGpioOutput); + webServer.on("/config/gpio/input", webHandleGpioInput); #endif #endif // HTTP_LEGACY - webServer.on(F("/config/reset"), httpHandleResetConfig); + webServer.on("/config/reset", httpHandleResetConfig); #endif // HASP_USE_CONFIG webServer.onNotFound(httpHandleFileUri); @@ -2757,7 +2763,7 @@ size_t httpClientWrite(const uint8_t* buf, size_t size) /***** Sending 16Kb at once freezes on STM32 EthernetClient *****/ size_t bytes_sent = 0; while(bytes_sent < size) { - if(!webServer.client()) return bytes_sent; + if(!webServer.client() || !webServer.client().connected()) return bytes_sent; if(size - bytes_sent >= 20480) { bytes_sent += webServer.client().write(buf + bytes_sent, 20480); // 2048 delay(1); // Fixes the freeze diff --git a/src/sys/svc/hasp_http.h b/src/sys/svc/hasp_http.h index a09fcf4b..bdbe13c4 100644 --- a/src/sys/svc/hasp_http.h +++ b/src/sys/svc/hasp_http.h @@ -77,6 +77,16 @@ bool httpSetConfig(const JsonObject& settings); #ifndef D_HTTP_COLOR_FOOTER_TEXT #define D_HTTP_COLOR_FOOTER_TEXT "#0083cc" // Text color of the page footer #endif +#ifndef D_HTTP_COLOR_TOOLBAR +#define D_HTTP_COLOR_TOOLBAR D_HTTP_COLOR_BUTTON +#endif +#ifndef D_HTTP_COLOR_TREE +#define D_HTTP_COLOR_TREE D_HTTP_COLOR_GROUP +#endif +#ifndef D_HTTP_COLOR_PREVIEW +#define D_HTTP_COLOR_PREVIEW "#888" +#endif + /* clang-format on */ #endif \ No newline at end of file diff --git a/tools/auto_firmware_version.py b/tools/auto_firmware_version.py index 6d6fc3a6..9a80b0d0 100644 --- a/tools/auto_firmware_version.py +++ b/tools/auto_firmware_version.py @@ -1,4 +1,4 @@ -import pkg_resources +import gzip, pkg_resources Import("env") @@ -33,4 +33,18 @@ def get_flash_size(): env.Append( BUILD_FLAGS=[get_firmware_commit_hash(),get_flash_size()] -) \ No newline at end of file +) + +r = Repo('.') +commit_hash = r.head().decode("utf-8")[0:7] +with open("data/editor.htm", "r", encoding="utf-8") as f: + html=f.read() +html = html.replace("COMMIT_HASH", commit_hash) +with gzip.open('data/static/edit.htm.gz', 'wb') as f: + f.write(html.encode('utf-8')) + +with open("data/main.js", "r", encoding="utf-8") as f: + html=f.read() +html = html.replace("COMMIT_HASH", commit_hash) +with gzip.open('data/static/main.js.gz', 'wb') as f: + f.write(html.encode('utf-8'))