Fork of the espurna firmware for `mhsw` switches
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1655 lines
48 KiB

8 years ago
8 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
8 years ago
6 years ago
8 years ago
8 years ago
8 years ago
6 years ago
8 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
7 years ago
6 years ago
8 years ago
8 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
8 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
8 years ago
6 years ago
8 years ago
6 years ago
8 years ago
6 years ago
8 years ago
6 years ago
8 years ago
6 years ago
6 years ago
8 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
7 years ago
6 years ago
6 years ago
8 years ago
  1. var websock;
  2. var password = false;
  3. var maxNetworks;
  4. var maxSchedules;
  5. var messages = [];
  6. var free_size = 0;
  7. var urls = {};
  8. var numChanged = 0;
  9. var numReboot = 0;
  10. var numReconnect = 0;
  11. var numReload = 0;
  12. var useWhite = false;
  13. var useCCT = false;
  14. var now = 0;
  15. var ago = 0;
  16. <!-- removeIf(!rfm69)-->
  17. var packets;
  18. var filters = [];
  19. <!-- endRemoveIf(!rfm69)-->
  20. // -----------------------------------------------------------------------------
  21. // Messages
  22. // -----------------------------------------------------------------------------
  23. function initMessages() {
  24. messages[1] = "Remote update started";
  25. messages[2] = "OTA update started";
  26. messages[3] = "Error parsing data!";
  27. messages[4] = "The file does not look like a valid configuration backup or is corrupted";
  28. messages[5] = "Changes saved. You should reboot your board now";
  29. messages[7] = "Passwords do not match!";
  30. messages[8] = "Changes saved";
  31. messages[9] = "No changes detected";
  32. messages[10] = "Session expired, please reload page...";
  33. }
  34. <!-- removeIf(!sensor)-->
  35. function sensorName(id) {
  36. var names = [
  37. "DHT", "Dallas", "Emon Analog", "Emon ADC121", "Emon ADS1X15",
  38. "HLW8012", "V9261F", "ECH1560", "Analog", "Digital",
  39. "Events", "PMSX003", "BMX280", "MHZ19", "SI7021",
  40. "SHT3X I2C", "BH1750", "PZEM004T", "AM2320 I2C", "GUVAS12SD",
  41. "TMP3X", "HC-SR04", "SenseAir", "GeigerTicks", "GeigerCPM"
  42. ];
  43. if (1 <= id && id <= names.length) {
  44. return names[id - 1];
  45. }
  46. return null;
  47. }
  48. function magnitudeType(type) {
  49. var types = [
  50. "Temperature", "Humidity", "Pressure",
  51. "Current", "Voltage", "Active Power", "Apparent Power",
  52. "Reactive Power", "Power Factor", "Energy", "Energy (delta)",
  53. "Analog", "Digital", "Events",
  54. "PM1.0", "PM2.5", "PM10", "CO2", "Lux", "UV", "Distance" , "HCHO",
  55. "Local Dose Rate", "Local Dose Rate"
  56. ];
  57. if (1 <= type && type <= types.length) {
  58. return types[type - 1];
  59. }
  60. return null;
  61. }
  62. function magnitudeError(error) {
  63. var errors = [
  64. "OK", "Out of Range", "Warming Up", "Timeout", "Wrong ID",
  65. "Data Error", "I2C Error", "GPIO Error", "Calibration error"
  66. ];
  67. if (0 <= error && error < errors.length) {
  68. return errors[error];
  69. }
  70. return "Error " + error;
  71. }
  72. <!-- endRemoveIf(!sensor)-->
  73. // -----------------------------------------------------------------------------
  74. // Utils
  75. // -----------------------------------------------------------------------------
  76. $.fn.enterKey = function (fnc) {
  77. return this.each(function () {
  78. $(this).keypress(function (ev) {
  79. var keycode = parseInt(ev.keyCode ? ev.keyCode : ev.which, 10);
  80. if (13 === keycode) {
  81. return fnc.call(this, ev);
  82. }
  83. });
  84. });
  85. };
  86. function keepTime() {
  87. $("span[name='ago']").html(ago);
  88. ago++;
  89. if (0 === now) { return; }
  90. var date = new Date(now * 1000);
  91. var text = date.toISOString().substring(0, 19).replace("T", " ");
  92. $("input[name='now']").val(text);
  93. $("span[name='now']").html(text);
  94. now++;
  95. }
  96. function zeroPad(number, positions) {
  97. var zeros = "";
  98. for (var i = 0; i < positions; i++) {
  99. zeros += "0";
  100. }
  101. return (zeros + number).slice(-positions);
  102. }
  103. function loadTimeZones() {
  104. var time_zones = [
  105. -720, -660, -600, -570, -540,
  106. -480, -420, -360, -300, -240,
  107. -210, -180, -120, -60, 0,
  108. 60, 120, 180, 210, 240,
  109. 270, 300, 330, 345, 360,
  110. 390, 420, 480, 510, 525,
  111. 540, 570, 600, 630, 660,
  112. 720, 765, 780, 840
  113. ];
  114. for (var i in time_zones) {
  115. var value = time_zones[i];
  116. var offset = value >= 0 ? value : -value;
  117. var text = "GMT" + (value >= 0 ? "+" : "-") +
  118. zeroPad(parseInt(offset / 60, 10), 2) + ":" +
  119. zeroPad(offset % 60, 2);
  120. $("select[name='ntpOffset']").append(
  121. $("<option></option>").
  122. attr("value",value).
  123. text(text));
  124. }
  125. }
  126. function validateForm(form) {
  127. // http://www.the-art-of-web.com/javascript/validate-password/
  128. // at least one lowercase and one uppercase letter or number
  129. // at least five characters (letters, numbers or special characters)
  130. var re_password = /^(?=.*[A-Z\d])(?=.*[a-z])[\w~!@#$%^&*\(\)<>,.\?;:{}\[\]\\|]{5,}$/;
  131. // password
  132. var adminPass1 = $("input[name='adminPass']", form).first().val();
  133. if (adminPass1.length > 0 && !re_password.test(adminPass1)) {
  134. alert("The password you have entered is not valid, it must have at least 5 characters, 1 lowercase and 1 uppercase or number!");
  135. return false;
  136. }
  137. var adminPass2 = $("input[name='adminPass']", form).last().val();
  138. if (adminPass1 !== adminPass2) {
  139. alert("Passwords are different!");
  140. return false;
  141. }
  142. // RFCs mandate that a hostname's labels may contain only
  143. // the ASCII letters 'a' through 'z' (case-insensitive),
  144. // the digits '0' through '9', and the hyphen.
  145. // Hostname labels cannot begin or end with a hyphen.
  146. // No other symbols, punctuation characters, or blank spaces are permitted.
  147. // Negative lookbehind does not work in Javascript
  148. // var re_hostname = new RegExp('^(?!-)[A-Za-z0-9-]{1,32}(?<!-)$');
  149. var re_hostname = new RegExp('^(?!-)[A-Za-z0-9-]{0,31}[A-Za-z0-9]$');
  150. var hostname = $("input[name='hostname']", form);
  151. var hasChanged = hostname.attr("hasChanged") || 0;
  152. if (0 === hasChanged) {
  153. return true;
  154. }
  155. if (!re_hostname.test(hostname.val())) {
  156. alert("Hostname cannot be empty and may only contain the ASCII letters ('A' through 'Z' and 'a' through 'z'), the digits '0' through '9', and the hyphen ('-')! They can neither start or end with an hyphen.");
  157. return false;
  158. }
  159. return true;
  160. }
  161. function getValue(element) {
  162. if ($(element).attr("type") === "checkbox") {
  163. return $(element).prop("checked") ? 1 : 0;
  164. } else if ($(element).attr("type") === "radio") {
  165. if (!$(element).prop("checked")) {
  166. return null;
  167. }
  168. }
  169. return $(element).val();
  170. }
  171. function addValue(data, name, value) {
  172. // These fields will always be a list of values
  173. var is_group = [
  174. "ssid", "pass", "gw", "mask", "ip", "dns",
  175. "schEnabled", "schSwitch","schAction","schType","schHour","schMinute","schWDs","schUTC",
  176. "relayBoot", "relayPulse", "relayTime",
  177. "mqttGroup", "mqttGroupInv", "relayOnDisc",
  178. "dczRelayIdx", "dczMagnitude",
  179. "tspkRelay", "tspkMagnitude",
  180. "ledMode",
  181. "adminPass",
  182. "node", "key", "topic"
  183. ];
  184. if (name in data) {
  185. if (!Array.isArray(data[name])) {
  186. data[name] = [data[name]];
  187. }
  188. data[name].push(value);
  189. } else if (is_group.indexOf(name) >= 0) {
  190. data[name] = [value];
  191. } else {
  192. data[name] = value;
  193. }
  194. }
  195. function getData(form) {
  196. var data = {};
  197. // Populate data
  198. $("input,select", form).each(function() {
  199. var name = $(this).attr("name");
  200. var value = getValue(this);
  201. if (null !== value) {
  202. addValue(data, name, value);
  203. }
  204. });
  205. // Post process
  206. addValue(data, "schSwitch", 0xFF);
  207. delete data["filename"];
  208. delete data["rfbcode"];
  209. return data;
  210. }
  211. function randomString(length, chars) {
  212. var mask = "";
  213. if (chars.indexOf("a") > -1) { mask += "abcdefghijklmnopqrstuvwxyz"; }
  214. if (chars.indexOf("A") > -1) { mask += "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; }
  215. if (chars.indexOf("#") > -1) { mask += "0123456789"; }
  216. if (chars.indexOf("@") > -1) { mask += "ABCDEF"; }
  217. if (chars.indexOf("!") > -1) { mask += "~`!@#$%^&*()_+-={}[]:\";'<>?,./|\\"; }
  218. var result = "";
  219. for (var i = length; i > 0; --i) {
  220. result += mask[Math.round(Math.random() * (mask.length - 1))];
  221. }
  222. return result;
  223. }
  224. function generateAPIKey() {
  225. var apikey = randomString(16, "@#");
  226. $("input[name='apiKey']").val(apikey);
  227. return false;
  228. }
  229. function getJson(str) {
  230. try {
  231. return JSON.parse(str);
  232. } catch (e) {
  233. return false;
  234. }
  235. }
  236. // -----------------------------------------------------------------------------
  237. // Actions
  238. // -----------------------------------------------------------------------------
  239. function sendAction(action, data) {
  240. websock.send(JSON.stringify({action: action, data: data}));
  241. }
  242. function sendConfig(data) {
  243. websock.send(JSON.stringify({config: data}));
  244. }
  245. function resetOriginals() {
  246. $("input,select").each(function() {
  247. $(this).attr("original", $(this).val());
  248. });
  249. numReboot = numReconnect = numReload = 0;
  250. }
  251. function doReload(milliseconds) {
  252. setTimeout(function() {
  253. window.location.reload();
  254. }, parseInt(milliseconds, 10));
  255. }
  256. /**
  257. * Check a file object to see if it is a valid firmware image
  258. * The file first byte should be 0xE9
  259. * @param {file} file File object
  260. * @param {Function} callback Function to call back with the result
  261. */
  262. function checkFirmware(file, callback) {
  263. var reader = new FileReader();
  264. reader.onloadend = function(evt) {
  265. if (FileReader.DONE === evt.target.readyState) {
  266. if (0xE9 !== evt.target.result.charCodeAt(0)) callback(false);
  267. if (0x03 !== evt.target.result.charCodeAt(2)) {
  268. var response = window.confirm("Binary image is not using DOUT flash mode. This might cause resets in some devices. Press OK to continue.");
  269. callback(response);
  270. } else {
  271. callback(true);
  272. }
  273. }
  274. };
  275. var blob = file.slice(0, 3);
  276. reader.readAsBinaryString(blob);
  277. }
  278. function doUpgrade() {
  279. var file = $("input[name='upgrade']")[0].files[0];
  280. if (typeof file === "undefined") {
  281. alert("First you have to select a file from your computer.");
  282. return false;
  283. }
  284. if (file.size > free_size) {
  285. alert("Image it too large to fit in the available space for OTA. Consider doing a two-step update.");
  286. return false;
  287. }
  288. checkFirmware(file, function(ok) {
  289. if (!ok) {
  290. alert("The file does not seem to be a valid firmware image.");
  291. return;
  292. }
  293. var data = new FormData();
  294. data.append("upgrade", file, file.name);
  295. $.ajax({
  296. // Your server script to process the upload
  297. url: urls.upgrade.href,
  298. type: "POST",
  299. // Form data
  300. data: data,
  301. // Tell jQuery not to process data or worry about content-type
  302. // You *must* include these options!
  303. cache: false,
  304. contentType: false,
  305. processData: false,
  306. success: function(data, text) {
  307. $("#upgrade-progress").hide();
  308. if ("OK" === data) {
  309. alert("Firmware image uploaded, board rebooting. This page will be refreshed in 5 seconds.");
  310. doReload(5000);
  311. } else {
  312. alert("There was an error trying to upload the new image, please try again (" + data + ").");
  313. }
  314. },
  315. // Custom XMLHttpRequest
  316. xhr: function() {
  317. $("#upgrade-progress").show();
  318. var myXhr = $.ajaxSettings.xhr();
  319. if (myXhr.upload) {
  320. // For handling the progress of the upload
  321. myXhr.upload.addEventListener("progress", function(e) {
  322. if (e.lengthComputable) {
  323. $("progress").attr({ value: e.loaded, max: e.total });
  324. }
  325. } , false);
  326. }
  327. return myXhr;
  328. }
  329. });
  330. });
  331. return false;
  332. }
  333. function doUpdatePassword() {
  334. var form = $("#formPassword");
  335. if (validateForm(form)) {
  336. sendConfig(getData(form));
  337. }
  338. return false;
  339. }
  340. function checkChanges() {
  341. if (numChanged > 0) {
  342. var response = window.confirm("Some changes have not been saved yet, do you want to save them first?");
  343. if (response) {
  344. doUpdate();
  345. }
  346. }
  347. }
  348. function doAction(question, action) {
  349. checkChanges();
  350. if (question) {
  351. var response = window.confirm(question);
  352. if (false === response) {
  353. return false;
  354. }
  355. }
  356. sendAction(action, {});
  357. doReload(5000);
  358. return false;
  359. }
  360. function doReboot(ask) {
  361. var question = (typeof ask === "undefined" || false === ask) ?
  362. null :
  363. "Are you sure you want to reboot the device?";
  364. return doAction(question, "reboot");
  365. }
  366. function doReconnect(ask) {
  367. var question = (typeof ask === "undefined" || false === ask) ?
  368. null :
  369. "Are you sure you want to disconnect from the current WIFI network?";
  370. return doAction(question, "reconnect");
  371. }
  372. function doUpdate() {
  373. var form = $("#formSave");
  374. if (validateForm(form)) {
  375. // Get data
  376. sendConfig(getData(form));
  377. // Empty special fields
  378. $(".pwrExpected").val(0);
  379. $("input[name='pwrResetCalibration']").prop("checked", false);
  380. $("input[name='pwrResetE']").prop("checked", false);
  381. // Change handling
  382. numChanged = 0;
  383. setTimeout(function() {
  384. var response;
  385. if (numReboot > 0) {
  386. response = window.confirm("You have to reboot the board for the changes to take effect, do you want to do it now?");
  387. if (response) { doReboot(false); }
  388. } else if (numReconnect > 0) {
  389. response = window.confirm("You have to reconnect to the WiFi for the changes to take effect, do you want to do it now?");
  390. if (response) { doReconnect(false); }
  391. } else if (numReload > 0) {
  392. response = window.confirm("You have to reload the page to see the latest changes, do you want to do it now?");
  393. if (response) { doReload(0); }
  394. }
  395. resetOriginals();
  396. }, 1000);
  397. }
  398. return false;
  399. }
  400. function doBackup() {
  401. document.getElementById("downloader").src = urls.config.href;
  402. return false;
  403. }
  404. function onFileUpload(event) {
  405. var inputFiles = this.files;
  406. if (typeof inputFiles === "undefined" || inputFiles.length === 0) {
  407. return false;
  408. }
  409. var inputFile = inputFiles[0];
  410. this.value = "";
  411. var response = window.confirm("Previous settings will be overwritten. Are you sure you want to restore this settings?");
  412. if (!response) {
  413. return false;
  414. }
  415. var reader = new FileReader();
  416. reader.onload = function(e) {
  417. var data = getJson(e.target.result);
  418. if (data) {
  419. sendAction("restore", data);
  420. } else {
  421. window.alert(messages[4]);
  422. }
  423. };
  424. reader.readAsText(inputFile);
  425. return false;
  426. }
  427. function doRestore() {
  428. if (typeof window.FileReader !== "function") {
  429. alert("The file API isn't supported on this browser yet.");
  430. } else {
  431. $("#uploader").click();
  432. }
  433. return false;
  434. }
  435. function doFactoryReset() {
  436. var response = window.confirm("Are you sure you want to restore to factory settings?");
  437. if (response === false) {
  438. return false;
  439. }
  440. sendAction("factory_reset", {});
  441. doReload(5000);
  442. return false;
  443. }
  444. function doToggle(id, value) {
  445. sendAction("relay", {id: id, status: value ? 1 : 0 });
  446. return false;
  447. }
  448. function doScan() {
  449. $("#scanResult").html("");
  450. $("div.scan.loading").show();
  451. sendAction("scan", {});
  452. return false;
  453. }
  454. function doHAConfig() {
  455. $("#haConfig").html("");
  456. sendAction("haconfig", {});
  457. return false;
  458. }
  459. function doDebugCommand() {
  460. var el = $("input[name='dbgcmd']");
  461. var command = el.val();
  462. el.val("");
  463. sendAction("dbgcmd", {command: command});
  464. return false;
  465. }
  466. function doDebugClear() {
  467. $("#weblog").text("");
  468. return false;
  469. }
  470. <!-- removeIf(!rfm69)-->
  471. function doClearCounts() {
  472. sendAction("clear-counts", {});
  473. return false;
  474. }
  475. function doClearMessages() {
  476. packets.clear().draw(false);
  477. return false;
  478. }
  479. function doFilter(e) {
  480. var index = packets.cell(this).index();
  481. if (index == 'undefined') return;
  482. var c = index.column;
  483. var column = packets.column(c);
  484. if (filters[c]) {
  485. filters[c] = false;
  486. column.search("");
  487. $(column.header()).removeClass("filtered");
  488. } else {
  489. filters[c] = true;
  490. var data = packets.row(this).data();
  491. if (e.which == 1) {
  492. column.search('^' + data[c] + '$', true, false );
  493. } else {
  494. column.search('^((?!(' + data[c] + ')).)*$', true, false );
  495. }
  496. $(column.header()).addClass("filtered");
  497. }
  498. column.draw();
  499. return false;
  500. }
  501. function doClearFilters() {
  502. for (var i = 0; i < packets.columns()[0].length; i++) {
  503. if (filters[i]) {
  504. filters[i] = false;
  505. var column = packets.column(i);
  506. column.search("");
  507. $(column.header()).removeClass("filtered");
  508. column.draw();
  509. }
  510. }
  511. return false;
  512. }
  513. <!-- endRemoveIf(!rfm69)-->
  514. // -----------------------------------------------------------------------------
  515. // Visualization
  516. // -----------------------------------------------------------------------------
  517. function toggleMenu() {
  518. $("#layout").toggleClass("active");
  519. $("#menu").toggleClass("active");
  520. $("#menuLink").toggleClass("active");
  521. }
  522. function showPanel() {
  523. $(".panel").hide();
  524. if ($("#layout").hasClass("active")) { toggleMenu(); }
  525. $("#" + $(this).attr("data")).show();
  526. }
  527. // -----------------------------------------------------------------------------
  528. // Relays & magnitudes mapping
  529. // -----------------------------------------------------------------------------
  530. function createRelayList(data, container, template_name) {
  531. var current = $("#" + container + " > div").length;
  532. if (current > 0) { return; }
  533. var template = $("#" + template_name + " .pure-g")[0];
  534. for (var i in data) {
  535. var line = $(template).clone();
  536. $("label", line).html("Switch #" + i);
  537. $("input", line).attr("tabindex", 40 + i).val(data[i]);
  538. line.appendTo("#" + container);
  539. }
  540. }
  541. <!-- removeIf(!sensor)-->
  542. function createMagnitudeList(data, container, template_name) {
  543. var current = $("#" + container + " > div").length;
  544. if (current > 0) { return; }
  545. var template = $("#" + template_name + " .pure-g")[0];
  546. for (var i in data) {
  547. var magnitude = data[i];
  548. var line = $(template).clone();
  549. $("label", line).html(magnitudeType(magnitude.type) + " #" + parseInt(magnitude.index, 10));
  550. $("div.hint", line).html(magnitude.name);
  551. $("input", line).attr("tabindex", 40 + i).val(magnitude.idx);
  552. line.appendTo("#" + container);
  553. }
  554. }
  555. <!-- endRemoveIf(!sensor)-->
  556. // -----------------------------------------------------------------------------
  557. // RFM69
  558. // -----------------------------------------------------------------------------
  559. <!-- removeIf(!rfm69)-->
  560. function addMapping() {
  561. var template = $("#nodeTemplate .pure-g")[0];
  562. var line = $(template).clone();
  563. var tabindex = $("#mapping > div").length * 3 + 50;
  564. $(line).find("input").each(function() {
  565. $(this).attr("tabindex", tabindex++);
  566. });
  567. $(line).find("button").on('click', delMapping);
  568. line.appendTo("#mapping");
  569. }
  570. function delMapping() {
  571. var parent = $(this).parent().parent();
  572. $(parent).remove();
  573. }
  574. <!-- endRemoveIf(!rfm69)-->
  575. // -----------------------------------------------------------------------------
  576. // Wifi
  577. // -----------------------------------------------------------------------------
  578. function delNetwork() {
  579. var parent = $(this).parents(".pure-g");
  580. $(parent).remove();
  581. }
  582. function moreNetwork() {
  583. var parent = $(this).parents(".pure-g");
  584. $(".more", parent).toggle();
  585. }
  586. function addNetwork() {
  587. var numNetworks = $("#networks > div").length;
  588. if (numNetworks >= maxNetworks) {
  589. alert("Max number of networks reached");
  590. return null;
  591. }
  592. var tabindex = 200 + numNetworks * 10;
  593. var template = $("#networkTemplate").children();
  594. var line = $(template).clone();
  595. $(line).find("input").each(function() {
  596. $(this).attr("tabindex", tabindex);
  597. tabindex++;
  598. });
  599. $(line).find(".button-del-network").on("click", delNetwork);
  600. $(line).find(".button-more-network").on("click", moreNetwork);
  601. line.appendTo("#networks");
  602. return line;
  603. }
  604. // -----------------------------------------------------------------------------
  605. // Relays scheduler
  606. // -----------------------------------------------------------------------------
  607. function delSchedule() {
  608. var parent = $(this).parents(".pure-g");
  609. $(parent).remove();
  610. }
  611. function moreSchedule() {
  612. var parent = $(this).parents(".pure-g");
  613. $("div.more", parent).toggle();
  614. }
  615. function addSchedule(event) {
  616. var numSchedules = $("#schedules > div").length;
  617. if (numSchedules >= maxSchedules) {
  618. alert("Max number of schedules reached");
  619. return null;
  620. }
  621. var tabindex = 200 + numSchedules * 10;
  622. var template = $("#scheduleTemplate").children();
  623. var line = $(template).clone();
  624. var type = (1 === event.data.schType) ? "switch" : "light";
  625. template = $("#" + type + "ActionTemplate").children();
  626. var actionLine = template.clone();
  627. $(line).find("#schActionDiv").append(actionLine);
  628. $(line).find("input").each(function() {
  629. $(this).attr("tabindex", tabindex);
  630. tabindex++;
  631. });
  632. $(line).find(".button-del-schedule").on("click", delSchedule);
  633. $(line).find(".button-more-schedule").on("click", moreSchedule);
  634. $(line).find("input[name='schUTC']").prop("id", "schUTC" + (numSchedules + 1))
  635. .next().prop("for", "schUTC" + (numSchedules + 1));
  636. $(line).find("input[name='schEnabled']").prop("id", "schEnabled" + (numSchedules + 1))
  637. .next().prop("for", "schEnabled" + (numSchedules + 1));
  638. line.appendTo("#schedules");
  639. $(line).find("input[type='checkbox']").prop("checked", false);
  640. return line;
  641. }
  642. // -----------------------------------------------------------------------------
  643. // Relays
  644. // -----------------------------------------------------------------------------
  645. function initRelays(data) {
  646. var current = $("#relays > div").length;
  647. if (current > 0) { return; }
  648. var template = $("#relayTemplate .pure-g")[0];
  649. for (var i=0; i<data.length; i++) {
  650. // Add relay fields
  651. var line = $(template).clone();
  652. $(".id", line).html(i);
  653. $(":checkbox", line).prop('checked', data[i]).attr("data", i)
  654. .prop("id", "relay" + i)
  655. .on("change", function (event) {
  656. var id = parseInt($(event.target).attr("data"), 10);
  657. var status = $(event.target).prop("checked");
  658. doToggle(id, status);
  659. });
  660. $("label.toggle", line).prop("for", "relay" + i)
  661. line.appendTo("#relays");
  662. // Populate the relay SELECTs
  663. $("select.isrelay").append(
  664. $("<option></option>").attr("value",i).text("Switch #" + i));
  665. }
  666. }
  667. function createCheckboxes() {
  668. $("input[type='checkbox']").each(function() {
  669. if($(this).prop("name"))$(this).prop("id", $(this).prop("name"));
  670. $(this).parent().addClass("toggleWrapper");
  671. $(this).after('<label for="' + $(this).prop("name") + '" class="toggle"><span class="toggle__handler"></span></label>')
  672. });
  673. }
  674. function initRelayConfig(data) {
  675. var current = $("#relayConfig > div").length;
  676. if (current > 0) { return; }
  677. var template = $("#relayConfigTemplate").children();
  678. for (var i in data) {
  679. var relay = data[i];
  680. var line = $(template).clone();
  681. $("span.gpio", line).html(relay.gpio);
  682. $("span.id", line).html(i);
  683. $("select[name='relayBoot']", line).val(relay.boot);
  684. $("select[name='relayPulse']", line).val(relay.pulse);
  685. $("input[name='relayTime']", line).val(relay.pulse_ms);
  686. $("input[name='mqttGroup']", line).val(relay.group);
  687. $("select[name='mqttGroupInv']", line).val(relay.group_inv);
  688. $("select[name='relayOnDisc']", line).val(relay.on_disc);
  689. line.appendTo("#relayConfig");
  690. }
  691. }
  692. // -----------------------------------------------------------------------------
  693. // Sensors & Magnitudes
  694. // -----------------------------------------------------------------------------
  695. <!-- removeIf(!sensor)-->
  696. function initMagnitudes(data) {
  697. // check if already initialized
  698. var done = $("#magnitudes > div").length;
  699. if (done > 0) { return; }
  700. // add templates
  701. var template = $("#magnitudeTemplate").children();
  702. for (var i in data) {
  703. var magnitude = data[i];
  704. var line = $(template).clone();
  705. $("label", line).html(magnitudeType(magnitude.type) + " #" + parseInt(magnitude.index, 10));
  706. $("div.hint", line).html(magnitude.description);
  707. $("input", line).attr("data", i);
  708. line.appendTo("#magnitudes");
  709. }
  710. }
  711. <!-- endRemoveIf(!sensor)-->
  712. // -----------------------------------------------------------------------------
  713. // Lights
  714. // -----------------------------------------------------------------------------
  715. <!-- removeIf(!light)-->
  716. function initColorRGB() {
  717. // check if already initialized
  718. var done = $("#colors > div").length;
  719. if (done > 0) { return; }
  720. // add template
  721. var template = $("#colorRGBTemplate").children();
  722. var line = $(template).clone();
  723. line.appendTo("#colors");
  724. // init color wheel
  725. $("input[name='color']").wheelColorPicker({
  726. sliders: "wrgbp"
  727. }).on("sliderup", function() {
  728. var value = $(this).wheelColorPicker("getValue", "css");
  729. sendAction("color", {rgb: value});
  730. });
  731. // init bright slider
  732. $("#brightness").on("change", function() {
  733. var value = $(this).val();
  734. var parent = $(this).parents(".pure-g");
  735. $("span", parent).html(value);
  736. sendAction("color", {brightness: value});
  737. });
  738. }
  739. function initCCT() {
  740. // check if already initialized
  741. var done = $("#cct > div").length;
  742. if (done > 0) { return; }
  743. $("#miredsTemplate").children().clone().appendTo("#cct");
  744. $("#mireds").on("change", function() {
  745. var value = $(this).val();
  746. var parent = $(this).parents(".pure-g");
  747. $("span", parent).html(value);
  748. sendAction("mireds", {mireds: value});
  749. });
  750. }
  751. function initColorHSV() {
  752. // check if already initialized
  753. var done = $("#colors > div").length;
  754. if (done > 0) { return; }
  755. // add template
  756. var template = $("#colorHSVTemplate").children();
  757. var line = $(template).clone();
  758. line.appendTo("#colors");
  759. // init color wheel
  760. $("input[name='color']").wheelColorPicker({
  761. sliders: "whsvp"
  762. }).on("sliderup", function() {
  763. var color = $(this).wheelColorPicker("getColor");
  764. var value = parseInt(color.h * 360, 10) + "," + parseInt(color.s * 100, 10) + "," + parseInt(color.v * 100, 10);
  765. sendAction("color", {hsv: value});
  766. });
  767. }
  768. function initChannels(num) {
  769. // check if already initialized
  770. var done = $("#channels > div").length > 0;
  771. if (done) { return; }
  772. // does it have color channels?
  773. var colors = $("#colors > div").length > 0;
  774. // calculate channels to create
  775. var max = num;
  776. if (colors) {
  777. max = num % 3;
  778. if ((max > 0) & useWhite) {
  779. max--;
  780. if (useCCT) {
  781. max--;
  782. }
  783. }
  784. }
  785. var start = num - max;
  786. var onChannelSliderChange = function() {
  787. var id = $(this).attr("data");
  788. var value = $(this).val();
  789. var parent = $(this).parents(".pure-g");
  790. $("span", parent).html(value);
  791. sendAction("channel", {id: id, value: value});
  792. };
  793. // add templates
  794. var i = 0;
  795. var template = $("#channelTemplate").children();
  796. for (i=0; i<max; i++) {
  797. var channel_id = start + i;
  798. var line = $(template).clone();
  799. $("span.slider", line).attr("data", channel_id);
  800. $("input.slider", line).attr("data", channel_id).on("change", onChannelSliderChange);
  801. $("label", line).html("Channel #" + channel_id);
  802. line.appendTo("#channels");
  803. }
  804. for (i=0; i<num; i++) {
  805. $("select.islight").append(
  806. $("<option></option>").attr("value",i).text("Channel #" + i));
  807. }
  808. }
  809. <!-- endRemoveIf(!light)-->
  810. // -----------------------------------------------------------------------------
  811. // RFBridge
  812. // -----------------------------------------------------------------------------
  813. <!-- removeIf(!rfbridge)-->
  814. function rfbLearn() {
  815. var parent = $(this).parents(".pure-g");
  816. var input = $("input", parent);
  817. sendAction("rfblearn", {id: input.attr("data-id"), status: input.attr("data-status")});
  818. }
  819. function rfbForget() {
  820. var parent = $(this).parents(".pure-g");
  821. var input = $("input", parent);
  822. sendAction("rfbforget", {id: input.attr("data-id"), status: input.attr("data-status")});
  823. }
  824. function rfbSend() {
  825. var parent = $(this).parents(".pure-g");
  826. var input = $("input", parent);
  827. sendAction("rfbsend", {id: input.attr("data-id"), status: input.attr("data-status"), data: input.val()});
  828. }
  829. function addRfbNode() {
  830. var numNodes = $("#rfbNodes > legend").length;
  831. var template = $("#rfbNodeTemplate").children();
  832. var line = $(template).clone();
  833. var status = true;
  834. $("span", line).html(numNodes);
  835. $(line).find("input").each(function() {
  836. $(this).attr("data-id", numNodes);
  837. $(this).attr("data-status", status ? 1 : 0);
  838. status = !status;
  839. });
  840. $(line).find(".button-rfb-learn").on("click", rfbLearn);
  841. $(line).find(".button-rfb-forget").on("click", rfbForget);
  842. $(line).find(".button-rfb-send").on("click", rfbSend);
  843. line.appendTo("#rfbNodes");
  844. return line;
  845. }
  846. <!-- endRemoveIf(!rfbridge)-->
  847. // -----------------------------------------------------------------------------
  848. // Processing
  849. // -----------------------------------------------------------------------------
  850. function processData(data) {
  851. // title
  852. if ("app_name" in data) {
  853. var title = data.app_name;
  854. if ("app_version" in data) {
  855. title = title + " " + data.app_version;
  856. }
  857. $("span[name=title]").html(title);
  858. if ("hostname" in data) {
  859. title = data.hostname + " - " + title;
  860. }
  861. document.title = title;
  862. }
  863. Object.keys(data).forEach(function(key) {
  864. var i;
  865. var value = data[key];
  866. // ---------------------------------------------------------------------
  867. // Web mode
  868. // ---------------------------------------------------------------------
  869. if ("webMode" === key) {
  870. password = (1 === value);
  871. $("#layout").toggle(!password);
  872. $("#password").toggle(password);
  873. }
  874. // ---------------------------------------------------------------------
  875. // Actions
  876. // ---------------------------------------------------------------------
  877. if ("action" === key) {
  878. if ("reload" === data.action) { doReload(1000); }
  879. return;
  880. }
  881. // ---------------------------------------------------------------------
  882. // RFBridge
  883. // ---------------------------------------------------------------------
  884. <!-- removeIf(!rfbridge)-->
  885. if ("rfbCount" === key) {
  886. for (i=0; i<data.rfbCount; i++) { addRfbNode(); }
  887. return;
  888. }
  889. if ("rfbrawVisible" === key) {
  890. $("input[name='rfbcode']").attr("maxlength", 116);
  891. }
  892. if ("rfb" === key) {
  893. var nodes = data.rfb;
  894. for (i in nodes) {
  895. var node = nodes[i];
  896. $("input[name='rfbcode'][data-id='" + node.id + "'][data-status='" + node.status + "']").val(node.data);
  897. }
  898. return;
  899. }
  900. <!-- endRemoveIf(!rfbridge)-->
  901. // ---------------------------------------------------------------------
  902. // RFM69
  903. // ---------------------------------------------------------------------
  904. <!-- removeIf(!rfm69)-->
  905. if (key == "packet") {
  906. var packet = data.packet;
  907. var d = new Date();
  908. packets.row.add([
  909. d.toLocaleTimeString('en-US', { hour12: false }),
  910. packet.senderID,
  911. packet.packetID,
  912. packet.targetID,
  913. packet.key,
  914. packet.value,
  915. packet.rssi,
  916. packet.duplicates,
  917. packet.missing,
  918. ]).draw(false);
  919. return;
  920. }
  921. if (key == "mapping") {
  922. for (var i in data.mapping) {
  923. // add a new row
  924. addMapping();
  925. // get group
  926. var line = $("#mapping .pure-g")[i];
  927. // fill in the blanks
  928. var mapping = data.mapping[i];
  929. Object.keys(mapping).forEach(function(key) {
  930. var id = "input[name=" + key + "]";
  931. if ($(id, line).length) $(id, line).val(mapping[key]).attr("original", mapping[key]);
  932. });
  933. }
  934. return;
  935. }
  936. <!-- endRemoveIf(!rfm69)-->
  937. // ---------------------------------------------------------------------
  938. // Lights
  939. // ---------------------------------------------------------------------
  940. <!-- removeIf(!light)-->
  941. if ("rgb" === key) {
  942. initColorRGB();
  943. $("input[name='color']").wheelColorPicker("setValue", value, true);
  944. return;
  945. }
  946. if ("hsv" === key) {
  947. initColorHSV();
  948. // wheelColorPicker expects HSV to be between 0 and 1 all of them
  949. var chunks = value.split(",");
  950. var obj = {};
  951. obj.h = chunks[0] / 360;
  952. obj.s = chunks[1] / 100;
  953. obj.v = chunks[2] / 100;
  954. $("input[name='color']").wheelColorPicker("setColor", obj);
  955. return;
  956. }
  957. if ("brightness" === key) {
  958. $("#brightness").val(value);
  959. $("span.brightness").html(value);
  960. return;
  961. }
  962. if ("channels" === key) {
  963. var len = value.length;
  964. initChannels(len);
  965. for (i in value) {
  966. var ch = value[i];
  967. $("input.slider[data=" + i + "]").val(ch);
  968. $("span.slider[data=" + i + "]").html(ch);
  969. }
  970. return;
  971. }
  972. if ("mireds" === key) {
  973. $("#mireds").val(value);
  974. $("span.mireds").html(value);
  975. return;
  976. }
  977. if ("useWhite" === key) {
  978. useWhite = value;
  979. }
  980. if ("useCCT" === key) {
  981. initCCT();
  982. useCCT = value;
  983. }
  984. <!-- endRemoveIf(!light)-->
  985. // ---------------------------------------------------------------------
  986. // Sensors & Magnitudes
  987. // ---------------------------------------------------------------------
  988. <!-- removeIf(!sensor)-->
  989. if ("magnitudes" === key) {
  990. initMagnitudes(value);
  991. for (i in value) {
  992. var magnitude = value[i];
  993. var error = magnitude.error || 0;
  994. var text = (0 === error) ?
  995. magnitude.value + magnitude.units :
  996. magnitudeError(error);
  997. var element = $("input[name='magnitude'][data='" + i + "']");
  998. element.val(text);
  999. $("div.hint", element.parent().parent()).html(magnitude.description);
  1000. }
  1001. return;
  1002. }
  1003. <!-- endRemoveIf(!sensor)-->
  1004. // ---------------------------------------------------------------------
  1005. // WiFi
  1006. // ---------------------------------------------------------------------
  1007. if ("maxNetworks" === key) {
  1008. maxNetworks = parseInt(value, 10);
  1009. return;
  1010. }
  1011. if ("wifi" === key) {
  1012. for (i in value) {
  1013. var wifi = value[i];
  1014. var nwk_line = addNetwork();
  1015. Object.keys(wifi).forEach(function(key) {
  1016. $("input[name='" + key + "']", nwk_line).val(wifi[key]);
  1017. });
  1018. }
  1019. return;
  1020. }
  1021. if ("scanResult" === key) {
  1022. $("div.scan.loading").hide();
  1023. $("#scanResult").show();
  1024. }
  1025. // -----------------------------------------------------------------------------
  1026. // Home Assistant
  1027. // -----------------------------------------------------------------------------
  1028. if ("haConfig" === key) {
  1029. $("#haConfig").show();
  1030. }
  1031. // -----------------------------------------------------------------------------
  1032. // Relays scheduler
  1033. // -----------------------------------------------------------------------------
  1034. if ("maxSchedules" === key) {
  1035. maxSchedules = parseInt(value, 10);
  1036. return;
  1037. }
  1038. if ("schedule" === key) {
  1039. for (i in value) {
  1040. var schedule = value[i];
  1041. var sch_line = addSchedule({ data: {schType: schedule["schType"] }});
  1042. Object.keys(schedule).forEach(function(key) {
  1043. var sch_value = schedule[key];
  1044. $("input[name='" + key + "']", sch_line).val(sch_value);
  1045. $("select[name='" + key + "']", sch_line).prop("value", sch_value);
  1046. $("input[type='checkbox'][name='" + key + "']", sch_line).prop("checked", sch_value);
  1047. });
  1048. }
  1049. return;
  1050. }
  1051. // ---------------------------------------------------------------------
  1052. // Relays
  1053. // ---------------------------------------------------------------------
  1054. if ("relayStatus" === key) {
  1055. initRelays(value);
  1056. for (i in value) {
  1057. $("input[name='relay'][data='" + i + "']").prop("checked", value[i]);
  1058. }
  1059. return;
  1060. }
  1061. // Relay configuration
  1062. if ("relayConfig" === key) {
  1063. initRelayConfig(value);
  1064. return;
  1065. }
  1066. // ---------------------------------------------------------------------
  1067. // Domoticz
  1068. // ---------------------------------------------------------------------
  1069. // Domoticz - Relays
  1070. if ("dczRelays" === key) {
  1071. createRelayList(value, "dczRelays", "dczRelayTemplate");
  1072. return;
  1073. }
  1074. // Domoticz - Magnitudes
  1075. <!-- removeIf(!sensor)-->
  1076. if ("dczMagnitudes" === key) {
  1077. createMagnitudeList(value, "dczMagnitudes", "dczMagnitudeTemplate");
  1078. return;
  1079. }
  1080. <!-- endRemoveIf(!sensor)-->
  1081. // ---------------------------------------------------------------------
  1082. // Thingspeak
  1083. // ---------------------------------------------------------------------
  1084. // Thingspeak - Relays
  1085. if ("tspkRelays" === key) {
  1086. createRelayList(value, "tspkRelays", "tspkRelayTemplate");
  1087. return;
  1088. }
  1089. // Thingspeak - Magnitudes
  1090. <!-- removeIf(!sensor)-->
  1091. if ("tspkMagnitudes" === key) {
  1092. createMagnitudeList(value, "tspkMagnitudes", "tspkMagnitudeTemplate");
  1093. return;
  1094. }
  1095. <!-- endRemoveIf(!sensor)-->
  1096. // ---------------------------------------------------------------------
  1097. // General
  1098. // ---------------------------------------------------------------------
  1099. // Messages
  1100. if ("message" === key) {
  1101. window.alert(messages[value]);
  1102. return;
  1103. }
  1104. // Web log
  1105. if ("weblog" === key) {
  1106. $("#weblog").append(new Text(value));
  1107. $("#weblog").scrollTop($("#weblog")[0].scrollHeight - $("#weblog").height());
  1108. return;
  1109. }
  1110. // Enable options
  1111. var position = key.indexOf("Visible");
  1112. if (position > 0 && position === key.length - 7) {
  1113. var module = key.slice(0,-7);
  1114. $(".module-" + module).css("display", "inherit");
  1115. return;
  1116. }
  1117. if ("deviceip" === key) {
  1118. var a_href = $("span[name='" + key + "']").parent();
  1119. a_href.attr("href", "//" + value);
  1120. a_href.next().attr("href", "telnet://" + value);
  1121. }
  1122. if ("now" === key) {
  1123. now = value;
  1124. return;
  1125. }
  1126. if ("free_size" === key) {
  1127. free_size = parseInt(value, 10);
  1128. }
  1129. // Pre-process
  1130. if ("mqttStatus" === key) {
  1131. value = value ? "CONNECTED" : "NOT CONNECTED";
  1132. }
  1133. if ("ntpStatus" === key) {
  1134. value = value ? "SYNC'D" : "NOT SYNC'D";
  1135. }
  1136. if ("uptime" === key) {
  1137. ago = 0;
  1138. var uptime = parseInt(value, 10);
  1139. var seconds = uptime % 60; uptime = parseInt(uptime / 60, 10);
  1140. var minutes = uptime % 60; uptime = parseInt(uptime / 60, 10);
  1141. var hours = uptime % 24; uptime = parseInt(uptime / 24, 10);
  1142. var days = uptime;
  1143. value = days + "d " + zeroPad(hours, 2) + "h " + zeroPad(minutes, 2) + "m " + zeroPad(seconds, 2) + "s";
  1144. }
  1145. // ---------------------------------------------------------------------
  1146. // Matching
  1147. // ---------------------------------------------------------------------
  1148. var pre;
  1149. var post;
  1150. // Look for INPUTs
  1151. var input = $("input[name='" + key + "']");
  1152. if (input.length > 0) {
  1153. if (input.attr("type") === "checkbox") {
  1154. input.prop("checked", value);
  1155. } else if (input.attr("type") === "radio") {
  1156. input.val([value]);
  1157. } else {
  1158. pre = input.attr("pre") || "";
  1159. post = input.attr("post") || "";
  1160. input.val(pre + value + post);
  1161. }
  1162. }
  1163. // Look for SPANs
  1164. var span = $("span[name='" + key + "']");
  1165. if (span.length > 0) {
  1166. pre = span.attr("pre") || "";
  1167. post = span.attr("post") || "";
  1168. span.html(pre + value + post);
  1169. }
  1170. // Look for SELECTs
  1171. var select = $("select[name='" + key + "']");
  1172. if (select.length > 0) {
  1173. select.val(value);
  1174. }
  1175. });
  1176. // Auto generate an APIKey if none defined yet
  1177. if ($("input[name='apiKey']").val() === "") {
  1178. generateAPIKey();
  1179. }
  1180. resetOriginals();
  1181. }
  1182. function hasChanged() {
  1183. var newValue, originalValue;
  1184. if ($(this).attr("type") === "checkbox") {
  1185. newValue = $(this).prop("checked");
  1186. originalValue = ($(this).attr("original") === "true");
  1187. } else {
  1188. newValue = $(this).val();
  1189. originalValue = $(this).attr("original");
  1190. }
  1191. var hasChanged = $(this).attr("hasChanged") || 0;
  1192. var action = $(this).attr("action");
  1193. if (typeof originalValue === "undefined") { return; }
  1194. if ("none" === action) { return; }
  1195. if (newValue !== originalValue) {
  1196. if (0 === hasChanged) {
  1197. ++numChanged;
  1198. if ("reconnect" === action) { ++numReconnect; }
  1199. if ("reboot" === action) { ++numReboot; }
  1200. if ("reload" === action) { ++numReload; }
  1201. $(this).attr("hasChanged", 1);
  1202. }
  1203. } else {
  1204. if (1 === hasChanged) {
  1205. --numChanged;
  1206. if ("reconnect" === action) { --numReconnect; }
  1207. if ("reboot" === action) { --numReboot; }
  1208. if ("reload" === action) { --numReload; }
  1209. $(this).attr("hasChanged", 0);
  1210. }
  1211. }
  1212. }
  1213. // -----------------------------------------------------------------------------
  1214. // Init & connect
  1215. // -----------------------------------------------------------------------------
  1216. function initUrls(root) {
  1217. var paths = ["ws", "upgrade", "config", "auth"];
  1218. urls["root"] = root;
  1219. paths.forEach(function(path) {
  1220. urls[path] = new URL(path, root);
  1221. urls[path].protocol = root.protocol;
  1222. });
  1223. if (root.protocol == "https:") {
  1224. urls.ws.protocol = "wss:";
  1225. } else {
  1226. urls.ws.protocol = "ws:";
  1227. }
  1228. <!-- removeIf(!cleanIt) -->
  1229. urls.ws.port = Number(urls.ws.port) + 1;
  1230. <!-- endRemoveIf(!cleanIt) -->
  1231. }
  1232. function connectToURL(url) {
  1233. initUrls(url);
  1234. <!-- removeIf(!cleanIt) -->
  1235. /*
  1236. <!-- endRemoveIf(!cleanIt) -->
  1237. $.ajax({
  1238. 'method': 'GET',
  1239. 'crossDomain': true,
  1240. 'url': urls.auth.href,
  1241. 'xhrFields': { 'withCredentials': true }
  1242. }).done(function(data) {
  1243. <!-- removeIf(!cleanIt) -->
  1244. */
  1245. <!-- endRemoveIf(!cleanIt) -->
  1246. if (websock) {
  1247. websock.close();
  1248. }
  1249. websock = new WebSocket(urls.ws.href);
  1250. websock.onmessage = function (evt) {
  1251. var data = getJson(evt.data.replace(/\n/g, "\\n").replace(/\r/g, "\\r").replace(/\t/g, "\\t"));
  1252. if (data) {
  1253. processData(data);
  1254. }
  1255. };
  1256. <!-- removeIf(!cleanIt) -->
  1257. /*
  1258. <!-- endRemoveIf(!cleanIt) -->
  1259. }).fail(function() {
  1260. // Nothing to do, reload page and retry
  1261. });
  1262. <!-- removeIf(!cleanIt) -->
  1263. */
  1264. <!-- endRemoveIf(!cleanIt) -->
  1265. }
  1266. function connect(host) {
  1267. if (!host.startsWith("http:") && !host.startsWith("https:")) {
  1268. host = "http://" + host;
  1269. }
  1270. connectToURL(new URL(host));
  1271. }
  1272. function connectToCurrentURL() {
  1273. connectToURL(new URL(window.location));
  1274. }
  1275. function getParameterByName(name) {
  1276. var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
  1277. return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
  1278. }
  1279. $(function() {
  1280. initMessages();
  1281. loadTimeZones();
  1282. createCheckboxes();
  1283. setInterval(function() { keepTime(); }, 1000);
  1284. $("#menuLink").on("click", toggleMenu);
  1285. $(".pure-menu-link").on("click", showPanel);
  1286. $("progress").attr({ value: 0, max: 100 });
  1287. $(".button-update").on("click", doUpdate);
  1288. $(".button-update-password").on("click", doUpdatePassword);
  1289. $(".button-reboot").on("click", doReboot);
  1290. $(".button-reconnect").on("click", doReconnect);
  1291. $(".button-wifi-scan").on("click", doScan);
  1292. $(".button-ha-config").on("click", doHAConfig);
  1293. $(".button-dbgcmd").on("click", doDebugCommand);
  1294. $("input[name='dbgcmd']").enterKey(doDebugCommand);
  1295. $(".button-dbg-clear").on("click", doDebugClear);
  1296. $(".button-settings-backup").on("click", doBackup);
  1297. $(".button-settings-restore").on("click", doRestore);
  1298. $(".button-settings-factory").on("click", doFactoryReset);
  1299. $("#uploader").on("change", onFileUpload);
  1300. $(".button-upgrade").on("click", doUpgrade);
  1301. $(".button-apikey").on("click", generateAPIKey);
  1302. $(".button-upgrade-browse").on("click", function() {
  1303. $("input[name='upgrade']")[0].click();
  1304. return false;
  1305. });
  1306. $("input[name='upgrade']").change(function (){
  1307. var file = this.files[0];
  1308. $("input[name='filename']").val(file.name);
  1309. });
  1310. $(".button-add-network").on("click", function() {
  1311. $(".more", addNetwork()).toggle();
  1312. });
  1313. $(".button-add-switch-schedule").on("click", { schType: 1 }, addSchedule);
  1314. <!-- removeIf(!light)-->
  1315. $(".button-add-light-schedule").on("click", { schType: 2 }, addSchedule);
  1316. <!-- endRemoveIf(!light)-->
  1317. <!-- removeIf(!rfm69)-->
  1318. $(".button-add-mapping").on('click', addMapping);
  1319. $(".button-del-mapping").on('click', delMapping);
  1320. $(".button-clear-counts").on('click', doClearCounts);
  1321. $(".button-clear-messages").on('click', doClearMessages);
  1322. $(".button-clear-filters").on('click', doClearFilters);
  1323. $('#packets tbody').on('mousedown', 'td', doFilter);
  1324. packets = $('#packets').DataTable({
  1325. "paging": false
  1326. });
  1327. for (var i = 0; i < packets.columns()[0].length; i++) {
  1328. filters[i] = false;
  1329. }
  1330. <!-- endRemoveIf(!rfm69)-->
  1331. $(document).on("change", "input", hasChanged);
  1332. $(document).on("change", "select", hasChanged);
  1333. // don't autoconnect when opening from filesystem
  1334. if (window.location.protocol === "file:") { return; }
  1335. // Check host param in query string
  1336. if (host = getParameterByName('host')) {
  1337. connect(host);
  1338. } else {
  1339. connectToCurrentURL();
  1340. }
  1341. });