edit_config_template.html 146 KB

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