edit_config_template.html 125 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331
  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">enable (true)</option>
  317. <option value="false" selected>disable (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">enable (true)</option>
  371. <option value="false" selected>disable (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">enable (true)</option>
  383. <option value="false" selected>disable (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">enable (true)</option>
  395. <option value="false" selected>disable (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">enable (true)</option>
  407. <option value="false" selected>disable (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">enable (true)</option>
  439. <option value="false" selected>disable (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 Manuall 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">enable (true)</option>
  462. <option value="false" selected>disable (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">enable (true)</option>
  474. <option value="false" selected>disable (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">enable (true)</option>
  486. <option value="false" selected>disable (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">enable (true)</option>
  498. <option value="false" selected>disable (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">enable (true)</option>
  510. <option value="false" selected>disable (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">enable (true)</option>
  522. <option value="false" selected>disable (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">enable (true)</option>
  534. <option value="false" selected>disable (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">enable (true)</option>
  556. <option value="false" selected>disable (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">enable (true)</option>
  610. <option value="false" selected>disable (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">enable (true)</option>
  761. <option value="false" selected>disable (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">enable (true)</option>
  784. <option value="false" selected>disable (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">enable (true)</option>
  796. <option value="false" selected>disable (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">enable (true)</option>
  816. <option value="false" selected>disable (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="3.0" max="9.9" value="9.2"
  840. oninput="(!validity.rangeUnderflow||(value=3.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">enable (true)</option>
  888. <option value="false" selected>disable (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">enable (true)</option>
  900. <option value="false" selected>disable (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">enable (true)</option>
  913. <option value="false" selected>disable (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">
  1009. <td class="indent1">
  1010. <label><class id="MQTT_RetainMessages_text" style="color:black;">Retain Messages</class></label>
  1011. </td>
  1012. <td>
  1013. <select id="MQTT_RetainMessages_value1">
  1014. <option value="true">enable (true)</option>
  1015. <option value="false" selected>disable (false)</option>
  1016. </select>
  1017. </td>
  1018. <td>$TOOLTIP_MQTT_RetainMessages</td>
  1019. </tr>
  1020. <tr class="MQTTItem">
  1021. <td class="indent1" style="padding-top:25px" colspan="2">
  1022. <b>Homeassistant Discovery (using MQTT)</b><br>
  1023. If activated, the discovery topics gets automatically scheduled to sent once after device startup during state "Publish to MQTT".
  1024. To schedule a retransmission: Use "Manual Control > Resend HA Discovery" or call REST API:
  1025. <a href=mqtt_publish_discovery target="_blank">http://&lt;IP&gt;/mqtt_publish_discovery</a>
  1026. </td>
  1027. </tr>
  1028. <tr class="MQTTItem">
  1029. <td class="indent2">
  1030. <label><class id="MQTT_HomeassistantDiscovery_text" style="color:black;">Homeassistant Discovery</class></label>
  1031. </td>
  1032. <td>
  1033. <select id="MQTT_HomeassistantDiscovery_value1">
  1034. <option value="true">enable (true)</option>
  1035. <option value="false" selected>disable (false)</option>
  1036. </select>
  1037. </td>
  1038. <td>$TOOLTIP_MQTT_HomeassistantDiscovery</td>
  1039. </tr>
  1040. <tr class="MQTTItem">
  1041. <td class="indent2">
  1042. <input type="checkbox" id="MQTT_MeterType_enabled" value="1" onclick = 'InvertEnableItem("MQTT", "MeterType")' unchecked >
  1043. <label for=MQTT_MeterType_enabled><class id="MQTT_MeterType_text" style="color:black;">Meter Type</class></label>
  1044. </td>
  1045. <td>
  1046. <select class="select_large" id="MQTT_MeterType_value1"> <!-- See https://developers.home-assistant.io/docs/core/entity/sensor/#available-device-classes -->
  1047. <option value="other" selected>Other (no Units)</option>
  1048. <option value="water_m3">Watermeter (Value: m³, Rate: m³/h)</option>
  1049. <option value="water_l">Watermeter (Value: l, Rate: l/h)</option>
  1050. <option value="water_gal">Watermeter (Value: gal, Rate: gal/h)</option>
  1051. <option value="water_ft3">Watermeter (Value: ft³, Rate: ft³/m)</option>
  1052. <option value="gas_m3">Gasmeter (Value: m³, Rate: m³/h)</option>
  1053. <option value="gas_ft3">Gasmeter (Value: ft³, Rate: ft³/m)</option>
  1054. <option value="energy_wh">Energymeter (Value: Wh, Rate: W)</option>
  1055. <option value="energy_kwh">Energymeter (Value: kWh, Rate: kW)</option>
  1056. <option value="energy_mwh">Energymeter (Value: MWh, Rate: MW)</option>
  1057. <option value="energy_gj">Energymeter (Value: GJ, Rate: GJ/h)</option>
  1058. </select>
  1059. </td>
  1060. <td>$TOOLTIP_MQTT_MeterType</td>
  1061. </tr>
  1062. <tr class="MQTTItem">
  1063. <td class="indent1">
  1064. <input type="checkbox" id="MQTT_DomoticzTopicIn_enabled" value="1" onclick = 'InvertEnableItem("MQTT", "DomoticzTopicIn")' unchecked >
  1065. <label for=MQTT_DomoticzTopicIn_enabled><class id="MQTT_DomoticzTopicIn_text" style="color:black;">Domoticz "in" topic</class></label>
  1066. </td>
  1067. <td>
  1068. <input type="text" id="MQTT_DomoticzTopicIn_value1">
  1069. </td>
  1070. <td>$TOOLTIP_MQTT_DomoticzTopicIn</td>
  1071. </tr>
  1072. <tr class="MQTTItem" style="margin-top:12px">
  1073. <td class="indent1" style="padding-top:25px" colspan="3">
  1074. <b>Parameter per number sequence:</b>
  1075. <select
  1076. style="font-weight: bold; margin-left:17px" id="NumbersMQTTIdx_value1" onchange="numberMQTTIdxChanged()">
  1077. </select>
  1078. </td>
  1079. </tr>
  1080. <tr class="MQTTItem">
  1081. <td class="indent2">
  1082. <input type="checkbox" id="MQTT_DomoticzIDX_enabled" value="1" onclick = 'InvertEnableItem("MQTT", "DomoticzIDX")' unchecked >
  1083. <label for=MQTT_DomoticzIDX_enabled><class id="MQTT_DomoticzIDX_text" style="color:black;">Domoticz Counter Idx:</class></label>
  1084. </td>
  1085. <td>
  1086. <input type="text" id="MQTT_DomoticzIDX_value1">
  1087. </td>
  1088. <td>$TOOLTIP_MQTT_NUMBER.DomoticzIDX</td>
  1089. </tr>
  1090. <!------------- INFLUXDB v1 ------------------>
  1091. <tr style="border-bottom: 2px solid lightgray;">
  1092. <td colspan="3" style="padding-left: 0px; padding-bottom: 3px;">
  1093. <h4>
  1094. <input type="checkbox" id="Category_InfluxDB_enabled" value="1" onclick = 'UpdateAfterCategoryCheck()' unchecked >
  1095. <label for=Category_InfluxDB_enabled>InfluxDB v1.x</label></h4>
  1096. </td>
  1097. </tr>
  1098. <tr class="InfluxDBv1Item">
  1099. <td class="indent1">
  1100. <input type="checkbox" id="InfluxDB_Uri_enabled" value="1" onclick = 'InvertEnableItem("InfluxDB", "Uri")' unchecked >
  1101. <label for=InfluxDB_Uri_enabled><class id="InfluxDB_Uri_text" style="color:black;">URI</class></label>
  1102. </td>
  1103. <td>
  1104. <input required type="text" id="InfluxDB_Uri_value1">
  1105. </td>
  1106. <td>$TOOLTIP_InfluxDB_Uri</td>
  1107. </tr>
  1108. <tr class="InfluxDBv1Item">
  1109. <td class="indent1">
  1110. <input type="checkbox" id="InfluxDB_Database_enabled" value="1" onclick = 'InvertEnableItem("InfluxDB", "Database")' unchecked >
  1111. <label for=InfluxDB_Database_enabled><class id="InfluxDB_Database_text" style="color:black;">Database</class></label>
  1112. </td>
  1113. <td>
  1114. <input required type="text" id="InfluxDB_Database_value1">
  1115. </td>
  1116. <td>$TOOLTIP_InfluxDB_Database</td>
  1117. </tr>
  1118. <tr class="InfluxDBv1Item">
  1119. <td class="indent1">
  1120. <input type="checkbox" id="InfluxDB_user_enabled" value="1" onclick = 'InvertEnableItem("InfluxDB", "user")' unchecked >
  1121. <label for=InfluxDB_user_enabled><class id="InfluxDB_user_text" style="color:black;">Username</class></label>
  1122. </td>
  1123. <td>
  1124. <input type="text" id="InfluxDB_user_value1">
  1125. </td>
  1126. <td>$TOOLTIP_InfluxDB_user</td>
  1127. </tr>
  1128. <tr class="InfluxDBv1Item">
  1129. <td class="indent1">
  1130. <input type="checkbox" id="InfluxDB_password_enabled" value="1" onclick = 'InvertEnableItem("InfluxDB", "password")' unchecked >
  1131. <label for=InfluxDB_password_enabled><class id="InfluxDB_password_text" style="color:black;">Password</class></label>
  1132. </td>
  1133. <td>
  1134. <input type="text" id="InfluxDB_password_value1">
  1135. </td>
  1136. <td>$TOOLTIP_InfluxDB_password</td>
  1137. </tr>
  1138. <tr class="InfluxDBv1Item" style="margin-top:12px">
  1139. <td class="indent1" style="padding-top:25px" colspan="3">
  1140. <b>Parameter per number sequence:</b>
  1141. <select
  1142. style="font-weight: bold; margin-left:17px" id="NumbersInfluxDB_value1" onchange="numberInfluxDBChanged()">
  1143. </select>
  1144. </td>
  1145. </tr>
  1146. <tr class="InfluxDBv1Item">
  1147. <td class="indent2">
  1148. <input type="checkbox" id="InfluxDB_Measurement_enabled" value="1" onclick = 'InvertEnableItem("InfluxDB", "Measurement")' unchecked >
  1149. <label for=InfluxDB_Measurement_enabled><class id="InfluxDB_Measurement_text" style="color:black;">Measurement</class></label>
  1150. </td>
  1151. <td>
  1152. <input required type="text" id="InfluxDB_Measurement_value1">
  1153. </td>
  1154. <td>$TOOLTIP_InfluxDB_NUMBER.Measurement</td>
  1155. </tr>
  1156. <tr class="InfluxDBv1Item">
  1157. <td class="indent2">
  1158. <input type="checkbox" id="InfluxDB_Field_enabled" value="1" onclick = 'InvertEnableItem("InfluxDB", "Field")' unchecked >
  1159. <label for=InfluxDB_Field_enabled><class id="InfluxDB_Field_text" style="color:black;">Field</class></label>
  1160. </td>
  1161. <td>
  1162. <input required type="text" id="InfluxDB_Field_value1">
  1163. </td>
  1164. <td>$TOOLTIP_InfluxDB_NUMBER.Field</td>
  1165. </tr>
  1166. <!------------- INFLUXDB v2 ------------------>
  1167. <tr style="border-bottom: 2px solid lightgray;">
  1168. <td colspan="3" style="padding-left: 0px; padding-bottom: 3px;">
  1169. <h4>
  1170. <input type="checkbox" id="Category_InfluxDBv2_enabled" value="1" onclick = 'UpdateAfterCategoryCheck()' unchecked >
  1171. <label for=Category_InfluxDBv2_enabled>InfluxDB v2.x</label></h4>
  1172. </td>
  1173. </tr>
  1174. <tr class="InfluxDBv2Item">
  1175. <td class="indent1">
  1176. <input type="checkbox" id="InfluxDBv2_Uri_enabled" value="1" onclick = 'InvertEnableItem("InfluxDBv2", "Uri")' unchecked >
  1177. <label for=InfluxDBv2_Uri_enabled><class id="InfluxDBv2_Uri_text" style="color:black;">URI</class></label>
  1178. </td>
  1179. <td>
  1180. <input required type="text" id="InfluxDBv2_Uri_value1">
  1181. </td>
  1182. <td>$TOOLTIP_InfluxDBv2_Uri</td>
  1183. </tr>
  1184. <tr class="InfluxDBv2Item">
  1185. <td class="indent1">
  1186. <input type="checkbox" id="InfluxDBv2_Bucket_enabled" value="1" onclick = 'InvertEnableItem("InfluxDBv2", "Bucket")' unchecked >
  1187. <label for=InfluxDBv2_Bucket_enabled><class id="InfluxDBv2_Bucket_text" style="color:black;">Bucket</class></label>
  1188. </td>
  1189. <td>
  1190. <input required type="text" id="InfluxDBv2_Bucket_value1">
  1191. </td>
  1192. <td>$TOOLTIP_InfluxDBv2_Bucket</td>
  1193. </tr>
  1194. <tr class="InfluxDBv2Item">
  1195. <td class="indent1">
  1196. <input type="checkbox" id="InfluxDBv2_Org_enabled" value="1" onclick = 'InvertEnableItem("InfluxDBv2", "Org")' unchecked >
  1197. <label for=InfluxDBv2_Org_enabled><class id="InfluxDBv2_Org_text" style="color:black;">Organization (Org)</class></label>
  1198. </td>
  1199. <td>
  1200. <input type="text" id="InfluxDBv2_Org_value1">
  1201. </td>
  1202. <td>$TOOLTIP_InfluxDBv2_Org</td>
  1203. </tr>
  1204. <tr class="InfluxDBv2Item">
  1205. <td class="indent1">
  1206. <input type="checkbox" id="InfluxDBv2_Token_enabled" value="1" onclick = 'InvertEnableItem("InfluxDBv2", "Token")' unchecked >
  1207. <label for=InfluxDBv2_Token_enabled><class id="InfluxDBv2_Token_text" style="color:black;">Token</class></label>
  1208. </td>
  1209. <td>
  1210. <input type="text" id="InfluxDBv2_Token_value1">
  1211. </td>
  1212. <td>$TOOLTIP_InfluxDBv2_Token</td>
  1213. </tr>
  1214. <tr class="InfluxDBv2Item" style="margin-top:12px">
  1215. <td class="indent1" style="padding-top:25px" colspan="3">
  1216. <b>Parameter per number sequence:</b>
  1217. <select
  1218. style="font-weight: bold; margin-left:17px" id="NumbersInfluxDBv2_value1" onchange="numberInfluxDBv2Changed()">
  1219. </select>
  1220. </td>
  1221. </tr>
  1222. <tr class="InfluxDBv2Item">
  1223. <td class="indent2">
  1224. <input type="checkbox" id="InfluxDBv2_Measurement_enabled" value="1" onclick = 'InvertEnableItem("InfluxDBv2", "Measurement")' unchecked >
  1225. <label for=InfluxDBv2_Measurement_enabled><class id="InfluxDBv2_Measurement_text" style="color:black;">Measurement</class></label>
  1226. </td>
  1227. <td>
  1228. <input required type="text" id="InfluxDBv2_Measurement_value1">
  1229. </td>
  1230. <td>$TOOLTIP_InfluxDBv2_NUMBER.Measurement</td>
  1231. </tr>
  1232. <tr class="InfluxDBv2Item">
  1233. <td class="indent2">
  1234. <input type="checkbox" id="InfluxDBv2_Field_enabled" value="1" onclick = 'InvertEnableItem("InfluxDBv2", "Field")' unchecked >
  1235. <label for=InfluxDBv2_Field_enabled><class id="InfluxDBv2_Field_text" style="color:black;">Field</class></label>
  1236. </td>
  1237. <td>
  1238. <input required type="text" id="InfluxDBv2_Field_value1">
  1239. </td>
  1240. <td>$TOOLTIP_InfluxDBv2_NUMBER.Field</td>
  1241. </tr>
  1242. <!------------- Webhook ------------------>
  1243. <tr style="border-bottom: 2px solid lightgray;">
  1244. <td colspan="3" style="padding-left: 0px; padding-bottom: 3px;">
  1245. <h4>
  1246. <input type="checkbox" id="Category_Webhook_enabled" value="1" onclick = 'UpdateAfterCategoryCheck()' unchecked >
  1247. <label for=Category_Webhook_enabled>Webhook</label>
  1248. </h4>
  1249. </td>
  1250. </tr>
  1251. <tr class="WebhookItem">
  1252. <td class="indent1">
  1253. <input type="checkbox" id="Webhook_Uri_enabled" value="1" onclick = 'InvertEnableItem("Webhook", "Uri")' unchecked >
  1254. <label for=Webhook_Uri_enabled><class id="Webhook_Uri_text" style="color:black;">URI</class></label>
  1255. </td>
  1256. <td>
  1257. <input required type="text" id="Webhook_Uri_value1">
  1258. </td>
  1259. <td>$TOOLTIP_Webhook_Uri</td>
  1260. </tr>
  1261. <tr class="WebhookItem">
  1262. <td class="indent1">
  1263. <input type="checkbox" id="Webhook_ApiKey_enabled" value="1" onclick = 'InvertEnableItem("Webhook", "ApiKey")' unchecked >
  1264. <label for=Webhook_ApiKey_enabled><class id="Webhook_ApiKey_text" style="color:black;">ApiKey</class></label>
  1265. </td>
  1266. <td>
  1267. <input required type="text" id="Webhook_ApiKey_value1">
  1268. </td>
  1269. <td>$TOOLTIP_Webhook_ApiKey</td>
  1270. </tr>
  1271. <tr class="WebhookItem">
  1272. <td class="indent1">
  1273. <input type="checkbox" id="Webhook_UploadImg_enabled" value="1" onclick = 'InvertEnableItem("Webhook", "UploadImg")' unchecked>
  1274. <label for=Webhook_UploadImg_enabled><class id="Webhook_UploadImg_text" style="color:black;">Upload Image</class></label>
  1275. </td>
  1276. <td>
  1277. <select id="Webhook_UploadImg_value1">
  1278. <option value="0" selected>NEVER</option>
  1279. <option value="1">ALWAYS</option>
  1280. <option value="2">ON_ERROR</option>
  1281. </select>
  1282. </td>
  1283. <td>$TOOLTIP_Webhook_UploadImg</td>
  1284. </tr>
  1285. <!------------- GPIO ------------------>
  1286. <tr style="border-bottom: 2px solid lightgray;">
  1287. <td colspan="3" style="padding-left: 0px; padding-bottom: 3px;">
  1288. <h4><input type="checkbox" id="Category_GPIO_enabled" value="1" onclick='UpdateAfterCategoryCheck()' unchecked >
  1289. <label for=Category_GPIO_enabled>GPIO (General Purpose Input / Output)</label></h4>
  1290. </td>
  1291. </tr>
  1292. <!------------- GPIO0 begin ------------------>
  1293. <tr class="GPIO_IO0 GPIO_item expert">
  1294. <td class="indent1">
  1295. <input type="checkbox" id="GPIO_IO0_enabled" value="1" onclick = 'InvertEnableItem("GPIO", "IO0")' unchecked>
  1296. <label for=GPIO_IO0_enabled><span id="GPIO_IO0_text">GPIO0 Configuration</span></label>
  1297. </td>
  1298. <td>
  1299. <select id="GPIO_IO0_value1">
  1300. <option value="input">input</option>
  1301. <option value="input-pullup">input pullup</option>
  1302. <option value="input-pulldown">input pulldown</option>
  1303. <option value="output">output</option>
  1304. </select>
  1305. </td>
  1306. <td>$TOOLTIP_GPIO_IO0</td>
  1307. </tr>
  1308. <tr class="GPIO_IO0 GPIO_item expert">
  1309. <td class="indent2">
  1310. <span id="GPIO_IO0_text" class="GPIO_IO0 GPIO_item">GPIO0 Use Interrupt</span>
  1311. </td>
  1312. <td>
  1313. <select id="GPIO_IO0_value2">
  1314. <option value="disabled">disabled</option>
  1315. <option value="rising-edge">rising edge</option>
  1316. <option value="falling-edge">falling edge</option>
  1317. <option value="rising-and-falling">rising and falling</option>
  1318. <option value="low-level-trigger">low level trigger</option>
  1319. <option value="high-level-trigger">high level trigger</option>
  1320. </select>
  1321. </td>
  1322. <td></td>
  1323. </tr>
  1324. <tr class="GPIO_IO0 GPIO_item expert">
  1325. <td class="indent2">
  1326. <span class="GPIO_IO0 GPIO_item">GPIO0 PWM Duty Cycle Resolution</span>
  1327. </td>
  1328. <td>
  1329. <input required type="number" id="GPIO_IO0_value3" min="1" max="20"
  1330. oninput="(!validity.rangeUnderflow||(value=1)) && (!validity.rangeOverflow||(value=20)) &&
  1331. (!validity.stepMismatch||(value=parseInt(this.value)));"><span class="GPIO_IO0 GPIO_item">Bits</span>
  1332. </td>
  1333. <td></td>
  1334. </tr>
  1335. <tr class="GPIO_IO0 GPIO_item expert">
  1336. <td class="indent2">
  1337. <span class="GPIO_IO0 GPIO_item">GPIO0 Enable MQTT</span>
  1338. </td>
  1339. <td><input type="checkbox" id="GPIO_IO0_value4"></td>
  1340. <td></td>
  1341. </tr>
  1342. <tr class="GPIO_IO0 GPIO_item expert">
  1343. <td class="indent2">
  1344. <span class="GPIO_IO0 GPIO_item">GPIO0 Enable REST API</span>
  1345. </td>
  1346. <td><input type="checkbox" id="GPIO_IO0_value5"></td>
  1347. <td></td>
  1348. </tr>
  1349. <tr class="GPIO_IO0 GPIO_item expert">
  1350. <td class="indent2">
  1351. <span class="GPIO_IO0 GPIO_item">GPIO0 Name</span>
  1352. </td>
  1353. <td><input type="text" id="GPIO_IO0_value6"></td>
  1354. <td></td>
  1355. </tr>
  1356. <!------------- GPIO0 end ------------------>
  1357. <!------------- GPIO1 begin ------------------>
  1358. <tr class="GPIO_IO1 GPIO_item expert">
  1359. <td class="indent1">
  1360. <input type="checkbox" id="GPIO_IO1_enabled" value="1" onclick = 'InvertEnableItem("GPIO", "IO1")' unchecked>
  1361. <label for=GPIO_IO1_enabled><span id="GPIO_IO1_text">GPIO1 Configuration</span></label>
  1362. </td>
  1363. <td>
  1364. <select id="GPIO_IO1_value1">
  1365. <option value="input">input</option>
  1366. <option value="input-pullup">input pullup</option>
  1367. <option value="input-pulldown">input pulldown</option>
  1368. <option value="output">output</option>
  1369. </select>
  1370. </td>
  1371. <td>$TOOLTIP_GPIO_IO1</td>
  1372. </tr>
  1373. <tr class="GPIO_IO1 GPIO_item expert">
  1374. <td class="indent2">
  1375. <span class="GPIO_IO1 GPIO_item" class="expert">GPIO1 Use Interrupt</span>
  1376. </td>
  1377. <td>
  1378. <select id="GPIO_IO1_value2">
  1379. <option value="disabled">disabled</option>
  1380. <option value="rising-edge" disabled>rising edge</option>
  1381. <option value="falling-edge" disabled>falling edge</option>
  1382. <option value="rising-and-falling">rising and falling</option>
  1383. <option value="low-level-trigger">low level trigger</option>
  1384. <option value="high-level-trigger">high level trigger</option>
  1385. </select>
  1386. </td>
  1387. <td></td>
  1388. </tr>
  1389. <tr class="GPIO_IO1 GPIO_item expert">
  1390. <td class="indent2">
  1391. <span class="GPIO_IO1 GPIO_item">GPIO1 PWM Duty Cycle Resolution</span>
  1392. </td>
  1393. <td><input required type="number" id="GPIO_IO1_value3" min="1" max="20"
  1394. oninput="(!validity.rangeUnderflow||(value=1)) && (!validity.rangeOverflow||(value=20)) &&
  1395. (!validity.stepMismatch||(value=parseInt(this.value)));"><span class="GPIO_IO1 GPIO_item">Bits</span>
  1396. </td>
  1397. <td></td>
  1398. </tr>
  1399. <tr class="GPIO_IO1 GPIO_item expert">
  1400. <td class="indent2">
  1401. <span class="GPIO_IO1 GPIO_item">GPIO1 Enable MQTT</span>
  1402. </td>
  1403. <td><input type="checkbox" id="GPIO_IO1_value4"></td>
  1404. <td></td>
  1405. </tr>
  1406. <tr class="GPIO_IO1 GPIO_item expert">
  1407. <td class="indent2">
  1408. <span class="GPIO_IO1 GPIO_item">GPIO1 Enable REST API</span>
  1409. </td>
  1410. <td><input type="checkbox" id="GPIO_IO1_value5"></td>
  1411. <td></td>
  1412. </tr>
  1413. <tr class="GPIO_IO1 GPIO_item expert">
  1414. <td class="indent2">
  1415. <span class="GPIO_IO1 GPIO_item" class="expert">GPIO1 Name</span>
  1416. </td>
  1417. <td><input type="text" id="GPIO_IO1_value6"></td>
  1418. <td></td>
  1419. </tr>
  1420. <!------------- GPIO1 end ------------------>
  1421. <!------------- GPIO3 begin ------------------>
  1422. <tr class="GPIO_IO3 GPIO_item expert">
  1423. <td class="indent1">
  1424. <input type="checkbox" id="GPIO_IO3_enabled" value="1" onclick = 'InvertEnableItem("GPIO", "IO3")' unchecked>
  1425. <label for=GPIO_IO3_enabled><span id="GPIO_IO3_text">GPIO3 Configuration</span></label>
  1426. </td>
  1427. <td>
  1428. <select id="GPIO_IO3_value1">
  1429. <option value="input">input</option>
  1430. <option value="input-pullup">input pullup</option>
  1431. <option value="input-pulldown">input pulldown</option>
  1432. <option value="output">output</option>
  1433. </select>
  1434. </td>
  1435. <td>$TOOLTIP_GPIO_IO3</td>
  1436. </tr>
  1437. <tr class="GPIO_IO3 GPIO_item expert">
  1438. <td class="indent2">
  1439. <span class="GPIO_IO3 GPIO_item">GPIO3 Use Interrupt</span>
  1440. </td>
  1441. <td>
  1442. <select id="GPIO_IO3_value2">
  1443. <option value="disabled">disabled</option>
  1444. <option value="rising-edge" disabled>rising edge</option>
  1445. <option value="falling-edge" disabled>falling edge</option>
  1446. <option value="rising-and-falling">rising and falling</option>
  1447. <option value="low-level-trigger">low level trigger</option>
  1448. <option value="high-level-trigger">high level trigger</option>
  1449. </select>
  1450. </td>
  1451. <td></td>
  1452. </tr>
  1453. <tr class="GPIO_IO3 GPIO_item expert">
  1454. <td class="indent2">
  1455. <span class="GPIO_IO3 GPIO_item">GPIO3 PWM Duty Cycle Resolution</span>
  1456. </td>
  1457. <td><input required type="number" id="GPIO_IO3_value3" min="1" max="20"
  1458. oninput="(!validity.rangeUnderflow||(value=1)) && (!validity.rangeOverflow||(value=20)) &&
  1459. (!validity.stepMismatch||(value=parseInt(this.value)));"><span class="GPIO_IO3 GPIO_item">Bits</span>
  1460. </td>
  1461. <td></td>
  1462. </tr>
  1463. <tr class="GPIO_IO3 GPIO_item expert">
  1464. <td class="indent2">
  1465. <span class="GPIO_IO3 GPIO_item">GPIO3 Enable MQTT</span>
  1466. </td>
  1467. <td><input type="checkbox" id="GPIO_IO3_value4"></td>
  1468. <td></td>
  1469. </tr>
  1470. <tr class="GPIO_IO3 GPIO_item expert">
  1471. <td class="indent2">
  1472. <span class="GPIO_IO3 GPIO_item">GPIO3 Enable REST API</span>
  1473. </td>
  1474. <td><input type="checkbox" id="GPIO_IO3_value5"></td>
  1475. <td></td>
  1476. </tr>
  1477. <tr class="GPIO_IO3 GPIO_item expert">
  1478. <td class="indent2">
  1479. <span class="GPIO_IO3 GPIO_item">GPIO3 Name</span>
  1480. </td>
  1481. <td><input type="text" id="GPIO_IO3_value6"></td>
  1482. <td></td>
  1483. </tr>
  1484. <!------------- GPIO3 end ------------------>
  1485. <!------------- GPIO4 begin ------------------>
  1486. <tr class="GPIO_item" style="border-bottom: 0px;">
  1487. <td class="indent1">
  1488. <input type="checkbox" id="GPIO_IO4_enabled" value="1" onclick = 'InvertEnableItem("GPIO", "IO4")' checked>
  1489. <label for=GPIO_IO4_enabled><span id="GPIO_IO4_text">GPIO4 Configuration</span></label>
  1490. </td>
  1491. <td>
  1492. <select id="GPIO_IO4_value1">
  1493. <option value="input">input</option>
  1494. <option value="input-pullup">input pullup</option>
  1495. <option value="input-pulldown">input pulldown</option>
  1496. <option value="output">output</option>
  1497. <option value="built-in-led" select>built-in led flash light</option>
  1498. </select>
  1499. </td>
  1500. <td>$TOOLTIP_GPIO_IO4</td>
  1501. </tr>
  1502. <tr class="GPIO_item" style="border-top: 0px;">
  1503. <td colspan="2" style="padding-left:28px">
  1504. <b>IMPORTANT NOTE:</b><br>
  1505. If you'd like to use the built-in flash LED in parallel with other GPIO functionality,
  1506. you have to explicitely activate the "built-in LED flash light" option on GPIO4. The light
  1507. intensity control (PWM) of the LED flash light is not functional anymore (only 100%).
  1508. </td>
  1509. </tr>
  1510. <tr class="GPIO_IO4 GPIO_item expert">
  1511. <td class="indent2">
  1512. <span class="GPIO_IO4 GPIO_item">GPIO4 Use Interrupt</span>
  1513. </td>
  1514. <td>
  1515. <select id="GPIO_IO4_value2">
  1516. <option value="disabled">disabled</option>
  1517. <option value="rising-edge">rising edge</option>
  1518. <option value="falling-edge">falling edge</option>
  1519. <option value="rising-and-falling">rising and falling</option>
  1520. <option value="low-level-trigger">low level trigger</option>
  1521. <option value="high-level-trigger">high level trigger</option>
  1522. </select>
  1523. </td>
  1524. <td></td>
  1525. </tr>
  1526. <tr class="GPIO_IO4 GPIO_item expert">
  1527. <td class="indent2">
  1528. <span class="GPIO_IO4 GPIO_item">GPIO4 PWM Duty Cycle Resolution</span>
  1529. </td>
  1530. <td><input required type="number" id="GPIO_IO4_value3" min="1" max="20"
  1531. oninput="(!validity.rangeUnderflow||(value=1)) && (!validity.rangeOverflow||(value=20)) &&
  1532. (!validity.stepMismatch||(value=parseInt(this.value)));"><span class="GPIO_IO4 GPIO_item">Bits</span>
  1533. </td>
  1534. <td></td>
  1535. </tr>
  1536. <tr class="GPIO_IO4 GPIO_item expert">
  1537. <td class="indent2">
  1538. <span class="GPIO_IO4 GPIO_item">GPIO4 Enable MQTT</span>
  1539. </td>
  1540. <td><input type="checkbox" id="GPIO_IO4_value4"></td>
  1541. <td></td>
  1542. </tr>
  1543. <tr class="GPIO_IO4 GPIO_item expert">
  1544. <td class="indent2">
  1545. <span class="GPIO_IO4 GPIO_item">GPIO4 Enable REST API</span>
  1546. </td>
  1547. <td><input type="checkbox" id="GPIO_IO4_value5"></td>
  1548. <td></td>
  1549. </tr>
  1550. <tr class="GPIO_IO4 GPIO_item expert">
  1551. <td class="indent2">
  1552. <span class="GPIO_IO4 GPIO_item">GPIO4 Name</span>
  1553. </td>
  1554. <td><input type="text" id="GPIO_IO4_value6"></td>
  1555. <td></td>
  1556. </tr>
  1557. <!------------- GPIO4 end ------------------>
  1558. <!------------- GPIO12 begin ------------------>
  1559. <tr class="GPIO_item">
  1560. <td class="indent1">
  1561. <input type="checkbox" id="GPIO_IO12_enabled" value="1" onclick = 'InvertEnableItem("GPIO", "IO12")' unchecked>
  1562. <label for=GPIO_IO12_enabled><span id="GPIO_IO12_text">GPIO12 Configuration</span></label>
  1563. </td>
  1564. <td>
  1565. <select id="GPIO_IO12_value1">
  1566. <option value="input">input</option>
  1567. <option value="input-pullup">input pullup</option>
  1568. <option value="input-pulldown">input pulldown</option>
  1569. <option value="output">output</option>
  1570. <!-- <option value="output-pwm">output-pwm</option> -->
  1571. <!-- <option value="external-flash-pwm">external-flash-pwm</option> -->
  1572. <option value="external-flash-ws281x">external flash light ws281x controlled</option>
  1573. </select>
  1574. </td>
  1575. <td>$TOOLTIP_GPIO_IO12</td>
  1576. </tr>
  1577. <tr class="GPIO_IO12 GPIO_item expert">
  1578. <td class="indent2">
  1579. <span class="GPIO_IO12 GPIO_item">GPIO12 Use Interrupt</span>
  1580. </td>
  1581. <td>
  1582. <select class="GPIO_IO12 GPIO_item" id="GPIO_IO12_value2">
  1583. <option value="disabled">disabled</option>
  1584. <option value="rising-edge">rising edge</option>
  1585. <option value="falling-edge">falling edge</option>
  1586. <option value="rising-and-falling">rising and falling</option>
  1587. <option value="low-level-trigger">low level trigger</option>
  1588. <option value="high-level-trigger">high level trigger</option>
  1589. </select>
  1590. </td>
  1591. <td></td>
  1592. </tr>
  1593. <tr class="GPIO_IO12 GPIO_item expert">
  1594. <td class="indent2">
  1595. <span class="GPIO_IO12 GPIO_item">GPIO12 PWM Duty Cycle Resolution</span>
  1596. </td>
  1597. <td><input required type="number" id="GPIO_IO12_value3" min="1" max="20"
  1598. oninput="(!validity.rangeUnderflow||(value=1)) && (!validity.rangeOverflow||(value=20)) &&
  1599. (!validity.stepMismatch||(value=parseInt(this.value)));"><span class="GPIO_IO12 GPIO_item">Bits</span>
  1600. </td>
  1601. <td></td>
  1602. </tr>
  1603. <tr class="GPIO_IO12 GPIO_item expert">
  1604. <td class="indent2">
  1605. <span class="GPIO_IO12 GPIO_item">GPIO12 Enable MQTT</span>
  1606. </td>
  1607. <td><input type="checkbox" id="GPIO_IO12_value4"></td>
  1608. <td></td>
  1609. </tr>
  1610. <tr class="GPIO_IO12 GPIO_item expert">
  1611. <td class="indent2">
  1612. <span class="GPIO_IO12 GPIO_item">GPIO12 Enable REST API</span>
  1613. </td>
  1614. <td><input type="checkbox" id="GPIO_IO12_value5"></td>
  1615. <td></td>
  1616. </tr>
  1617. <tr class="GPIO_IO12 GPIO_item expert">
  1618. <td class="indent2">
  1619. <span class="GPIO_IO12 GPIO_item">GPIO12 Name</span>
  1620. </td>
  1621. <td><input type="text" id="GPIO_IO12_value6"></td>
  1622. <td></td>
  1623. </tr>
  1624. <tr class="GPIO_item" unused_id="wstypeex3">
  1625. <td class="indent1">
  1626. <span class="GPIO_IO12 GPIO_item" id="GPIO_LEDType_text">LED Type (NeoPixel)</span>
  1627. </td>
  1628. <td class="GPIO_item">
  1629. <select class="GPIO_item" id="GPIO_LEDType_value1">
  1630. <option value="WS2812" selected>WS2812</option>
  1631. <option value="WS2812B">WS2812B</option>
  1632. <option value="SK6812">SK6812</option>
  1633. <option value="WS2813">WS2813 (not tested)</option>
  1634. </select>
  1635. </td>
  1636. <td>$TOOLTIP_GPIO_LEDType</td>
  1637. </tr>
  1638. <tr class="GPIO_item" unused_id="LEDANZex8" >
  1639. <td class="indent1">
  1640. <span class="GPIO_item" id="GPIO_LEDNumbers_text">Numbers of LEDs</span>
  1641. </td>
  1642. <td>
  1643. <input required type="number" name="name" id="GPIO_LEDNumbers_value1" size="13" min="1"
  1644. oninput="(!validity.rangeUnderflow||(value=1)) && (!validity.stepMismatch||(value=parseInt(this.value)));">
  1645. </td>
  1646. <td>$TOOLTIP_GPIO_LEDNumbers</td>
  1647. </tr>
  1648. <tr class="GPIO_item" unused_id="LEDRGBex9">
  1649. <td class="indent1">
  1650. <span class="GPIO_item" id="GPIO_LEDColor_text">LED Color</span>
  1651. </td>
  1652. <td>
  1653. R <input required type="number" class="GPIO_IO12 GPIO_item" id="GPIO_LEDColor_value1"
  1654. min="0" max="255" step="1" oninput="(!validity.rangeUnderflow||(value=0)) && (!validity.rangeOverflow||(value=255)) &&
  1655. (!validity.stepMismatch||(value=parseInt(this.value)));">
  1656. </td>
  1657. <td>$TOOLTIP_GPIO_LEDColor</td>
  1658. </tr>
  1659. <tr class="GPIO_item" unused_id="LEDRGBex9">
  1660. <td></td>
  1661. <td>
  1662. G <input required type="number" class="GPIO_IO12 GPIO_item" id="GPIO_LEDColor_value2"
  1663. min="0" max="255" step="1" oninput="(!validity.rangeUnderflow||(value=0)) && (!validity.rangeOverflow||(value=255)) &&
  1664. (!validity.stepMismatch||(value=parseInt(this.value)));">
  1665. </td>
  1666. </tr>
  1667. <tr class="GPIO_item" unused_id="LEDRGBex9">
  1668. <td></td>
  1669. <td>
  1670. B <input required type="number" class="GPIO_IO12 GPIO_item" id="GPIO_LEDColor_value3"
  1671. min="0" max="255" step="1" oninput="(!validity.rangeUnderflow||(value=0)) && (!validity.rangeOverflow||(value=255)) &&
  1672. (!validity.stepMismatch||(value=parseInt(this.value)));">
  1673. </td>
  1674. </tr>
  1675. <!------------- GPIO12 end ------------------>
  1676. <!------------- GPIO13 begin ------------------>
  1677. <tr class="GPIO_IO13 GPIO_item expert">
  1678. <td class="indent1">
  1679. <input type="checkbox" id="GPIO_IO13_enabled" value="1" onclick = 'InvertEnableItem("GPIO", "IO13")' unchecked>
  1680. <label for=GPIO_IO13_enabled><span id="GPIO_IO13_text">GPIO13 Configuration</span></label>
  1681. </td>
  1682. <td>
  1683. <select id="GPIO_IO13_value1">
  1684. <option value="input">input</option>
  1685. <option value="input-pullup">input pullup</option>
  1686. <option value="input-pulldown">input pulldown</option>
  1687. <option value="output">output</option>
  1688. </select>
  1689. </td>
  1690. <td>$TOOLTIP_GPIO_IO13</td>
  1691. </tr>
  1692. <tr class="GPIO_IO13 GPIO_item expert">
  1693. <td class="indent2">
  1694. <span class="GPIO_IO13 GPIO_item">GPIO13 Use Interrupt</span>
  1695. </td>
  1696. <td>
  1697. <select id="GPIO_IO13_value2">
  1698. <option value="disabled">disabled</option>
  1699. <option value="rising-edge" disabled>rising edge</option>
  1700. <option value="falling-edge" disabled>falling edge</option>
  1701. <option value="rising-and-falling">rising and falling</option>
  1702. <option value="low-level-trigger">low level trigger</option>
  1703. <option value="high-level-trigger">high level trigger</option>
  1704. </select>
  1705. </td>
  1706. <td></td>
  1707. </tr>
  1708. <tr class="GPIO_IO13 GPIO_item expert">
  1709. <td class="indent2">
  1710. <span class="GPIO_IO13 GPIO_item">GPIO13 PWM Duty Cycle Resolution</span>
  1711. </td>
  1712. <td><input required type="number" id="GPIO_IO13_value3" min="1" max="20"
  1713. oninput="(!validity.rangeUnderflow||(value=1)) && (!validity.rangeOverflow||(value=20)) &&
  1714. (!validity.stepMismatch||(value=parseInt(this.value)));"><span class="GPIO_IO13 GPIO_item">Bits</span></td>
  1715. <td></td>
  1716. </tr>
  1717. <tr class="GPIO_IO13 GPIO_item expert">
  1718. <td class="indent2">
  1719. <span class="GPIO_IO13 GPIO_item">GPIO13 Enable MQTT</span>
  1720. </td>
  1721. <td><input type="checkbox" id="GPIO_IO13_value4"></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 Enable REST API</span>
  1727. </td>
  1728. <td><input type="checkbox" id="GPIO_IO13_value5"></td>
  1729. <td></td>
  1730. </tr>
  1731. <tr class="GPIO_IO13 GPIO_item expert">
  1732. <td class="indent2">
  1733. <span class="GPIO_IO13 GPIO_item">GPIO13 Name</span>
  1734. </td>
  1735. <td><input type="text" id="GPIO_IO13_value6"></td>
  1736. <td></td>
  1737. </tr>
  1738. <!------------- GPIO13 end ------------------>
  1739. <!------------- Autotimer ------------------>
  1740. <tr style="border-bottom: 2px solid lightgray;">
  1741. <td colspan="3" style="padding-left: 0px; padding-bottom: 3px;"><h4>Auto Timer</h4></td>
  1742. </tr>
  1743. <tr class="expert" unused_id="ex13">
  1744. <td class="indent1">
  1745. <class id="AutoTimer_AutoStart_text" style="color:black;">Automatic Round Start</class>
  1746. </td>
  1747. <td>
  1748. <select id="AutoTimer_AutoStart_value1">
  1749. <option value="true">enable (true)</option>
  1750. <option value="false" selected>disable (false)</option>
  1751. </select>
  1752. </td>
  1753. <td>$TOOLTIP_AutoTimer_AutoStart</td>
  1754. </tr>
  1755. <tr>
  1756. <td class="indent1">
  1757. <class id="AutoTimer_Interval_text" style="color:black;">Round Interval</class>
  1758. </td>
  1759. <td>
  1760. <input required type="number" id="AutoTimer_Interval_value1" size="13" min="1" step="any"
  1761. oninput="(!validity.rangeUnderflow||(value=1));">Minutes
  1762. </td>
  1763. <td>$TOOLTIP_AutoTimer_Interval</td>
  1764. </tr>
  1765. <!------------- Data Logging ------------------>
  1766. <tr style="border-bottom: 2px solid lightgray;">
  1767. <td colspan="3" style="padding-left: 0px; padding-bottom: 3px;"><h4>Data Logging</h4></td>
  1768. </tr>
  1769. <tr>
  1770. <td class="indent1">
  1771. <class id="DataLogging_DataLogActive_text" style="color:black;">Data Logging</class>
  1772. </td>
  1773. <td>
  1774. <select id="DataLogging_DataLogActive_value1">
  1775. <option value="true">enable (true)</option>
  1776. <option value="false" selected>disable (false)</option>
  1777. </select>
  1778. </td>
  1779. <td>$TOOLTIP_DataLogging_DataLogActive</td>
  1780. </tr>
  1781. <tr>
  1782. <td class="indent1">
  1783. <class id="DataLogging_DataFilesRetention_text" style="color:black;">Data Files Retention</class>
  1784. </td>
  1785. <td>
  1786. <input required type="number" id="DataLogging_DataFilesRetention_value1" size="13" min="0" step="1"
  1787. oninput="(!validity.rangeUnderflow||(value=0)) && (!validity.stepMismatch||(value=parseInt(this.value)));">Days
  1788. </td>
  1789. <td>$TOOLTIP_DataLogging_DataFilesRetention</td>
  1790. </tr>
  1791. <!------------- Debug Logging ------------------>
  1792. <tr style="border-bottom: 2px solid lightgray;">
  1793. <td colspan="3" style="padding-left: 0px; padding-bottom: 3px;"><h4>Debug</h4></td>
  1794. </tr>
  1795. <tr>
  1796. <td class="indent1">
  1797. <class id="Debug_LogLevel_text" style="color:black;">Logfile Log Level</class>
  1798. </td>
  1799. <td>
  1800. <select id="Debug_LogLevel_value1">
  1801. <option value="1" selected>ERROR</option> <!-- matches esp_log_level_t -->
  1802. <option value="2">WARNING</option>
  1803. <option value="3">INFO</option>
  1804. <option value="4">DEBUG</option>
  1805. </select>
  1806. </td>
  1807. <td>$TOOLTIP_Debug_LogLevel</td>
  1808. </tr>
  1809. <tr>
  1810. <td class="indent1">
  1811. <class id="Debug_LogfilesRetention_text" style="color:black;">Logfiles Retention</class>
  1812. </td>
  1813. <td>
  1814. <input required type="number" id="Debug_LogfilesRetention_value1" size="13" min="0" step="1"
  1815. oninput="(!validity.rangeUnderflow||(value=0)) && (!validity.stepMismatch||(value=parseInt(this.value)));">Days
  1816. </td>
  1817. <td>$TOOLTIP_Debug_LogfilesRetention</td>
  1818. </tr>
  1819. <!------------- System ------------------>
  1820. <tr style="border-bottom: 2px solid lightgray;">
  1821. <td colspan="3" style="padding-left: 0px; padding-bottom: 3px;"><h4>System</h4></td>
  1822. </tr>
  1823. <tr>
  1824. <td class="indent1">
  1825. <input type="checkbox" id="System_TimeZone_enabled" value="1" onclick = 'InvertEnableItem("System", "TimeZone")' unchecked >
  1826. <label for=System_TimeZone_enabled><class id="System_TimeZone_text" style="color:black;">Time Zone</class></label>
  1827. <p></p><p></p>
  1828. </td>
  1829. <td>
  1830. <input type="text" id="System_TimeZone_value1">
  1831. <p>Use <a href="timezones.html" target="_blank">timezones</a> to find your settings</p>
  1832. </td>
  1833. <td>$TOOLTIP_System_TimeZone</td>
  1834. </tr>
  1835. <tr class="expert" unused_id="ex16">
  1836. <td class="indent1">
  1837. <input type="checkbox" id="System_TimeServer_enabled" value="1" onclick = 'InvertEnableItem("System", "TimeServer")' unchecked >
  1838. <label for=System_TimeServer_enabled><class id="System_TimeServer_text" style="color:black;">Time Server (NTP)</class></label>
  1839. </td>
  1840. <td>
  1841. <input type="text" id="System_TimeServer_value1">
  1842. </td>
  1843. <td>$TOOLTIP_System_TimeServer</td>
  1844. </tr>
  1845. <tr class="expert" unused_id="System_Hostname">
  1846. <td class="indent1">
  1847. <input type="checkbox" id="System_Hostname_enabled" value="1" onclick = 'InvertEnableItem("System", "Hostname")' unchecked >
  1848. <label for=System_Hostname_enabled><class id="System_Hostname_text" style="color:black;">Hostname</class></label>
  1849. </td>
  1850. <td>
  1851. <input type="text" id="System_Hostname_value1">
  1852. </td>
  1853. <td>$TOOLTIP_System_Hostname</td>
  1854. </tr>
  1855. <tr class="expert" unused_id="System_RSSIThreshold">
  1856. <td class="indent1">
  1857. <input type="checkbox" id="System_RSSIThreshold_enabled" value="1" onclick = 'InvertEnableItem("System", "RSSIThreshold")' unchecked >
  1858. <label for=System_RSSIThreshold_enabled><class id="System_RSSIThreshold_text" style="color:black;">RSSI Threshold</class></label>
  1859. </td>
  1860. <td>
  1861. <input required type="number" name="name" id="System_RSSIThreshold_value1" min="-100" max="0" step="1"
  1862. oninput="(!validity.rangeUnderflow||(value=-100)) && (!validity.rangeOverflow||(value=0)) &&
  1863. (!validity.stepMismatch||(value=parseInt(this.value)));">dBm
  1864. </td>
  1865. <td>$TOOLTIP_System_RSSIThreshold</td>
  1866. </tr>
  1867. <tr class="expert" unused_id="System_CPUFrequency">
  1868. <td class="indent1">
  1869. <input type="checkbox" id="System_CPUFrequency_enabled" value="1" onclick = 'InvertEnableItem("System", "CPUFrequency")' unchecked >
  1870. <label for=System_CPUFrequency_enabled><class id="System_CPUFrequency_text" style="color:black;">CPU Frequency</class></label>
  1871. </td>
  1872. <td>
  1873. <select id="System_CPUFrequency_value1">
  1874. <option value="160" selected>160 MHz</option>
  1875. <option value="240">240 MHz</option>
  1876. </select>
  1877. </td>
  1878. <td>$TOOLTIP_System_CPUFrequency</td>
  1879. </tr>
  1880. <tr>
  1881. <td class="indent1">
  1882. <class id="System_Tooltip_text" style="color:black;">Tooltip</class>
  1883. </td>
  1884. <td>
  1885. <select id="System_Tooltip_value1" onchange="UpdateTooltipModus()">
  1886. <option value="true">enable (true)</option>
  1887. <option value="false" selected>disable (false)</option>
  1888. </select>
  1889. </td>
  1890. <td></td>
  1891. </tr>
  1892. </table>
  1893. <table style="padding-top:10px">
  1894. <td>
  1895. <button class="button" onclick="saveTextAsFile()">Save Config</button>
  1896. </td>
  1897. <td>
  1898. <button class="button" id="reboot" type="button" onclick="doReboot()">Reboot to activate changes</button>
  1899. </td>
  1900. </table>
  1901. </div>
  1902. <script type="text/javascript" src="readconfigparam.js?v=$COMMIT_HASH"></script>
  1903. <script type="text/javascript" src="readconfigcommon.js?v=$COMMIT_HASH"></script>
  1904. <script type="text/javascript">
  1905. var canvas = document.getElementById('canvas'),
  1906. domainname = getDomainname(),
  1907. changeCamValue = 0,
  1908. param,
  1909. category,
  1910. NUNBERSAkt = -1,
  1911. NUMBERS;
  1912. function cameraParameterChanged() {
  1913. changeCamValue = 1;
  1914. if(!document.getElementById("TakeImage_CamZoom_value1").selectedIndex) {
  1915. // EnDisableItem(_status, _param, _category, _cat, _name, _optional, _number = -1)
  1916. EnDisableItem(true, param, category, "TakeImage", "CamZoomOffsetX", false);
  1917. EnDisableItem(true, param, category, "TakeImage", "CamZoomOffsetY", false);
  1918. EnDisableItem(true, param, category, "TakeImage", "CamZoomSize", false);
  1919. }
  1920. else {
  1921. EnDisableItem(false, param, category, "TakeImage", "CamZoomOffsetX", false);
  1922. EnDisableItem(false, param, category, "TakeImage", "CamZoomOffsetY", false);
  1923. EnDisableItem(false, param, category, "TakeImage", "CamZoomSize", false);
  1924. }
  1925. if(document.getElementById("TakeImage_CamAutoSharpness_value1").selectedIndex) {
  1926. EnDisableItem(true, param, category, "TakeImage", "CamSharpness", false);
  1927. }
  1928. else {
  1929. EnDisableItem(false, param, category, "TakeImage", "CamSharpness", false);
  1930. }
  1931. }
  1932. function LoadConfigNeu() {
  1933. if (!loadConfig(domainname)) {
  1934. firework.launch('Configuration could not be loaded! Please reload the page!', 'danger', 30000);
  1935. return;
  1936. }
  1937. param = getCamConfig();
  1938. category = getConfigCategory();
  1939. InitIndivParameter();
  1940. UpdateInput();
  1941. var sel = document.getElementById("Numbers_value1");
  1942. UpdateInputIndividual(sel);
  1943. UpdateExpertModus();
  1944. UpdateTooltipModus();
  1945. document.getElementById("divall").style.display = '';
  1946. if(!document.getElementById("TakeImage_CamZoom_value1").selectedIndex) {
  1947. // EnDisableItem(_status, _param, _category, _cat, _name, _optional, _number = -1)
  1948. EnDisableItem(true, param, category, "TakeImage", "CamZoomOffsetX", false);
  1949. EnDisableItem(true, param, category, "TakeImage", "CamZoomOffsetY", false);
  1950. EnDisableItem(true, param, category, "TakeImage", "CamZoomSize", false);
  1951. }
  1952. else {
  1953. EnDisableItem(false, param, category, "TakeImage", "CamZoomOffsetX", false);
  1954. EnDisableItem(false, param, category, "TakeImage", "CamZoomOffsetY", false);
  1955. EnDisableItem(false, param, category, "TakeImage", "CamZoomSize", false);
  1956. }
  1957. if(document.getElementById("TakeImage_CamAutoSharpness_value1").selectedIndex) {
  1958. EnDisableItem(true, param, category, "TakeImage", "CamSharpness", false);
  1959. }
  1960. else {
  1961. EnDisableItem(false, param, category, "TakeImage", "CamSharpness", false);
  1962. }
  1963. }
  1964. function InitIndivParameter() {
  1965. NUMBERS = getNUMBERInfo();
  1966. var _index = document.getElementById("Numbers_value1");
  1967. while (_index.length) {
  1968. _index.remove(0);
  1969. }
  1970. var _indexInflux = document.getElementById("NumbersInfluxDBv2_value1");
  1971. while (_indexInflux.length) {
  1972. _indexInflux.remove(0);
  1973. }
  1974. var _indexInfluxv1 = document.getElementById("NumbersInfluxDB_value1");
  1975. while (_indexInfluxv1.length) {
  1976. _indexInfluxv1.remove(0);
  1977. }
  1978. var _indexMQTTIdx = document.getElementById("NumbersMQTTIdx_value1");
  1979. while (_indexMQTTIdx.length) {
  1980. _indexMQTTIdx.remove(0);
  1981. }
  1982. for (var i = 0; i < NUMBERS.length; ++i) {
  1983. var option = document.createElement("option");
  1984. option.text = NUMBERS[i]["name"];
  1985. option.value = i;
  1986. _index.add(option);
  1987. var optionInflux = document.createElement("option");
  1988. optionInflux.text = NUMBERS[i]["name"];
  1989. optionInflux.value = i;
  1990. _indexInflux.add(optionInflux);
  1991. var optionInfluxv1 = document.createElement("option");
  1992. optionInfluxv1.text = NUMBERS[i]["name"];
  1993. optionInfluxv1.value = i;
  1994. _indexInfluxv1.add(optionInfluxv1);
  1995. var optionMQTTIdx = document.createElement("option");
  1996. optionMQTTIdx.text = NUMBERS[i]["name"];
  1997. optionMQTTIdx.value = i;
  1998. _indexMQTTIdx.add(optionMQTTIdx);
  1999. }
  2000. _index.selectedIndex = 0;
  2001. _indexInflux.selectedIndex = 0;
  2002. _indexInfluxv1.selectedIndex = 0;
  2003. _indexMQTTIdx.selectedIndex = 0;
  2004. }
  2005. function UpdateInputIndividual(sel) {
  2006. if (NUNBERSAkt != -1) {
  2007. // ReadParameter(param, "PostProcessing", "PreValueUse", false, NUNBERSAkt);
  2008. ReadParameter(param, "PostProcessing", "DecimalShift", true, NUNBERSAkt);
  2009. ReadParameter(param, "PostProcessing", "AnalogToDigitTransitionStart", true, NUNBERSAkt);
  2010. ReadParameter(param, "PostProcessing", "ChangeRateThreshold", true, NUNBERSAkt);
  2011. ReadParameter(param, "PostProcessing", "MaxRateValue", true, NUNBERSAkt);
  2012. ReadParameter(param, "PostProcessing", "MaxRateType", true, NUNBERSAkt);
  2013. ReadParameter(param, "PostProcessing", "ExtendedResolution", false, NUNBERSAkt);
  2014. ReadParameter(param, "PostProcessing", "IgnoreLeadingNaN", false, NUNBERSAkt);
  2015. // ReadParameter(param, "PostProcessing", "IgnoreAllNaN", false, NUNBERSAkt);
  2016. ReadParameter(param, "PostProcessing", "AllowNegativeRates", false, NUNBERSAkt);
  2017. ReadParameter(param, "InfluxDB", "Field", true, NUNBERSAkt);
  2018. ReadParameter(param, "InfluxDBv2", "Field", true, NUNBERSAkt);
  2019. ReadParameter(param, "InfluxDB", "Measurement", true, NUNBERSAkt);
  2020. ReadParameter(param, "InfluxDBv2", "Measurement", true, NUNBERSAkt);
  2021. ReadParameter(param, "MQTT", "DomoticzIDX", true, NUNBERSAkt);
  2022. }
  2023. // var sel = document.getElementById("Numbers_value1");
  2024. NUNBERSAkt = sel.selectedIndex;
  2025. // WriteParameter(param, category, "PostProcessing", "PreValueUse", false, NUNBERSAkt);
  2026. WriteParameter(param, category, "PostProcessing", "DecimalShift", true, NUNBERSAkt);
  2027. WriteParameter(param, category, "PostProcessing", "AnalogToDigitTransitionStart", true, NUNBERSAkt);
  2028. WriteParameter(param, category, "PostProcessing", "ChangeRateThreshold", true, NUNBERSAkt);
  2029. WriteParameter(param, category, "PostProcessing", "MaxRateValue", true, NUNBERSAkt);
  2030. WriteParameter(param, category, "PostProcessing", "MaxRateType", true, NUNBERSAkt);
  2031. WriteParameter(param, category, "PostProcessing", "ExtendedResolution", false, NUNBERSAkt);
  2032. WriteParameter(param, category, "PostProcessing", "IgnoreLeadingNaN", false, NUNBERSAkt);
  2033. // WriteParameter(param, category, "PostProcessing", "IgnoreAllNaN", false, NUNBERSAkt);
  2034. WriteParameter(param, category, "PostProcessing", "AllowNegativeRates", false, NUNBERSAkt);
  2035. WriteParameter(param, category, "InfluxDB", "Field", true, NUNBERSAkt);
  2036. WriteParameter(param, category, "InfluxDBv2", "Field", true, NUNBERSAkt);
  2037. WriteParameter(param, category, "InfluxDB", "Measurement", true, NUNBERSAkt);
  2038. WriteParameter(param, category, "InfluxDBv2", "Measurement", true, NUNBERSAkt);
  2039. WriteParameter(param, category, "MQTT", "DomoticzIDX", true, NUNBERSAkt);
  2040. }
  2041. function UpdateInput() {
  2042. document.getElementById("Category_Digits_enabled").checked = category["Digits"]["enabled"];
  2043. setVisible("DigitItem", category["Digits"]["enabled"]);
  2044. document.getElementById("Category_Analog_enabled").checked = category["Analog"]["enabled"];
  2045. setVisible("AnalogItem", category["Analog"]["enabled"]);
  2046. document.getElementById("Category_MQTT_enabled").checked = category["MQTT"]["enabled"];
  2047. setVisible("MQTTItem", category["MQTT"]["enabled"]);
  2048. document.getElementById("Category_GPIO_enabled").checked = category["GPIO"]["enabled"];
  2049. setVisible("GPIO_item", category["GPIO"]["enabled"]);
  2050. document.getElementById("Category_InfluxDB_enabled").checked = category["InfluxDB"]["enabled"];
  2051. setVisible("InfluxDBv1Item", category["InfluxDB"]["enabled"]);
  2052. document.getElementById("Category_InfluxDBv2_enabled").checked = category["InfluxDBv2"]["enabled"];
  2053. setVisible("InfluxDBv2Item", category["InfluxDBv2"]["enabled"]);
  2054. document.getElementById("Category_Webhook_enabled").checked = category["Webhook"]["enabled"];
  2055. setVisible("WebhookItem", category["Webhook"]["enabled"]);
  2056. WriteParameter(param, category, "TakeImage", "RawImagesLocation", true);
  2057. WriteParameter(param, category, "TakeImage", "RawImagesRetention", true);
  2058. WriteParameter(param, category, "TakeImage", "WaitBeforeTakingPicture", false);
  2059. WriteParameter(param, category, "TakeImage", "CamGainceiling", false);
  2060. WriteParameter(param, category, "TakeImage", "CamQuality", false);
  2061. WriteParameter(param, category, "TakeImage", "CamBrightness", false);
  2062. WriteParameter(param, category, "TakeImage", "CamContrast", false);
  2063. WriteParameter(param, category, "TakeImage", "CamSaturation", false);
  2064. WriteParameter(param, category, "TakeImage", "CamSharpness", false);
  2065. WriteParameter(param, category, "TakeImage", "CamAutoSharpness", false);
  2066. WriteParameter(param, category, "TakeImage", "CamSpecialEffect", false);
  2067. WriteParameter(param, category, "TakeImage", "CamWbMode", false);
  2068. WriteParameter(param, category, "TakeImage", "CamAwb", false);
  2069. WriteParameter(param, category, "TakeImage", "CamAwbGain", false);
  2070. WriteParameter(param, category, "TakeImage", "CamAec", false);
  2071. WriteParameter(param, category, "TakeImage", "CamAec2", false);
  2072. WriteParameter(param, category, "TakeImage", "CamAeLevel", false);
  2073. WriteParameter(param, category, "TakeImage", "CamAecValue", false);
  2074. WriteParameter(param, category, "TakeImage", "CamAgc", false);
  2075. WriteParameter(param, category, "TakeImage", "CamAgcGain", false);
  2076. WriteParameter(param, category, "TakeImage", "CamBpc", false);
  2077. WriteParameter(param, category, "TakeImage", "CamWpc", false);
  2078. WriteParameter(param, category, "TakeImage", "CamRawGma", false);
  2079. WriteParameter(param, category, "TakeImage", "CamLenc", false);
  2080. WriteParameter(param, category, "TakeImage", "CamHmirror", false);
  2081. WriteParameter(param, category, "TakeImage", "CamVflip", false);
  2082. WriteParameter(param, category, "TakeImage", "CamDcw", false);
  2083. WriteParameter(param, category, "TakeImage", "CamDenoise", false);
  2084. WriteParameter(param, category, "TakeImage", "CamZoom", false);
  2085. WriteParameter(param, category, "TakeImage", "CamZoomOffsetX", false);
  2086. WriteParameter(param, category, "TakeImage", "CamZoomOffsetY", false);
  2087. WriteParameter(param, category, "TakeImage", "CamZoomSize", false);
  2088. WriteParameter(param, category, "TakeImage", "LEDIntensity", false);
  2089. WriteParameter(param, category, "TakeImage", "Demo", false);
  2090. WriteParameter(param, category, "Alignment", "SearchFieldX", false);
  2091. WriteParameter(param, category, "Alignment", "SearchFieldY", false);
  2092. WriteParameter(param, category, "Alignment", "AlignmentAlgo", true);
  2093. WriteParameter(param, category, "Alignment", "InitialRotate", false);
  2094. WriteParameter(param, category, "Digits", "CNNGoodThreshold", true);
  2095. WriteParameter(param, category, "Digits", "ROIImagesLocation", true);
  2096. WriteParameter(param, category, "Digits", "ROIImagesRetention", true);
  2097. WriteParameter(param, category, "Analog", "ROIImagesLocation", true);
  2098. WriteParameter(param, category, "Analog", "ROIImagesRetention", true);
  2099. WriteParameter(param, category, "PostProcessing", "PreValueUse", false);
  2100. WriteParameter(param, category, "PostProcessing", "PreValueAgeStartup", true);
  2101. WriteParameter(param, category, "PostProcessing", "ErrorMessage", false);
  2102. WriteParameter(param, category, "PostProcessing", "CheckDigitIncreaseConsistency", false);
  2103. WriteParameter(param, category, "MQTT", "Uri", true);
  2104. WriteParameter(param, category, "MQTT", "MainTopic", true);
  2105. WriteParameter(param, category, "MQTT", "ClientID", true);
  2106. WriteParameter(param, category, "MQTT", "user", true);
  2107. WriteParameter(param, category, "MQTT", "password", true);
  2108. WriteParameter(param, category, "MQTT", "RetainMessages", false);
  2109. WriteParameter(param, category, "MQTT", "HomeassistantDiscovery", false);
  2110. WriteParameter(param, category, "MQTT", "MeterType", true);
  2111. WriteParameter(param, category, "MQTT", "CACert", true);
  2112. WriteParameter(param, category, "MQTT", "ClientCert", true);
  2113. WriteParameter(param, category, "MQTT", "ClientKey", true);
  2114. WriteParameter(param, category, "MQTT", "DomoticzTopicIn", true);
  2115. WriteParameter(param, category, "InfluxDB", "Uri", true);
  2116. WriteParameter(param, category, "InfluxDB", "Database", true);
  2117. // WriteParameter(param, category, "InfluxDB", "Measurement", true);
  2118. WriteParameter(param, category, "InfluxDB", "user", true);
  2119. WriteParameter(param, category, "InfluxDB", "password", true);
  2120. // WriteParameter(param, category, "InfluxDB", "Field", true);
  2121. WriteParameter(param, category, "InfluxDBv2", "Uri", true);
  2122. WriteParameter(param, category, "InfluxDBv2", "Bucket", true);
  2123. // WriteParameter(param, category, "InfluxDBv2", "Measurement", true);
  2124. WriteParameter(param, category, "InfluxDBv2", "Org", true);
  2125. WriteParameter(param, category, "InfluxDBv2", "Token", true);
  2126. // WriteParameter(param, category, "InfluxDBv2", "Field", true);
  2127. WriteParameter(param, category, "Webhook", "Uri", true);
  2128. WriteParameter(param, category, "Webhook", "ApiKey", true);
  2129. WriteParameter(param, category, "Webhook", "UploadImg", false);
  2130. WriteParameter(param, category, "GPIO", "IO0", true);
  2131. WriteParameter(param, category, "GPIO", "IO1", true);
  2132. WriteParameter(param, category, "GPIO", "IO3", true);
  2133. WriteParameter(param, category, "GPIO", "IO4", true);
  2134. WriteParameter(param, category, "GPIO", "IO12", true);
  2135. WriteParameter(param, category, "GPIO", "IO13", true);
  2136. WriteParameter(param, category, "GPIO", "LEDType", false);
  2137. WriteParameter(param, category, "GPIO", "LEDNumbers", false);
  2138. WriteParameter(param, category, "GPIO", "LEDColor", false);
  2139. WriteParameter(param, category, "AutoTimer", "AutoStart", false);
  2140. WriteParameter(param, category, "AutoTimer", "Interval", false);
  2141. WriteParameter(param, category, "DataLogging", "DataLogActive", false);
  2142. WriteParameter(param, category, "DataLogging", "DataFilesRetention", false);
  2143. WriteParameter(param, category, "Debug", "LogLevel", false);
  2144. WriteParameter(param, category, "Debug", "LogfilesRetention", false);
  2145. WriteParameter(param, category, "System", "Tooltip", false);
  2146. WriteParameter(param, category, "System", "TimeZone", true);
  2147. WriteParameter(param, category, "System", "Hostname", true);
  2148. WriteParameter(param, category, "System", "TimeServer", true);
  2149. WriteParameter(param, category, "System", "RSSIThreshold", true);
  2150. WriteParameter(param, category, "System", "CPUFrequency", true);
  2151. WriteModelFiles();
  2152. }
  2153. function WriteModelFiles() {
  2154. list_tflite = getTFLITEList();
  2155. var _indexDig = document.getElementById("Digits_Model_value1");
  2156. var _indexAna = document.getElementById("Analog_Model_value1");
  2157. while (_indexDig.length) {
  2158. _indexDig.remove(0);
  2159. }
  2160. while (_indexAna.length) {
  2161. _indexAna.remove(0);
  2162. }
  2163. for (var i = 0; i < list_tflite.length; ++i) {
  2164. var optionDig = document.createElement("option");
  2165. var optionAna = document.createElement("option");
  2166. var text = list_tflite[i].replace("/config/", "");
  2167. if (list_tflite[i].includes("/dig")) { // Its a digit file, only show in the digits list box
  2168. optionDig.text = text;
  2169. optionDig.value = list_tflite[i];
  2170. _indexDig.add(optionDig);
  2171. }
  2172. else if (list_tflite[i].includes("/ana")) { // Its a digit file, only show in the analog list box
  2173. optionAna.text = text;
  2174. optionAna.value = list_tflite[i];
  2175. _indexAna.add(optionAna);
  2176. }
  2177. else { // all other files, show in both list boxes
  2178. optionDig.text = text;
  2179. optionDig.value = list_tflite[i];
  2180. _indexDig.add(optionDig);
  2181. optionAna.text = text;
  2182. optionAna.value = list_tflite[i];
  2183. _indexAna.add(optionAna);
  2184. }
  2185. }
  2186. WriteParameter(param, category, "Analog", "Model", false);
  2187. WriteParameter(param, category, "Digits", "Model", false);
  2188. }
  2189. function ReadParameterAll() {
  2190. category["Analog"]["enabled"] = document.getElementById("Category_Analog_enabled").checked;
  2191. category["Digits"]["enabled"] = document.getElementById("Category_Digits_enabled").checked;
  2192. category["MQTT"]["enabled"] = document.getElementById("Category_MQTT_enabled").checked;
  2193. category["InfluxDB"]["enabled"] = document.getElementById("Category_InfluxDB_enabled").checked;
  2194. category["InfluxDBv2"]["enabled"] = document.getElementById("Category_InfluxDBv2_enabled").checked;
  2195. category["Webhook"]["enabled"] = document.getElementById("Category_Webhook_enabled").checked;
  2196. category["GPIO"]["enabled"] = document.getElementById("Category_GPIO_enabled").checked;
  2197. ReadParameter(param, "TakeImage", "RawImagesLocation", true);
  2198. ReadParameter(param, "TakeImage", "RawImagesRetention", true);
  2199. ReadParameter(param, "TakeImage", "WaitBeforeTakingPicture", false);
  2200. ReadParameter(param, "TakeImage", "CamGainceiling", false);
  2201. ReadParameter(param, "TakeImage", "CamQuality", false);
  2202. ReadParameter(param, "TakeImage", "CamBrightness", false);
  2203. ReadParameter(param, "TakeImage", "CamContrast", false);
  2204. ReadParameter(param, "TakeImage", "CamSaturation", false);
  2205. ReadParameter(param, "TakeImage", "CamSharpness", false);
  2206. ReadParameter(param, "TakeImage", "CamAutoSharpness", false);
  2207. ReadParameter(param, "TakeImage", "CamSpecialEffect", false);
  2208. ReadParameter(param, "TakeImage", "CamWbMode", false);
  2209. ReadParameter(param, "TakeImage", "CamAwb", false);
  2210. ReadParameter(param, "TakeImage", "CamAwbGain", false);
  2211. ReadParameter(param, "TakeImage", "CamAec", false);
  2212. ReadParameter(param, "TakeImage", "CamAec2", false);
  2213. ReadParameter(param, "TakeImage", "CamAeLevel", false);
  2214. ReadParameter(param, "TakeImage", "CamAecValue", false);
  2215. ReadParameter(param, "TakeImage", "CamAgc", false);
  2216. ReadParameter(param, "TakeImage", "CamAgcGain", false);
  2217. ReadParameter(param, "TakeImage", "CamBpc", false);
  2218. ReadParameter(param, "TakeImage", "CamWpc", false);
  2219. ReadParameter(param, "TakeImage", "CamRawGma", false);
  2220. ReadParameter(param, "TakeImage", "CamLenc", false);
  2221. ReadParameter(param, "TakeImage", "CamHmirror", false);
  2222. ReadParameter(param, "TakeImage", "CamVflip", false);
  2223. ReadParameter(param, "TakeImage", "CamDcw", false);
  2224. ReadParameter(param, "TakeImage", "CamDenoise", false);
  2225. ReadParameter(param, "TakeImage", "CamZoom", false);
  2226. ReadParameter(param, "TakeImage", "CamZoomOffsetX", false);
  2227. ReadParameter(param, "TakeImage", "CamZoomOffsetY", false);
  2228. ReadParameter(param, "TakeImage", "CamZoomSize", false);
  2229. ReadParameter(param, "TakeImage", "LEDIntensity", false);
  2230. ReadParameter(param, "TakeImage", "Demo", false);
  2231. ReadParameter(param, "Alignment", "SearchFieldX", false);
  2232. ReadParameter(param, "Alignment", "SearchFieldY", false);
  2233. ReadParameter(param, "Alignment", "AlignmentAlgo", true);
  2234. ReadParameter(param, "Alignment", "InitialRotate", false);
  2235. ReadParameter(param, "Digits", "Model", false);
  2236. ReadParameter(param, "Digits", "CNNGoodThreshold", true);
  2237. ReadParameter(param, "Digits", "ROIImagesLocation", true);
  2238. ReadParameter(param, "Digits", "ROIImagesRetention", true);
  2239. ReadParameter(param, "Analog", "Model", false);
  2240. ReadParameter(param, "Analog", "ROIImagesLocation", true);
  2241. ReadParameter(param, "Analog", "ROIImagesRetention", true);
  2242. ReadParameter(param, "PostProcessing", "PreValueUse", false);
  2243. ReadParameter(param, "PostProcessing", "PreValueAgeStartup", true);
  2244. ReadParameter(param, "PostProcessing", "ErrorMessage", false);
  2245. ReadParameter(param, "PostProcessing", "CheckDigitIncreaseConsistency", false);
  2246. ReadParameter(param, "MQTT", "Uri", true);
  2247. ReadParameter(param, "MQTT", "MainTopic", true);
  2248. ReadParameter(param, "MQTT", "ClientID", true);
  2249. ReadParameter(param, "MQTT", "user", true);
  2250. ReadParameter(param, "MQTT", "password", true);
  2251. ReadParameter(param, "MQTT", "RetainMessages", false);
  2252. ReadParameter(param, "MQTT", "HomeassistantDiscovery", false);
  2253. ReadParameter(param, "MQTT", "MeterType", true);
  2254. ReadParameter(param, "MQTT", "CACert", true);
  2255. ReadParameter(param, "MQTT", "ClientCert", true);
  2256. ReadParameter(param, "MQTT", "ClientKey", true);
  2257. ReadParameter(param, "MQTT", "DomoticzTopicIn", true);
  2258. ReadParameter(param, "InfluxDB", "Uri", true);
  2259. ReadParameter(param, "InfluxDB", "Database", true);
  2260. ReadParameter(param, "InfluxDB", "Measurement", true);
  2261. ReadParameter(param, "InfluxDB", "user", true);
  2262. ReadParameter(param, "InfluxDB", "password", true);
  2263. ReadParameter(param, "InfluxDBv2", "Uri", true);
  2264. ReadParameter(param, "InfluxDBv2", "Bucket", true);
  2265. ReadParameter(param, "InfluxDBv2", "Measurement", true);
  2266. ReadParameter(param, "InfluxDBv2", "Org", true);
  2267. ReadParameter(param, "InfluxDBv2", "Token", true);
  2268. // ReadParameter(param, "InfluxDB", "Field", true);
  2269. ReadParameter(param, "Webhook", "Uri", true);
  2270. ReadParameter(param, "Webhook", "ApiKey", true);
  2271. ReadParameter(param, "Webhook", "UploadImg", false);
  2272. ReadParameter(param, "GPIO", "IO0", true);
  2273. ReadParameter(param, "GPIO", "IO1", true);
  2274. ReadParameter(param, "GPIO", "IO3", true);
  2275. ReadParameter(param, "GPIO", "IO4", true);
  2276. ReadParameter(param, "GPIO", "IO12", true);
  2277. ReadParameter(param, "GPIO", "IO13", true);
  2278. ReadParameter(param, "GPIO", "LEDType", false);
  2279. ReadParameter(param, "GPIO", "LEDNumbers", false);
  2280. ReadParameter(param, "GPIO", "LEDColor", false);
  2281. // Folgende Zeilen sind für Abwärtskompatibität < v9.0.0 notwendig (manchmal parameter auskommentiert)
  2282. param["GPIO"]["LEDType"]["enabled"] = true;
  2283. param["GPIO"]["LEDNumbers"]["enabled"] = true;
  2284. param["GPIO"]["LEDColor"]["enabled"] = true;
  2285. param["GPIO"]["LEDType"]["found"] = true;
  2286. param["GPIO"]["LEDNumbers"]["found"] = true;
  2287. param["GPIO"]["LEDColor"]["found"] = true;
  2288. ReadParameter(param, "AutoTimer", "AutoStart", false);
  2289. ReadParameter(param, "AutoTimer", "Interval", false);
  2290. ReadParameter(param, "DataLogging", "DataLogActive", false);
  2291. ReadParameter(param, "DataLogging", "DataFilesRetention", false);
  2292. ReadParameter(param, "Debug", "LogLevel", false);
  2293. ReadParameter(param, "Debug", "LogfilesRetention", false);
  2294. ReadParameter(param, "System", "Tooltip", false);
  2295. ReadParameter(param, "System", "TimeZone", true);
  2296. ReadParameter(param, "System", "Hostname", true);
  2297. ReadParameter(param, "System", "TimeServer", true);
  2298. ReadParameter(param, "System", "RSSIThreshold", true);
  2299. ReadParameter(param, "System", "CPUFrequency", true);
  2300. var sel = document.getElementById("Numbers_value1");
  2301. UpdateInputIndividual(sel);
  2302. // FormatDecimalValue(param, "PostProcessing", "MaxRateValue");
  2303. }
  2304. function UpdateAfterCategoryCheck() {
  2305. ReadParameterAll();
  2306. category["Analog"]["enabled"] = document.getElementById("Category_Analog_enabled").checked;
  2307. category["Digits"]["enabled"] = document.getElementById("Category_Digits_enabled").checked;
  2308. category["MQTT"]["enabled"] = document.getElementById("Category_MQTT_enabled").checked;
  2309. category["InfluxDB"]["enabled"] = document.getElementById("Category_InfluxDB_enabled").checked;
  2310. category["InfluxDBv2"]["enabled"] = document.getElementById("Category_InfluxDBv2_enabled").checked;
  2311. category["GPIO"]["enabled"] = document.getElementById("Category_GPIO_enabled").checked;
  2312. category["Webhook"]["enabled"] = document.getElementById("Category_Webhook_enabled").checked;
  2313. UpdateInput();
  2314. var sel = document.getElementById("Numbers_value1");
  2315. UpdateInputIndividual(sel);
  2316. }
  2317. function UpdateExpertModus() {
  2318. // var _style = 'display:none;';
  2319. var _style_pur = 'none';
  2320. var _hidden = true;
  2321. if (document.getElementById("ExpertModus_enabled").checked) {
  2322. // _style = '';
  2323. _style_pur = '';
  2324. _hidden = false;
  2325. document.getElementById("Button_Edit_Config_Raw").style.display = "";
  2326. firework.launch("Expert view activated. Please use it carefully", 'warning', 5000);
  2327. }
  2328. else {
  2329. document.getElementById("Button_Edit_Config_Raw").style.display = "none";
  2330. }
  2331. const expert = document.querySelectorAll(".expert");
  2332. for (var i = 0; i < expert.length; i++) {
  2333. expert[i].style.display = _style_pur;
  2334. // document.getElementById(expert[i].id).style = _style;
  2335. }
  2336. // 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
  2337. Array.from(document.querySelector("#GPIO_IO4_value1").options).forEach(function(option_element) {
  2338. if (option_element.value != "built-in-led") {
  2339. option_element.hidden = _hidden;
  2340. }
  2341. });
  2342. Array.from(document.querySelector("#GPIO_IO12_value1").options).forEach(function(option_element) {
  2343. if (option_element.value != "external-flash-ws281x") {
  2344. option_element.hidden = _hidden;
  2345. }
  2346. });
  2347. }
  2348. function UpdateTooltipModus() {
  2349. var _style_pur = 'none';
  2350. var _hidden = true;
  2351. if (!document.getElementById("System_Tooltip_value1").selectedIndex) {
  2352. _style_pur = '';
  2353. _hidden = false;
  2354. //firework.launch("Tooltip view activated.", 'warning', 5000);
  2355. }
  2356. const tooltip = document.querySelectorAll(".tooltip");
  2357. for (var i = 0; i < tooltip.length; i++) {
  2358. tooltip[i].style.display = _style_pur;
  2359. }
  2360. }
  2361. function saveTextAsFile() {
  2362. ReadParameterAll();
  2363. if (document.getElementsByClassName("invalid-input").length > 0) {
  2364. firework.launch("Settings cannot be saved. Please check your entries!", 'danger', 30000);
  2365. return;
  2366. }
  2367. if (confirm("Are you sure you want to save the configuration?")) {
  2368. ReadParameterAll();
  2369. WriteConfigININew();
  2370. SaveConfigToServer(domainname);
  2371. firework.launch('Configuration saved. It will get applied after the next reboot!', 'success', 5000);
  2372. if (changeCamValue == 1) {
  2373. camSettingsSet();
  2374. firework.launch('You have changed the camera settings, so creating a new reference image and updating the alignment marks is mandatory!', 'success', 10000);
  2375. }
  2376. }
  2377. }
  2378. function camSettingsSet(){
  2379. document.getElementById("overlay").style.display = "block";
  2380. document.getElementById("overlaytext").innerHTML = "Save Cam Settings...";
  2381. var _waitb_temp = document.getElementById("TakeImage_WaitBeforeTakingPicture_value1").value;
  2382. var _aecgc_temp = document.getElementById("TakeImage_CamGainceiling_value1").selectedIndex;
  2383. var _qual_temp = document.getElementById("TakeImage_CamQuality_value1").value;
  2384. var _bri_temp = document.getElementById("TakeImage_CamBrightness_value1").value;
  2385. var _con_temp = document.getElementById("TakeImage_CamContrast_value1").value;
  2386. var _sat_temp = document.getElementById("TakeImage_CamSaturation_value1").value;
  2387. var _shp_temp = document.getElementById("TakeImage_CamSharpness_value1").value;
  2388. var _ashp_temp = document.getElementById("TakeImage_CamAutoSharpness_value1").value;
  2389. if (_ashp_temp == '0') {
  2390. _ashp_temp = '1';
  2391. }
  2392. else {
  2393. _ashp_temp = '0';
  2394. }
  2395. var _spe_temp = document.getElementById("TakeImage_CamSpecialEffect_value1").selectedIndex;
  2396. var _wbm_temp = document.getElementById("TakeImage_CamWbMode_value1").selectedIndex;
  2397. var _awb_temp = document.getElementById("TakeImage_CamAwb_value1").selectedIndex;
  2398. if (_awb_temp == '0') {
  2399. _awb_temp = '1';
  2400. }
  2401. else {
  2402. _awb_temp = '0';
  2403. }
  2404. var _awbg_temp = document.getElementById("TakeImage_CamAwbGain_value1").selectedIndex;
  2405. if (_awbg_temp == '0') {
  2406. _awbg_temp = '1';
  2407. }
  2408. else {
  2409. _awbg_temp = '0';
  2410. }
  2411. var _aec_temp = document.getElementById("TakeImage_CamAec_value1").selectedIndex;
  2412. if (_aec_temp == '0') {
  2413. _aec_temp = '1';
  2414. }
  2415. else {
  2416. _aec_temp = '0';
  2417. }
  2418. var _aec2_temp = document.getElementById("TakeImage_CamAec2_value1").selectedIndex;
  2419. if (_aec2_temp == '0') {
  2420. _aec2_temp = '1';
  2421. }
  2422. else {
  2423. _aec2_temp = '0';
  2424. }
  2425. var _ael_temp = document.getElementById("TakeImage_CamAeLevel_value1").value;
  2426. var _aecv_temp = document.getElementById("TakeImage_CamAecValue_value1").value;
  2427. var _agc_temp = document.getElementById("TakeImage_CamAgc_value1").selectedIndex;
  2428. if (_agc_temp == '0') {
  2429. _agc_temp = '1';
  2430. }
  2431. else {
  2432. _agc_temp = '0';
  2433. }
  2434. var _agcg_temp = document.getElementById("TakeImage_CamAgcGain_value1").value;
  2435. var _bpc_temp = document.getElementById("TakeImage_CamBpc_value1").selectedIndex;
  2436. if (_bpc_temp == '0') {
  2437. _bpc_temp = '1';
  2438. }
  2439. else {
  2440. _bpc_temp = '0';
  2441. }
  2442. var _wpc_temp = document.getElementById("TakeImage_CamWpc_value1").selectedIndex;
  2443. if (_wpc_temp == '0') {
  2444. _wpc_temp = '1';
  2445. }
  2446. else {
  2447. _wpc_temp = '0';
  2448. }
  2449. var _rgma_temp = document.getElementById("TakeImage_CamRawGma_value1").selectedIndex;
  2450. if (_rgma_temp == '0') {
  2451. _rgma_temp = '1';
  2452. }
  2453. else {
  2454. _rgma_temp = '0';
  2455. }
  2456. var _lenc_temp = document.getElementById("TakeImage_CamLenc_value1").selectedIndex;
  2457. if (_lenc_temp == '0') {
  2458. _lenc_temp = '1';
  2459. }
  2460. else {
  2461. _lenc_temp = '0';
  2462. }
  2463. var _mirror_temp = document.getElementById("TakeImage_CamHmirror_value1").selectedIndex;
  2464. if (_mirror_temp == '0') {
  2465. _mirror_temp = '1';
  2466. }
  2467. else {
  2468. _mirror_temp = '0';
  2469. }
  2470. var _flip_temp = document.getElementById("TakeImage_CamVflip_value1").selectedIndex;
  2471. if (_flip_temp == '0') {
  2472. _flip_temp = '1';
  2473. }
  2474. else {
  2475. _flip_temp = '0';
  2476. }
  2477. var _dcw_temp = document.getElementById("TakeImage_CamDcw_value1").selectedIndex;
  2478. if (_dcw_temp == '0') {
  2479. _dcw_temp = '1';
  2480. }
  2481. else {
  2482. _dcw_temp = '0';
  2483. }
  2484. var _denoise_temp = document.getElementById("TakeImage_CamDenoise_value1").value;
  2485. var _ledi_temp = document.getElementById("TakeImage_LEDIntensity_value1").value;
  2486. var _zoom_temp = document.getElementById("TakeImage_CamZoom_value1").selectedIndex;
  2487. if (_zoom_temp == '0') {
  2488. _zoom_temp = '1';
  2489. }
  2490. else {
  2491. _zoom_temp = '0';
  2492. }
  2493. var _zoomx_temp = document.getElementById("TakeImage_CamZoomOffsetX_value1").value;
  2494. var _zoomy_temp = document.getElementById("TakeImage_CamZoomOffsetY_value1").value;
  2495. var _zooms_temp = document.getElementById("TakeImage_CamZoomSize_value1").value;
  2496. var url = domainname + "/editflow?task=cam_settings";
  2497. if (domainname.length > 0){
  2498. url = url + "&host=" + domainname;
  2499. }
  2500. url = url + "&waitb=" + _waitb_temp + "&aecgc=" + _aecgc_temp + "&qual=" + _qual_temp;
  2501. url = url + "&bri=" + _bri_temp + "&con=" + _con_temp + "&sat=" + _sat_temp + "&shp=" + _shp_temp + "&ashp=" + _ashp_temp;
  2502. url = url + "&spe=" + _spe_temp + "&wbm=" + _wbm_temp + "&awb=" + _awb_temp + "&awbg=" + _awbg_temp;
  2503. url = url + "&aec=" + _aec_temp + "&aec2=" + _aec2_temp + "&ael=" + _ael_temp + "&aecv=" + _aecv_temp;
  2504. url = url + "&agc=" + _agc_temp + "&agcg=" + _agcg_temp + "&bpc=" + _bpc_temp + "&wpc=" + _wpc_temp;
  2505. url = url + "&rgma=" + _rgma_temp + "&lenc=" + _lenc_temp + "&mirror=" + _mirror_temp + "&flip=" + _flip_temp;
  2506. url = url + "&dcw=" + _dcw_temp + "&den=" + _denoise_temp + "&ledi=" + _ledi_temp;
  2507. if (_zoom_temp != '0') {
  2508. url = url + "&zoom=" + _zoom_temp + "&zooms=" + _zooms_temp;
  2509. url = url + "&zoomx=" + _zoomx_temp + "&zoomy=" + _zoomy_temp;
  2510. }
  2511. else {
  2512. url = url + "&zoom=0" + "&zooms=0" + "&zoomx=0" + "&zoomy=0";
  2513. }
  2514. var durchlaufe = 0;
  2515. function sleep(ms) {
  2516. return new Promise(resolve => setTimeout(resolve, ms));
  2517. }
  2518. async function task() {
  2519. while (true) {
  2520. var xhttp = new XMLHttpRequest();
  2521. if (durchlaufe > 10) {
  2522. document.getElementById("overlay").style.display = "none";
  2523. firework.launch('Save Cam Settings aborted, timeout!', 'danger', 5000);
  2524. return;
  2525. }
  2526. try {
  2527. xhttp.open("GET", url, false);
  2528. xhttp.send();
  2529. } catch (error){}
  2530. if (xhttp.responseText == "CamSettingsSet") {
  2531. document.getElementById("overlay").style.display = "none";
  2532. firework.launch('Cam Settings saved', 'success', 2000);
  2533. return;
  2534. }
  2535. else {
  2536. // Get status
  2537. var _xhttp = new XMLHttpRequest();
  2538. durchlaufe = durchlaufe + 1;
  2539. try {
  2540. _xhttp.open("GET", domainname + "/statusflow", false);
  2541. _xhttp.send();
  2542. }
  2543. catch (error){}
  2544. document.getElementById("overlaytext").innerHTML = "Device is busy, please wait.<br><br>Current step: " + _xhttp.responseText;
  2545. console.log("Device is busy, waiting 2s then checking again...");
  2546. await sleep(2000);
  2547. }
  2548. }
  2549. }
  2550. setTimeout(function() {
  2551. // Delay so the overlay gets shown
  2552. task();
  2553. }, 1);
  2554. }
  2555. function doReboot() {
  2556. if (confirm("Are you sure you want to reboot?")) {
  2557. var stringota = domainname + "/reboot";
  2558. window.location = stringota;
  2559. window.location.href = stringota;
  2560. window.location.assign(stringota);
  2561. window.location.replace(stringota);
  2562. }
  2563. }
  2564. function FormatDecimalValue(_param, _cat, _name) {
  2565. for (var j = 1; j <= _param[_cat][_name]["anzParam"]; ++j) {
  2566. var _val = _param[_cat][_name]["value"+j];
  2567. _val = _val.replace(",", ".");
  2568. _param[_cat][_name]["value"+j] = _val;
  2569. }
  2570. }
  2571. function editConfigRaw() {
  2572. if (confirm("Proceed to switch to raw edit mode? Unsaved changes will get lost")) {
  2573. var stringota = domainname + "/edit_config_raw.html?v=$COMMIT_HASH";
  2574. window.location = stringota;
  2575. window.location.href = stringota;
  2576. window.location.assign(stringota);
  2577. window.location.replace(stringota);
  2578. }
  2579. }
  2580. function numberChanged() {
  2581. var sel = document.getElementById("Numbers_value1");
  2582. _neu = sel.selectedIndex;
  2583. UpdateInputIndividual(sel);
  2584. var _selInflux = document.getElementById("NumbersInfluxDBv2_value1");
  2585. if (_selInflux.selectedIndex != _neu) {
  2586. _selInflux.selectedIndex = _neu
  2587. }
  2588. var _sel3 = document.getElementById("NumbersInfluxDB_value1");
  2589. if (_sel3.selectedIndex != _neu) {
  2590. _sel3.selectedIndex = _neu
  2591. }
  2592. var _sel4 = document.getElementById("NumbersMQTTIdx_value1");
  2593. if (_sel4.selectedIndex != _neu) {
  2594. _sel4.selectedIndex = _neu
  2595. }
  2596. }
  2597. function numberMQTTIdxChanged() {
  2598. var sel = document.getElementById("NumbersMQTTIdx_value1");
  2599. _neu = sel.selectedIndex;
  2600. UpdateInputIndividual(sel);
  2601. var _sel2 = document.getElementById("Numbers_value1");
  2602. if (_sel2.selectedIndex != _neu) {
  2603. _sel2.selectedIndex = _neu
  2604. }
  2605. var _sel3 = document.getElementById("NumbersInfluxDB_value1");
  2606. if (_sel3.selectedIndex != _neu) {
  2607. _sel3.selectedIndex = _neu
  2608. }
  2609. var _sel4 = document.getElementById("NumbersInfluxDBv2_value1");
  2610. if (_sel4.selectedIndex != _neu) {
  2611. _sel4.selectedIndex = _neu
  2612. }
  2613. }
  2614. function numberInfluxDBv2Changed() {
  2615. var sel = document.getElementById("NumbersInfluxDBv2_value1");
  2616. _neu = sel.selectedIndex;
  2617. UpdateInputIndividual(sel);
  2618. var _sel2 = document.getElementById("Numbers_value1");
  2619. if (_sel2.selectedIndex != _neu) {
  2620. _sel2.selectedIndex = _neu
  2621. }
  2622. var _sel3 = document.getElementById("NumbersInfluxDB_value1");
  2623. if (_sel3.selectedIndex != _neu) {
  2624. _sel3.selectedIndex = _neu
  2625. }
  2626. var _sel4 = document.getElementById("NumbersMQTTIdx_value1");
  2627. if (_sel4.selectedIndex != _neu) {
  2628. _sel4.selectedIndex = _neu
  2629. }
  2630. }
  2631. function numberInfluxDBChanged() {
  2632. var sel = document.getElementById("NumbersInfluxDB_value1");
  2633. _neu = sel.selectedIndex;
  2634. UpdateInputIndividual(sel);
  2635. var _sel2 = document.getElementById("Numbers_value1");
  2636. if (_sel2.selectedIndex != _neu) {
  2637. _sel2.selectedIndex = _neu
  2638. }
  2639. var _sel3 = document.getElementById("NumbersInfluxDBv2_value1");
  2640. if (_sel3.selectedIndex != _neu) {
  2641. _sel3.selectedIndex = _neu
  2642. }
  2643. var _sel4 = document.getElementById("NumbersMQTTIdx_value1");
  2644. if (_sel4.selectedIndex != _neu) {
  2645. _sel4.selectedIndex = _neu
  2646. }
  2647. }
  2648. function getParameterByName(name, url = window.location.href) {
  2649. name = name.replace(/[\[\]]/g, '\\$&');
  2650. var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
  2651. results = regex.exec(url);
  2652. if (!results) {return null;}
  2653. if (!results[2]) {return '';}
  2654. return decodeURIComponent(results[2].replace(/\+/g, ' '));
  2655. }
  2656. function InvertEnableItem(_cat, _param) {
  2657. _zw = _cat + "_" + _param + "_enabled";
  2658. _isOn = document.getElementById(_zw).checked;
  2659. _color = "rgb(122, 122, 122)";
  2660. if (_isOn) {
  2661. _color = "black";
  2662. }
  2663. _zw = _cat + "_" + _param + "_text";
  2664. document.getElementById(_zw).disabled = !_isOn;
  2665. document.getElementById(_zw).style.color = _color;
  2666. setEnabled(_cat + "_" + _param, _isOn);
  2667. for (var j = 1; j <= param[_cat][_param]["anzParam"]; ++j) {
  2668. document.getElementById(_cat+"_"+_param+"_value"+j).disabled = !_isOn;
  2669. document.getElementById(_cat+"_"+_param+"_value"+j).style.color = _color;
  2670. }
  2671. }
  2672. function setEnabled(className, enabled) {
  2673. _color = "rgb(122, 122, 122)";
  2674. if (enabled) {
  2675. _color = "black";
  2676. }
  2677. let elements = document.getElementsByClassName(className);
  2678. for (i = 0; i < elements.length; i++) {
  2679. if (enabled) {
  2680. elements[i].classList.remove("disabled");
  2681. }
  2682. else {
  2683. elements[i].classList.add("disabled");
  2684. }
  2685. let inputs = elements[i].getElementsByTagName("input");
  2686. for (j = 0; j < inputs.length; j++) {
  2687. if (inputs[j].id.endsWith("_enabled")) {
  2688. continue;
  2689. }
  2690. inputs[j].style.color = _color;
  2691. if (enabled) {
  2692. inputs[j].removeAttribute("disabled");
  2693. }
  2694. else {
  2695. inputs[j].setAttribute("disabled", "disabled");
  2696. }
  2697. }
  2698. }
  2699. }
  2700. function setVisible(className, visible) {
  2701. let elements = document.getElementsByClassName(className);
  2702. for (i = 0; i < elements.length; i++) {
  2703. if (visible) {
  2704. elements[i].classList.remove("hidden");
  2705. }
  2706. else {
  2707. elements[i].classList.add("hidden");
  2708. }
  2709. }
  2710. }
  2711. function EnDisableItem(_status, _param, _category, _cat, _name, _optional, _number = -1) {
  2712. // _status = _category[_cat]["enabled"];
  2713. _color = "rgb(122, 122, 122)";
  2714. if (_status) {
  2715. _color = "black";
  2716. }
  2717. if (_optional) {
  2718. document.getElementById(_cat+"_"+_name+"_enabled").disabled = !_status;
  2719. document.getElementById(_cat+"_"+_name+"_enabled").style.color = _color;
  2720. }
  2721. if (_number == -1) {
  2722. if (!_param[_cat][_name]["enabled"]) {
  2723. _status = false;
  2724. _color = "rgb(122, 122, 122)";
  2725. }
  2726. }
  2727. else {
  2728. if (!NUMBERS[_number][_cat][_name]["enabled"]) {
  2729. _status = false;
  2730. _color = "rgb(122, 122, 122)";
  2731. }
  2732. }
  2733. document.getElementById(_cat+"_"+_name+"_text").disabled = !_status;
  2734. document.getElementById(_cat+"_"+_name+"_text").style.color = _color;
  2735. setEnabled(_cat+"_"+_name, _status);
  2736. for (var j = 1; j <= _param[_cat][_name]["anzParam"]; ++j) {
  2737. document.getElementById(_cat+"_"+_name+"_value"+j).disabled = !_status;
  2738. document.getElementById(_cat+"_"+_name+"_value"+j).style.color = _color;
  2739. }
  2740. }
  2741. function ReadParameter(_param, _cat, _name, _optional, _number = -1) {
  2742. if (_number > -1) {
  2743. if (_cat == "Digits") {
  2744. _cat = "digit";
  2745. }
  2746. if (_cat == "Analog") {
  2747. _cat = "analog";
  2748. }
  2749. if ((NUMBERS[_number] == undefined) || (NUMBERS[_number][_cat] == undefined) || (NUMBERS[_number][_cat][_name] == undefined)) {
  2750. return;
  2751. }
  2752. if (_optional) {
  2753. NUMBERS[_number][_cat][_name]["enabled"] = document.getElementById(_cat+"_"+_name+"_enabled").checked;
  2754. }
  2755. for (var j = 1; j <= _param[_cat][_name]["anzParam"]; ++j) {
  2756. let element = document.getElementById(_cat+"_"+_name+"_value"+j);
  2757. if (element.tagName.toLowerCase() == "select") {
  2758. NUMBERS[_number][_cat][_name]["value"+j] = element.selectedIndex > -1 ? element.options[element.selectedIndex].value : "";
  2759. }
  2760. else if ((element.getAttribute("type") != null) && (element.getAttribute("type").toLowerCase() == "checkbox")) {
  2761. NUMBERS[_number][_cat][_name]["value"+j] = element.checked;
  2762. }
  2763. else {
  2764. if ((NUMBERS[_number][_cat][_name].checkRegExList != null) && (NUMBERS[_number][_cat][_name].checkRegExList[j-1] != null)) {
  2765. if (!element.value.match(NUMBERS[_cat][_name].checkRegExList[j-1])) {
  2766. element.classList.add("invalid-input");
  2767. }
  2768. else {
  2769. element.classList.remove("invalid-input");
  2770. }
  2771. }
  2772. NUMBERS[_number][_cat][_name]["value"+j] = element.value;
  2773. }
  2774. }
  2775. }
  2776. else
  2777. {
  2778. if (_optional) {
  2779. _param[_cat][_name]["enabled"] = document.getElementById(_cat+"_"+_name+"_enabled").checked;
  2780. }
  2781. for (var j = 1; j <= _param[_cat][_name]["anzParam"]; ++j) {
  2782. let element = document.getElementById(_cat+"_"+_name+"_value"+j);
  2783. if (element.tagName.toLowerCase() == "select") {
  2784. _param[_cat][_name]["value"+j] = element.selectedIndex > -1 ? element.options[element.selectedIndex].value : "";
  2785. }
  2786. else if ((element.getAttribute("type") != null) && (element.getAttribute("type").toLowerCase() == "checkbox")) {
  2787. _param[_cat][_name]["value"+j] = element.checked;
  2788. }
  2789. else {
  2790. if ((_param[_cat][_name].checkRegExList != null) && (_param[_cat][_name].checkRegExList[j-1] != null)) {
  2791. if (!element.value.match(_param[_cat][_name].checkRegExList[j-1])) {
  2792. element.classList.add("invalid-input");
  2793. }
  2794. else {
  2795. element.classList.remove("invalid-input");
  2796. }
  2797. }
  2798. _param[_cat][_name]["value"+j] = element.value;
  2799. }
  2800. }
  2801. }
  2802. }
  2803. function WriteParameter(_param, _category, _cat, _name, _optional, _number = -1) {
  2804. let anzpara;
  2805. try {
  2806. anzpara = _param[_cat][_name].anzParam;
  2807. }
  2808. catch (error) {
  2809. firework.launch("Parameter '" + _name + "' in category '" + _cat + "' is unknown!", 'danger', 30000);
  2810. return;
  2811. }
  2812. if (_number > -1) {
  2813. if ((NUMBERS[_number] == undefined) || (NUMBERS[_number][_cat] == undefined) || (NUMBERS[_number][_cat][_name] == undefined)) {
  2814. return;
  2815. }
  2816. if (_optional) {
  2817. document.getElementById(_cat+"_"+_name+"_enabled").checked = NUMBERS[_number][_cat][_name]["enabled"];
  2818. for (var j = 1; j <= anzpara; ++j) {
  2819. document.getElementById(_cat+"_"+_name+"_value"+j).disabled = !NUMBERS[_number][_cat][_name]["enabled"];
  2820. }
  2821. }
  2822. document.getElementById(_cat+"_"+_name+"_text").style.color = "black"
  2823. setEnabled(_cat+"_"+_name, true);
  2824. for (var j = 1; j <= anzpara; ++j) {
  2825. let element = document.getElementById(_cat+"_"+_name+"_value"+j);
  2826. if (element.tagName.toLowerCase() == "select") {
  2827. var textToFind = NUMBERS[_number][_cat][_name]["value"+j];
  2828. if (textToFind == undefined) {
  2829. continue;
  2830. }
  2831. _isFound = false;
  2832. element.selectedIndex = -1;
  2833. for (var i = 0; i < element.options.length; i++) {
  2834. if (element.options[i].value.toLowerCase() === textToFind.toLowerCase()) {
  2835. element.selectedIndex = i;
  2836. _isFound = true;
  2837. break;
  2838. }
  2839. }
  2840. if (!_isFound) {
  2841. _zw_txt = "In the selected field the value '" + textToFind + "' in the parameter '";
  2842. _zw_txt = _zw_txt + _cat + "' in the field '" + _name + "' is invalid. PLEASE CHECK BEFORE SAVING!";
  2843. firework.launch(_zw_txt, 'warning', 10000);
  2844. }
  2845. }
  2846. else if ((element.getAttribute("type") != null) && (element.getAttribute("type").toLowerCase() == "checkbox")) {
  2847. element.checked = NUMBERS[_number][_cat][_name]["value"+j] == "true";
  2848. }
  2849. else {
  2850. element.value = NUMBERS[_number][_cat][_name]["value"+j];
  2851. }
  2852. }
  2853. }
  2854. else {
  2855. if (_optional) {
  2856. document.getElementById(_cat+"_"+_name+"_enabled").checked = _param[_cat][_name]["enabled"];
  2857. for (var j = 1; j <= anzpara; ++j) {
  2858. document.getElementById(_cat+"_"+_name+"_value"+j).disabled = !_param[_cat][_name]["enabled"];
  2859. }
  2860. }
  2861. document.getElementById(_cat+"_"+_name+"_text").style.color = "black"
  2862. setEnabled(_cat+"_"+_name, true);
  2863. for (var j = 1; j <= anzpara; ++j) {
  2864. let element = document.getElementById(_cat+"_"+_name+"_value"+j);
  2865. if (element.tagName.toLowerCase() == "select") {
  2866. var textToFind = _param[_cat][_name]["value"+j];
  2867. if (textToFind == undefined) {
  2868. continue;
  2869. }
  2870. _isFound = false;
  2871. element.selectedIndex = -1;
  2872. for (var i = 0; i < element.options.length; i++) {
  2873. if (element.options[i].value.toLowerCase() === textToFind.toLowerCase()) {
  2874. element.selectedIndex = i;
  2875. _isFound = true;
  2876. break;
  2877. }
  2878. }
  2879. if (!_isFound) {
  2880. _zw_txt = "In the selected field the value '" + textToFind + "' in the section '";
  2881. _zw_txt = _zw_txt + _cat + "' in the field '" + _name + "' is invalid. PLEASE CHECK BEFORE SAVING!";
  2882. firework.launch(_zw_txt, 'warning', 10000);
  2883. }
  2884. }
  2885. else if ((element.getAttribute("type") != null) && (element.getAttribute("type").toLowerCase() == "checkbox")) {
  2886. element.checked = _param[_cat][_name]["value"+j] == "true";
  2887. }
  2888. else {
  2889. element.value = _param[_cat][_name]["value"+j];
  2890. }
  2891. }
  2892. }
  2893. ///////////////// am Ende, falls Kategorie als gesamtes nicht ausgewählt --> deaktivieren
  2894. if (_category[_cat]["enabled"] == false) {
  2895. if (_optional) {
  2896. document.getElementById(_cat+"_"+_name+"_enabled").disabled = true;
  2897. for (var j = 1; j <= anzpara; ++j) {
  2898. document.getElementById(_cat+"_"+_name+"_value"+j).disabled = true;
  2899. }
  2900. }
  2901. document.getElementById(_cat+"_"+_name+"_text").style="color: gray;"
  2902. setEnabled(_cat+"_"+_name, false);
  2903. }
  2904. EnDisableItem(_category[_cat]["enabled"], _param, _category, _cat, _name, _optional, _number);
  2905. }
  2906. /* hash #description open the details part of the page */
  2907. function openDescription() {
  2908. if(window.location.hash) {
  2909. var hash = window.location.hash.substring(1); //Puts hash in variable, and removes the # character
  2910. if(hash == 'description') {
  2911. document.getElementById("desc_details").open = true;
  2912. document.getElementById("reboot").style.display = "none";
  2913. document.getElementById("reboot_text").style.display = "none";
  2914. }
  2915. }
  2916. }
  2917. openDescription();
  2918. LoadConfigNeu();
  2919. </script>
  2920. </body>
  2921. </html>