edit_config_template.html 127 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352
  1. <!DOCTYPE html>
  2. <html lang="en" xml:lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <title>Configuration</title>
  6. <style>
  7. h1 {font-size: 2em;}
  8. h2 {font-size: 1.5em; margin-block-start: 0.0em; margin-block-end: 0.2em;}
  9. h3 {font-size: 1.2em;}
  10. h4 {font-size: 1.05em; margin-bottom: 0;}
  11. h5 {font-size: 0.83em; margin-top: 0.2em; margin-bottom: 0;}
  12. p {font-size: 1em;}
  13. .table {
  14. border: 0pt;
  15. border-collapse: collapse;
  16. table-layout: fixed;
  17. width:100%;
  18. }
  19. td {
  20. padding: 10px;
  21. vertical-align: middle;
  22. }
  23. .button {
  24. padding: 5px 10px;
  25. width: 220px;
  26. font-size: 16px;
  27. }
  28. input[type=number] {
  29. width: 60px;
  30. min-width: 60px;
  31. max-width: 60px;
  32. margin-right: 10px;
  33. padding: 3px 5px;
  34. display: inline-block;
  35. border: 1px solid #ccc;
  36. font-size: 16px;
  37. vertical-align: middle;
  38. }
  39. input[type=text] {
  40. width: 96%;
  41. min-width:240px;
  42. max-width:96%;
  43. margin-right: 10px;
  44. padding: 3px 5px;
  45. display: inline-block;
  46. border: 1px solid #ccc;
  47. font-size: 16px;
  48. vertical-align: middle;
  49. }
  50. select {
  51. min-width: 72px;
  52. max-width: 100%;
  53. padding: 3px 5px;
  54. display: inline-block;
  55. border: 1px solid #ccc;
  56. font-size: 16px;
  57. margin-right: 10px;
  58. vertical-align: middle;
  59. }
  60. .select_large {
  61. width: 100%;
  62. min-width: 250px;
  63. max-width: 100%;
  64. padding: 3px 5px;
  65. display: inline-block;
  66. border: 1px solid #ccc;
  67. font-size: 16px;
  68. margin-right: 10px;
  69. vertical-align: middle;
  70. }
  71. textarea {
  72. font-size: 14px;
  73. }
  74. .description {
  75. color: black;
  76. font-size: 80%;
  77. }
  78. .disabled {
  79. color:rgb(122, 122, 122);
  80. }
  81. #GPIO_LEDColor_value1 #GPIO_LEDColor_value2 #GPIO_LEDColor_value3 {
  82. width: 30px;
  83. font-size: 16px;
  84. }
  85. .invalid-input {
  86. background-color: #FFAA00;
  87. }
  88. input:out-of-range {
  89. background-color: rgba(255, 0, 0, 0.25);
  90. border: 1px solid red;
  91. }
  92. input:invalid {
  93. background-color: rgba(255, 0, 0, 0.25);
  94. border: 1px solid red;
  95. }
  96. .hidden {
  97. display: none;
  98. }
  99. .expert {
  100. background-color: #ffefef;
  101. font-size: 16px;
  102. }
  103. .indent1 {
  104. padding-left: 25px;
  105. font-size: 16px;
  106. }
  107. .indent2 {
  108. padding-left: 50px;
  109. font-size: 16px;
  110. }
  111. .tooltip {
  112. position: relative;
  113. display: inline-block;
  114. }
  115. .tooltip .tooltiptext {
  116. visibility: hidden;
  117. width: 600px;
  118. background-color: #fcfcfc;
  119. padding: 5px;
  120. padding-bottom: 0;
  121. border: solid black 2px;
  122. /* Position the tooltip */
  123. position: absolute;
  124. z-index: 1;
  125. top: 100%;
  126. left: 100%;
  127. margin-left: -600px;
  128. }
  129. .tooltip:hover .tooltiptext {
  130. visibility: visible;
  131. }
  132. .tooltip-content {
  133. width: calc(100% - 2px);
  134. height: calc(100% - 2px);
  135. padding: 1px;
  136. }
  137. #overlay {
  138. position: fixed;
  139. display: none;
  140. width: 100%;
  141. height: 100%;
  142. top: 0;
  143. left: 0;
  144. right: 0;
  145. bottom: 0;
  146. background-color: rgba(0,0,0,0.8);
  147. z-index: 2;
  148. }
  149. #overlaytext{
  150. position: absolute;
  151. top: 50%;
  152. left: 50%;
  153. font-size: 150%;
  154. color: white;
  155. transform: translate(-50%,-50%);
  156. -ms-transform: translate(-50%,-50%);
  157. }
  158. </style>
  159. <link rel="stylesheet" href="mkdocs_theme.css?v=$COMMIT_HASH" />
  160. <link rel="stylesheet" href="mkdocs_theme_extra.css?v=$COMMIT_HASH" />
  161. <link rel="stylesheet" href="github.min.css?v=$COMMIT_HASH" />
  162. <link href="firework.css?v=$COMMIT_HASH" rel="stylesheet">
  163. <script type="text/javascript" src="common.js?v=$COMMIT_HASH"></script>
  164. <script type="text/javascript" src="jquery-3.6.0.min.js?v=$COMMIT_HASH"></script>
  165. <script type="text/javascript" src="firework.js?v=$COMMIT_HASH"></script>
  166. </head>
  167. <body style="font-family: arial; padding: 0px 10px;">
  168. <div id="overlay">
  169. <div id="overlaytext"></div>
  170. </div>
  171. <h2>Configuration</h2>
  172. <details id="desc_details">
  173. <summary><b>CLICK HERE</b> for usage description. More infos in documentation:
  174. <a href="https://jomjol.github.io/AI-on-the-edge-device-docs/Parameters" target="_blank">Parameter</a>
  175. </summary>
  176. <p>
  177. This page lists all available configuration parameters of the device.<br>
  178. The description of each parameter can be shown by hovering over or by clicking the <img src="help.png" width="16px"> icon.
  179. </p>
  180. <p>
  181. The page gets opened with the default view which should be sufficient for regular configuration tasks. Enabling the <b>"Show Expert Parameters"</b>
  182. some expert parameters (light red background color) will be added to the parameter list. Additionally the button <b>"Edit "Config.ini" File"</b>
  183. to edit the underlaying configuration file (config.ini) manually is now shown on top of the page. This function should be only used for special cases.
  184. </p>
  185. <p>
  186. Sections (entire functionality) or single parameters having a checkbox can be enabled or disabled.
  187. Disabling a complete section results in a disabled functionality. Whenever only a single parameter of a section is disabled
  188. the hard-coded default value is used for the disabled parameter.
  189. </p>
  190. <p>
  191. Don't forget to save the changes with the button <b>"Save Config"</b> at the bottom of this page.<br>
  192. <label id="reboot_text" name="reboot_text">
  193. To apply the new configuration a restart of the device is neccessary: <b>"Reboot to apply changes"</b>
  194. </label>
  195. </p>
  196. </details>
  197. <hr />
  198. <div id="divall" style="display:none">
  199. <table class="table">
  200. <colgroup>
  201. <col span="1" style="width:290px">
  202. <col span="1" style="width:300px;">
  203. <col span="1">
  204. </colgroup>
  205. <tr style="border-bottom: 2px solid lightgray;">
  206. <td colspan="3" style="padding-left: 0px; padding-bottom: 3px;"><h4>Configuration View</h4></td>
  207. </tr>
  208. <tr>
  209. <td class="indent1">
  210. <input style="margin-top:12px;margin-bottom:12px" type="checkbox" id="ExpertModus_enabled" value="1" onclick='UpdateExpertModus()' unchecked>
  211. <label for="ExpertModus_enabled">Show Expert Parameters</label>
  212. </td>
  213. <td>
  214. <button style="display:none;" class="button" id="Button_Edit_Config_Raw" onclick="editConfigRaw()">Edit Config file in raw mode</button>
  215. </td>
  216. </tr>
  217. <!------------- Take Image ------------------>
  218. <tr style="border-bottom: 2px solid lightgray;">
  219. <td colspan="3" style="padding-left: 0px; padding-bottom: 3px;"><h4>Take Image</h4></td>
  220. </tr>
  221. <tr>
  222. <td class="indent1">
  223. <input type="checkbox" id="TakeImage_RawImagesLocation_enabled" value="1" onclick='InvertEnableItem("TakeImage", "RawImagesLocation")' unchecked >
  224. <label for=TakeImage_RawImagesLocation_enabled><class id="TakeImage_RawImagesLocation_text" style="color:black;">Raw Images Location</class></label>
  225. </td>
  226. <td>
  227. <input required type="text" name="name" id="TakeImage_RawImagesLocation_value1">
  228. </td>
  229. <td>$TOOLTIP_TakeImage_RawImagesLocation</td>
  230. </tr>
  231. <tr>
  232. <td class="indent1">
  233. <input type="checkbox" id="TakeImage_RawImagesRetention_enabled" value="1" onclick='InvertEnableItem("TakeImage", "RawImagesRetention")' unchecked >
  234. <label for=TakeImage_RawImagesRetention_enabled><class id="TakeImage_RawImagesRetention_text" style="color:black;">Raw Images Retention</class></label>
  235. </td>
  236. <td>
  237. <input required type="number" id="TakeImage_RawImagesRetention_value1" size="13" min="0" step="1"
  238. oninput="(!validity.rangeUnderflow||(value=0)) && (!validity.stepMismatch||(value=parseInt(this.value)));">Days
  239. </td>
  240. <td>$TOOLTIP_TakeImage_RawImagesRetention</td>
  241. </tr>
  242. <tr class="expert" unused_id="TakeImage_WaitBeforeTakingPicture_ex3">
  243. <td class="indent1">
  244. <class id="TakeImage_WaitBeforeTakingPicture_text" style="color:black;">Wait Before Taking Picture</class>
  245. </td>
  246. <td>
  247. <input required type="number" id="TakeImage_WaitBeforeTakingPicture_value1" size="13" min="0" step="any" onchange="cameraParameterChanged()"
  248. oninput="(!validity.rangeUnderflow||(value=0));">Seconds
  249. </td>
  250. <td>$TOOLTIP_TakeImage_WaitBeforeTakingPicture</td>
  251. </tr>
  252. <tr class="expert" unused_id="TakeImage_CamGainceiling_ex3">
  253. <td class="indent1">
  254. <class id="TakeImage_CamGainceiling_text" style="color:black;">CamGainceiling</class>
  255. </td>
  256. <td>
  257. <select id="TakeImage_CamGainceiling_value1" onchange="cameraParameterChanged()">
  258. <option value="x2" selected>x2</option>
  259. <option value="x4" >x4</option>
  260. <option value="x8" >x8</option>
  261. <option value="x16" >x16</option>
  262. <option value="x32" >x32</option>
  263. <option value="x64" >x64</option>
  264. <option value="x128" >x128</option>
  265. </select>
  266. </td>
  267. <td>$TOOLTIP_TakeImage_CamGainceiling</td>
  268. </tr>
  269. <tr class="expert" unused_id="TakeImage_CamQuality_ex3">
  270. <td class="indent1">
  271. <class id="TakeImage_CamQuality_text" style="color:black;">Image Quality</class>
  272. </td>
  273. <td>
  274. <input required type="number" id="TakeImage_CamQuality_value1" size="13" min="5" max="63" onchange="cameraParameterChanged()"
  275. oninput="(!validity.rangeUnderflow||(value=5)) && (!validity.rangeOverflow||(value=63)) &&
  276. (!validity.stepMismatch||(value=parseInt(this.value)));">
  277. </td>
  278. <td>$TOOLTIP_TakeImage_CamQuality</td>
  279. </tr>
  280. <tr unused_id="TakeImage_CamBrightness_ex3">
  281. <td class="indent1">
  282. <class id="TakeImage_CamBrightness_text" style="color:black;">Brightness</class>
  283. </td>
  284. <td>
  285. <input required type="number" id="TakeImage_CamBrightness_value1" size="13" min="-2" max="2" onchange="cameraParameterChanged()"
  286. oninput="(!validity.rangeUnderflow||(value=-2)) && (!validity.rangeOverflow||(value=2)) && (!validity.stepMismatch||(value=parseInt(this.value)));">
  287. </td>
  288. <td>$TOOLTIP_TakeImage_CamBrightness</td>
  289. </tr>
  290. <tr unused_id="TakeImage_CamContrast_ex3">
  291. <td class="indent1">
  292. <class id="TakeImage_CamContrast_text" style="color:black;">Contrast</class>
  293. </td>
  294. <td>
  295. <input required type="number" id="TakeImage_CamContrast_value1" size="13" min="-2" max="2" onchange="cameraParameterChanged()"
  296. oninput="(!validity.rangeUnderflow||(value=-2)) && (!validity.rangeOverflow||(value=2)) && (!validity.stepMismatch||(value=parseInt(this.value)));">
  297. </td>
  298. <td>$TOOLTIP_TakeImage_CamContrast</td>
  299. </tr>
  300. <tr unused_id="TakeImage_CamSaturation_ex3">
  301. <td class="indent1">
  302. <class id="TakeImage_CamSaturation_text" style="color:black;">Saturation</class>
  303. </td>
  304. <td>
  305. <input required type="number" id="TakeImage_CamSaturation_value1" size="13" min="-2" max="2" onchange="cameraParameterChanged()"
  306. oninput="(!validity.rangeUnderflow||(value=-2)) && (!validity.rangeOverflow||(value=2)) && (!validity.stepMismatch||(value=parseInt(this.value)));">
  307. </td>
  308. <td>$TOOLTIP_TakeImage_CamSaturation</td>
  309. </tr>
  310. <tr class="expert" unused_id="TakeImage_CamAutoSharpness_ex3">
  311. <td class="indent1">
  312. <class id="TakeImage_CamAutoSharpness_text" style="color:black;">AutoSharpness</class>
  313. </td>
  314. <td>
  315. <select id="TakeImage_CamAutoSharpness_value1" onchange="cameraParameterChanged()">
  316. <option value="true">enabled (true)</option>
  317. <option value="false" selected>disabled (false)</option>
  318. </select>
  319. </td>
  320. <td>$TOOLTIP_TakeImage_CamAutoSharpness</td>
  321. </tr>
  322. <tr class="expert" unused_id="TakeImage_CamSharpness_ex3">
  323. <td class="indent1">
  324. <class id="TakeImage_CamSharpness_text" style="color:black;">Sharpness</class>
  325. </td>
  326. <td>
  327. <input required type="number" id="TakeImage_CamSharpness_value1" size="13" min="-3" max="3" onchange="cameraParameterChanged()"
  328. oninput="(!validity.rangeUnderflow||(value=-3)) && (!validity.rangeOverflow||(value=3)) && (!validity.stepMismatch||(value=parseInt(this.value)));">
  329. </td>
  330. <td>$TOOLTIP_TakeImage_CamSharpness</td>
  331. </tr>
  332. <tr class="expert" unused_id="TakeImage_CamSpecialEffect_ex3">
  333. <td class="indent1">
  334. <class id="TakeImage_CamSpecialEffect_text" style="color:black;">SpecialEffect</class>
  335. </td>
  336. <td>
  337. <select id="TakeImage_CamSpecialEffect_value1" onchange="cameraParameterChanged()">
  338. <option value="no_effect" selected>no effect</option>
  339. <option value="negative" >negative</option>
  340. <option value="grayscale" >grayscale</option>
  341. <option value="red" >red</option>
  342. <option value="green" >green</option>
  343. <option value="blue" >blue</option>
  344. <option value="retro" >retro</option>
  345. </select>
  346. </td>
  347. <td>$TOOLTIP_TakeImage_CamSpecialEffect</td>
  348. </tr>
  349. <tr class="expert" unused_id="TakeImage_CamWbMode_ex3">
  350. <td class="indent1">
  351. <class id="TakeImage_CamWbMode_text" style="color:black;">White Balance Mode</class>
  352. </td>
  353. <td>
  354. <select id="TakeImage_CamWbMode_value1" onchange="cameraParameterChanged()">
  355. <option value="auto" selected>auto</option>
  356. <option value="sunny" >sunny</option>
  357. <option value="cloudy" >cloudy</option>
  358. <option value="office" >office</option>
  359. <option value="home" >home</option>
  360. </select>
  361. </td>
  362. <td>$TOOLTIP_TakeImage_CamWbMode</td>
  363. </tr>
  364. <tr class="expert" unused_id="TakeImage_CamAwb_ex3">
  365. <td class="indent1">
  366. <class id="TakeImage_CamAwb_text" style="color:black;">White Balance</class>
  367. </td>
  368. <td>
  369. <select id="TakeImage_CamAwb_value1" onchange="cameraParameterChanged()">
  370. <option value="true">enabled (true)</option>
  371. <option value="false" selected>disabled (false)</option>
  372. </select>
  373. </td>
  374. <td>$TOOLTIP_TakeImage_CamAwb</td>
  375. </tr>
  376. <tr class="expert" unused_id="TakeImage_CamAwbGain_ex3">
  377. <td class="indent1">
  378. <class id="TakeImage_CamAwbGain_text" style="color:black;">Auto White Balance</class>
  379. </td>
  380. <td>
  381. <select id="TakeImage_CamAwbGain_value1" onchange="cameraParameterChanged()">
  382. <option value="true">enabled (true)</option>
  383. <option value="false" selected>disabled (false)</option>
  384. </select>
  385. </td>
  386. <td>$TOOLTIP_TakeImage_CamAwbGain</td>
  387. </tr>
  388. <tr class="expert" unused_id="TakeImage_CamAec_ex3">
  389. <td class="indent1">
  390. <class id="TakeImage_CamAec_text" style="color:black;">Auto-Exposure Control</class>
  391. </td>
  392. <td>
  393. <select id="TakeImage_CamAec_value1" onchange="cameraParameterChanged()">
  394. <option value="true">enabled (true)</option>
  395. <option value="false" selected>disabled (false)</option>
  396. </select>
  397. </td>
  398. <td>$TOOLTIP_TakeImage_CamAec</td>
  399. </tr>
  400. <tr class="expert" unused_id="TakeImage_CamAec2_ex3">
  401. <td class="indent1">
  402. <class id="TakeImage_CamAec2_text" style="color:black;">Auto-Exposure Control 2</class>
  403. </td>
  404. <td>
  405. <select id="TakeImage_CamAec2_value1" onchange="cameraParameterChanged()">
  406. <option value="true">enabled (true)</option>
  407. <option value="false" selected>disabled (false)</option>
  408. </select>
  409. </td>
  410. <td>$TOOLTIP_TakeImage_CamAec2</td>
  411. </tr>
  412. <tr class="expert" unused_id="TakeImage_CamAeLevel_ex3">
  413. <td class="indent1">
  414. <class id="TakeImage_CamAeLevel_text" style="color:black;">Auto Exposure Level</class>
  415. </td>
  416. <td>
  417. <input required type="number" id="TakeImage_CamAeLevel_value1" size="13" min="-5" max="5" onchange="cameraParameterChanged()"
  418. oninput="(!validity.rangeUnderflow||(value=-5)) && (!validity.rangeOverflow||(value=5)) && (!validity.stepMismatch||(value=parseInt(this.value)));">
  419. </td>
  420. <td>$TOOLTIP_TakeImage_CamAeLevel</td>
  421. </tr>
  422. <tr class="expert" unused_id="TakeImage_CamAecValue_ex3">
  423. <td class="indent1">
  424. <class id="TakeImage_CamAecValue_text" style="color:black;">Auto Exposure Value</class>
  425. </td>
  426. <td>
  427. <input required type="number" id="TakeImage_CamAecValue_value1" size="13" min="0" max="1200" onchange="cameraParameterChanged()"
  428. oninput="(!validity.rangeUnderflow||(value=0)) && (!validity.rangeOverflow||(value=1200)) && (!validity.stepMismatch||(value=parseInt(this.value)));">
  429. </td>
  430. <td>$TOOLTIP_TakeImage_CamAecValue</td>
  431. </tr>
  432. <tr class="expert" unused_id="TakeImage_CamAgc_ex3">
  433. <td class="indent1">
  434. <class id="TakeImage_CamAgc_text" style="color:black;">Auto Gain</class>
  435. </td>
  436. <td>
  437. <select id="TakeImage_CamAgc_value1" onchange="cameraParameterChanged()">
  438. <option value="true">enabled (true)</option>
  439. <option value="false" selected>disabled (false)</option>
  440. </select>
  441. </td>
  442. <td>$TOOLTIP_TakeImage_CamAgc</td>
  443. </tr>
  444. <tr class="expert" unused_id="TakeImage_CamAgcGain_ex3">
  445. <td class="indent1">
  446. <class id="TakeImage_CamAgcGain_text" style="color:black;">Gain Manual Value</class>
  447. </td>
  448. <td>
  449. <input required type="number" id="TakeImage_CamAgcGain_value1" size="13" min="0" max="30" onchange="cameraParameterChanged()"
  450. oninput="(!validity.rangeUnderflow||(value=0)) && (!validity.rangeOverflow||(value=30)) &&
  451. (!validity.stepMismatch||(value=parseInt(this.value)));">
  452. </td>
  453. <td>$TOOLTIP_TakeImage_CamAgcGain</td>
  454. </tr>
  455. <tr class="expert" unused_id="TakeImage_CamBpc_ex3">
  456. <td class="indent1">
  457. <class id="TakeImage_CamBpc_text" style="color:black;">Black Pixel Correction</class>
  458. </td>
  459. <td>
  460. <select id="TakeImage_CamBpc_value1" onchange="cameraParameterChanged()">
  461. <option value="true">enabled (true)</option>
  462. <option value="false" selected>disabled (false)</option>
  463. </select>
  464. </td>
  465. <td>$TOOLTIP_TakeImage_CamBpc</td>
  466. </tr>
  467. <tr class="expert" unused_id="TakeImage_CamWpc_ex3">
  468. <td class="indent1">
  469. <class id="TakeImage_CamWpc_text" style="color:black;">White Pixel Correction</class>
  470. </td>
  471. <td>
  472. <select id="TakeImage_CamWpc_value1" onchange="cameraParameterChanged()">
  473. <option value="true">enabled (true)</option>
  474. <option value="false" selected>disabled (false)</option>
  475. </select>
  476. </td>
  477. <td>$TOOLTIP_TakeImage_CamWpc</td>
  478. </tr>
  479. <tr class="expert" unused_id="TakeImage_CamRawGma_ex3">
  480. <td class="indent1">
  481. <class id="TakeImage_CamRawGma_text" style="color:black;">CamRawGma</class>
  482. </td>
  483. <td>
  484. <select id="TakeImage_CamRawGma_value1" onchange="cameraParameterChanged()">
  485. <option value="true">enabled (true)</option>
  486. <option value="false" selected>disabled (false)</option>
  487. </select>
  488. </td>
  489. <td>$TOOLTIP_TakeImage_CamRawGma</td>
  490. </tr>
  491. <tr class="expert" unused_id="TakeImage_CamLenc_ex3">
  492. <td class="indent1">
  493. <class id="TakeImage_CamLenc_text" style="color:black;">Lens Correction</class>
  494. </td>
  495. <td>
  496. <select id="TakeImage_CamLenc_value1" onchange="cameraParameterChanged()">
  497. <option value="true">enabled (true)</option>
  498. <option value="false" selected>disabled (false)</option>
  499. </select>
  500. </td>
  501. <td>$TOOLTIP_TakeImage_CamLenc</td>
  502. </tr>
  503. <tr unused_id="TakeImage_CamHmirror_ex3">
  504. <td class="indent1">
  505. <class id="TakeImage_CamHmirror_text" style="color:black;">Mirror Image</class>
  506. </td>
  507. <td>
  508. <select id="TakeImage_CamHmirror_value1" onchange="cameraParameterChanged()">
  509. <option value="true">enabled (true)</option>
  510. <option value="false" selected>disabled (false)</option>
  511. </select>
  512. </td>
  513. <td>$TOOLTIP_TakeImage_CamHmirror</td>
  514. </tr>
  515. <tr unused_id="TakeImage_CamVflip_ex3">
  516. <td class="indent1">
  517. <class id="TakeImage_CamVflip_text" style="color:black;">Flip Image</class>
  518. </td>
  519. <td>
  520. <select id="TakeImage_CamVflip_value1" onchange="cameraParameterChanged()">
  521. <option value="true">enabled (true)</option>
  522. <option value="false" selected>disabled (false)</option>
  523. </select>
  524. </td>
  525. <td>$TOOLTIP_TakeImage_CamVflip</td>
  526. </tr>
  527. <tr class="expert" unused_id="TakeImage_CamDcw_ex3">
  528. <td class="indent1">
  529. <class id="TakeImage_CamDcw_text" style="color:black;">Downsize</class>
  530. </td>
  531. <td>
  532. <select id="TakeImage_CamDcw_value1" onchange="cameraParameterChanged()">
  533. <option value="true">enabled (true)</option>
  534. <option value="false" selected>disabled (false)</option>
  535. </select>
  536. </td>
  537. <td>$TOOLTIP_TakeImage_CamDcw</td>
  538. </tr>
  539. <tr class="expert" unused_id="TakeImage_CamDenoise_ex3">
  540. <td class="indent1">
  541. <class id="TakeImage_CamDenoise_text" style="color:black;">Denoise</class>
  542. </td>
  543. <td>
  544. <input required type="number" id="TakeImage_CamDenoise_value1" value="0" min="0" max="8" step="1" onchange="cameraParameterChanged()"
  545. oninput="(!validity.rangeOverflow||(value=8)) && (!validity.rangeUnderflow||(value=0)) && (!validity.stepMismatch||(value=parseInt(this.value)));">
  546. </td>
  547. <td>$TOOLTIP_TakeImage_CamDenoise</td>
  548. </tr>
  549. <tr class="expert" unused_id="TakeImage_CamZoom_ex3">
  550. <td class="indent1">
  551. <class id="TakeImage_CamZoom_text" style="color:black;">Zoom</class>
  552. </td>
  553. <td>
  554. <select id="TakeImage_CamZoom_value1" onchange="cameraParameterChanged()">
  555. <option value="true">enabled (true)</option>
  556. <option value="false" selected>disabled (false)</option>
  557. </select>
  558. </td>
  559. <td>$TOOLTIP_TakeImage_CamZoom</td>
  560. </tr>
  561. <tr class="expert" unused_id="TakeImage_CamZoomSize_ex3">
  562. <td class="indent1">
  563. <class id="TakeImage_CamZoomSize_text" style="color:black;">Zoom Size</class>
  564. </td>
  565. <td>
  566. <input required type="number" id="TakeImage_CamZoomSize_value1" value="0" min="0" max="59" step="1" onchange="cameraParameterChanged()"
  567. oninput="(!validity.rangeOverflow||(value=59)) && (!validity.rangeUnderflow||(value=0)) && (!validity.stepMismatch||(value=parseInt(this.value)));">
  568. </td>
  569. <td>$TOOLTIP_TakeImage_CamZoomSize</td>
  570. </tr>
  571. <tr class="expert" unused_id="TakeImage_CamZoomOffsetX_ex3">
  572. <td class="indent1">
  573. <class id="TakeImage_CamZoomOffsetX_text" style="color:black;">Zoom Offset X</class>
  574. </td>
  575. <td>
  576. <input required type="number" id="TakeImage_CamZoomOffsetX_value1" value="0" min="-960" max="960" step="8" onchange="cameraParameterChanged()"
  577. oninput="(!validity.rangeOverflow||(value=960)) && (!validity.rangeUnderflow||(value=-960)) && (!validity.stepMismatch||(value=parseInt(this.value)));">Pixel
  578. </td>
  579. <td>$TOOLTIP_TakeImage_CamZoomOffsetX</td>
  580. </tr>
  581. <tr class="expert" unused_id="TakeImage_CamZoomOffsetY_ex3">
  582. <td class="indent1">
  583. <class id="TakeImage_CamZoomOffsetY_text" style="color:black;">Zoom Offset Y</class>
  584. </td>
  585. <td>
  586. <input required type="number" id="TakeImage_CamZoomOffsetY_value1" value="0" min="-720" max="720" step="8" onchange="cameraParameterChanged()"
  587. oninput="(!validity.rangeOverflow||(value=720)) && (!validity.rangeUnderflow||(value=-720)) && (!validity.stepMismatch||(value=parseInt(this.value)));">Pixel
  588. </td>
  589. <td>$TOOLTIP_TakeImage_CamZoomOffsetY</td>
  590. </tr>
  591. <tr unused_id="TakeImage_LEDIntensity_ex3">
  592. <td class="indent1">
  593. <class id="TakeImage_LEDIntensity_text" style="color:black;">LED Intensity</class>
  594. </td>
  595. <td>
  596. <input required type="number" id="TakeImage_LEDIntensity_value1" size="13" min="0" max="100" onchange="cameraParameterChanged()"
  597. oninput="(!validity.rangeUnderflow||(value=0)) && (!validity.rangeOverflow||(value=100)) && (!validity.stepMismatch||(value=parseInt(this.value)));">
  598. </td>
  599. <td>$TOOLTIP_TakeImage_LEDIntensity</td>
  600. </tr>
  601. <tr class="expert" unused_id="TakeImage_Demo_ex3">
  602. <td class="indent1">
  603. <label>
  604. <class id="TakeImage_Demo_text" style="color:black;">Demo Mode</class>
  605. </label>
  606. </td>
  607. <td>
  608. <select id="TakeImage_Demo_value1">
  609. <option value="true">enabled (true)</option>
  610. <option value="false" selected>disabled (false)</option>
  611. </select>
  612. </td>
  613. <td>$TOOLTIP_TakeImage_Demo</td>
  614. </tr>
  615. <!------------- Alignment ------------------>
  616. <tr style="border-bottom: 2px solid lightgray;" id="ex4">
  617. <td colspan="3" style="padding-left: 0px; padding-bottom: 3px;"><h4>Alignment</h4></td>
  618. </tr>
  619. <tr class="expert" unused_id="Alignment_SearchFieldX_ex6">
  620. <td class="indent1">
  621. <class id="Alignment_SearchFieldX_text" style="color:black;">Search Field X</class>
  622. </td>
  623. <td>
  624. <input required type="number" name="name" id="Alignment_SearchFieldX_value1" size="13" min="1" step="1"
  625. oninput="(!validity.rangeUnderflow||(value=1)) && (!validity.stepMismatch||(value=parseInt(this.value)));">Pixel
  626. </td>
  627. <td>$TOOLTIP_Alignment_SearchFieldX</td>
  628. </tr>
  629. <tr class="expert" unused_id="Alignment_SearchFieldY_ex8">
  630. <td class="indent1">
  631. <class id="Alignment_SearchFieldY_text" style="color:black;">Search Field Y</class>
  632. </td>
  633. <td>
  634. <input required type="number" name="name" id="Alignment_SearchFieldY_value1" size="13" min="1"
  635. oninput="(!validity.rangeUnderflow||(value=1)) && (!validity.stepMismatch||(value=parseInt(this.value)));">Pixel
  636. </td>
  637. <td>$TOOLTIP_Alignment_SearchFieldY</td>
  638. </tr>
  639. <tr class="expert" unused_id="Alignment_AlignmentAlgo_ex8">
  640. <td class="indent1">
  641. <input type="checkbox" id="Alignment_AlignmentAlgo_enabled" value="1" onclick = 'InvertEnableItem("Alignment", "AlignmentAlgo")' unchecked >
  642. <label for=Alignment_AlignmentAlgo_enabled><class id="Alignment_AlignmentAlgo_text" style="color:black;">Alignment Algorithm</class></label>
  643. </td>
  644. <td>
  645. <select id="Alignment_AlignmentAlgo_value1">
  646. <option value="default" selected>Default</option>
  647. <option value="highAccuracy" >HighAccuracy</option>
  648. <option value="fast" >Fast</option>
  649. <option value="off" >Off</option><!-- add disable aligment algo |01.2023 -->
  650. </select>
  651. </td>
  652. <td>$TOOLTIP_Alignment_AlignmentAlgo</td>
  653. </tr>
  654. <tr unused_id="Alignment_InitialRotate_ex8">
  655. <td class="indent1">
  656. <class id="Alignment_InitialRotate_text" style="color:black;">Rotation angle</class>
  657. </td>
  658. <td>
  659. <input required type="number" name="name" id="Alignment_InitialRotate_value1" size="13" min="-180" max="+180" step="0.1"
  660. oninput="(!validity.rangeOverflow||(value=180)) && (!validity.rangeUnderflow||(value=-180)) && (!validity.stepMismatch||(value=parseInt(this.value)));">degree
  661. </td>
  662. <td>$TOOLTIP_Alignment_InitialRotate</td>
  663. </tr>
  664. <!------------- Digit ROIs ------------------>
  665. <tr style="border-bottom: 2px solid lightgray;" id="Category_Digits_ex4">
  666. <td colspan="3" style="padding-left: 0px; padding-bottom: 3px;">
  667. <h4><input type="checkbox" id="Category_Digits_enabled" value="1" onclick ='UpdateAfterCategoryCheck()' unchecked >
  668. <label for=Category_Digits_enabled>Digit ROI Processing</label></h4>
  669. </td>
  670. </tr>
  671. <tr class="DigitItem">
  672. <td class="indent1" >
  673. <class id="Digits_Model_text" style="color:black;">Model</class>
  674. </td>
  675. <td>
  676. <select required class="select_large" id="Digits_Model_value1">
  677. </select>
  678. </td>
  679. <td>$TOOLTIP_Digits_Model</td>
  680. </tr>
  681. <tr class="DigitItem expert" unused_id="ex91">
  682. <td class="indent1">
  683. <input type="checkbox" id="Digits_CNNGoodThreshold_enabled" value="1" onclick = 'InvertEnableItem("Digits", "CNNGoodThreshold")' unchecked >
  684. <label for=Digits_CNNGoodThreshold_enabled><class id="Digits_CNNGoodThreshold_text" style="color:black;">CNN Good Threshold</class></label>
  685. </td>
  686. <td>
  687. <input required type="number" id="Digits_CNNGoodThreshold_value1" min="0" max="1" step="0.1"
  688. oninput="(!validity.rangeUnderflow||(value=0)) && (!validity.rangeOverflow||(value=1)) &&
  689. (!validity.stepMismatch||(value=parseInt(this.value)));">
  690. </td>
  691. <td>$TOOLTIP_Digits_CNNGoodThreshold</td>
  692. </tr>
  693. <tr class="DigitItem">
  694. <td class="indent1">
  695. <input type="checkbox" id="Digits_ROIImagesLocation_enabled" value="1" onclick = 'InvertEnableItem("Digits", "ROIImagesLocation")' unchecked >
  696. <label for=Digits_ROIImagesLocation_enabled><class id="Digits_ROIImagesLocation_text" style="color:black;">ROI Images Location</class></label>
  697. </td>
  698. <td>
  699. <input required type="text" name="name" id="Digits_ROIImagesLocation_value1">
  700. </td>
  701. <td>$TOOLTIP_Digits_ROIImagesLocation</td>
  702. </tr>
  703. <tr class="DigitItem">
  704. <td class="indent1">
  705. <input type="checkbox" id="Digits_ROIImagesRetention_enabled" value="1" onclick = 'InvertEnableItem("Digits", "ROIImagesRetention")' unchecked >
  706. <label for=Digits_ROIImagesRetention_enabled><class id="Digits_ROIImagesRetention_text" style="color:black;">ROI Images Retention</class></label>
  707. </td>
  708. <td>
  709. <input required type="number" id="Digits_ROIImagesRetention_value1" min="0" step="1"
  710. oninput="(!validity.rangeUnderflow||(value=0)) && (!validity.stepMismatch||(value=parseInt(this.value)));">Days
  711. </td>
  712. <td>$TOOLTIP_Digits_ROIImagesRetention</td>
  713. </tr>
  714. <!------------- Ananlog ROIs ------------------>
  715. <tr style="border-bottom: 2px solid lightgray;" id="Category_Analog_ex4">
  716. <td colspan="3" style="padding-left: 0px; padding-bottom: 3px;">
  717. <h4><input type="checkbox" id="Category_Analog_enabled" value="1" onclick = 'UpdateAfterCategoryCheck()' unchecked >
  718. <label for=Category_Analog_enabled>Analog ROI Processing</label></h4>
  719. </td>
  720. </tr>
  721. <tr class="AnalogItem">
  722. <td class="indent1">
  723. <class id="Analog_Model_text" style="color:black;">Model</class>
  724. </td>
  725. <td>
  726. <select required class="select_large" id="Analog_Model_value1">
  727. </select>
  728. </td>
  729. <td>$TOOLTIP_Analog_Model</td>
  730. </tr>
  731. <tr class="AnalogItem">
  732. <td class="indent1">
  733. <input type="checkbox" id="Analog_ROIImagesLocation_enabled" value="1" onclick = 'InvertEnableItem("Analog", "ROIImagesLocation")' unchecked >
  734. <label for=Analog_ROIImagesLocation_enabled><class id="Analog_ROIImagesLocation_text" style="color:black;">ROI Images Location</class>
  735. </label>
  736. </td>
  737. <td> <input required type="text" name="name" id="Analog_ROIImagesLocation_value1"> </td>
  738. <td>$TOOLTIP_Analog_ROIImagesLocation</td>
  739. </tr>
  740. <tr class="AnalogItem">
  741. <td class="indent1">
  742. <input type="checkbox" id="Analog_ROIImagesRetention_enabled" value="1" onclick = 'InvertEnableItem("Analog", "ROIImagesRetention")' unchecked >
  743. <label for=Analog_ROIImagesRetention_enabled><class id="Analog_ROIImagesRetention_text" style="color:black;">ROI Images Retention</class></label></td>
  744. <td>
  745. <input required type="number" id="Analog_ROIImagesRetention_value1" min="0" step="1"
  746. oninput="(!validity.rangeUnderflow||(value=0)) && (!validity.stepMismatch||(value=parseInt(this.value)));">Days
  747. </td>
  748. <td>$TOOLTIP_Analog_ROIImagesRetention</td>
  749. </tr>
  750. <!------------- Post-Processing ------------------>
  751. <tr style="border-bottom: 2px solid lightgray;">
  752. <td colspan="3" style="padding-left: 0px; padding-bottom: 3px;"><h4>Post-Processing</h4></td>
  753. </tr>
  754. <tr>
  755. <td class="indent1">
  756. <label><class id="PostProcessing_PreValueUse_text" style="color:black;">Previous Value</class></label>
  757. </td>
  758. <td>
  759. <select id="PostProcessing_PreValueUse_value1">
  760. <option value="true">enabled (true)</option>
  761. <option value="false" selected>disabled (false)</option>
  762. </select>
  763. </td>
  764. <td>$TOOLTIP_PostProcessing_PreValueUse</td>
  765. </tr>
  766. <tr class="expert" unused_id="ex11">
  767. <td class="indent1">
  768. <input type="checkbox" id="PostProcessing_PreValueAgeStartup_enabled" value="1" onclick = 'InvertEnableItem("PostProcessing", "PreValueAgeStartup")' unchecked >
  769. <label for=PostProcessing_PreValueAgeStartup_enabled><class id="PostProcessing_PreValueAgeStartup_text" style="color:black;">Maximum Age of Previous Value after Startup</class></label>
  770. </td>
  771. <td>
  772. <input required type="number" id="PostProcessing_PreValueAgeStartup_value1" size="13" min="0"
  773. oninput="(!validity.rangeUnderflow||(value=0)) && (!validity.stepMismatch||(value=parseInt(this.value)));">Minutes
  774. </td>
  775. <td>$TOOLTIP_PostProcessing_PreValueAgeStartup</td>
  776. </tr>
  777. <tr class="expert" unused_id="ex12">
  778. <td class="indent1">
  779. <label><class id="PostProcessing_ErrorMessage_text" style="color:black;">Skip Messages on Error</class></label>
  780. </td>
  781. <td>
  782. <select id="PostProcessing_ErrorMessage_value1">
  783. <option value="true">enabled (true)</option>
  784. <option value="false" selected>disabled (false)</option>
  785. </select>
  786. </td>
  787. <td>$TOOLTIP_PostProcessing_ErrorMessage</td>
  788. </tr>
  789. <tr class="expert" unused_id="ex1dddd">
  790. <td class="indent1">
  791. <label><class id="PostProcessing_CheckDigitIncreaseConsistency_text" style="color:black;">Check Digit Increase Consistency</class></label>
  792. </td>
  793. <td>
  794. <select id="PostProcessing_CheckDigitIncreaseConsistency_value1">
  795. <option value="true">enabled (true)</option>
  796. <option value="false" selected>disabled (false)</option>
  797. </select>
  798. </td>
  799. <td>$TOOLTIP_PostProcessing_CheckDigitIncreaseConsistency</td>
  800. </tr>
  801. <tr style="margin-top:12px">
  802. <td class="indent1" style="padding-top:25px" colspan="3">
  803. <b>Parameter per number sequence:</b>
  804. <select
  805. style="font-weight: bold; margin-left:17px" id="Numbers_value1" onchange="numberChanged()">
  806. </select>
  807. </td>
  808. </tr>
  809. <tr>
  810. <td class="indent2">
  811. <label><class id="PostProcessing_AllowNegativeRates_text" style="color:black;">Allow Negative Rate</class></label>
  812. </td>
  813. <td>
  814. <select id="PostProcessing_AllowNegativeRates_value1">
  815. <option value="true">enabled (true)</option>
  816. <option value="false" selected>disabled (false)</option>
  817. </select>
  818. </td>
  819. <td>$TOOLTIP_PostProcessing_NUMBER.AllowNegativeRates</td>
  820. </tr>
  821. <tr>
  822. <td class="indent2">
  823. <input type="checkbox" id="PostProcessing_DecimalShift_enabled" value="1" onclick = 'InvertEnableItem("PostProcessing", "DecimalShift")' unchecked >
  824. <label for=PostProcessing_DecimalShift_enabled><class id="PostProcessing_DecimalShift_text" style="color:black;">Decimal Shift</class></label>
  825. </td>
  826. <td>
  827. <input required type="number" id="PostProcessing_DecimalShift_value1" value="0" step="1" min="-9" max="9"
  828. oninput="(!validity.rangeUnderflow||(value=-9)) && (!validity.rangeOverflow||(value=9)) &&
  829. (!validity.stepMismatch||(value=parseInt(this.value)));">
  830. </td>
  831. <td>$TOOLTIP_PostProcessing_NUMBER.DecimalShift</td>
  832. </tr>
  833. <tr>
  834. <td class="indent2">
  835. <input type="checkbox" id="PostProcessing_AnalogToDigitTransitionStart_enabled" value="1" onclick = 'InvertEnableItem("PostProcessing", "AnalogToDigitTransitionStart")' unchecked >
  836. <label for=PostProcessing_AnalogToDigitTransitionStart_enabled><class id="PostProcessing_AnalogToDigitTransitionStart_text" style="color:black;">Analog to Digit Transition Start</class></label>
  837. </td>
  838. <td>
  839. <input required type="number" id="PostProcessing_AnalogToDigitTransitionStart_value1" step="0.1" min="5.0" max="9.9" value="9.2"
  840. oninput="(!validity.rangeUnderflow||(value=5.0)) && (!validity.rangeOverflow||(value=9.9)) &&
  841. (!validity.stepMismatch||(value=parseInt(this.value)));">
  842. </td>
  843. <td>$TOOLTIP_PostProcessing_NUMBER.AnalogToDigitTransitionStart</td>
  844. </tr>
  845. <tr>
  846. <td class="indent2">
  847. <input type="checkbox" id="PostProcessing_MaxRateValue_enabled" value="1" onclick = 'InvertEnableItem("PostProcessing", "MaxRateValue")' unchecked >
  848. <label for=PostProcessing_MaxRateValue_enabled><class id="PostProcessing_MaxRateValue_text" style="color:black;">Maximum Rate Value</class></label>
  849. </td>
  850. <td>
  851. <input required type="number" id="PostProcessing_MaxRateValue_value1" size="13" min="0" step="any"
  852. oninput="(!validity.rangeUnderflow||(value=0)) && (!validity.stepMismatch||(value=parseInt(this.value)));">
  853. </td>
  854. <td>$TOOLTIP_PostProcessing_NUMBER.MaxRateValue</td>
  855. </tr>
  856. <tr>
  857. <td class="indent2">
  858. <input type="checkbox" id="PostProcessing_MaxRateType_enabled" value="1" onclick = 'InvertEnableItem("PostProcessing", "MaxRateType")' unchecked >
  859. <label for=PostProcessing_MaxRateType_enabled><class id="PostProcessing_MaxRateType_text" style="color:black;">Maximum Rate Type</class></label>
  860. </td>
  861. <td>
  862. <select id="PostProcessing_MaxRateType_value1">
  863. <option value="AbsoluteChange" >AbsoluteChange</option>
  864. <option value="RateChange" selected>RateChange</option>
  865. </select>
  866. </td>
  867. <td>$TOOLTIP_PostProcessing_NUMBER.MaxRateType</td>
  868. </tr>
  869. <tr>
  870. <td class="indent2">
  871. <input type="checkbox" id="PostProcessing_ChangeRateThreshold_enabled" value="1" onclick = 'InvertEnableItem("PostProcessing", "ChangeRateThreshold")' unchecked >
  872. <label for=PostProcessing_ChangeRateThreshold_enabled><class id="PostProcessing_ChangeRateThreshold_text" style="color:black;">Change Rate Threshold</class></label>
  873. </td>
  874. <td>
  875. <input required type="number" id="PostProcessing_ChangeRateThreshold_value1" step="1" min="1" max="9" value="2"
  876. oninput="(!validity.rangeUnderflow||(value=1)) && (!validity.rangeOverflow||(value=9)) &&
  877. (!validity.stepMismatch||(value=parseInt(this.value)));">
  878. </td>
  879. <td>$TOOLTIP_PostProcessing_NUMBER.ChangeRateThreshold</td>
  880. </tr>
  881. <tr>
  882. <td class="indent2">
  883. <label><class id="PostProcessing_ExtendedResolution_text" style="color:black;">Extended Resolution</class></label>
  884. </td>
  885. <td>
  886. <select id="PostProcessing_ExtendedResolution_value1">
  887. <option value="true">enabled (true)</option>
  888. <option value="false" selected>disabled (false)</option>
  889. </select>
  890. </td>
  891. <td>$TOOLTIP_PostProcessing_NUMBER.ExtendedResolution</td>
  892. </tr>
  893. <tr>
  894. <td class="indent2">
  895. <label><class id="PostProcessing_IgnoreLeadingNaN_text" style="color:black;">Ignore Leading NaNs</class></label>
  896. </td>
  897. <td>
  898. <select id="PostProcessing_IgnoreLeadingNaN_value1">
  899. <option value="true">enabled (true)</option>
  900. <option value="false" selected>disabled (false)</option>
  901. </select>
  902. </td>
  903. <td>$TOOLTIP_PostProcessing_NUMBER.IgnoreLeadingNaN</td>
  904. </tr>
  905. <!-------------
  906. <tr>
  907. <td class="indent2">
  908. <label><class id="PostProcessing_IgnoreAllNaN_text" style="color:black;">Ignore All NaNs</class></label>
  909. </td>
  910. <td>
  911. <select id="PostProcessing_IgnoreAllNaN_value1">
  912. <option value="true">enabled (true)</option>
  913. <option value="false" selected>disabled (false)</option>
  914. </select>
  915. </td>
  916. <td>$TOOLTIP_PostProcessing_NUMBER.IgnoreAllNaN</td>
  917. </tr>
  918. ------------------>
  919. <!------------- MQTT ------------------>
  920. <tr style="border-bottom: 2px solid lightgray;">
  921. <td colspan="3" style="padding-left: 0px; padding-bottom: 3px;">
  922. <h4>
  923. <input type="checkbox" id="Category_MQTT_enabled" value="1" onclick = 'UpdateAfterCategoryCheck()' unchecked >
  924. <label for=Category_MQTT_enabled>MQTT</label>
  925. </h4>
  926. </td>
  927. </tr>
  928. <tr class="MQTTItem">
  929. <td class="indent1">
  930. <input type="checkbox" id="MQTT_Uri_enabled" value="1" onclick = 'InvertEnableItem("MQTT", "Uri")' unchecked >
  931. <label for=MQTT_Uri_enabled><class id="MQTT_Uri_text" style="color:black;">URI</class></label>
  932. </td>
  933. <td>
  934. <input required type="text" id="MQTT_Uri_value1">
  935. </td>
  936. <td>$TOOLTIP_MQTT_Uri</td>
  937. </tr>
  938. <tr class="MQTTItem">
  939. <td class="indent1">
  940. <input type="checkbox" id="MQTT_MainTopic_enabled" value="1" onclick = 'InvertEnableItem("MQTT", "MainTopic")' unchecked >
  941. <label for=MQTT_MainTopic_enabled><class id="MQTT_MainTopic_text" style="color:black;">Main Topic</class></label>
  942. </td>
  943. <td>
  944. <input required type="text" id="MQTT_MainTopic_value1">
  945. </td>
  946. <td>$TOOLTIP_MQTT_MainTopic</td>
  947. </tr>
  948. <tr class="MQTTItem">
  949. <td class="indent1">
  950. <input type="checkbox" id="MQTT_ClientID_enabled" value="1" onclick = 'InvertEnableItem("MQTT", "ClientID")' unchecked >
  951. <label for=MQTT_ClientID_enabled><class id="MQTT_ClientID_text" style="color:black;">Client ID</class></label>
  952. </td>
  953. <td>
  954. <input required type="text" id="MQTT_ClientID_value1">
  955. </td>
  956. <td>$TOOLTIP_MQTT_ClientID</td>
  957. </tr>
  958. <tr class="MQTTItem">
  959. <td class="indent1">
  960. <input type="checkbox" id="MQTT_user_enabled" value="1" onclick = 'InvertEnableItem("MQTT", "user")' unchecked >
  961. <label for=MQTT_user_enabled><class id="MQTT_user_text" style="color:black;">Username</class></label>
  962. </td>
  963. <td>
  964. <input type="text" id="MQTT_user_value1">
  965. </td>
  966. <td>$TOOLTIP_MQTT_user</td>
  967. </tr>
  968. <tr class="MQTTItem">
  969. <td class="indent1">
  970. <input type="checkbox" id="MQTT_password_enabled" value="1" onclick = 'InvertEnableItem("MQTT", "password")' unchecked >
  971. <label for=MQTT_password_enabled><class id="MQTT_password_text" style="color:black;">Password</class></label>
  972. </td>
  973. <td>
  974. <input type="text" id="MQTT_password_value1">
  975. </td>
  976. <td>$TOOLTIP_MQTT_password</td>
  977. </tr>
  978. <tr class="MQTTItem expert" unused_id="exMqtt">
  979. <td class="indent1">
  980. <input type="checkbox" id="MQTT_CACert_enabled" value="1" onclick = 'InvertEnableItem("MQTT", "CACert")' unchecked >
  981. <label for=MQTT_CACert_enabled><class id="MQTT_CACert_text" style="color:black;">Root CA Certificate file</class></label>
  982. </td>
  983. <td>
  984. <input type="text" id="MQTT_CACert_value1">
  985. </td>
  986. <td>$TOOLTIP_MQTT_CACert</td>
  987. </tr>
  988. <tr class="MQTTItem expert" unused_id="exMqtt">
  989. <td class="indent1">
  990. <input type="checkbox" id="MQTT_ClientCert_enabled" value="1" onclick = 'InvertEnableItem("MQTT", "ClientCert")' unchecked >
  991. <label for=MQTT_ClientCert_enabled><class id="MQTT_ClientCert_text" style="color:black;">Client Certificate file</class></label>
  992. </td>
  993. <td>
  994. <input type="text" id="MQTT_ClientCert_value1">
  995. </td>
  996. <td>$TOOLTIP_MQTT_ClientCert</td>
  997. </tr>
  998. <tr class="MQTTItem expert" unused_id="exMqtt">
  999. <td class="indent1">
  1000. <input type="checkbox" id="MQTT_ClientKey_enabled" value="1" onclick = 'InvertEnableItem("MQTT", "ClientKey")' unchecked >
  1001. <label for=MQTT_ClientKey_enabled><class id="MQTT_ClientKey_text" style="color:black;">Client Key file</class></label>
  1002. </td>
  1003. <td>
  1004. <input type="text" id="MQTT_ClientKey_value1">
  1005. </td>
  1006. <td>$TOOLTIP_MQTT_ClientKey</td>
  1007. </tr>
  1008. <tr class="MQTTItem expert" unused_id="exMqtt">
  1009. <td class="indent1">
  1010. <input type="checkbox" id="MQTT_ValidateServerCert_enabled" value="1" onclick = 'InvertEnableItem("MQTT", "ValidateServerCert")' unchecked >
  1011. <label for=MQTT_ValidateServerCert_enabled><class id="MQTT_ValidateServerCert_text" style="color:black;">Validate ServerCert</class></label>
  1012. </td>
  1013. <td>
  1014. <select id="MQTT_ValidateServerCert_value1">
  1015. <option value="true" selected>enabled (true)</option>
  1016. <option value="false">disabled (false)</option>
  1017. </select>
  1018. </td>
  1019. <td>$TOOLTIP_MQTT_ValidateServerCert</td>
  1020. </tr>
  1021. <tr class="MQTTItem">
  1022. <td class="indent1">
  1023. <label><class id="MQTT_RetainMessages_text" style="color:black;">Retain Messages</class></label>
  1024. </td>
  1025. <td>
  1026. <select id="MQTT_RetainMessages_value1">
  1027. <option value="true">enabled (true)</option>
  1028. <option value="false" selected>disabled (false)</option>
  1029. </select>
  1030. </td>
  1031. <td>$TOOLTIP_MQTT_RetainMessages</td>
  1032. </tr>
  1033. <tr class="MQTTItem">
  1034. <td class="indent1" style="padding-top:25px" colspan="2">
  1035. <b>Homeassistant Discovery (using MQTT)</b><br>
  1036. If activated, the discovery topics gets automatically scheduled to sent once after device startup during state "Publish to MQTT".
  1037. To schedule a retransmission: Use "Manual Control > Resend HA Discovery" or call REST API:
  1038. <a href=mqtt_publish_discovery target="_blank">http://&lt;IP&gt;/mqtt_publish_discovery</a>
  1039. </td>
  1040. </tr>
  1041. <tr class="MQTTItem">
  1042. <td class="indent2">
  1043. <label><class id="MQTT_HomeassistantDiscovery_text" style="color:black;">Homeassistant Discovery</class></label>
  1044. </td>
  1045. <td>
  1046. <select id="MQTT_HomeassistantDiscovery_value1">
  1047. <option value="true">enabled (true)</option>
  1048. <option value="false" selected>disabled (false)</option>
  1049. </select>
  1050. </td>
  1051. <td>$TOOLTIP_MQTT_HomeassistantDiscovery</td>
  1052. </tr>
  1053. <tr class="MQTTItem">
  1054. <td class="indent2">
  1055. <input type="checkbox" id="MQTT_MeterType_enabled" value="1" onclick = 'InvertEnableItem("MQTT", "MeterType")' unchecked >
  1056. <label for=MQTT_MeterType_enabled><class id="MQTT_MeterType_text" style="color:black;">Meter Type</class></label>
  1057. </td>
  1058. <td>
  1059. <select class="select_large" id="MQTT_MeterType_value1"> <!-- See https://developers.home-assistant.io/docs/core/entity/sensor/#available-device-classes -->
  1060. <option value="other" selected>Other (no Units)</option>
  1061. <option value="water_m3">Watermeter (Value: m³, Rate: m³/h)</option>
  1062. <option value="water_l">Watermeter (Value: l, Rate: l/h)</option>
  1063. <option value="water_gal">Watermeter (Value: gal, Rate: gal/h)</option>
  1064. <option value="water_ft3">Watermeter (Value: ft³, Rate: ft³/min)</option>
  1065. <option value="gas_m3">Gasmeter (Value: m³, Rate: m³/h)</option>
  1066. <option value="gas_ft3">Gasmeter (Value: ft³, Rate: ft³/min)</option>
  1067. <option value="energy_wh">Energymeter (Value: Wh, Rate: W)</option>
  1068. <option value="energy_kwh">Energymeter (Value: kWh, Rate: kW)</option>
  1069. <option value="energy_mwh">Energymeter (Value: MWh, Rate: MW)</option>
  1070. <option value="energy_gj">Energymeter (Value: GJ, Rate: GJ/h)</option>
  1071. <option value="temperature_c">Thermometer (Value: °C, Rate: °C/min)</option>
  1072. <option value="temperature_c">Thermometer (Value: °F, Rate: °F/min)</option>
  1073. <option value="temperature_c">Thermometer (Value: K, Rate: K/min)</option>
  1074. </select>
  1075. </td>
  1076. <td>$TOOLTIP_MQTT_MeterType</td>
  1077. </tr>
  1078. <tr class="MQTTItem">
  1079. <td class="indent1">
  1080. <input type="checkbox" id="MQTT_DomoticzTopicIn_enabled" value="1" onclick = 'InvertEnableItem("MQTT", "DomoticzTopicIn")' unchecked >
  1081. <label for=MQTT_DomoticzTopicIn_enabled><class id="MQTT_DomoticzTopicIn_text" style="color:black;">Domoticz "in" topic</class></label>
  1082. </td>
  1083. <td>
  1084. <input type="text" id="MQTT_DomoticzTopicIn_value1">
  1085. </td>
  1086. <td>$TOOLTIP_MQTT_DomoticzTopicIn</td>
  1087. </tr>
  1088. <tr class="MQTTItem" style="margin-top:12px">
  1089. <td class="indent1" style="padding-top:25px" colspan="3">
  1090. <b>Parameter per number sequence:</b>
  1091. <select
  1092. style="font-weight: bold; margin-left:17px" id="NumbersMQTTIdx_value1" onchange="numberMQTTIdxChanged()">
  1093. </select>
  1094. </td>
  1095. </tr>
  1096. <tr class="MQTTItem">
  1097. <td class="indent2">
  1098. <input type="checkbox" id="MQTT_DomoticzIDX_enabled" value="1" onclick = 'InvertEnableItem("MQTT", "DomoticzIDX")' unchecked >
  1099. <label for=MQTT_DomoticzIDX_enabled><class id="MQTT_DomoticzIDX_text" style="color:black;">Domoticz Counter Idx:</class></label>
  1100. </td>
  1101. <td>
  1102. <input type="text" id="MQTT_DomoticzIDX_value1">
  1103. </td>
  1104. <td>$TOOLTIP_MQTT_NUMBER.DomoticzIDX</td>
  1105. </tr>
  1106. <!------------- INFLUXDB v1 ------------------>
  1107. <tr style="border-bottom: 2px solid lightgray;">
  1108. <td colspan="3" style="padding-left: 0px; padding-bottom: 3px;">
  1109. <h4>
  1110. <input type="checkbox" id="Category_InfluxDB_enabled" value="1" onclick = 'UpdateAfterCategoryCheck()' unchecked >
  1111. <label for=Category_InfluxDB_enabled>InfluxDB v1.x</label></h4>
  1112. </td>
  1113. </tr>
  1114. <tr class="InfluxDBv1Item">
  1115. <td class="indent1">
  1116. <input type="checkbox" id="InfluxDB_Uri_enabled" value="1" onclick = 'InvertEnableItem("InfluxDB", "Uri")' unchecked >
  1117. <label for=InfluxDB_Uri_enabled><class id="InfluxDB_Uri_text" style="color:black;">URI</class></label>
  1118. </td>
  1119. <td>
  1120. <input required type="text" id="InfluxDB_Uri_value1">
  1121. </td>
  1122. <td>$TOOLTIP_InfluxDB_Uri</td>
  1123. </tr>
  1124. <tr class="InfluxDBv1Item">
  1125. <td class="indent1">
  1126. <input type="checkbox" id="InfluxDB_Database_enabled" value="1" onclick = 'InvertEnableItem("InfluxDB", "Database")' unchecked >
  1127. <label for=InfluxDB_Database_enabled><class id="InfluxDB_Database_text" style="color:black;">Database</class></label>
  1128. </td>
  1129. <td>
  1130. <input required type="text" id="InfluxDB_Database_value1">
  1131. </td>
  1132. <td>$TOOLTIP_InfluxDB_Database</td>
  1133. </tr>
  1134. <tr class="InfluxDBv1Item">
  1135. <td class="indent1">
  1136. <input type="checkbox" id="InfluxDB_user_enabled" value="1" onclick = 'InvertEnableItem("InfluxDB", "user")' unchecked >
  1137. <label for=InfluxDB_user_enabled><class id="InfluxDB_user_text" style="color:black;">Username</class></label>
  1138. </td>
  1139. <td>
  1140. <input type="text" id="InfluxDB_user_value1">
  1141. </td>
  1142. <td>$TOOLTIP_InfluxDB_user</td>
  1143. </tr>
  1144. <tr class="InfluxDBv1Item">
  1145. <td class="indent1">
  1146. <input type="checkbox" id="InfluxDB_password_enabled" value="1" onclick = 'InvertEnableItem("InfluxDB", "password")' unchecked >
  1147. <label for=InfluxDB_password_enabled><class id="InfluxDB_password_text" style="color:black;">Password</class></label>
  1148. </td>
  1149. <td>
  1150. <input type="text" id="InfluxDB_password_value1">
  1151. </td>
  1152. <td>$TOOLTIP_InfluxDB_password</td>
  1153. </tr>
  1154. <tr class="InfluxDBv1Item" style="margin-top:12px">
  1155. <td class="indent1" style="padding-top:25px" colspan="3">
  1156. <b>Parameter per number sequence:</b>
  1157. <select
  1158. style="font-weight: bold; margin-left:17px" id="NumbersInfluxDB_value1" onchange="numberInfluxDBChanged()">
  1159. </select>
  1160. </td>
  1161. </tr>
  1162. <tr class="InfluxDBv1Item">
  1163. <td class="indent2">
  1164. <input type="checkbox" id="InfluxDB_Measurement_enabled" value="1" onclick = 'InvertEnableItem("InfluxDB", "Measurement")' unchecked >
  1165. <label for=InfluxDB_Measurement_enabled><class id="InfluxDB_Measurement_text" style="color:black;">Measurement</class></label>
  1166. </td>
  1167. <td>
  1168. <input required type="text" id="InfluxDB_Measurement_value1">
  1169. </td>
  1170. <td>$TOOLTIP_InfluxDB_NUMBER.Measurement</td>
  1171. </tr>
  1172. <tr class="InfluxDBv1Item">
  1173. <td class="indent2">
  1174. <input type="checkbox" id="InfluxDB_Field_enabled" value="1" onclick = 'InvertEnableItem("InfluxDB", "Field")' unchecked >
  1175. <label for=InfluxDB_Field_enabled><class id="InfluxDB_Field_text" style="color:black;">Field</class></label>
  1176. </td>
  1177. <td>
  1178. <input required type="text" id="InfluxDB_Field_value1">
  1179. </td>
  1180. <td>$TOOLTIP_InfluxDB_NUMBER.Field</td>
  1181. </tr>
  1182. <!------------- INFLUXDB v2 ------------------>
  1183. <tr style="border-bottom: 2px solid lightgray;">
  1184. <td colspan="3" style="padding-left: 0px; padding-bottom: 3px;">
  1185. <h4>
  1186. <input type="checkbox" id="Category_InfluxDBv2_enabled" value="1" onclick = 'UpdateAfterCategoryCheck()' unchecked >
  1187. <label for=Category_InfluxDBv2_enabled>InfluxDB v2.x</label></h4>
  1188. </td>
  1189. </tr>
  1190. <tr class="InfluxDBv2Item">
  1191. <td class="indent1">
  1192. <input type="checkbox" id="InfluxDBv2_Uri_enabled" value="1" onclick = 'InvertEnableItem("InfluxDBv2", "Uri")' unchecked >
  1193. <label for=InfluxDBv2_Uri_enabled><class id="InfluxDBv2_Uri_text" style="color:black;">URI</class></label>
  1194. </td>
  1195. <td>
  1196. <input required type="text" id="InfluxDBv2_Uri_value1">
  1197. </td>
  1198. <td>$TOOLTIP_InfluxDBv2_Uri</td>
  1199. </tr>
  1200. <tr class="InfluxDBv2Item">
  1201. <td class="indent1">
  1202. <input type="checkbox" id="InfluxDBv2_Bucket_enabled" value="1" onclick = 'InvertEnableItem("InfluxDBv2", "Bucket")' unchecked >
  1203. <label for=InfluxDBv2_Bucket_enabled><class id="InfluxDBv2_Bucket_text" style="color:black;">Bucket</class></label>
  1204. </td>
  1205. <td>
  1206. <input required type="text" id="InfluxDBv2_Bucket_value1">
  1207. </td>
  1208. <td>$TOOLTIP_InfluxDBv2_Bucket</td>
  1209. </tr>
  1210. <tr class="InfluxDBv2Item">
  1211. <td class="indent1">
  1212. <input type="checkbox" id="InfluxDBv2_Org_enabled" value="1" onclick = 'InvertEnableItem("InfluxDBv2", "Org")' unchecked >
  1213. <label for=InfluxDBv2_Org_enabled><class id="InfluxDBv2_Org_text" style="color:black;">Organization (Org)</class></label>
  1214. </td>
  1215. <td>
  1216. <input type="text" id="InfluxDBv2_Org_value1">
  1217. </td>
  1218. <td>$TOOLTIP_InfluxDBv2_Org</td>
  1219. </tr>
  1220. <tr class="InfluxDBv2Item">
  1221. <td class="indent1">
  1222. <input type="checkbox" id="InfluxDBv2_Token_enabled" value="1" onclick = 'InvertEnableItem("InfluxDBv2", "Token")' unchecked >
  1223. <label for=InfluxDBv2_Token_enabled><class id="InfluxDBv2_Token_text" style="color:black;">Token</class></label>
  1224. </td>
  1225. <td>
  1226. <input type="text" id="InfluxDBv2_Token_value1">
  1227. </td>
  1228. <td>$TOOLTIP_InfluxDBv2_Token</td>
  1229. </tr>
  1230. <tr class="InfluxDBv2Item" style="margin-top:12px">
  1231. <td class="indent1" style="padding-top:25px" colspan="3">
  1232. <b>Parameter per number sequence:</b>
  1233. <select
  1234. style="font-weight: bold; margin-left:17px" id="NumbersInfluxDBv2_value1" onchange="numberInfluxDBv2Changed()">
  1235. </select>
  1236. </td>
  1237. </tr>
  1238. <tr class="InfluxDBv2Item">
  1239. <td class="indent2">
  1240. <input type="checkbox" id="InfluxDBv2_Measurement_enabled" value="1" onclick = 'InvertEnableItem("InfluxDBv2", "Measurement")' unchecked >
  1241. <label for=InfluxDBv2_Measurement_enabled><class id="InfluxDBv2_Measurement_text" style="color:black;">Measurement</class></label>
  1242. </td>
  1243. <td>
  1244. <input required type="text" id="InfluxDBv2_Measurement_value1">
  1245. </td>
  1246. <td>$TOOLTIP_InfluxDBv2_NUMBER.Measurement</td>
  1247. </tr>
  1248. <tr class="InfluxDBv2Item">
  1249. <td class="indent2">
  1250. <input type="checkbox" id="InfluxDBv2_Field_enabled" value="1" onclick = 'InvertEnableItem("InfluxDBv2", "Field")' unchecked >
  1251. <label for=InfluxDBv2_Field_enabled><class id="InfluxDBv2_Field_text" style="color:black;">Field</class></label>
  1252. </td>
  1253. <td>
  1254. <input required type="text" id="InfluxDBv2_Field_value1">
  1255. </td>
  1256. <td>$TOOLTIP_InfluxDBv2_NUMBER.Field</td>
  1257. </tr>
  1258. <!------------- Webhook ------------------>
  1259. <tr style="border-bottom: 2px solid lightgray;">
  1260. <td colspan="3" style="padding-left: 0px; padding-bottom: 3px;">
  1261. <h4>
  1262. <input type="checkbox" id="Category_Webhook_enabled" value="1" onclick = 'UpdateAfterCategoryCheck()' unchecked >
  1263. <label for=Category_Webhook_enabled>Webhook</label>
  1264. </h4>
  1265. </td>
  1266. </tr>
  1267. <tr class="WebhookItem">
  1268. <td class="indent1">
  1269. <input type="checkbox" id="Webhook_Uri_enabled" value="1" onclick = 'InvertEnableItem("Webhook", "Uri")' unchecked >
  1270. <label for=Webhook_Uri_enabled><class id="Webhook_Uri_text" style="color:black;">URI</class></label>
  1271. </td>
  1272. <td>
  1273. <input required type="text" id="Webhook_Uri_value1">
  1274. </td>
  1275. <td>$TOOLTIP_Webhook_Uri</td>
  1276. </tr>
  1277. <tr class="WebhookItem">
  1278. <td class="indent1">
  1279. <input type="checkbox" id="Webhook_ApiKey_enabled" value="1" onclick = 'InvertEnableItem("Webhook", "ApiKey")' unchecked >
  1280. <label for=Webhook_ApiKey_enabled><class id="Webhook_ApiKey_text" style="color:black;">ApiKey</class></label>
  1281. </td>
  1282. <td>
  1283. <input required type="text" id="Webhook_ApiKey_value1">
  1284. </td>
  1285. <td>$TOOLTIP_Webhook_ApiKey</td>
  1286. </tr>
  1287. <tr class="WebhookItem">
  1288. <td class="indent1">
  1289. <input type="checkbox" id="Webhook_UploadImg_enabled" value="1" onclick = 'InvertEnableItem("Webhook", "UploadImg")' unchecked>
  1290. <label for=Webhook_UploadImg_enabled><class id="Webhook_UploadImg_text" style="color:black;">Upload Image</class></label>
  1291. </td>
  1292. <td>
  1293. <select id="Webhook_UploadImg_value1">
  1294. <option value="0" selected>NEVER</option>
  1295. <option value="1">ALWAYS</option>
  1296. <option value="2">ON_ERROR</option>
  1297. </select>
  1298. </td>
  1299. <td>$TOOLTIP_Webhook_UploadImg</td>
  1300. </tr>
  1301. <!------------- GPIO ------------------>
  1302. <tr style="border-bottom: 2px solid lightgray;">
  1303. <td colspan="3" style="padding-left: 0px; padding-bottom: 3px;">
  1304. <h4><input type="checkbox" id="Category_GPIO_enabled" value="1" onclick='UpdateAfterCategoryCheck()' unchecked >
  1305. <label for=Category_GPIO_enabled>GPIO (General Purpose Input / Output)</label></h4>
  1306. </td>
  1307. </tr>
  1308. <!------------- GPIO0 begin ------------------>
  1309. <tr class="GPIO_IO0 GPIO_item expert">
  1310. <td class="indent1">
  1311. <input type="checkbox" id="GPIO_IO0_enabled" value="1" onclick = 'InvertEnableItem("GPIO", "IO0")' unchecked>
  1312. <label for=GPIO_IO0_enabled><span id="GPIO_IO0_text">GPIO0 Configuration</span></label>
  1313. </td>
  1314. <td>
  1315. <select id="GPIO_IO0_value1">
  1316. <option value="input">input</option>
  1317. <option value="input-pullup">input pullup</option>
  1318. <option value="input-pulldown">input pulldown</option>
  1319. <option value="output">output</option>
  1320. </select>
  1321. </td>
  1322. <td>$TOOLTIP_GPIO_IO0</td>
  1323. </tr>
  1324. <tr class="GPIO_IO0 GPIO_item expert">
  1325. <td class="indent2">
  1326. <span id="GPIO_IO0_text" class="GPIO_IO0 GPIO_item">GPIO0 Use Interrupt</span>
  1327. </td>
  1328. <td>
  1329. <select id="GPIO_IO0_value2">
  1330. <option value="disabled">disabled</option>
  1331. <option value="rising-edge">rising edge</option>
  1332. <option value="falling-edge">falling edge</option>
  1333. <option value="rising-and-falling">rising and falling</option>
  1334. <option value="low-level-trigger">low level trigger</option>
  1335. <option value="high-level-trigger">high level trigger</option>
  1336. </select>
  1337. </td>
  1338. <td></td>
  1339. </tr>
  1340. <tr class="GPIO_IO0 GPIO_item expert">
  1341. <td class="indent2">
  1342. <span class="GPIO_IO0 GPIO_item">GPIO0 PWM Duty Cycle Resolution</span>
  1343. </td>
  1344. <td>
  1345. <input required type="number" id="GPIO_IO0_value3" min="1" max="20"
  1346. oninput="(!validity.rangeUnderflow||(value=1)) && (!validity.rangeOverflow||(value=20)) &&
  1347. (!validity.stepMismatch||(value=parseInt(this.value)));"><span class="GPIO_IO0 GPIO_item">Bits</span>
  1348. </td>
  1349. <td></td>
  1350. </tr>
  1351. <tr class="GPIO_IO0 GPIO_item expert">
  1352. <td class="indent2">
  1353. <span class="GPIO_IO0 GPIO_item">GPIO0 Enable MQTT</span>
  1354. </td>
  1355. <td><input type="checkbox" id="GPIO_IO0_value4"></td>
  1356. <td></td>
  1357. </tr>
  1358. <tr class="GPIO_IO0 GPIO_item expert">
  1359. <td class="indent2">
  1360. <span class="GPIO_IO0 GPIO_item">GPIO0 Enable REST API</span>
  1361. </td>
  1362. <td><input type="checkbox" id="GPIO_IO0_value5"></td>
  1363. <td></td>
  1364. </tr>
  1365. <tr class="GPIO_IO0 GPIO_item expert">
  1366. <td class="indent2">
  1367. <span class="GPIO_IO0 GPIO_item">GPIO0 Name</span>
  1368. </td>
  1369. <td><input type="text" id="GPIO_IO0_value6"></td>
  1370. <td></td>
  1371. </tr>
  1372. <!------------- GPIO0 end ------------------>
  1373. <!------------- GPIO1 begin ------------------>
  1374. <tr class="GPIO_IO1 GPIO_item expert">
  1375. <td class="indent1">
  1376. <input type="checkbox" id="GPIO_IO1_enabled" value="1" onclick = 'InvertEnableItem("GPIO", "IO1")' unchecked>
  1377. <label for=GPIO_IO1_enabled><span id="GPIO_IO1_text">GPIO1 Configuration</span></label>
  1378. </td>
  1379. <td>
  1380. <select id="GPIO_IO1_value1">
  1381. <option value="input">input</option>
  1382. <option value="input-pullup">input pullup</option>
  1383. <option value="input-pulldown">input pulldown</option>
  1384. <option value="output">output</option>
  1385. </select>
  1386. </td>
  1387. <td>$TOOLTIP_GPIO_IO1</td>
  1388. </tr>
  1389. <tr class="GPIO_IO1 GPIO_item expert">
  1390. <td class="indent2">
  1391. <span class="GPIO_IO1 GPIO_item" class="expert">GPIO1 Use Interrupt</span>
  1392. </td>
  1393. <td>
  1394. <select id="GPIO_IO1_value2">
  1395. <option value="disabled">disabled</option>
  1396. <option value="rising-edge" disabled>rising edge</option>
  1397. <option value="falling-edge" disabled>falling edge</option>
  1398. <option value="rising-and-falling">rising and falling</option>
  1399. <option value="low-level-trigger">low level trigger</option>
  1400. <option value="high-level-trigger">high level trigger</option>
  1401. </select>
  1402. </td>
  1403. <td></td>
  1404. </tr>
  1405. <tr class="GPIO_IO1 GPIO_item expert">
  1406. <td class="indent2">
  1407. <span class="GPIO_IO1 GPIO_item">GPIO1 PWM Duty Cycle Resolution</span>
  1408. </td>
  1409. <td><input required type="number" id="GPIO_IO1_value3" min="1" max="20"
  1410. oninput="(!validity.rangeUnderflow||(value=1)) && (!validity.rangeOverflow||(value=20)) &&
  1411. (!validity.stepMismatch||(value=parseInt(this.value)));"><span class="GPIO_IO1 GPIO_item">Bits</span>
  1412. </td>
  1413. <td></td>
  1414. </tr>
  1415. <tr class="GPIO_IO1 GPIO_item expert">
  1416. <td class="indent2">
  1417. <span class="GPIO_IO1 GPIO_item">GPIO1 Enable MQTT</span>
  1418. </td>
  1419. <td><input type="checkbox" id="GPIO_IO1_value4"></td>
  1420. <td></td>
  1421. </tr>
  1422. <tr class="GPIO_IO1 GPIO_item expert">
  1423. <td class="indent2">
  1424. <span class="GPIO_IO1 GPIO_item">GPIO1 Enable REST API</span>
  1425. </td>
  1426. <td><input type="checkbox" id="GPIO_IO1_value5"></td>
  1427. <td></td>
  1428. </tr>
  1429. <tr class="GPIO_IO1 GPIO_item expert">
  1430. <td class="indent2">
  1431. <span class="GPIO_IO1 GPIO_item" class="expert">GPIO1 Name</span>
  1432. </td>
  1433. <td><input type="text" id="GPIO_IO1_value6"></td>
  1434. <td></td>
  1435. </tr>
  1436. <!------------- GPIO1 end ------------------>
  1437. <!------------- GPIO3 begin ------------------>
  1438. <tr class="GPIO_IO3 GPIO_item expert">
  1439. <td class="indent1">
  1440. <input type="checkbox" id="GPIO_IO3_enabled" value="1" onclick = 'InvertEnableItem("GPIO", "IO3")' unchecked>
  1441. <label for=GPIO_IO3_enabled><span id="GPIO_IO3_text">GPIO3 Configuration</span></label>
  1442. </td>
  1443. <td>
  1444. <select id="GPIO_IO3_value1">
  1445. <option value="input">input</option>
  1446. <option value="input-pullup">input pullup</option>
  1447. <option value="input-pulldown">input pulldown</option>
  1448. <option value="output">output</option>
  1449. </select>
  1450. </td>
  1451. <td>$TOOLTIP_GPIO_IO3</td>
  1452. </tr>
  1453. <tr class="GPIO_IO3 GPIO_item expert">
  1454. <td class="indent2">
  1455. <span class="GPIO_IO3 GPIO_item">GPIO3 Use Interrupt</span>
  1456. </td>
  1457. <td>
  1458. <select id="GPIO_IO3_value2">
  1459. <option value="disabled">disabled</option>
  1460. <option value="rising-edge" disabled>rising edge</option>
  1461. <option value="falling-edge" disabled>falling edge</option>
  1462. <option value="rising-and-falling">rising and falling</option>
  1463. <option value="low-level-trigger">low level trigger</option>
  1464. <option value="high-level-trigger">high level trigger</option>
  1465. </select>
  1466. </td>
  1467. <td></td>
  1468. </tr>
  1469. <tr class="GPIO_IO3 GPIO_item expert">
  1470. <td class="indent2">
  1471. <span class="GPIO_IO3 GPIO_item">GPIO3 PWM Duty Cycle Resolution</span>
  1472. </td>
  1473. <td><input required type="number" id="GPIO_IO3_value3" min="1" max="20"
  1474. oninput="(!validity.rangeUnderflow||(value=1)) && (!validity.rangeOverflow||(value=20)) &&
  1475. (!validity.stepMismatch||(value=parseInt(this.value)));"><span class="GPIO_IO3 GPIO_item">Bits</span>
  1476. </td>
  1477. <td></td>
  1478. </tr>
  1479. <tr class="GPIO_IO3 GPIO_item expert">
  1480. <td class="indent2">
  1481. <span class="GPIO_IO3 GPIO_item">GPIO3 Enable MQTT</span>
  1482. </td>
  1483. <td><input type="checkbox" id="GPIO_IO3_value4"></td>
  1484. <td></td>
  1485. </tr>
  1486. <tr class="GPIO_IO3 GPIO_item expert">
  1487. <td class="indent2">
  1488. <span class="GPIO_IO3 GPIO_item">GPIO3 Enable REST API</span>
  1489. </td>
  1490. <td><input type="checkbox" id="GPIO_IO3_value5"></td>
  1491. <td></td>
  1492. </tr>
  1493. <tr class="GPIO_IO3 GPIO_item expert">
  1494. <td class="indent2">
  1495. <span class="GPIO_IO3 GPIO_item">GPIO3 Name</span>
  1496. </td>
  1497. <td><input type="text" id="GPIO_IO3_value6"></td>
  1498. <td></td>
  1499. </tr>
  1500. <!------------- GPIO3 end ------------------>
  1501. <!------------- GPIO4 begin ------------------>
  1502. <tr class="GPIO_item" style="border-bottom: 0px;">
  1503. <td class="indent1">
  1504. <input type="checkbox" id="GPIO_IO4_enabled" value="1" onclick = 'InvertEnableItem("GPIO", "IO4")' checked>
  1505. <label for=GPIO_IO4_enabled><span id="GPIO_IO4_text">GPIO4 Configuration</span></label>
  1506. </td>
  1507. <td>
  1508. <select id="GPIO_IO4_value1">
  1509. <option value="input">input</option>
  1510. <option value="input-pullup">input pullup</option>
  1511. <option value="input-pulldown">input pulldown</option>
  1512. <option value="output">output</option>
  1513. <option value="built-in-led" select>built-in led flash light</option>
  1514. </select>
  1515. </td>
  1516. <td>$TOOLTIP_GPIO_IO4</td>
  1517. </tr>
  1518. <tr class="GPIO_item" style="border-top: 0px;">
  1519. <td colspan="2" style="padding-left:28px">
  1520. <b>IMPORTANT NOTE:</b><br>
  1521. If you'd like to use the built-in flash LED in parallel with other GPIO functionality,
  1522. you have to explicitely activate the "built-in LED flash light" option on GPIO4. The light
  1523. intensity control (PWM) of the LED flash light is not functional anymore (only 100%).
  1524. </td>
  1525. </tr>
  1526. <tr class="GPIO_IO4 GPIO_item expert">
  1527. <td class="indent2">
  1528. <span class="GPIO_IO4 GPIO_item">GPIO4 Use Interrupt</span>
  1529. </td>
  1530. <td>
  1531. <select id="GPIO_IO4_value2">
  1532. <option value="disabled">disabled</option>
  1533. <option value="rising-edge">rising edge</option>
  1534. <option value="falling-edge">falling edge</option>
  1535. <option value="rising-and-falling">rising and falling</option>
  1536. <option value="low-level-trigger">low level trigger</option>
  1537. <option value="high-level-trigger">high level trigger</option>
  1538. </select>
  1539. </td>
  1540. <td></td>
  1541. </tr>
  1542. <tr class="GPIO_IO4 GPIO_item expert">
  1543. <td class="indent2">
  1544. <span class="GPIO_IO4 GPIO_item">GPIO4 PWM Duty Cycle Resolution</span>
  1545. </td>
  1546. <td><input required type="number" id="GPIO_IO4_value3" min="1" max="20"
  1547. oninput="(!validity.rangeUnderflow||(value=1)) && (!validity.rangeOverflow||(value=20)) &&
  1548. (!validity.stepMismatch||(value=parseInt(this.value)));"><span class="GPIO_IO4 GPIO_item">Bits</span>
  1549. </td>
  1550. <td></td>
  1551. </tr>
  1552. <tr class="GPIO_IO4 GPIO_item expert">
  1553. <td class="indent2">
  1554. <span class="GPIO_IO4 GPIO_item">GPIO4 Enable MQTT</span>
  1555. </td>
  1556. <td><input type="checkbox" id="GPIO_IO4_value4"></td>
  1557. <td></td>
  1558. </tr>
  1559. <tr class="GPIO_IO4 GPIO_item expert">
  1560. <td class="indent2">
  1561. <span class="GPIO_IO4 GPIO_item">GPIO4 Enable REST API</span>
  1562. </td>
  1563. <td><input type="checkbox" id="GPIO_IO4_value5"></td>
  1564. <td></td>
  1565. </tr>
  1566. <tr class="GPIO_IO4 GPIO_item expert">
  1567. <td class="indent2">
  1568. <span class="GPIO_IO4 GPIO_item">GPIO4 Name</span>
  1569. </td>
  1570. <td><input type="text" id="GPIO_IO4_value6"></td>
  1571. <td></td>
  1572. </tr>
  1573. <!------------- GPIO4 end ------------------>
  1574. <!------------- GPIO12 begin ------------------>
  1575. <tr class="GPIO_item">
  1576. <td class="indent1">
  1577. <input type="checkbox" id="GPIO_IO12_enabled" value="1" onclick = 'InvertEnableItem("GPIO", "IO12")' unchecked>
  1578. <label for=GPIO_IO12_enabled><span id="GPIO_IO12_text">GPIO12 Configuration</span></label>
  1579. </td>
  1580. <td>
  1581. <select id="GPIO_IO12_value1">
  1582. <option value="input">input</option>
  1583. <option value="input-pullup">input pullup</option>
  1584. <option value="input-pulldown">input pulldown</option>
  1585. <option value="output">output</option>
  1586. <!-- <option value="output-pwm">output-pwm</option> -->
  1587. <!-- <option value="external-flash-pwm">external-flash-pwm</option> -->
  1588. <option value="external-flash-ws281x">external flash light ws281x controlled</option>
  1589. </select>
  1590. </td>
  1591. <td>$TOOLTIP_GPIO_IO12</td>
  1592. </tr>
  1593. <tr class="GPIO_IO12 GPIO_item expert">
  1594. <td class="indent2">
  1595. <span class="GPIO_IO12 GPIO_item">GPIO12 Use Interrupt</span>
  1596. </td>
  1597. <td>
  1598. <select class="GPIO_IO12 GPIO_item" id="GPIO_IO12_value2">
  1599. <option value="disabled">disabled</option>
  1600. <option value="rising-edge">rising edge</option>
  1601. <option value="falling-edge">falling edge</option>
  1602. <option value="rising-and-falling">rising and falling</option>
  1603. <option value="low-level-trigger">low level trigger</option>
  1604. <option value="high-level-trigger">high level trigger</option>
  1605. </select>
  1606. </td>
  1607. <td></td>
  1608. </tr>
  1609. <tr class="GPIO_IO12 GPIO_item expert">
  1610. <td class="indent2">
  1611. <span class="GPIO_IO12 GPIO_item">GPIO12 PWM Duty Cycle Resolution</span>
  1612. </td>
  1613. <td><input required type="number" id="GPIO_IO12_value3" min="1" max="20"
  1614. oninput="(!validity.rangeUnderflow||(value=1)) && (!validity.rangeOverflow||(value=20)) &&
  1615. (!validity.stepMismatch||(value=parseInt(this.value)));"><span class="GPIO_IO12 GPIO_item">Bits</span>
  1616. </td>
  1617. <td></td>
  1618. </tr>
  1619. <tr class="GPIO_IO12 GPIO_item expert">
  1620. <td class="indent2">
  1621. <span class="GPIO_IO12 GPIO_item">GPIO12 Enable MQTT</span>
  1622. </td>
  1623. <td><input type="checkbox" id="GPIO_IO12_value4"></td>
  1624. <td></td>
  1625. </tr>
  1626. <tr class="GPIO_IO12 GPIO_item expert">
  1627. <td class="indent2">
  1628. <span class="GPIO_IO12 GPIO_item">GPIO12 Enable REST API</span>
  1629. </td>
  1630. <td><input type="checkbox" id="GPIO_IO12_value5"></td>
  1631. <td></td>
  1632. </tr>
  1633. <tr class="GPIO_IO12 GPIO_item expert">
  1634. <td class="indent2">
  1635. <span class="GPIO_IO12 GPIO_item">GPIO12 Name</span>
  1636. </td>
  1637. <td><input type="text" id="GPIO_IO12_value6"></td>
  1638. <td></td>
  1639. </tr>
  1640. <tr class="GPIO_item" unused_id="wstypeex3">
  1641. <td class="indent1">
  1642. <span class="GPIO_IO12 GPIO_item" id="GPIO_LEDType_text">LED Type (NeoPixel)</span>
  1643. </td>
  1644. <td class="GPIO_item">
  1645. <select class="GPIO_item" id="GPIO_LEDType_value1">
  1646. <option value="WS2812" selected>WS2812</option>
  1647. <option value="WS2812B">WS2812B</option>
  1648. <option value="SK6812">SK6812</option>
  1649. <option value="WS2813">WS2813 (not tested)</option>
  1650. </select>
  1651. </td>
  1652. <td>$TOOLTIP_GPIO_LEDType</td>
  1653. </tr>
  1654. <tr class="GPIO_item" unused_id="LEDANZex8" >
  1655. <td class="indent1">
  1656. <span class="GPIO_item" id="GPIO_LEDNumbers_text">Numbers of LEDs</span>
  1657. </td>
  1658. <td>
  1659. <input required type="number" name="name" id="GPIO_LEDNumbers_value1" size="13" min="1"
  1660. oninput="(!validity.rangeUnderflow||(value=1)) && (!validity.stepMismatch||(value=parseInt(this.value)));">
  1661. </td>
  1662. <td>$TOOLTIP_GPIO_LEDNumbers</td>
  1663. </tr>
  1664. <tr class="GPIO_item" unused_id="LEDRGBex9">
  1665. <td class="indent1">
  1666. <span class="GPIO_item" id="GPIO_LEDColor_text">LED Color</span>
  1667. </td>
  1668. <td>
  1669. R <input required type="number" class="GPIO_IO12 GPIO_item" id="GPIO_LEDColor_value1"
  1670. min="0" max="255" step="1" oninput="(!validity.rangeUnderflow||(value=0)) && (!validity.rangeOverflow||(value=255)) &&
  1671. (!validity.stepMismatch||(value=parseInt(this.value)));">
  1672. </td>
  1673. <td>$TOOLTIP_GPIO_LEDColor</td>
  1674. </tr>
  1675. <tr class="GPIO_item" unused_id="LEDRGBex9">
  1676. <td></td>
  1677. <td>
  1678. G <input required type="number" class="GPIO_IO12 GPIO_item" id="GPIO_LEDColor_value2"
  1679. min="0" max="255" step="1" oninput="(!validity.rangeUnderflow||(value=0)) && (!validity.rangeOverflow||(value=255)) &&
  1680. (!validity.stepMismatch||(value=parseInt(this.value)));">
  1681. </td>
  1682. </tr>
  1683. <tr class="GPIO_item" unused_id="LEDRGBex9">
  1684. <td></td>
  1685. <td>
  1686. B <input required type="number" class="GPIO_IO12 GPIO_item" id="GPIO_LEDColor_value3"
  1687. min="0" max="255" step="1" oninput="(!validity.rangeUnderflow||(value=0)) && (!validity.rangeOverflow||(value=255)) &&
  1688. (!validity.stepMismatch||(value=parseInt(this.value)));">
  1689. </td>
  1690. </tr>
  1691. <!------------- GPIO12 end ------------------>
  1692. <!------------- GPIO13 begin ------------------>
  1693. <tr class="GPIO_IO13 GPIO_item expert">
  1694. <td class="indent1">
  1695. <input type="checkbox" id="GPIO_IO13_enabled" value="1" onclick = 'InvertEnableItem("GPIO", "IO13")' unchecked>
  1696. <label for=GPIO_IO13_enabled><span id="GPIO_IO13_text">GPIO13 Configuration</span></label>
  1697. </td>
  1698. <td>
  1699. <select id="GPIO_IO13_value1">
  1700. <option value="input">input</option>
  1701. <option value="input-pullup">input pullup</option>
  1702. <option value="input-pulldown">input pulldown</option>
  1703. <option value="output">output</option>
  1704. </select>
  1705. </td>
  1706. <td>$TOOLTIP_GPIO_IO13</td>
  1707. </tr>
  1708. <tr class="GPIO_IO13 GPIO_item expert">
  1709. <td class="indent2">
  1710. <span class="GPIO_IO13 GPIO_item">GPIO13 Use Interrupt</span>
  1711. </td>
  1712. <td>
  1713. <select id="GPIO_IO13_value2">
  1714. <option value="disabled">disabled</option>
  1715. <option value="rising-edge" disabled>rising edge</option>
  1716. <option value="falling-edge" disabled>falling edge</option>
  1717. <option value="rising-and-falling">rising and falling</option>
  1718. <option value="low-level-trigger">low level trigger</option>
  1719. <option value="high-level-trigger">high level trigger</option>
  1720. </select>
  1721. </td>
  1722. <td></td>
  1723. </tr>
  1724. <tr class="GPIO_IO13 GPIO_item expert">
  1725. <td class="indent2">
  1726. <span class="GPIO_IO13 GPIO_item">GPIO13 PWM Duty Cycle Resolution</span>
  1727. </td>
  1728. <td><input required type="number" id="GPIO_IO13_value3" min="1" max="20"
  1729. oninput="(!validity.rangeUnderflow||(value=1)) && (!validity.rangeOverflow||(value=20)) &&
  1730. (!validity.stepMismatch||(value=parseInt(this.value)));"><span class="GPIO_IO13 GPIO_item">Bits</span></td>
  1731. <td></td>
  1732. </tr>
  1733. <tr class="GPIO_IO13 GPIO_item expert">
  1734. <td class="indent2">
  1735. <span class="GPIO_IO13 GPIO_item">GPIO13 Enable MQTT</span>
  1736. </td>
  1737. <td><input type="checkbox" id="GPIO_IO13_value4"></td>
  1738. <td></td>
  1739. </tr>
  1740. <tr class="GPIO_IO13 GPIO_item expert">
  1741. <td class="indent2">
  1742. <span class="GPIO_IO13 GPIO_item">GPIO13 Enable REST API</span>
  1743. </td>
  1744. <td><input type="checkbox" id="GPIO_IO13_value5"></td>
  1745. <td></td>
  1746. </tr>
  1747. <tr class="GPIO_IO13 GPIO_item expert">
  1748. <td class="indent2">
  1749. <span class="GPIO_IO13 GPIO_item">GPIO13 Name</span>
  1750. </td>
  1751. <td><input type="text" id="GPIO_IO13_value6"></td>
  1752. <td></td>
  1753. </tr>
  1754. <!------------- GPIO13 end ------------------>
  1755. <!------------- Autotimer ------------------>
  1756. <!--
  1757. <tr style="border-bottom: 2px solid lightgray;">
  1758. <td colspan="3" style="padding-left: 0px; padding-bottom: 3px;"><h4>Auto Timer</h4></td>
  1759. </tr>
  1760. <tr class="expert" unused_id="ex13">
  1761. <td class="indent1">
  1762. <class id="AutoTimer_AutoStart_text" style="color:black;">Automatic Round Start</class>
  1763. </td>
  1764. <td>
  1765. <select id="AutoTimer_AutoStart_value1">
  1766. <option value="true">enabled (true)</option>
  1767. <option value="false" selected>disabled (false)</option>
  1768. </select>
  1769. </td>
  1770. <td>$TOOLTIP_AutoTimer_AutoStart</td>
  1771. </tr>
  1772. -->
  1773. <tr>
  1774. <td class="indent1">
  1775. <class id="AutoTimer_Interval_text" style="color:black;">Round Interval</class>
  1776. </td>
  1777. <td>
  1778. <input required type="number" id="AutoTimer_Interval_value1" size="13" min="1" step="any"
  1779. oninput="(!validity.rangeUnderflow||(value=1));">Minutes
  1780. </td>
  1781. <td>$TOOLTIP_AutoTimer_Interval</td>
  1782. </tr>
  1783. <!------------- Data Logging ------------------>
  1784. <tr style="border-bottom: 2px solid lightgray;">
  1785. <td colspan="3" style="padding-left: 0px; padding-bottom: 3px;"><h4>Data Logging</h4></td>
  1786. </tr>
  1787. <tr>
  1788. <td class="indent1">
  1789. <class id="DataLogging_DataLogActive_text" style="color:black;">Data Logging</class>
  1790. </td>
  1791. <td>
  1792. <select id="DataLogging_DataLogActive_value1">
  1793. <option value="true">enabled (true)</option>
  1794. <option value="false" selected>disabled (false)</option>
  1795. </select>
  1796. </td>
  1797. <td>$TOOLTIP_DataLogging_DataLogActive</td>
  1798. </tr>
  1799. <tr>
  1800. <td class="indent1">
  1801. <class id="DataLogging_DataFilesRetention_text" style="color:black;">Data Files Retention</class>
  1802. </td>
  1803. <td>
  1804. <input required type="number" id="DataLogging_DataFilesRetention_value1" size="13" min="0" step="1"
  1805. oninput="(!validity.rangeUnderflow||(value=0)) && (!validity.stepMismatch||(value=parseInt(this.value)));">Days
  1806. </td>
  1807. <td>$TOOLTIP_DataLogging_DataFilesRetention</td>
  1808. </tr>
  1809. <!------------- Debug Logging ------------------>
  1810. <tr style="border-bottom: 2px solid lightgray;">
  1811. <td colspan="3" style="padding-left: 0px; padding-bottom: 3px;"><h4>Debug</h4></td>
  1812. </tr>
  1813. <tr>
  1814. <td class="indent1">
  1815. <class id="Debug_LogLevel_text" style="color:black;">Logfile Log Level</class>
  1816. </td>
  1817. <td>
  1818. <select id="Debug_LogLevel_value1">
  1819. <option value="1" selected>ERROR</option> <!-- matches esp_log_level_t -->
  1820. <option value="2">WARNING</option>
  1821. <option value="3">INFO</option>
  1822. <option value="4">DEBUG</option>
  1823. </select>
  1824. </td>
  1825. <td>$TOOLTIP_Debug_LogLevel</td>
  1826. </tr>
  1827. <tr>
  1828. <td class="indent1">
  1829. <class id="Debug_LogfilesRetention_text" style="color:black;">Logfiles Retention</class>
  1830. </td>
  1831. <td>
  1832. <input required type="number" id="Debug_LogfilesRetention_value1" size="13" min="0" step="1"
  1833. oninput="(!validity.rangeUnderflow||(value=0)) && (!validity.stepMismatch||(value=parseInt(this.value)));">Days
  1834. </td>
  1835. <td>$TOOLTIP_Debug_LogfilesRetention</td>
  1836. </tr>
  1837. <!------------- System ------------------>
  1838. <tr style="border-bottom: 2px solid lightgray;">
  1839. <td colspan="3" style="padding-left: 0px; padding-bottom: 3px;"><h4>System</h4></td>
  1840. </tr>
  1841. <tr>
  1842. <td class="indent1">
  1843. <input type="checkbox" id="System_TimeZone_enabled" value="1" onclick = 'InvertEnableItem("System", "TimeZone")' unchecked >
  1844. <label for=System_TimeZone_enabled><class id="System_TimeZone_text" style="color:black;">Time Zone</class></label>
  1845. <p></p><p></p>
  1846. </td>
  1847. <td>
  1848. <input type="text" id="System_TimeZone_value1">
  1849. <p>Use <a href="timezones.html" target="_blank">timezones</a> to find your settings</p>
  1850. </td>
  1851. <td>$TOOLTIP_System_TimeZone</td>
  1852. </tr>
  1853. <tr class="expert" unused_id="ex16">
  1854. <td class="indent1">
  1855. <input type="checkbox" id="System_TimeServer_enabled" value="1" onclick = 'InvertEnableItem("System", "TimeServer")' unchecked >
  1856. <label for=System_TimeServer_enabled><class id="System_TimeServer_text" style="color:black;">Time Server (NTP)</class></label>
  1857. </td>
  1858. <td>
  1859. <input type="text" id="System_TimeServer_value1">
  1860. </td>
  1861. <td>$TOOLTIP_System_TimeServer</td>
  1862. </tr>
  1863. <tr class="expert" unused_id="System_Hostname">
  1864. <td class="indent1">
  1865. <input type="checkbox" id="System_Hostname_enabled" value="1" onclick = 'InvertEnableItem("System", "Hostname")' unchecked >
  1866. <label for=System_Hostname_enabled><class id="System_Hostname_text" style="color:black;">Hostname</class></label>
  1867. </td>
  1868. <td>
  1869. <input type="text" id="System_Hostname_value1">
  1870. </td>
  1871. <td>$TOOLTIP_System_Hostname</td>
  1872. </tr>
  1873. <tr class="expert" unused_id="System_RSSIThreshold">
  1874. <td class="indent1">
  1875. <input type="checkbox" id="System_RSSIThreshold_enabled" value="1" onclick = 'InvertEnableItem("System", "RSSIThreshold")' unchecked >
  1876. <label for=System_RSSIThreshold_enabled><class id="System_RSSIThreshold_text" style="color:black;">RSSI Threshold</class></label>
  1877. </td>
  1878. <td>
  1879. <input required type="number" name="name" id="System_RSSIThreshold_value1" min="-100" max="0" step="1"
  1880. oninput="(!validity.rangeUnderflow||(value=-100)) && (!validity.rangeOverflow||(value=0)) &&
  1881. (!validity.stepMismatch||(value=parseInt(this.value)));">dBm
  1882. </td>
  1883. <td>$TOOLTIP_System_RSSIThreshold</td>
  1884. </tr>
  1885. <tr class="expert" unused_id="System_CPUFrequency">
  1886. <td class="indent1">
  1887. <input type="checkbox" id="System_CPUFrequency_enabled" value="1" onclick = 'InvertEnableItem("System", "CPUFrequency")' unchecked >
  1888. <label for=System_CPUFrequency_enabled><class id="System_CPUFrequency_text" style="color:black;">CPU Frequency</class></label>
  1889. </td>
  1890. <td>
  1891. <select id="System_CPUFrequency_value1">
  1892. <option value="160" selected>160 MHz</option>
  1893. <option value="240">240 MHz</option>
  1894. </select>
  1895. </td>
  1896. <td>$TOOLTIP_System_CPUFrequency</td>
  1897. </tr>
  1898. <tr>
  1899. <td class="indent1">
  1900. <class id="System_Tooltip_text" style="color:black;">Tooltip</class>
  1901. </td>
  1902. <td>
  1903. <select id="System_Tooltip_value1" onchange="UpdateTooltipModus()">
  1904. <option value="true">enabled (true)</option>
  1905. <option value="false" selected>disabled (false)</option>
  1906. </select>
  1907. </td>
  1908. <td></td>
  1909. </tr>
  1910. </table>
  1911. <table style="padding-top:10px">
  1912. <td>
  1913. <button class="button" onclick="saveTextAsFile()">Save Config</button>
  1914. </td>
  1915. <td>
  1916. <button class="button" id="reboot" type="button" onclick="doReboot()">Reboot to activate changes</button>
  1917. </td>
  1918. </table>
  1919. </div>
  1920. <script type="text/javascript" src="readconfigparam.js?v=$COMMIT_HASH"></script>
  1921. <script type="text/javascript" src="readconfigcommon.js?v=$COMMIT_HASH"></script>
  1922. <script type="text/javascript">
  1923. var canvas = document.getElementById('canvas'),
  1924. domainname = getDomainname(),
  1925. changeCamValue = 0,
  1926. param,
  1927. category,
  1928. NUNBERSAkt = -1,
  1929. NUMBERS;
  1930. function cameraParameterChanged() {
  1931. changeCamValue = 1;
  1932. if(!document.getElementById("TakeImage_CamZoom_value1").selectedIndex) {
  1933. // EnDisableItem(_status, _param, _category, _cat, _name, _optional, _number = -1)
  1934. EnDisableItem(true, param, category, "TakeImage", "CamZoomOffsetX", false);
  1935. EnDisableItem(true, param, category, "TakeImage", "CamZoomOffsetY", false);
  1936. EnDisableItem(true, param, category, "TakeImage", "CamZoomSize", false);
  1937. }
  1938. else {
  1939. EnDisableItem(false, param, category, "TakeImage", "CamZoomOffsetX", false);
  1940. EnDisableItem(false, param, category, "TakeImage", "CamZoomOffsetY", false);
  1941. EnDisableItem(false, param, category, "TakeImage", "CamZoomSize", false);
  1942. }
  1943. if(document.getElementById("TakeImage_CamAutoSharpness_value1").selectedIndex) {
  1944. EnDisableItem(true, param, category, "TakeImage", "CamSharpness", false);
  1945. }
  1946. else {
  1947. EnDisableItem(false, param, category, "TakeImage", "CamSharpness", false);
  1948. }
  1949. }
  1950. function LoadConfigNeu() {
  1951. if (!loadConfig(domainname)) {
  1952. firework.launch('Configuration could not be loaded! Please reload the page!', 'danger', 30000);
  1953. return;
  1954. }
  1955. param = getCamConfig();
  1956. category = getConfigCategory();
  1957. InitIndivParameter();
  1958. UpdateInput();
  1959. var sel = document.getElementById("Numbers_value1");
  1960. UpdateInputIndividual(sel);
  1961. UpdateExpertModus();
  1962. UpdateTooltipModus();
  1963. document.getElementById("divall").style.display = '';
  1964. if(!document.getElementById("TakeImage_CamZoom_value1").selectedIndex) {
  1965. // EnDisableItem(_status, _param, _category, _cat, _name, _optional, _number = -1)
  1966. EnDisableItem(true, param, category, "TakeImage", "CamZoomOffsetX", false);
  1967. EnDisableItem(true, param, category, "TakeImage", "CamZoomOffsetY", false);
  1968. EnDisableItem(true, param, category, "TakeImage", "CamZoomSize", false);
  1969. }
  1970. else {
  1971. EnDisableItem(false, param, category, "TakeImage", "CamZoomOffsetX", false);
  1972. EnDisableItem(false, param, category, "TakeImage", "CamZoomOffsetY", false);
  1973. EnDisableItem(false, param, category, "TakeImage", "CamZoomSize", false);
  1974. }
  1975. if(document.getElementById("TakeImage_CamAutoSharpness_value1").selectedIndex) {
  1976. EnDisableItem(true, param, category, "TakeImage", "CamSharpness", false);
  1977. }
  1978. else {
  1979. EnDisableItem(false, param, category, "TakeImage", "CamSharpness", false);
  1980. }
  1981. }
  1982. function InitIndivParameter() {
  1983. NUMBERS = getNUMBERInfo();
  1984. var _index = document.getElementById("Numbers_value1");
  1985. while (_index.length) {
  1986. _index.remove(0);
  1987. }
  1988. var _indexInflux = document.getElementById("NumbersInfluxDBv2_value1");
  1989. while (_indexInflux.length) {
  1990. _indexInflux.remove(0);
  1991. }
  1992. var _indexInfluxv1 = document.getElementById("NumbersInfluxDB_value1");
  1993. while (_indexInfluxv1.length) {
  1994. _indexInfluxv1.remove(0);
  1995. }
  1996. var _indexMQTTIdx = document.getElementById("NumbersMQTTIdx_value1");
  1997. while (_indexMQTTIdx.length) {
  1998. _indexMQTTIdx.remove(0);
  1999. }
  2000. for (var i = 0; i < NUMBERS.length; ++i) {
  2001. var option = document.createElement("option");
  2002. option.text = NUMBERS[i]["name"];
  2003. option.value = i;
  2004. _index.add(option);
  2005. var optionInflux = document.createElement("option");
  2006. optionInflux.text = NUMBERS[i]["name"];
  2007. optionInflux.value = i;
  2008. _indexInflux.add(optionInflux);
  2009. var optionInfluxv1 = document.createElement("option");
  2010. optionInfluxv1.text = NUMBERS[i]["name"];
  2011. optionInfluxv1.value = i;
  2012. _indexInfluxv1.add(optionInfluxv1);
  2013. var optionMQTTIdx = document.createElement("option");
  2014. optionMQTTIdx.text = NUMBERS[i]["name"];
  2015. optionMQTTIdx.value = i;
  2016. _indexMQTTIdx.add(optionMQTTIdx);
  2017. }
  2018. _index.selectedIndex = 0;
  2019. _indexInflux.selectedIndex = 0;
  2020. _indexInfluxv1.selectedIndex = 0;
  2021. _indexMQTTIdx.selectedIndex = 0;
  2022. }
  2023. function UpdateInputIndividual(sel) {
  2024. if (NUNBERSAkt != -1) {
  2025. // ReadParameter(param, "PostProcessing", "PreValueUse", false, NUNBERSAkt);
  2026. ReadParameter(param, "PostProcessing", "DecimalShift", true, NUNBERSAkt);
  2027. ReadParameter(param, "PostProcessing", "AnalogToDigitTransitionStart", true, NUNBERSAkt);
  2028. ReadParameter(param, "PostProcessing", "ChangeRateThreshold", true, NUNBERSAkt);
  2029. ReadParameter(param, "PostProcessing", "MaxRateValue", true, NUNBERSAkt);
  2030. ReadParameter(param, "PostProcessing", "MaxRateType", true, NUNBERSAkt);
  2031. ReadParameter(param, "PostProcessing", "ExtendedResolution", false, NUNBERSAkt);
  2032. ReadParameter(param, "PostProcessing", "IgnoreLeadingNaN", false, NUNBERSAkt);
  2033. // ReadParameter(param, "PostProcessing", "IgnoreAllNaN", false, NUNBERSAkt);
  2034. ReadParameter(param, "PostProcessing", "AllowNegativeRates", false, NUNBERSAkt);
  2035. ReadParameter(param, "InfluxDB", "Field", true, NUNBERSAkt);
  2036. ReadParameter(param, "InfluxDBv2", "Field", true, NUNBERSAkt);
  2037. ReadParameter(param, "InfluxDB", "Measurement", true, NUNBERSAkt);
  2038. ReadParameter(param, "InfluxDBv2", "Measurement", true, NUNBERSAkt);
  2039. ReadParameter(param, "MQTT", "DomoticzIDX", true, NUNBERSAkt);
  2040. }
  2041. // var sel = document.getElementById("Numbers_value1");
  2042. NUNBERSAkt = sel.selectedIndex;
  2043. // WriteParameter(param, category, "PostProcessing", "PreValueUse", false, NUNBERSAkt);
  2044. WriteParameter(param, category, "PostProcessing", "DecimalShift", true, NUNBERSAkt);
  2045. WriteParameter(param, category, "PostProcessing", "AnalogToDigitTransitionStart", true, NUNBERSAkt);
  2046. WriteParameter(param, category, "PostProcessing", "ChangeRateThreshold", true, NUNBERSAkt);
  2047. WriteParameter(param, category, "PostProcessing", "MaxRateValue", true, NUNBERSAkt);
  2048. WriteParameter(param, category, "PostProcessing", "MaxRateType", true, NUNBERSAkt);
  2049. WriteParameter(param, category, "PostProcessing", "ExtendedResolution", false, NUNBERSAkt);
  2050. WriteParameter(param, category, "PostProcessing", "IgnoreLeadingNaN", false, NUNBERSAkt);
  2051. // WriteParameter(param, category, "PostProcessing", "IgnoreAllNaN", false, NUNBERSAkt);
  2052. WriteParameter(param, category, "PostProcessing", "AllowNegativeRates", false, NUNBERSAkt);
  2053. WriteParameter(param, category, "InfluxDB", "Field", true, NUNBERSAkt);
  2054. WriteParameter(param, category, "InfluxDBv2", "Field", true, NUNBERSAkt);
  2055. WriteParameter(param, category, "InfluxDB", "Measurement", true, NUNBERSAkt);
  2056. WriteParameter(param, category, "InfluxDBv2", "Measurement", true, NUNBERSAkt);
  2057. WriteParameter(param, category, "MQTT", "DomoticzIDX", true, NUNBERSAkt);
  2058. }
  2059. function UpdateInput() {
  2060. document.getElementById("Category_Digits_enabled").checked = category["Digits"]["enabled"];
  2061. setVisible("DigitItem", category["Digits"]["enabled"]);
  2062. document.getElementById("Category_Analog_enabled").checked = category["Analog"]["enabled"];
  2063. setVisible("AnalogItem", category["Analog"]["enabled"]);
  2064. document.getElementById("Category_MQTT_enabled").checked = category["MQTT"]["enabled"];
  2065. setVisible("MQTTItem", category["MQTT"]["enabled"]);
  2066. document.getElementById("Category_GPIO_enabled").checked = category["GPIO"]["enabled"];
  2067. setVisible("GPIO_item", category["GPIO"]["enabled"]);
  2068. document.getElementById("Category_InfluxDB_enabled").checked = category["InfluxDB"]["enabled"];
  2069. setVisible("InfluxDBv1Item", category["InfluxDB"]["enabled"]);
  2070. document.getElementById("Category_InfluxDBv2_enabled").checked = category["InfluxDBv2"]["enabled"];
  2071. setVisible("InfluxDBv2Item", category["InfluxDBv2"]["enabled"]);
  2072. document.getElementById("Category_Webhook_enabled").checked = category["Webhook"]["enabled"];
  2073. setVisible("WebhookItem", category["Webhook"]["enabled"]);
  2074. WriteParameter(param, category, "TakeImage", "RawImagesLocation", true);
  2075. WriteParameter(param, category, "TakeImage", "RawImagesRetention", true);
  2076. WriteParameter(param, category, "TakeImage", "WaitBeforeTakingPicture", false);
  2077. WriteParameter(param, category, "TakeImage", "CamGainceiling", false);
  2078. WriteParameter(param, category, "TakeImage", "CamQuality", false);
  2079. WriteParameter(param, category, "TakeImage", "CamBrightness", false);
  2080. WriteParameter(param, category, "TakeImage", "CamContrast", false);
  2081. WriteParameter(param, category, "TakeImage", "CamSaturation", false);
  2082. WriteParameter(param, category, "TakeImage", "CamSharpness", false);
  2083. WriteParameter(param, category, "TakeImage", "CamAutoSharpness", false);
  2084. WriteParameter(param, category, "TakeImage", "CamSpecialEffect", false);
  2085. WriteParameter(param, category, "TakeImage", "CamWbMode", false);
  2086. WriteParameter(param, category, "TakeImage", "CamAwb", false);
  2087. WriteParameter(param, category, "TakeImage", "CamAwbGain", false);
  2088. WriteParameter(param, category, "TakeImage", "CamAec", false);
  2089. WriteParameter(param, category, "TakeImage", "CamAec2", false);
  2090. WriteParameter(param, category, "TakeImage", "CamAeLevel", false);
  2091. WriteParameter(param, category, "TakeImage", "CamAecValue", false);
  2092. WriteParameter(param, category, "TakeImage", "CamAgc", false);
  2093. WriteParameter(param, category, "TakeImage", "CamAgcGain", false);
  2094. WriteParameter(param, category, "TakeImage", "CamBpc", false);
  2095. WriteParameter(param, category, "TakeImage", "CamWpc", false);
  2096. WriteParameter(param, category, "TakeImage", "CamRawGma", false);
  2097. WriteParameter(param, category, "TakeImage", "CamLenc", false);
  2098. WriteParameter(param, category, "TakeImage", "CamHmirror", false);
  2099. WriteParameter(param, category, "TakeImage", "CamVflip", false);
  2100. WriteParameter(param, category, "TakeImage", "CamDcw", false);
  2101. WriteParameter(param, category, "TakeImage", "CamDenoise", false);
  2102. WriteParameter(param, category, "TakeImage", "CamZoom", false);
  2103. WriteParameter(param, category, "TakeImage", "CamZoomOffsetX", false);
  2104. WriteParameter(param, category, "TakeImage", "CamZoomOffsetY", false);
  2105. WriteParameter(param, category, "TakeImage", "CamZoomSize", false);
  2106. WriteParameter(param, category, "TakeImage", "LEDIntensity", false);
  2107. WriteParameter(param, category, "TakeImage", "Demo", false);
  2108. WriteParameter(param, category, "Alignment", "SearchFieldX", false);
  2109. WriteParameter(param, category, "Alignment", "SearchFieldY", false);
  2110. WriteParameter(param, category, "Alignment", "AlignmentAlgo", true);
  2111. WriteParameter(param, category, "Alignment", "InitialRotate", false);
  2112. WriteParameter(param, category, "Digits", "CNNGoodThreshold", true);
  2113. WriteParameter(param, category, "Digits", "ROIImagesLocation", true);
  2114. WriteParameter(param, category, "Digits", "ROIImagesRetention", true);
  2115. WriteParameter(param, category, "Analog", "ROIImagesLocation", true);
  2116. WriteParameter(param, category, "Analog", "ROIImagesRetention", true);
  2117. WriteParameter(param, category, "PostProcessing", "PreValueUse", false);
  2118. WriteParameter(param, category, "PostProcessing", "PreValueAgeStartup", true);
  2119. WriteParameter(param, category, "PostProcessing", "ErrorMessage", false);
  2120. WriteParameter(param, category, "PostProcessing", "CheckDigitIncreaseConsistency", false);
  2121. WriteParameter(param, category, "MQTT", "Uri", true);
  2122. WriteParameter(param, category, "MQTT", "MainTopic", true);
  2123. WriteParameter(param, category, "MQTT", "ClientID", true);
  2124. WriteParameter(param, category, "MQTT", "user", true);
  2125. WriteParameter(param, category, "MQTT", "password", true);
  2126. WriteParameter(param, category, "MQTT", "RetainMessages", false);
  2127. WriteParameter(param, category, "MQTT", "HomeassistantDiscovery", false);
  2128. WriteParameter(param, category, "MQTT", "MeterType", true);
  2129. WriteParameter(param, category, "MQTT", "CACert", true);
  2130. WriteParameter(param, category, "MQTT", "ClientCert", true);
  2131. WriteParameter(param, category, "MQTT", "ClientKey", true);
  2132. WriteParameter(param, category, "MQTT", "ValidateServerCert", true);
  2133. WriteParameter(param, category, "MQTT", "DomoticzTopicIn", true);
  2134. WriteParameter(param, category, "InfluxDB", "Uri", true);
  2135. WriteParameter(param, category, "InfluxDB", "Database", true);
  2136. // WriteParameter(param, category, "InfluxDB", "Measurement", true);
  2137. WriteParameter(param, category, "InfluxDB", "user", true);
  2138. WriteParameter(param, category, "InfluxDB", "password", true);
  2139. // WriteParameter(param, category, "InfluxDB", "Field", true);
  2140. WriteParameter(param, category, "InfluxDBv2", "Uri", true);
  2141. WriteParameter(param, category, "InfluxDBv2", "Bucket", true);
  2142. // WriteParameter(param, category, "InfluxDBv2", "Measurement", true);
  2143. WriteParameter(param, category, "InfluxDBv2", "Org", true);
  2144. WriteParameter(param, category, "InfluxDBv2", "Token", true);
  2145. // WriteParameter(param, category, "InfluxDBv2", "Field", true);
  2146. WriteParameter(param, category, "Webhook", "Uri", true);
  2147. WriteParameter(param, category, "Webhook", "ApiKey", true);
  2148. WriteParameter(param, category, "Webhook", "UploadImg", false);
  2149. WriteParameter(param, category, "GPIO", "IO0", true);
  2150. WriteParameter(param, category, "GPIO", "IO1", true);
  2151. WriteParameter(param, category, "GPIO", "IO3", true);
  2152. WriteParameter(param, category, "GPIO", "IO4", true);
  2153. WriteParameter(param, category, "GPIO", "IO12", true);
  2154. WriteParameter(param, category, "GPIO", "IO13", true);
  2155. WriteParameter(param, category, "GPIO", "LEDType", false);
  2156. WriteParameter(param, category, "GPIO", "LEDNumbers", false);
  2157. WriteParameter(param, category, "GPIO", "LEDColor", false);
  2158. //WriteParameter(param, category, "AutoTimer", "AutoStart", false);
  2159. WriteParameter(param, category, "AutoTimer", "Interval", false);
  2160. WriteParameter(param, category, "DataLogging", "DataLogActive", false);
  2161. WriteParameter(param, category, "DataLogging", "DataFilesRetention", false);
  2162. WriteParameter(param, category, "Debug", "LogLevel", false);
  2163. WriteParameter(param, category, "Debug", "LogfilesRetention", false);
  2164. WriteParameter(param, category, "System", "Tooltip", false);
  2165. WriteParameter(param, category, "System", "TimeZone", true);
  2166. WriteParameter(param, category, "System", "Hostname", true);
  2167. WriteParameter(param, category, "System", "TimeServer", true);
  2168. WriteParameter(param, category, "System", "RSSIThreshold", true);
  2169. WriteParameter(param, category, "System", "CPUFrequency", true);
  2170. WriteModelFiles();
  2171. }
  2172. function WriteModelFiles() {
  2173. list_tflite = getTFLITEList();
  2174. var _indexDig = document.getElementById("Digits_Model_value1");
  2175. var _indexAna = document.getElementById("Analog_Model_value1");
  2176. while (_indexDig.length) {
  2177. _indexDig.remove(0);
  2178. }
  2179. while (_indexAna.length) {
  2180. _indexAna.remove(0);
  2181. }
  2182. for (var i = 0; i < list_tflite.length; ++i) {
  2183. var optionDig = document.createElement("option");
  2184. var optionAna = document.createElement("option");
  2185. var text = list_tflite[i].replace("/config/", "");
  2186. if (list_tflite[i].includes("/dig")) { // Its a digit file, only show in the digits list box
  2187. optionDig.text = text;
  2188. optionDig.value = list_tflite[i];
  2189. _indexDig.add(optionDig);
  2190. }
  2191. else if (list_tflite[i].includes("/ana")) { // Its a digit file, only show in the analog list box
  2192. optionAna.text = text;
  2193. optionAna.value = list_tflite[i];
  2194. _indexAna.add(optionAna);
  2195. }
  2196. else { // all other files, show in both list boxes
  2197. optionDig.text = text;
  2198. optionDig.value = list_tflite[i];
  2199. _indexDig.add(optionDig);
  2200. optionAna.text = text;
  2201. optionAna.value = list_tflite[i];
  2202. _indexAna.add(optionAna);
  2203. }
  2204. }
  2205. WriteParameter(param, category, "Analog", "Model", false);
  2206. WriteParameter(param, category, "Digits", "Model", false);
  2207. }
  2208. function ReadParameterAll() {
  2209. category["Analog"]["enabled"] = document.getElementById("Category_Analog_enabled").checked;
  2210. category["Digits"]["enabled"] = document.getElementById("Category_Digits_enabled").checked;
  2211. category["MQTT"]["enabled"] = document.getElementById("Category_MQTT_enabled").checked;
  2212. category["InfluxDB"]["enabled"] = document.getElementById("Category_InfluxDB_enabled").checked;
  2213. category["InfluxDBv2"]["enabled"] = document.getElementById("Category_InfluxDBv2_enabled").checked;
  2214. category["Webhook"]["enabled"] = document.getElementById("Category_Webhook_enabled").checked;
  2215. category["GPIO"]["enabled"] = document.getElementById("Category_GPIO_enabled").checked;
  2216. ReadParameter(param, "TakeImage", "RawImagesLocation", true);
  2217. ReadParameter(param, "TakeImage", "RawImagesRetention", true);
  2218. ReadParameter(param, "TakeImage", "WaitBeforeTakingPicture", false);
  2219. ReadParameter(param, "TakeImage", "CamGainceiling", false);
  2220. ReadParameter(param, "TakeImage", "CamQuality", false);
  2221. ReadParameter(param, "TakeImage", "CamBrightness", false);
  2222. ReadParameter(param, "TakeImage", "CamContrast", false);
  2223. ReadParameter(param, "TakeImage", "CamSaturation", false);
  2224. ReadParameter(param, "TakeImage", "CamSharpness", false);
  2225. ReadParameter(param, "TakeImage", "CamAutoSharpness", false);
  2226. ReadParameter(param, "TakeImage", "CamSpecialEffect", false);
  2227. ReadParameter(param, "TakeImage", "CamWbMode", false);
  2228. ReadParameter(param, "TakeImage", "CamAwb", false);
  2229. ReadParameter(param, "TakeImage", "CamAwbGain", false);
  2230. ReadParameter(param, "TakeImage", "CamAec", false);
  2231. ReadParameter(param, "TakeImage", "CamAec2", false);
  2232. ReadParameter(param, "TakeImage", "CamAeLevel", false);
  2233. ReadParameter(param, "TakeImage", "CamAecValue", false);
  2234. ReadParameter(param, "TakeImage", "CamAgc", false);
  2235. ReadParameter(param, "TakeImage", "CamAgcGain", false);
  2236. ReadParameter(param, "TakeImage", "CamBpc", false);
  2237. ReadParameter(param, "TakeImage", "CamWpc", false);
  2238. ReadParameter(param, "TakeImage", "CamRawGma", false);
  2239. ReadParameter(param, "TakeImage", "CamLenc", false);
  2240. ReadParameter(param, "TakeImage", "CamHmirror", false);
  2241. ReadParameter(param, "TakeImage", "CamVflip", false);
  2242. ReadParameter(param, "TakeImage", "CamDcw", false);
  2243. ReadParameter(param, "TakeImage", "CamDenoise", false);
  2244. ReadParameter(param, "TakeImage", "CamZoom", false);
  2245. ReadParameter(param, "TakeImage", "CamZoomOffsetX", false);
  2246. ReadParameter(param, "TakeImage", "CamZoomOffsetY", false);
  2247. ReadParameter(param, "TakeImage", "CamZoomSize", false);
  2248. ReadParameter(param, "TakeImage", "LEDIntensity", false);
  2249. ReadParameter(param, "TakeImage", "Demo", false);
  2250. ReadParameter(param, "Alignment", "SearchFieldX", false);
  2251. ReadParameter(param, "Alignment", "SearchFieldY", false);
  2252. ReadParameter(param, "Alignment", "AlignmentAlgo", true);
  2253. ReadParameter(param, "Alignment", "InitialRotate", false);
  2254. ReadParameter(param, "Digits", "Model", false);
  2255. ReadParameter(param, "Digits", "CNNGoodThreshold", true);
  2256. ReadParameter(param, "Digits", "ROIImagesLocation", true);
  2257. ReadParameter(param, "Digits", "ROIImagesRetention", true);
  2258. ReadParameter(param, "Analog", "Model", false);
  2259. ReadParameter(param, "Analog", "ROIImagesLocation", true);
  2260. ReadParameter(param, "Analog", "ROIImagesRetention", true);
  2261. ReadParameter(param, "PostProcessing", "PreValueUse", false);
  2262. ReadParameter(param, "PostProcessing", "PreValueAgeStartup", true);
  2263. ReadParameter(param, "PostProcessing", "ErrorMessage", false);
  2264. ReadParameter(param, "PostProcessing", "CheckDigitIncreaseConsistency", false);
  2265. ReadParameter(param, "MQTT", "Uri", true);
  2266. ReadParameter(param, "MQTT", "MainTopic", true);
  2267. ReadParameter(param, "MQTT", "ClientID", true);
  2268. ReadParameter(param, "MQTT", "user", true);
  2269. ReadParameter(param, "MQTT", "password", true);
  2270. ReadParameter(param, "MQTT", "RetainMessages", false);
  2271. ReadParameter(param, "MQTT", "HomeassistantDiscovery", false);
  2272. ReadParameter(param, "MQTT", "MeterType", true);
  2273. ReadParameter(param, "MQTT", "CACert", true);
  2274. ReadParameter(param, "MQTT", "ClientCert", true);
  2275. ReadParameter(param, "MQTT", "ClientKey", true);
  2276. ReadParameter(param, "MQTT", "ValidateServerCert", true);
  2277. ReadParameter(param, "MQTT", "DomoticzTopicIn", true);
  2278. ReadParameter(param, "InfluxDB", "Uri", true);
  2279. ReadParameter(param, "InfluxDB", "Database", true);
  2280. ReadParameter(param, "InfluxDB", "Measurement", true);
  2281. ReadParameter(param, "InfluxDB", "user", true);
  2282. ReadParameter(param, "InfluxDB", "password", true);
  2283. ReadParameter(param, "InfluxDBv2", "Uri", true);
  2284. ReadParameter(param, "InfluxDBv2", "Bucket", true);
  2285. ReadParameter(param, "InfluxDBv2", "Measurement", true);
  2286. ReadParameter(param, "InfluxDBv2", "Org", true);
  2287. ReadParameter(param, "InfluxDBv2", "Token", true);
  2288. // ReadParameter(param, "InfluxDB", "Field", true);
  2289. ReadParameter(param, "Webhook", "Uri", true);
  2290. ReadParameter(param, "Webhook", "ApiKey", true);
  2291. ReadParameter(param, "Webhook", "UploadImg", false);
  2292. ReadParameter(param, "GPIO", "IO0", true);
  2293. ReadParameter(param, "GPIO", "IO1", true);
  2294. ReadParameter(param, "GPIO", "IO3", true);
  2295. ReadParameter(param, "GPIO", "IO4", true);
  2296. ReadParameter(param, "GPIO", "IO12", true);
  2297. ReadParameter(param, "GPIO", "IO13", true);
  2298. ReadParameter(param, "GPIO", "LEDType", false);
  2299. ReadParameter(param, "GPIO", "LEDNumbers", false);
  2300. ReadParameter(param, "GPIO", "LEDColor", false);
  2301. // Folgende Zeilen sind für Abwärtskompatibität < v9.0.0 notwendig (manchmal parameter auskommentiert)
  2302. param["GPIO"]["LEDType"]["enabled"] = true;
  2303. param["GPIO"]["LEDNumbers"]["enabled"] = true;
  2304. param["GPIO"]["LEDColor"]["enabled"] = true;
  2305. param["GPIO"]["LEDType"]["found"] = true;
  2306. param["GPIO"]["LEDNumbers"]["found"] = true;
  2307. param["GPIO"]["LEDColor"]["found"] = true;
  2308. //ReadParameter(param, "AutoTimer", "AutoStart", false);
  2309. ReadParameter(param, "AutoTimer", "Interval", false);
  2310. ReadParameter(param, "DataLogging", "DataLogActive", false);
  2311. ReadParameter(param, "DataLogging", "DataFilesRetention", false);
  2312. ReadParameter(param, "Debug", "LogLevel", false);
  2313. ReadParameter(param, "Debug", "LogfilesRetention", false);
  2314. ReadParameter(param, "System", "Tooltip", false);
  2315. ReadParameter(param, "System", "TimeZone", true);
  2316. ReadParameter(param, "System", "Hostname", true);
  2317. ReadParameter(param, "System", "TimeServer", true);
  2318. ReadParameter(param, "System", "RSSIThreshold", true);
  2319. ReadParameter(param, "System", "CPUFrequency", true);
  2320. var sel = document.getElementById("Numbers_value1");
  2321. UpdateInputIndividual(sel);
  2322. // FormatDecimalValue(param, "PostProcessing", "MaxRateValue");
  2323. }
  2324. function UpdateAfterCategoryCheck() {
  2325. ReadParameterAll();
  2326. category["Analog"]["enabled"] = document.getElementById("Category_Analog_enabled").checked;
  2327. category["Digits"]["enabled"] = document.getElementById("Category_Digits_enabled").checked;
  2328. category["MQTT"]["enabled"] = document.getElementById("Category_MQTT_enabled").checked;
  2329. category["InfluxDB"]["enabled"] = document.getElementById("Category_InfluxDB_enabled").checked;
  2330. category["InfluxDBv2"]["enabled"] = document.getElementById("Category_InfluxDBv2_enabled").checked;
  2331. category["GPIO"]["enabled"] = document.getElementById("Category_GPIO_enabled").checked;
  2332. category["Webhook"]["enabled"] = document.getElementById("Category_Webhook_enabled").checked;
  2333. UpdateInput();
  2334. var sel = document.getElementById("Numbers_value1");
  2335. UpdateInputIndividual(sel);
  2336. }
  2337. function UpdateExpertModus() {
  2338. // var _style = 'display:none;';
  2339. var _style_pur = 'none';
  2340. var _hidden = true;
  2341. if (document.getElementById("ExpertModus_enabled").checked) {
  2342. // _style = '';
  2343. _style_pur = '';
  2344. _hidden = false;
  2345. document.getElementById("Button_Edit_Config_Raw").style.display = "";
  2346. firework.launch("Expert view activated. Please use it carefully", 'warning', 5000);
  2347. }
  2348. else {
  2349. document.getElementById("Button_Edit_Config_Raw").style.display = "none";
  2350. }
  2351. const expert = document.querySelectorAll(".expert");
  2352. for (var i = 0; i < expert.length; i++) {
  2353. expert[i].style.display = _style_pur;
  2354. // document.getElementById(expert[i].id).style = _style;
  2355. }
  2356. // Enable / Disable die Optionen in den Menues für die Auswahl. Falls kein Expertenmodus soll nur ein Wert (built-in-led oder externan-flash-ws281x) möglich sein
  2357. Array.from(document.querySelector("#GPIO_IO4_value1").options).forEach(function(option_element) {
  2358. if (option_element.value != "built-in-led") {
  2359. option_element.hidden = _hidden;
  2360. }
  2361. });
  2362. Array.from(document.querySelector("#GPIO_IO12_value1").options).forEach(function(option_element) {
  2363. if (option_element.value != "external-flash-ws281x") {
  2364. option_element.hidden = _hidden;
  2365. }
  2366. });
  2367. }
  2368. function UpdateTooltipModus() {
  2369. var _style_pur = 'none';
  2370. var _hidden = true;
  2371. if (!document.getElementById("System_Tooltip_value1").selectedIndex) {
  2372. _style_pur = '';
  2373. _hidden = false;
  2374. //firework.launch("Tooltip view activated.", 'warning', 5000);
  2375. }
  2376. const tooltip = document.querySelectorAll(".tooltip");
  2377. for (var i = 0; i < tooltip.length; i++) {
  2378. tooltip[i].style.display = _style_pur;
  2379. }
  2380. }
  2381. function saveTextAsFile() {
  2382. ReadParameterAll();
  2383. if (document.getElementsByClassName("invalid-input").length > 0) {
  2384. firework.launch("Settings cannot be saved. Please check your entries!", 'danger', 30000);
  2385. return;
  2386. }
  2387. if (confirm("Are you sure you want to save the configuration?")) {
  2388. ReadParameterAll();
  2389. WriteConfigININew();
  2390. SaveConfigToServer(domainname);
  2391. firework.launch('Configuration saved. It will get applied after the next reboot!', 'success', 5000);
  2392. if (changeCamValue == 1) {
  2393. camSettingsSet();
  2394. firework.launch('You have changed the camera settings, so creating a new reference image and updating the alignment marks is mandatory!', 'success', 10000);
  2395. }
  2396. }
  2397. }
  2398. function camSettingsSet(){
  2399. document.getElementById("overlay").style.display = "block";
  2400. document.getElementById("overlaytext").innerHTML = "Save Cam Settings...";
  2401. var _waitb_temp = document.getElementById("TakeImage_WaitBeforeTakingPicture_value1").value;
  2402. var _aecgc_temp = document.getElementById("TakeImage_CamGainceiling_value1").selectedIndex;
  2403. var _qual_temp = document.getElementById("TakeImage_CamQuality_value1").value;
  2404. var _bri_temp = document.getElementById("TakeImage_CamBrightness_value1").value;
  2405. var _con_temp = document.getElementById("TakeImage_CamContrast_value1").value;
  2406. var _sat_temp = document.getElementById("TakeImage_CamSaturation_value1").value;
  2407. var _shp_temp = document.getElementById("TakeImage_CamSharpness_value1").value;
  2408. var _ashp_temp = document.getElementById("TakeImage_CamAutoSharpness_value1").value;
  2409. if (_ashp_temp == '0') {
  2410. _ashp_temp = '1';
  2411. }
  2412. else {
  2413. _ashp_temp = '0';
  2414. }
  2415. var _spe_temp = document.getElementById("TakeImage_CamSpecialEffect_value1").selectedIndex;
  2416. var _wbm_temp = document.getElementById("TakeImage_CamWbMode_value1").selectedIndex;
  2417. var _awb_temp = document.getElementById("TakeImage_CamAwb_value1").selectedIndex;
  2418. if (_awb_temp == '0') {
  2419. _awb_temp = '1';
  2420. }
  2421. else {
  2422. _awb_temp = '0';
  2423. }
  2424. var _awbg_temp = document.getElementById("TakeImage_CamAwbGain_value1").selectedIndex;
  2425. if (_awbg_temp == '0') {
  2426. _awbg_temp = '1';
  2427. }
  2428. else {
  2429. _awbg_temp = '0';
  2430. }
  2431. var _aec_temp = document.getElementById("TakeImage_CamAec_value1").selectedIndex;
  2432. if (_aec_temp == '0') {
  2433. _aec_temp = '1';
  2434. }
  2435. else {
  2436. _aec_temp = '0';
  2437. }
  2438. var _aec2_temp = document.getElementById("TakeImage_CamAec2_value1").selectedIndex;
  2439. if (_aec2_temp == '0') {
  2440. _aec2_temp = '1';
  2441. }
  2442. else {
  2443. _aec2_temp = '0';
  2444. }
  2445. var _ael_temp = document.getElementById("TakeImage_CamAeLevel_value1").value;
  2446. var _aecv_temp = document.getElementById("TakeImage_CamAecValue_value1").value;
  2447. var _agc_temp = document.getElementById("TakeImage_CamAgc_value1").selectedIndex;
  2448. if (_agc_temp == '0') {
  2449. _agc_temp = '1';
  2450. }
  2451. else {
  2452. _agc_temp = '0';
  2453. }
  2454. var _agcg_temp = document.getElementById("TakeImage_CamAgcGain_value1").value;
  2455. var _bpc_temp = document.getElementById("TakeImage_CamBpc_value1").selectedIndex;
  2456. if (_bpc_temp == '0') {
  2457. _bpc_temp = '1';
  2458. }
  2459. else {
  2460. _bpc_temp = '0';
  2461. }
  2462. var _wpc_temp = document.getElementById("TakeImage_CamWpc_value1").selectedIndex;
  2463. if (_wpc_temp == '0') {
  2464. _wpc_temp = '1';
  2465. }
  2466. else {
  2467. _wpc_temp = '0';
  2468. }
  2469. var _rgma_temp = document.getElementById("TakeImage_CamRawGma_value1").selectedIndex;
  2470. if (_rgma_temp == '0') {
  2471. _rgma_temp = '1';
  2472. }
  2473. else {
  2474. _rgma_temp = '0';
  2475. }
  2476. var _lenc_temp = document.getElementById("TakeImage_CamLenc_value1").selectedIndex;
  2477. if (_lenc_temp == '0') {
  2478. _lenc_temp = '1';
  2479. }
  2480. else {
  2481. _lenc_temp = '0';
  2482. }
  2483. var _mirror_temp = document.getElementById("TakeImage_CamHmirror_value1").selectedIndex;
  2484. if (_mirror_temp == '0') {
  2485. _mirror_temp = '1';
  2486. }
  2487. else {
  2488. _mirror_temp = '0';
  2489. }
  2490. var _flip_temp = document.getElementById("TakeImage_CamVflip_value1").selectedIndex;
  2491. if (_flip_temp == '0') {
  2492. _flip_temp = '1';
  2493. }
  2494. else {
  2495. _flip_temp = '0';
  2496. }
  2497. var _dcw_temp = document.getElementById("TakeImage_CamDcw_value1").selectedIndex;
  2498. if (_dcw_temp == '0') {
  2499. _dcw_temp = '1';
  2500. }
  2501. else {
  2502. _dcw_temp = '0';
  2503. }
  2504. var _denoise_temp = document.getElementById("TakeImage_CamDenoise_value1").value;
  2505. var _ledi_temp = document.getElementById("TakeImage_LEDIntensity_value1").value;
  2506. var _zoom_temp = document.getElementById("TakeImage_CamZoom_value1").selectedIndex;
  2507. if (_zoom_temp == '0') {
  2508. _zoom_temp = '1';
  2509. }
  2510. else {
  2511. _zoom_temp = '0';
  2512. }
  2513. var _zoomx_temp = document.getElementById("TakeImage_CamZoomOffsetX_value1").value;
  2514. var _zoomy_temp = document.getElementById("TakeImage_CamZoomOffsetY_value1").value;
  2515. var _zooms_temp = document.getElementById("TakeImage_CamZoomSize_value1").value;
  2516. var url = domainname + "/editflow?task=cam_settings";
  2517. if (domainname.length > 0){
  2518. url = url + "&host=" + domainname;
  2519. }
  2520. url = url + "&waitb=" + _waitb_temp + "&aecgc=" + _aecgc_temp + "&qual=" + _qual_temp;
  2521. url = url + "&bri=" + _bri_temp + "&con=" + _con_temp + "&sat=" + _sat_temp + "&shp=" + _shp_temp + "&ashp=" + _ashp_temp;
  2522. url = url + "&spe=" + _spe_temp + "&wbm=" + _wbm_temp + "&awb=" + _awb_temp + "&awbg=" + _awbg_temp;
  2523. url = url + "&aec=" + _aec_temp + "&aec2=" + _aec2_temp + "&ael=" + _ael_temp + "&aecv=" + _aecv_temp;
  2524. url = url + "&agc=" + _agc_temp + "&agcg=" + _agcg_temp + "&bpc=" + _bpc_temp + "&wpc=" + _wpc_temp;
  2525. url = url + "&rgma=" + _rgma_temp + "&lenc=" + _lenc_temp + "&mirror=" + _mirror_temp + "&flip=" + _flip_temp;
  2526. url = url + "&dcw=" + _dcw_temp + "&den=" + _denoise_temp + "&ledi=" + _ledi_temp;
  2527. if (_zoom_temp != '0') {
  2528. url = url + "&zoom=" + _zoom_temp + "&zooms=" + _zooms_temp;
  2529. url = url + "&zoomx=" + _zoomx_temp + "&zoomy=" + _zoomy_temp;
  2530. }
  2531. else {
  2532. url = url + "&zoom=0" + "&zooms=0" + "&zoomx=0" + "&zoomy=0";
  2533. }
  2534. var durchlaufe = 0;
  2535. function sleep(ms) {
  2536. return new Promise(resolve => setTimeout(resolve, ms));
  2537. }
  2538. async function task() {
  2539. while (true) {
  2540. var xhttp = new XMLHttpRequest();
  2541. if (durchlaufe > 10) {
  2542. document.getElementById("overlay").style.display = "none";
  2543. firework.launch('Save Cam Settings aborted, timeout!', 'danger', 5000);
  2544. return;
  2545. }
  2546. try {
  2547. xhttp.open("GET", url, false);
  2548. xhttp.send();
  2549. } catch (error){}
  2550. if (xhttp.responseText == "CamSettingsSet") {
  2551. document.getElementById("overlay").style.display = "none";
  2552. firework.launch('Cam Settings saved', 'success', 2000);
  2553. return;
  2554. }
  2555. else {
  2556. // Get status
  2557. var _xhttp = new XMLHttpRequest();
  2558. durchlaufe = durchlaufe + 1;
  2559. try {
  2560. _xhttp.open("GET", domainname + "/statusflow", false);
  2561. _xhttp.send();
  2562. }
  2563. catch (error){}
  2564. document.getElementById("overlaytext").innerHTML = "Device is busy, please wait.<br><br>Current step: " + _xhttp.responseText;
  2565. console.log("Device is busy, waiting 2s then checking again...");
  2566. await sleep(2000);
  2567. }
  2568. }
  2569. }
  2570. setTimeout(function() {
  2571. // Delay so the overlay gets shown
  2572. task();
  2573. }, 1);
  2574. }
  2575. function doReboot() {
  2576. if (confirm("Are you sure you want to reboot?")) {
  2577. var stringota = domainname + "/reboot";
  2578. window.location = stringota;
  2579. window.location.href = stringota;
  2580. window.location.assign(stringota);
  2581. window.location.replace(stringota);
  2582. }
  2583. }
  2584. function FormatDecimalValue(_param, _cat, _name) {
  2585. for (var j = 1; j <= _param[_cat][_name]["anzParam"]; ++j) {
  2586. var _val = _param[_cat][_name]["value"+j];
  2587. _val = _val.replace(",", ".");
  2588. _param[_cat][_name]["value"+j] = _val;
  2589. }
  2590. }
  2591. function editConfigRaw() {
  2592. if (confirm("Proceed to switch to raw edit mode? Unsaved changes will get lost")) {
  2593. var stringota = domainname + "/edit_config_raw.html?v=$COMMIT_HASH";
  2594. window.location = stringota;
  2595. window.location.href = stringota;
  2596. window.location.assign(stringota);
  2597. window.location.replace(stringota);
  2598. }
  2599. }
  2600. function numberChanged() {
  2601. var sel = document.getElementById("Numbers_value1");
  2602. _neu = sel.selectedIndex;
  2603. UpdateInputIndividual(sel);
  2604. var _selInflux = document.getElementById("NumbersInfluxDBv2_value1");
  2605. if (_selInflux.selectedIndex != _neu) {
  2606. _selInflux.selectedIndex = _neu
  2607. }
  2608. var _sel3 = document.getElementById("NumbersInfluxDB_value1");
  2609. if (_sel3.selectedIndex != _neu) {
  2610. _sel3.selectedIndex = _neu
  2611. }
  2612. var _sel4 = document.getElementById("NumbersMQTTIdx_value1");
  2613. if (_sel4.selectedIndex != _neu) {
  2614. _sel4.selectedIndex = _neu
  2615. }
  2616. }
  2617. function numberMQTTIdxChanged() {
  2618. var sel = document.getElementById("NumbersMQTTIdx_value1");
  2619. _neu = sel.selectedIndex;
  2620. UpdateInputIndividual(sel);
  2621. var _sel2 = document.getElementById("Numbers_value1");
  2622. if (_sel2.selectedIndex != _neu) {
  2623. _sel2.selectedIndex = _neu
  2624. }
  2625. var _sel3 = document.getElementById("NumbersInfluxDB_value1");
  2626. if (_sel3.selectedIndex != _neu) {
  2627. _sel3.selectedIndex = _neu
  2628. }
  2629. var _sel4 = document.getElementById("NumbersInfluxDBv2_value1");
  2630. if (_sel4.selectedIndex != _neu) {
  2631. _sel4.selectedIndex = _neu
  2632. }
  2633. }
  2634. function numberInfluxDBv2Changed() {
  2635. var sel = document.getElementById("NumbersInfluxDBv2_value1");
  2636. _neu = sel.selectedIndex;
  2637. UpdateInputIndividual(sel);
  2638. var _sel2 = document.getElementById("Numbers_value1");
  2639. if (_sel2.selectedIndex != _neu) {
  2640. _sel2.selectedIndex = _neu
  2641. }
  2642. var _sel3 = document.getElementById("NumbersInfluxDB_value1");
  2643. if (_sel3.selectedIndex != _neu) {
  2644. _sel3.selectedIndex = _neu
  2645. }
  2646. var _sel4 = document.getElementById("NumbersMQTTIdx_value1");
  2647. if (_sel4.selectedIndex != _neu) {
  2648. _sel4.selectedIndex = _neu
  2649. }
  2650. }
  2651. function numberInfluxDBChanged() {
  2652. var sel = document.getElementById("NumbersInfluxDB_value1");
  2653. _neu = sel.selectedIndex;
  2654. UpdateInputIndividual(sel);
  2655. var _sel2 = document.getElementById("Numbers_value1");
  2656. if (_sel2.selectedIndex != _neu) {
  2657. _sel2.selectedIndex = _neu
  2658. }
  2659. var _sel3 = document.getElementById("NumbersInfluxDBv2_value1");
  2660. if (_sel3.selectedIndex != _neu) {
  2661. _sel3.selectedIndex = _neu
  2662. }
  2663. var _sel4 = document.getElementById("NumbersMQTTIdx_value1");
  2664. if (_sel4.selectedIndex != _neu) {
  2665. _sel4.selectedIndex = _neu
  2666. }
  2667. }
  2668. function getParameterByName(name, url = window.location.href) {
  2669. name = name.replace(/[\[\]]/g, '\\$&');
  2670. var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
  2671. results = regex.exec(url);
  2672. if (!results) {return null;}
  2673. if (!results[2]) {return '';}
  2674. return decodeURIComponent(results[2].replace(/\+/g, ' '));
  2675. }
  2676. function InvertEnableItem(_cat, _param) {
  2677. _zw = _cat + "_" + _param + "_enabled";
  2678. _isOn = document.getElementById(_zw).checked;
  2679. _color = "rgb(122, 122, 122)";
  2680. if (_isOn) {
  2681. _color = "black";
  2682. }
  2683. _zw = _cat + "_" + _param + "_text";
  2684. document.getElementById(_zw).disabled = !_isOn;
  2685. document.getElementById(_zw).style.color = _color;
  2686. setEnabled(_cat + "_" + _param, _isOn);
  2687. for (var j = 1; j <= param[_cat][_param]["anzParam"]; ++j) {
  2688. document.getElementById(_cat+"_"+_param+"_value"+j).disabled = !_isOn;
  2689. document.getElementById(_cat+"_"+_param+"_value"+j).style.color = _color;
  2690. }
  2691. }
  2692. function setEnabled(className, enabled) {
  2693. _color = "rgb(122, 122, 122)";
  2694. if (enabled) {
  2695. _color = "black";
  2696. }
  2697. let elements = document.getElementsByClassName(className);
  2698. for (i = 0; i < elements.length; i++) {
  2699. if (enabled) {
  2700. elements[i].classList.remove("disabled");
  2701. }
  2702. else {
  2703. elements[i].classList.add("disabled");
  2704. }
  2705. let inputs = elements[i].getElementsByTagName("input");
  2706. for (j = 0; j < inputs.length; j++) {
  2707. if (inputs[j].id.endsWith("_enabled")) {
  2708. continue;
  2709. }
  2710. inputs[j].style.color = _color;
  2711. if (enabled) {
  2712. inputs[j].removeAttribute("disabled");
  2713. }
  2714. else {
  2715. inputs[j].setAttribute("disabled", "disabled");
  2716. }
  2717. }
  2718. }
  2719. }
  2720. function setVisible(className, visible) {
  2721. let elements = document.getElementsByClassName(className);
  2722. for (i = 0; i < elements.length; i++) {
  2723. if (visible) {
  2724. elements[i].classList.remove("hidden");
  2725. }
  2726. else {
  2727. elements[i].classList.add("hidden");
  2728. }
  2729. }
  2730. }
  2731. function EnDisableItem(_status, _param, _category, _cat, _name, _optional, _number = -1) {
  2732. // _status = _category[_cat]["enabled"];
  2733. _color = "rgb(122, 122, 122)";
  2734. if (_status) {
  2735. _color = "black";
  2736. }
  2737. if (_optional) {
  2738. document.getElementById(_cat+"_"+_name+"_enabled").disabled = !_status;
  2739. document.getElementById(_cat+"_"+_name+"_enabled").style.color = _color;
  2740. }
  2741. if (_number == -1) {
  2742. if (!_param[_cat][_name]["enabled"]) {
  2743. _status = false;
  2744. _color = "rgb(122, 122, 122)";
  2745. }
  2746. }
  2747. else {
  2748. if (!NUMBERS[_number][_cat][_name]["enabled"]) {
  2749. _status = false;
  2750. _color = "rgb(122, 122, 122)";
  2751. }
  2752. }
  2753. document.getElementById(_cat+"_"+_name+"_text").disabled = !_status;
  2754. document.getElementById(_cat+"_"+_name+"_text").style.color = _color;
  2755. setEnabled(_cat+"_"+_name, _status);
  2756. for (var j = 1; j <= _param[_cat][_name]["anzParam"]; ++j) {
  2757. document.getElementById(_cat+"_"+_name+"_value"+j).disabled = !_status;
  2758. document.getElementById(_cat+"_"+_name+"_value"+j).style.color = _color;
  2759. }
  2760. }
  2761. function ReadParameter(_param, _cat, _name, _optional, _number = -1) {
  2762. if (_number > -1) {
  2763. if (_cat == "Digits") {
  2764. _cat = "digit";
  2765. }
  2766. if (_cat == "Analog") {
  2767. _cat = "analog";
  2768. }
  2769. if ((NUMBERS[_number] == undefined) || (NUMBERS[_number][_cat] == undefined) || (NUMBERS[_number][_cat][_name] == undefined)) {
  2770. return;
  2771. }
  2772. if (_optional) {
  2773. NUMBERS[_number][_cat][_name]["enabled"] = document.getElementById(_cat+"_"+_name+"_enabled").checked;
  2774. }
  2775. for (var j = 1; j <= _param[_cat][_name]["anzParam"]; ++j) {
  2776. let element = document.getElementById(_cat+"_"+_name+"_value"+j);
  2777. if (element.tagName.toLowerCase() == "select") {
  2778. NUMBERS[_number][_cat][_name]["value"+j] = element.selectedIndex > -1 ? element.options[element.selectedIndex].value : "";
  2779. }
  2780. else if ((element.getAttribute("type") != null) && (element.getAttribute("type").toLowerCase() == "checkbox")) {
  2781. NUMBERS[_number][_cat][_name]["value"+j] = element.checked;
  2782. }
  2783. else {
  2784. if ((NUMBERS[_number][_cat][_name].checkRegExList != null) && (NUMBERS[_number][_cat][_name].checkRegExList[j-1] != null)) {
  2785. if (!element.value.match(NUMBERS[_cat][_name].checkRegExList[j-1])) {
  2786. element.classList.add("invalid-input");
  2787. }
  2788. else {
  2789. element.classList.remove("invalid-input");
  2790. }
  2791. }
  2792. NUMBERS[_number][_cat][_name]["value"+j] = element.value;
  2793. }
  2794. }
  2795. }
  2796. else
  2797. {
  2798. if (_optional) {
  2799. _param[_cat][_name]["enabled"] = document.getElementById(_cat+"_"+_name+"_enabled").checked;
  2800. }
  2801. for (var j = 1; j <= _param[_cat][_name]["anzParam"]; ++j) {
  2802. let element = document.getElementById(_cat+"_"+_name+"_value"+j);
  2803. if (element.tagName.toLowerCase() == "select") {
  2804. _param[_cat][_name]["value"+j] = element.selectedIndex > -1 ? element.options[element.selectedIndex].value : "";
  2805. }
  2806. else if ((element.getAttribute("type") != null) && (element.getAttribute("type").toLowerCase() == "checkbox")) {
  2807. _param[_cat][_name]["value"+j] = element.checked;
  2808. }
  2809. else {
  2810. if ((_param[_cat][_name].checkRegExList != null) && (_param[_cat][_name].checkRegExList[j-1] != null)) {
  2811. if (!element.value.match(_param[_cat][_name].checkRegExList[j-1])) {
  2812. element.classList.add("invalid-input");
  2813. }
  2814. else {
  2815. element.classList.remove("invalid-input");
  2816. }
  2817. }
  2818. _param[_cat][_name]["value"+j] = element.value;
  2819. }
  2820. }
  2821. }
  2822. }
  2823. function WriteParameter(_param, _category, _cat, _name, _optional, _number = -1) {
  2824. let anzpara;
  2825. try {
  2826. anzpara = _param[_cat][_name].anzParam;
  2827. }
  2828. catch (error) {
  2829. firework.launch("Parameter '" + _name + "' in category '" + _cat + "' is unknown!", 'danger', 30000);
  2830. return;
  2831. }
  2832. if (_number > -1) {
  2833. if ((NUMBERS[_number] == undefined) || (NUMBERS[_number][_cat] == undefined) || (NUMBERS[_number][_cat][_name] == undefined)) {
  2834. return;
  2835. }
  2836. if (_optional) {
  2837. document.getElementById(_cat+"_"+_name+"_enabled").checked = NUMBERS[_number][_cat][_name]["enabled"];
  2838. for (var j = 1; j <= anzpara; ++j) {
  2839. document.getElementById(_cat+"_"+_name+"_value"+j).disabled = !NUMBERS[_number][_cat][_name]["enabled"];
  2840. }
  2841. }
  2842. document.getElementById(_cat+"_"+_name+"_text").style.color = "black"
  2843. setEnabled(_cat+"_"+_name, true);
  2844. for (var j = 1; j <= anzpara; ++j) {
  2845. let element = document.getElementById(_cat+"_"+_name+"_value"+j);
  2846. if (element.tagName.toLowerCase() == "select") {
  2847. var textToFind = NUMBERS[_number][_cat][_name]["value"+j];
  2848. if (textToFind == undefined) {
  2849. continue;
  2850. }
  2851. _isFound = false;
  2852. element.selectedIndex = -1;
  2853. for (var i = 0; i < element.options.length; i++) {
  2854. if (element.options[i].value.toLowerCase() === textToFind.toLowerCase()) {
  2855. element.selectedIndex = i;
  2856. _isFound = true;
  2857. break;
  2858. }
  2859. }
  2860. if (!_isFound) {
  2861. _zw_txt = "In the selected field the value '" + textToFind + "' in the parameter '";
  2862. _zw_txt = _zw_txt + _cat + "' in the field '" + _name + "' is invalid. PLEASE CHECK BEFORE SAVING!";
  2863. firework.launch(_zw_txt, 'warning', 10000);
  2864. }
  2865. }
  2866. else if ((element.getAttribute("type") != null) && (element.getAttribute("type").toLowerCase() == "checkbox")) {
  2867. element.checked = NUMBERS[_number][_cat][_name]["value"+j] == "true";
  2868. }
  2869. else {
  2870. element.value = NUMBERS[_number][_cat][_name]["value"+j];
  2871. }
  2872. }
  2873. }
  2874. else {
  2875. if (_optional) {
  2876. document.getElementById(_cat+"_"+_name+"_enabled").checked = _param[_cat][_name]["enabled"];
  2877. for (var j = 1; j <= anzpara; ++j) {
  2878. document.getElementById(_cat+"_"+_name+"_value"+j).disabled = !_param[_cat][_name]["enabled"];
  2879. }
  2880. }
  2881. document.getElementById(_cat+"_"+_name+"_text").style.color = "black"
  2882. setEnabled(_cat+"_"+_name, true);
  2883. for (var j = 1; j <= anzpara; ++j) {
  2884. let element = document.getElementById(_cat+"_"+_name+"_value"+j);
  2885. if (element.tagName.toLowerCase() == "select") {
  2886. var textToFind = _param[_cat][_name]["value"+j];
  2887. if (textToFind == undefined) {
  2888. continue;
  2889. }
  2890. _isFound = false;
  2891. element.selectedIndex = -1;
  2892. for (var i = 0; i < element.options.length; i++) {
  2893. if (element.options[i].value.toLowerCase() === textToFind.toLowerCase()) {
  2894. element.selectedIndex = i;
  2895. _isFound = true;
  2896. break;
  2897. }
  2898. }
  2899. if (!_isFound) {
  2900. _zw_txt = "In the selected field the value '" + textToFind + "' in the section '";
  2901. _zw_txt = _zw_txt + _cat + "' in the field '" + _name + "' is invalid. PLEASE CHECK BEFORE SAVING!";
  2902. firework.launch(_zw_txt, 'warning', 10000);
  2903. }
  2904. }
  2905. else if ((element.getAttribute("type") != null) && (element.getAttribute("type").toLowerCase() == "checkbox")) {
  2906. element.checked = _param[_cat][_name]["value"+j] == "true";
  2907. }
  2908. else {
  2909. element.value = _param[_cat][_name]["value"+j];
  2910. }
  2911. }
  2912. }
  2913. ///////////////// am Ende, falls Kategorie als gesamtes nicht ausgewählt --> deaktivieren
  2914. if (_category[_cat]["enabled"] == false) {
  2915. if (_optional) {
  2916. document.getElementById(_cat+"_"+_name+"_enabled").disabled = true;
  2917. for (var j = 1; j <= anzpara; ++j) {
  2918. document.getElementById(_cat+"_"+_name+"_value"+j).disabled = true;
  2919. }
  2920. }
  2921. document.getElementById(_cat+"_"+_name+"_text").style="color: gray;"
  2922. setEnabled(_cat+"_"+_name, false);
  2923. }
  2924. EnDisableItem(_category[_cat]["enabled"], _param, _category, _cat, _name, _optional, _number);
  2925. }
  2926. /* hash #description open the details part of the page */
  2927. function openDescription() {
  2928. if(window.location.hash) {
  2929. var hash = window.location.hash.substring(1); //Puts hash in variable, and removes the # character
  2930. if(hash == 'description') {
  2931. document.getElementById("desc_details").open = true;
  2932. document.getElementById("reboot").style.display = "none";
  2933. document.getElementById("reboot_text").style.display = "none";
  2934. }
  2935. }
  2936. }
  2937. openDescription();
  2938. LoadConfigNeu();
  2939. </script>
  2940. </body>
  2941. </html>