Fixed memory leak in baud autodetect

Add generic boards for ESP32-C3

.github/FUNDING.yml

@@ -1 +1 @@
-custom: ["https://paypal.me/gskjold"]
+custom: ["https://amsleser.no"]

.github/ISSUE_TEMPLATE/config.yml

@@ -1,8 +1,8 @@
 blank_issues_enabled: false
 contact_links:
   - name: Meter configuration
-    url: https://github.com/gskjold/AmsToMqttBridge/wiki/Known-hardware-configurations
+    url: https://github.com/UtilitechAS/amsreader-firmware/wiki/Known-hardware-configurations
     about: Please check your meter configuration here first.
   - name: Frequently asked questions
-    url: https://github.com/gskjold/AmsToMqttBridge/wiki/FAQ
+    url: https://github.com/UtilitechAS/amsreader-firmware/wiki/FAQ
     about: Please check frequently asked questions first.

.github/workflows/release.yml

@@ -166,3 +166,26 @@ jobs:
         asset_path: esp32solo.zip
         asset_name: ams2mqtt-esp32solo-${{ steps.release_tag.outputs.tag }}.zip
         asset_content_type: application/zip
+
+    - name: Build esp32c3 firmware
+      run: pio run -e esp32c3
+    - name: Create esp32c3 zip file
+      run: /bin/sh scripts/esp32c3/mkzip.sh
+    - name: Upload esp32c3 binary to release
+      uses: actions/upload-release-asset@v1
+      env:
+        GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+      with:
+        upload_url: ${{ steps.create_release.outputs.upload_url }}
+        asset_path: .pio/build/esp32c3/firmware.bin
+        asset_name: ams2mqtt-esp32c3-${{ steps.release_tag.outputs.tag }}.bin
+        asset_content_type: application/octet-stream
+    - name: Upload esp32c3 zip to release
+      uses: actions/upload-release-asset@v1
+      env:
+        GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+      with:
+        upload_url: ${{ steps.create_release.outputs.upload_url }}
+        asset_path: esp32c3.zip
+        asset_name: ams2mqtt-esp32c3-${{ steps.release_tag.outputs.tag }}.zip
+        asset_content_type: application/zip

README.md

@@ -1,12 +1,12 @@
-# AMS MQTT Bridge
+# AMS Reader
 This code is designed to decode data from electric smart meters installed in many countries in Europe these days. The data is presented in a graphical web interface and can also send the data to a MQTT broker which makes it suitable for home automation project. Originally it was only designed to work with Norwegian meters, but has since been adapter to read any IEC-62056-7-5 or IEC-62056-21 compliant meters.
 
-Later development have added Energy usage graph for both day and month, as well as future energy price (Prices only  available for ESP32). The code can run on any ESP8266 or ESP32 hardware which you can read more about in the [WiKi](https://github.com/gskjold/AmsToMqttBridge/wiki). If you don't have the knowledge to set up a ESP device yourself, have a look at the shop at [amsleser.no](https://amsleser.no/).
+Later development have added Energy usage graph for both day and month, as well as future energy price. The code can run on any ESP8266 or ESP32 hardware which you can read more about in the [WiKi](https://github.com/UtilitechAS/amsreader-firmware/wiki). If you don't have the knowledge to set up a ESP device yourself, have a look at the shop at [amsleser.no](https://amsleser.no/).
 
 
-<img src="webui.png">
+<img src="images/dashboard.png">
 
-Go to the [WiKi](https://github.com/gskjold/AmsToMqttBridge/wiki) for information on how to get your own device! And find the latest prebuilt firmware file at the [release section](https://github.com/gskjold/AmsToMqttBridge/releases).
+Go to the [WiKi](https://github.com/UtilitechAS/amsreader-firmware/wiki) for information on how to get your own device! And find the latest prebuilt firmware file at the [release section](https://github.com/UtilitechAS/amsreader-firmware/releases).
 
 ## Building this project with PlatformIO
 To build this project, you need [PlatformIO](https://platformio.org/) installed.

hardware/README.md

@@ -1 +1 @@
-[See Hardware page in Wiki](https://github.com/gskjold/AmsToMqttBridge/wiki)
+[See Hardware page in Wiki](https://github.com/UtilitechAS/amsreader-firmware/wiki)

hardware/v1/kicad/HAN_ESP_TSS721.kicad_prl

@@ -0,0 +1,76 @@
+{
+  "board": {
+    "active_layer": 0,
+    "active_layer_preset": "",
+    "auto_track_width": true,
+    "hidden_nets": [],
+    "high_contrast_mode": 0,
+    "net_color_mode": 1,
+    "opacity": {
+      "pads": 1.0,
+      "tracks": 1.0,
+      "vias": 1.0,
+      "zones": 0.6
+    },
+    "ratsnest_display_mode": 0,
+    "selection_filter": {
+      "dimensions": true,
+      "footprints": true,
+      "graphics": true,
+      "keepouts": true,
+      "lockedItems": true,
+      "otherItems": true,
+      "pads": true,
+      "text": true,
+      "tracks": true,
+      "vias": true,
+      "zones": true
+    },
+    "visible_items": [
+      0,
+      1,
+      2,
+      3,
+      4,
+      5,
+      7,
+      8,
+      9,
+      10,
+      11,
+      12,
+      13,
+      14,
+      15,
+      16,
+      17,
+      18,
+      19,
+      20,
+      21,
+      22,
+      23,
+      24,
+      25,
+      26,
+      27,
+      28,
+      29,
+      30,
+      32,
+      33,
+      34,
+      35,
+      36
+    ],
+    "visible_layers": "fffffff_ffffffff",
+    "zone_display_mode": 0
+  },
+  "meta": {
+    "filename": "HAN_ESP_TSS721.kicad_prl",
+    "version": 3
+  },
+  "project": {
+    "files": []
+  }
+}

hardware/v1/kicad/HAN_ESP_TSS721.kicad_pro

@@ -0,0 +1,440 @@
+{
+  "board": {
+    "design_settings": {
+      "defaults": {
+        "board_outline_line_width": 0.15,
+        "copper_line_width": 0.19999999999999998,
+        "copper_text_italic": false,
+        "copper_text_size_h": 1.5,
+        "copper_text_size_v": 1.5,
+        "copper_text_thickness": 0.3,
+        "copper_text_upright": false,
+        "courtyard_line_width": 0.049999999999999996,
+        "dimension_precision": 4,
+        "dimension_units": 3,
+        "dimensions": {
+          "arrow_length": 1270000,
+          "extension_offset": 500000,
+          "keep_text_aligned": true,
+          "suppress_zeroes": false,
+          "text_position": 0,
+          "units_format": 1
+        },
+        "fab_line_width": 0.09999999999999999,
+        "fab_text_italic": false,
+        "fab_text_size_h": 1.0,
+        "fab_text_size_v": 1.0,
+        "fab_text_thickness": 0.15,
+        "fab_text_upright": false,
+        "other_line_width": 0.09999999999999999,
+        "other_text_italic": false,
+        "other_text_size_h": 1.0,
+        "other_text_size_v": 1.0,
+        "other_text_thickness": 0.15,
+        "other_text_upright": false,
+        "pads": {
+          "drill": 0.762,
+          "height": 1.524,
+          "width": 1.524
+        },
+        "silk_line_width": 0.15,
+        "silk_text_italic": false,
+        "silk_text_size_h": 1.0,
+        "silk_text_size_v": 1.0,
+        "silk_text_thickness": 0.15,
+        "silk_text_upright": false,
+        "zones": {
+          "45_degree_only": true,
+          "min_clearance": 0.508
+        }
+      },
+      "diff_pair_dimensions": [],
+      "drc_exclusions": [],
+      "meta": {
+        "filename": "board_design_settings.json",
+        "version": 2
+      },
+      "rule_severities": {
+        "annular_width": "error",
+        "clearance": "error",
+        "copper_edge_clearance": "error",
+        "courtyards_overlap": "error",
+        "diff_pair_gap_out_of_range": "error",
+        "diff_pair_uncoupled_length_too_long": "error",
+        "drill_out_of_range": "error",
+        "duplicate_footprints": "warning",
+        "extra_footprint": "warning",
+        "footprint_type_mismatch": "error",
+        "hole_clearance": "error",
+        "hole_near_hole": "error",
+        "invalid_outline": "error",
+        "item_on_disabled_layer": "error",
+        "items_not_allowed": "error",
+        "length_out_of_range": "error",
+        "malformed_courtyard": "error",
+        "microvia_drill_out_of_range": "error",
+        "missing_courtyard": "ignore",
+        "missing_footprint": "warning",
+        "net_conflict": "warning",
+        "npth_inside_courtyard": "ignore",
+        "padstack": "error",
+        "pth_inside_courtyard": "ignore",
+        "shorting_items": "error",
+        "silk_over_copper": "warning",
+        "silk_overlap": "warning",
+        "skew_out_of_range": "error",
+        "through_hole_pad_without_hole": "error",
+        "too_many_vias": "error",
+        "track_dangling": "warning",
+        "track_width": "error",
+        "tracks_crossing": "error",
+        "unconnected_items": "error",
+        "unresolved_variable": "error",
+        "via_dangling": "warning",
+        "zone_has_empty_net": "error",
+        "zones_intersect": "error"
+      },
+      "rules": {
+        "allow_blind_buried_vias": false,
+        "allow_microvias": false,
+        "max_error": 0.005,
+        "min_clearance": 0.0,
+        "min_copper_edge_clearance": 0.075,
+        "min_hole_clearance": 0.25,
+        "min_hole_to_hole": 0.25,
+        "min_microvia_diameter": 0.19999999999999998,
+        "min_microvia_drill": 0.09999999999999999,
+        "min_silk_clearance": 0.0,
+        "min_through_hole_diameter": 0.3,
+        "min_track_width": 0.19999999999999998,
+        "min_via_annular_width": 0.049999999999999996,
+        "min_via_diameter": 0.39999999999999997,
+        "use_height_for_length_calcs": true
+      },
+      "track_widths": [
+        0.0,
+        0.2,
+        0.4,
+        0.6,
+        1.0
+      ],
+      "via_dimensions": [],
+      "zones_allow_external_fillets": false,
+      "zones_use_no_outline": true
+    },
+    "layer_presets": []
+  },
+  "boards": [],
+  "cvpcb": {
+    "equivalence_files": []
+  },
+  "erc": {
+    "erc_exclusions": [],
+    "meta": {
+      "version": 0
+    },
+    "pin_map": [
+      [
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        1,
+        0,
+        0,
+        0,
+        0,
+        2
+      ],
+      [
+        0,
+        2,
+        0,
+        1,
+        0,
+        0,
+        1,
+        0,
+        2,
+        2,
+        2,
+        2
+      ],
+      [
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        1,
+        0,
+        1,
+        0,
+        1,
+        2
+      ],
+      [
+        0,
+        1,
+        0,
+        0,
+        0,
+        0,
+        1,
+        1,
+        2,
+        1,
+        1,
+        2
+      ],
+      [
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        1,
+        0,
+        0,
+        0,
+        0,
+        2
+      ],
+      [
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        2
+      ],
+      [
+        1,
+        1,
+        1,
+        1,
+        1,
+        0,
+        1,
+        1,
+        1,
+        1,
+        1,
+        2
+      ],
+      [
+        0,
+        0,
+        0,
+        1,
+        0,
+        0,
+        1,
+        0,
+        0,
+        0,
+        0,
+        2
+      ],
+      [
+        0,
+        2,
+        1,
+        2,
+        0,
+        0,
+        1,
+        0,
+        2,
+        2,
+        2,
+        2
+      ],
+      [
+        0,
+        2,
+        0,
+        1,
+        0,
+        0,
+        1,
+        0,
+        2,
+        0,
+        0,
+        2
+      ],
+      [
+        0,
+        2,
+        1,
+        1,
+        0,
+        0,
+        1,
+        0,
+        2,
+        0,
+        0,
+        2
+      ],
+      [
+        2,
+        2,
+        2,
+        2,
+        2,
+        2,
+        2,
+        2,
+        2,
+        2,
+        2,
+        2
+      ]
+    ],
+    "rule_severities": {
+      "bus_definition_conflict": "error",
+      "bus_entry_needed": "error",
+      "bus_label_syntax": "error",
+      "bus_to_bus_conflict": "error",
+      "bus_to_net_conflict": "error",
+      "different_unit_footprint": "error",
+      "different_unit_net": "error",
+      "duplicate_reference": "error",
+      "duplicate_sheet_names": "error",
+      "extra_units": "error",
+      "global_label_dangling": "warning",
+      "hier_label_mismatch": "error",
+      "label_dangling": "error",
+      "lib_symbol_issues": "warning",
+      "multiple_net_names": "warning",
+      "net_not_bus_member": "warning",
+      "no_connect_connected": "warning",
+      "no_connect_dangling": "warning",
+      "pin_not_connected": "error",
+      "pin_not_driven": "error",
+      "pin_to_pin": "warning",
+      "power_pin_not_driven": "error",
+      "similar_labels": "warning",
+      "unannotated": "error",
+      "unit_value_mismatch": "error",
+      "unresolved_variable": "error",
+      "wire_dangling": "error"
+    }
+  },
+  "libraries": {
+    "pinned_footprint_libs": [],
+    "pinned_symbol_libs": []
+  },
+  "meta": {
+    "filename": "HAN_ESP_TSS721.kicad_pro",
+    "version": 1
+  },
+  "net_settings": {
+    "classes": [
+      {
+        "bus_width": 12.0,
+        "clearance": 0.2,
+        "diff_pair_gap": 0.25,
+        "diff_pair_via_gap": 0.25,
+        "diff_pair_width": 0.2,
+        "line_style": 0,
+        "microvia_diameter": 0.3,
+        "microvia_drill": 0.1,
+        "name": "Default",
+        "pcb_color": "rgba(0, 0, 0, 0.000)",
+        "schematic_color": "rgba(0, 0, 0, 0.000)",
+        "track_width": 0.25,
+        "via_diameter": 0.6,
+        "via_drill": 0.4,
+        "wire_width": 6.0
+      },
+      {
+        "bus_width": 12.0,
+        "clearance": 0.5,
+        "diff_pair_gap": 0.25,
+        "diff_pair_via_gap": 0.25,
+        "diff_pair_width": 0.2,
+        "line_style": 0,
+        "microvia_diameter": 0.5,
+        "microvia_drill": 0.2,
+        "name": "PWR",
+        "nets": [
+          "+3V3"
+        ],
+        "pcb_color": "rgba(0, 0, 0, 0.000)",
+        "schematic_color": "rgba(0, 0, 0, 0.000)",
+        "track_width": 0.5,
+        "via_diameter": 0.8,
+        "via_drill": 0.6,
+        "wire_width": 6.0
+      }
+    ],
+    "meta": {
+      "version": 2
+    },
+    "net_colors": null
+  },
+  "pcbnew": {
+    "last_paths": {
+      "gencad": "",
+      "idf": "",
+      "netlist": "",
+      "specctra_dsn": "",
+      "step": "",
+      "vrml": ""
+    },
+    "page_layout_descr_file": ""
+  },
+  "schematic": {
+    "annotate_start_num": 0,
+    "drawing": {
+      "default_line_thickness": 6.0,
+      "default_text_size": 50.0,
+      "field_names": [],
+      "intersheets_ref_own_page": false,
+      "intersheets_ref_prefix": "",
+      "intersheets_ref_short": false,
+      "intersheets_ref_show": false,
+      "intersheets_ref_suffix": "",
+      "junction_size_choice": 3,
+      "label_size_ratio": 0.25,
+      "pin_symbol_size": 0.0,
+      "text_offset_ratio": 0.08
+    },
+    "legacy_lib_dir": "",
+    "legacy_lib_list": [],
+    "meta": {
+      "version": 1
+    },
+    "net_format_name": "",
+    "ngspice": {
+      "fix_include_paths": true,
+      "fix_passive_vals": false,
+      "meta": {
+        "version": 0
+      },
+      "model_mode": 0,
+      "workbook_filename": ""
+    },
+    "page_layout_descr_file": "",
+    "plot_directory": "",
+    "spice_adjust_passive_values": false,
+    "spice_external_command": "spice \"%I\"",
+    "subpart_first_id": 65,
+    "subpart_id_separator": 0
+  },
+  "sheets": [],
+  "text_variables": {}
+}

hardware/v1/kicad/fp-info-cache

@@ -0,0 +1 @@
+0

hardware/wemos_mbus_shield/kicad/d1_mini_shield-rescue.dcm

@@ -0,0 +1,3 @@
+EESchema-DOCLIB  Version 2.0
+#
+#End Doc Library

hardware/wemos_mbus_shield/kicad/d1_mini_shield-rescue.lib

@@ -1,6 +1,21 @@
 EESchema-LIBRARY Version 2.4
 #encoding utf-8
 #
+# +3.3V-power
+#
+DEF +3.3V-power #PWR 0 0 Y Y 1 F P
+F0 "#PWR" 0 -150 50 H I C CNN
+F1 "+3.3V-power" 0 140 50 H V C CNN
+F2 "" 0 0 50 H I C CNN
+F3 "" 0 0 50 H I C CNN
+DRAW
+P 2 0 1 0 -30 50 0 100 N
+P 2 0 1 0 0 0 0 100 N
+P 2 0 1 0 0 100 30 50 N
+X +3V3 1 0 0 0 U 50 50 1 1 W N
+ENDDRAW
+ENDDEF
+#
 # CONN_01X08
 #
 DEF CONN_01X08 P 0 40 Y N 1 F N
@@ -35,4 +50,23 @@ X P8 8 -200 -350 150 R 50 50 1 1 P
 ENDDRAW
 ENDDEF
 #
+# Jumper-Device
+#
+DEF Jumper-Device JP 0 30 Y N 1 F N
+F0 "JP" 0 150 50 H V C CNN
+F1 "Jumper-Device" 0 -80 50 H V C CNN
+F2 "" 0 0 50 H I C CNN
+F3 "" 0 0 50 H I C CNN
+$FPLIST
+ SolderJumper*
+$ENDFPLIST
+DRAW
+C -100 0 35 0 1 0 N
+A 0 -26 125 375 1422 0 1 0 N 99 50 -98 50
+C 100 0 35 0 1 0 N
+X 1 1 -300 0 165 R 50 50 0 1 P
+X 2 2 300 0 165 L 50 50 0 1 P
+ENDDRAW
+ENDDEF
+#
 #End Library

hardware/wemos_mbus_shield/kicad/d1_mini_shield.kicad_prl

@@ -0,0 +1,75 @@
+{
+  "board": {
+    "active_layer": 0,
+    "active_layer_preset": "",
+    "auto_track_width": true,
+    "hidden_nets": [],
+    "high_contrast_mode": 0,
+    "net_color_mode": 1,
+    "opacity": {
+      "pads": 1.0,
+      "tracks": 1.0,
+      "vias": 1.0,
+      "zones": 0.6
+    },
+    "ratsnest_display_mode": 0,
+    "selection_filter": {
+      "dimensions": true,
+      "footprints": true,
+      "graphics": true,
+      "keepouts": true,
+      "lockedItems": true,
+      "otherItems": true,
+      "pads": true,
+      "text": true,
+      "tracks": true,
+      "vias": true,
+      "zones": true
+    },
+    "visible_items": [
+      0,
+      1,
+      2,
+      3,
+      4,
+      5,
+      8,
+      9,
+      10,
+      11,
+      12,
+      13,
+      14,
+      15,
+      16,
+      17,
+      18,
+      19,
+      20,
+      21,
+      22,
+      23,
+      24,
+      25,
+      26,
+      27,
+      28,
+      29,
+      30,
+      32,
+      33,
+      34,
+      35,
+      36
+    ],
+    "visible_layers": "fffffff_ffffffff",
+    "zone_display_mode": 0
+  },
+  "meta": {
+    "filename": "d1_mini_shield.kicad_prl",
+    "version": 3
+  },
+  "project": {
+    "files": []
+  }
+}

hardware/wemos_mbus_shield/kicad/d1_mini_shield.kicad_pro

@@ -0,0 +1,356 @@
+{
+  "board": {
+    "design_settings": {
+      "defaults": {
+        "board_outline_line_width": 0.15,
+        "copper_line_width": 0.2,
+        "copper_text_italic": false,
+        "copper_text_size_h": 1.5,
+        "copper_text_size_v": 1.5,
+        "copper_text_thickness": 0.3,
+        "copper_text_upright": true,
+        "courtyard_line_width": 0.05,
+        "other_line_width": 0.15,
+        "other_text_italic": false,
+        "other_text_size_h": 1.0,
+        "other_text_size_v": 1.0,
+        "other_text_thickness": 0.15,
+        "other_text_upright": true,
+        "silk_line_width": 0.15,
+        "silk_text_italic": false,
+        "silk_text_size_h": 1.0,
+        "silk_text_size_v": 1.0,
+        "silk_text_thickness": 0.15,
+        "silk_text_upright": true
+      },
+      "diff_pair_dimensions": [
+        {
+          "gap": 0.25,
+          "via_gap": 0.25,
+          "width": 0.2
+        }
+      ],
+      "drc_exclusions": [],
+      "rule_severitieslegacy_courtyards_overlap": true,
+      "rule_severitieslegacy_no_courtyard_defined": false,
+      "rules": {
+        "allow_blind_buried_vias": false,
+        "allow_microvias": false,
+        "min_hole_to_hole": 0.25,
+        "min_microvia_diameter": 0.2,
+        "min_microvia_drill": 0.09999999999999999,
+        "min_through_hole_diameter": 0.3,
+        "min_track_width": 0.2,
+        "min_via_diameter": 0.4,
+        "solder_mask_clearance": 0.2,
+        "solder_mask_min_width": 0.0,
+        "solder_paste_clearance": 0.0,
+        "solder_paste_margin_ratio": -0.0
+      },
+      "track_widths": [
+        0.25,
+        0.5
+      ],
+      "via_dimensions": [
+        {
+          "diameter": 0.6,
+          "drill": 0.4
+        }
+      ]
+    },
+    "layer_presets": []
+  },
+  "boards": [],
+  "cvpcb": {
+    "equivalence_files": []
+  },
+  "erc": {
+    "erc_exclusions": [],
+    "meta": {
+      "version": 0
+    },
+    "pin_map": [
+      [
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        1,
+        0,
+        0,
+        0,
+        0,
+        2
+      ],
+      [
+        0,
+        2,
+        0,
+        1,
+        0,
+        0,
+        1,
+        0,
+        2,
+        2,
+        2,
+        2
+      ],
+      [
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        1,
+        0,
+        1,
+        0,
+        1,
+        2
+      ],
+      [
+        0,
+        1,
+        0,
+        0,
+        0,
+        0,
+        1,
+        1,
+        2,
+        1,
+        1,
+        2
+      ],
+      [
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        1,
+        0,
+        0,
+        0,
+        0,
+        2
+      ],
+      [
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        2
+      ],
+      [
+        1,
+        1,
+        1,
+        1,
+        1,
+        0,
+        1,
+        1,
+        1,
+        1,
+        1,
+        2
+      ],
+      [
+        0,
+        0,
+        0,
+        1,
+        0,
+        0,
+        1,
+        0,
+        0,
+        0,
+        0,
+        2
+      ],
+      [
+        0,
+        2,
+        1,
+        2,
+        0,
+        0,
+        1,
+        0,
+        2,
+        2,
+        2,
+        2
+      ],
+      [
+        0,
+        2,
+        0,
+        1,
+        0,
+        0,
+        1,
+        0,
+        2,
+        0,
+        0,
+        2
+      ],
+      [
+        0,
+        2,
+        1,
+        1,
+        0,
+        0,
+        1,
+        0,
+        2,
+        0,
+        0,
+        2
+      ],
+      [
+        2,
+        2,
+        2,
+        2,
+        2,
+        2,
+        2,
+        2,
+        2,
+        2,
+        2,
+        2
+      ]
+    ],
+    "rule_severities": {
+      "bus_definition_conflict": "error",
+      "bus_entry_needed": "error",
+      "bus_label_syntax": "error",
+      "bus_to_bus_conflict": "error",
+      "bus_to_net_conflict": "error",
+      "different_unit_footprint": "error",
+      "different_unit_net": "error",
+      "duplicate_reference": "error",
+      "duplicate_sheet_names": "error",
+      "extra_units": "error",
+      "global_label_dangling": "warning",
+      "hier_label_mismatch": "error",
+      "label_dangling": "error",
+      "lib_symbol_issues": "warning",
+      "multiple_net_names": "warning",
+      "net_not_bus_member": "warning",
+      "no_connect_connected": "warning",
+      "no_connect_dangling": "warning",
+      "pin_not_connected": "error",
+      "pin_not_driven": "error",
+      "pin_to_pin": "warning",
+      "power_pin_not_driven": "error",
+      "similar_labels": "warning",
+      "unannotated": "error",
+      "unit_value_mismatch": "error",
+      "unresolved_variable": "error",
+      "wire_dangling": "error"
+    }
+  },
+  "libraries": {
+    "pinned_footprint_libs": [],
+    "pinned_symbol_libs": []
+  },
+  "meta": {
+    "filename": "d1_mini_shield.kicad_pro",
+    "version": 1
+  },
+  "net_settings": {
+    "classes": [
+      {
+        "bus_width": 12.0,
+        "clearance": 0.2,
+        "diff_pair_gap": 0.25,
+        "diff_pair_via_gap": 0.25,
+        "diff_pair_width": 0.2,
+        "line_style": 0,
+        "microvia_diameter": 0.3,
+        "microvia_drill": 0.1,
+        "name": "Default",
+        "pcb_color": "rgba(0, 0, 0, 0.000)",
+        "schematic_color": "rgba(0, 0, 0, 0.000)",
+        "track_width": 0.25,
+        "via_diameter": 0.8,
+        "via_drill": 0.4,
+        "wire_width": 6.0
+      }
+    ],
+    "meta": {
+      "version": 2
+    },
+    "net_colors": null
+  },
+  "pcbnew": {
+    "last_paths": {
+      "gencad": "",
+      "idf": "",
+      "netlist": "d1_mini_shield.net",
+      "specctra_dsn": "",
+      "step": "",
+      "vrml": ""
+    },
+    "page_layout_descr_file": ""
+  },
+  "schematic": {
+    "annotate_start_num": 0,
+    "drawing": {
+      "default_line_thickness": 6.0,
+      "default_text_size": 50.0,
+      "field_names": [],
+      "intersheets_ref_own_page": false,
+      "intersheets_ref_prefix": "",
+      "intersheets_ref_short": false,
+      "intersheets_ref_show": false,
+      "intersheets_ref_suffix": "",
+      "junction_size_choice": 3,
+      "label_size_ratio": 0.25,
+      "pin_symbol_size": 0.0,
+      "text_offset_ratio": 0.08
+    },
+    "legacy_lib_dir": "",
+    "legacy_lib_list": [],
+    "meta": {
+      "version": 1
+    },
+    "net_format_name": "Pcbnew",
+    "ngspice": {
+      "fix_include_paths": true,
+      "fix_passive_vals": false,
+      "meta": {
+        "version": 0
+      },
+      "model_mode": 0,
+      "workbook_filename": ""
+    },
+    "page_layout_descr_file": "",
+    "plot_directory": "",
+    "spice_adjust_passive_values": false,
+    "spice_external_command": "spice \"%I\"",
+    "subpart_first_id": 65,
+    "subpart_id_separator": 0
+  },
+  "sheets": [],
+  "text_variables": {}
+}

lib/AmsConfiguration/include/AmsConfiguration.h

@@ -4,7 +4,7 @@
 #include "Arduino.h"
 
 #define EEPROM_SIZE 1024*3
-#define EEPROM_CHECK_SUM 101 // Used to check if config is stored. Change if structure changes
+#define EEPROM_CHECK_SUM 102 // Used to check if config is stored. Change if structure changes
 #define EEPROM_CLEARED_INDICATOR 0xFC
 #define EEPROM_CONFIG_ADDRESS 0
 #define EEPROM_TEMP_CONFIG_ADDRESS 2048
@@ -22,10 +22,6 @@
 #define CONFIG_NTP_START 872
 #define CONFIG_MQTT_START 1004
 
-#define CONFIG_MQTT_START_86 224
-#define CONFIG_METER_START_87 784
-#define CONFIG_ENTSOE_START_90 286
-#define CONFIG_WIFI_START_91 16
 #define CONFIG_METER_START_93 224
 
 
@@ -34,20 +30,8 @@ struct SystemConfig {
 	bool vendorConfigured;
 	bool userConfigured;
 	uint8_t dataCollectionConsent; // 0 = unknown, 1 = accepted, 2 = declined
-	char country[2];
-}; // 6
-
-struct WiFiConfig91 {
-	char ssid[32];
-	char psk[64];
-    char ip[15];
-    char gateway[15];
-    char subnet[15];
-	char dns1[15];
-	char dns2[15];
-	char hostname[32];
-	bool mdns;
-}; // 204 
+	char country[3];
+}; // 7
 
 struct WiFiConfig {
 	char ssid[32];
@@ -65,18 +49,6 @@ struct WiFiConfig {
 	bool autoreboot;
 }; // 213
 
-struct MqttConfig86 {
-	char host[128];
-	uint16_t port;
-	char clientId[32];
-	char publishTopic[64];
-	char subscribeTopic[64];
-	char username[64];
-	char password[64];
-	uint8_t payloadFormat;
-	bool ssl;
-}; // 420
-
 struct MqttConfig {
 	char host[128];
 	uint16_t port;
@@ -110,7 +82,7 @@ struct MeterConfig {
 	uint32_t accumulatedMultiplier;
 	uint8_t source;
 	uint8_t parser;
-}; // 52
+}; // 61
 
 struct MeterConfig100 {
 	uint32_t baud;
@@ -127,7 +99,7 @@ struct MeterConfig100 {
 	uint32_t accumulatedMultiplier;
 	uint8_t source;
 	uint8_t parser;
-}; // 50
+}; // 59
 
 struct MeterConfig95 {
 	uint32_t baud;
@@ -146,16 +118,6 @@ struct MeterConfig95 {
 	uint8_t parser;
 }; // 50
 
-struct MeterConfig87 {
-	uint8_t type;
-	uint8_t distributionSystem;
-	uint8_t mainFuse;
-	uint8_t productionCapacity;
-	uint8_t encryptionKey[16];
-	uint8_t authenticationKey[16];
-	bool substituteMissing;
-}; // 37
-
 struct DebugConfig {
 	bool telnet;
 	bool serial;
@@ -213,6 +175,11 @@ struct EntsoeConfig {
 }; // 62
 
 struct EnergyAccountingConfig {
+	uint16_t thresholds[10];
+	uint8_t hours;
+}; // 21
+
+struct EnergyAccountingConfig101 {
 	uint8_t thresholds[10];
 	uint8_t hours;
 }; // 11
@@ -331,14 +298,12 @@ private:
 	uint8_t tempSensorCount = 0;
 	TempSensorConfig** tempSensors = NULL;
 
-	bool relocateConfig90(); // 2.0.0
-	bool relocateConfig91(); // 2.0.2
-	bool relocateConfig92(); // 2.0.3
 	bool relocateConfig93(); // 2.1.0
 	bool relocateConfig94(); // 2.1.0
 	bool relocateConfig95(); // 2.1.4
 	bool relocateConfig96(); // 2.1.14
 	bool relocateConfig100(); // 2.2-dev
+	bool relocateConfig101(); // 2.2.0 through 2.2.8
 
 	void saveToFs();
 	bool loadFromFs(uint8_t version);

lib/AmsConfiguration/include/hexutils.h

@@ -7,5 +7,6 @@
 String toHex(uint8_t* in);
 String toHex(uint8_t* in, uint16_t size);
 void fromHex(uint8_t *out, String in, uint16_t size);
+void stripNonAscii(uint8_t* in, uint16_t size, bool extended = false);
 
 #endif

lib/AmsConfiguration/src/AmsConfiguration.cpp

@@ -1,4 +1,5 @@
 #include "AmsConfiguration.h"
+#include "hexutils.h"
 
 bool AmsConfiguration::getSystemConfig(SystemConfig& config) {
 	EEPROM.begin(EEPROM_SIZE);
@@ -19,6 +20,7 @@ bool AmsConfiguration::getSystemConfig(SystemConfig& config) {
 
 bool AmsConfiguration::setSystemConfig(SystemConfig& config) {
 	EEPROM.begin(EEPROM_SIZE);
+	stripNonAscii((uint8_t*) config.country, 2);
 	EEPROM.put(CONFIG_SYSTEM_START, config);
 	bool ret = EEPROM.commit();
 	EEPROM.end();
@@ -59,6 +61,16 @@ bool AmsConfiguration::setWiFiConfig(WiFiConfig& config) {
 	} else {
 		wifiChanged = true;
 	}
+	
+	stripNonAscii((uint8_t*) config.ssid, 32, true);
+	stripNonAscii((uint8_t*) config.psk, 64);
+	stripNonAscii((uint8_t*) config.ip, 16);
+	stripNonAscii((uint8_t*) config.gateway, 16);
+	stripNonAscii((uint8_t*) config.subnet, 16);
+	stripNonAscii((uint8_t*) config.dns1, 16);
+	stripNonAscii((uint8_t*) config.dns2, 16);
+	stripNonAscii((uint8_t*) config.hostname, 32);
+
 	EEPROM.begin(EEPROM_SIZE);
 	EEPROM.put(CONFIG_WIFI_START, config);
 	bool ret = EEPROM.commit();
@@ -127,6 +139,14 @@ bool AmsConfiguration::setMqttConfig(MqttConfig& config) {
 	} else {
 		mqttChanged = true;
 	}
+
+	stripNonAscii((uint8_t*) config.host, 128);
+	stripNonAscii((uint8_t*) config.clientId, 32);
+	stripNonAscii((uint8_t*) config.publishTopic, 64);
+	stripNonAscii((uint8_t*) config.subscribeTopic, 64);
+	stripNonAscii((uint8_t*) config.username, 128);
+	stripNonAscii((uint8_t*) config.password, 256);
+
 	EEPROM.begin(EEPROM_SIZE);
 	EEPROM.put(CONFIG_MQTT_START, config);
 	bool ret = EEPROM.commit();
@@ -171,6 +191,10 @@ bool AmsConfiguration::getWebConfig(WebConfig& config) {
 }
 
 bool AmsConfiguration::setWebConfig(WebConfig& config) {
+
+	stripNonAscii((uint8_t*) config.username, 64);
+	stripNonAscii((uint8_t*) config.password, 64);
+
 	EEPROM.begin(EEPROM_SIZE);
 	EEPROM.put(CONFIG_WEB_START, config);
 	bool ret = EEPROM.commit();
@@ -221,8 +245,8 @@ void AmsConfiguration::clearMeter(MeterConfig& config) {
 	config.baud = 0;
 	config.parity = 0;
 	config.invert = false;
-	config.distributionSystem = 0;
-	config.mainFuse = 0;
+	config.distributionSystem = 2;
+	config.mainFuse = 40;
 	config.productionCapacity = 0;
 	memset(config.encryptionKey, 0, 16);
 	memset(config.authenticationKey, 0, 16);
@@ -334,8 +358,9 @@ bool AmsConfiguration::pinUsed(uint8_t pin, GpioConfig& config) {
 }
 
 bool AmsConfiguration::getGpioConfig(GpioConfig& config) {
-	if(hasConfig()) {
-		EEPROM.begin(EEPROM_SIZE);
+	EEPROM.begin(EEPROM_SIZE);
+	uint8_t configVersion = EEPROM.read(EEPROM_CONFIG_ADDRESS);
+	if(configVersion == EEPROM_CHECK_SUM || configVersion == EEPROM_CLEARED_INDICATOR) {
 		EEPROM.get(CONFIG_GPIO_START, config);
 		EEPROM.end();
 		return true;
@@ -445,6 +470,10 @@ bool AmsConfiguration::setNtpConfig(NtpConfig& config) {
 	} else {
 		ntpChanged = true;
 	}
+
+	stripNonAscii((uint8_t*) config.server, 64);
+	stripNonAscii((uint8_t*) config.timezone, 32);
+
 	EEPROM.begin(EEPROM_SIZE);
 	EEPROM.put(CONFIG_NTP_START, config);
 	bool ret = EEPROM.commit();
@@ -477,6 +506,7 @@ bool AmsConfiguration::getEntsoeConfig(EntsoeConfig& config) {
 		}
 		return true;
 	} else {
+		clearEntsoe(config);
 		return false;
 	}
 }
@@ -492,6 +522,11 @@ bool AmsConfiguration::setEntsoeConfig(EntsoeConfig& config) {
 	} else {
 		entsoeChanged = true;
 	}
+
+	stripNonAscii((uint8_t*) config.token, 37);
+	stripNonAscii((uint8_t*) config.area, 17);
+	stripNonAscii((uint8_t*) config.currency, 4);
+
 	EEPROM.begin(EEPROM_SIZE);
 	EEPROM.put(CONFIG_ENTSOE_START, config);
 	bool ret = EEPROM.commit();
@@ -504,6 +539,7 @@ void AmsConfiguration::clearEntsoe(EntsoeConfig& config) {
 	strcpy(config.area, "");
 	strcpy(config.currency, "");
 	config.multiplier = 1000;
+	config.enabled = false;
 }
 
 bool AmsConfiguration::isEntsoeChanged() {
@@ -520,12 +556,13 @@ bool AmsConfiguration::getEnergyAccountingConfig(EnergyAccountingConfig& config)
 		EEPROM.begin(EEPROM_SIZE);
 		EEPROM.get(CONFIG_ENERGYACCOUNTING_START, config);
 		EEPROM.end();
-		if(config.thresholds[9] != 255) {
+		if(config.thresholds[9] != 0xFFFF) {
 			clearEnergyAccountingConfig(config);
 		}
 		if(config.hours > 5) config.hours = 5;
 		return true;
 	} else {
+		clearEnergyAccountingConfig(config);
 		return false;
 	}
 }
@@ -539,7 +576,7 @@ bool AmsConfiguration::setEnergyAccountingConfig(EnergyAccountingConfig& config)
 				energyAccountingChanged = true;
 			}
 		}
-		config.thresholds[9] = 255;
+		config.thresholds[9] = 0xFFFF;
 		energyAccountingChanged |= config.hours != existing.hours;
 	} else {
 		energyAccountingChanged = true;
@@ -561,7 +598,7 @@ void AmsConfiguration::clearEnergyAccountingConfig(EnergyAccountingConfig& confi
 	config.thresholds[6] = 75;
 	config.thresholds[7] = 100;
 	config.thresholds[8] = 150;
-	config.thresholds[9] = 255;
+	config.thresholds[9] = 0xFFFF;
 	config.hours = 3;
 }
 
@@ -679,30 +716,6 @@ bool AmsConfiguration::hasConfig() {
 		}
 	} else {
 		switch(configVersion) {
-			case 90:
-				configVersion = -1; // Prevent loop
-				if(relocateConfig90()) {
-					configVersion = 91;
-				} else {
-					configVersion = 0;
-					return false;
-				}
-			case 91:
-				configVersion = -1; // Prevent loop
-				if(relocateConfig91()) {
-					configVersion = 92;
-				} else {
-					configVersion = 0;
-					return false;
-				}
-			case 92:
-				configVersion = -1; // Prevent loop
-				if(relocateConfig92()) {
-					configVersion = 93;
-				} else {
-					configVersion = 0;
-					return false;
-				}
 			case 93:
 				configVersion = -1; // Prevent loop
 				if(relocateConfig93()) {
@@ -743,6 +756,14 @@ bool AmsConfiguration::hasConfig() {
 					configVersion = 0;
 					return false;
 				}
+			case 101:
+				configVersion = -1; // Prevent loop
+				if(relocateConfig101()) {
+					configVersion = 102;
+				} else {
+					configVersion = 0;
+					return false;
+				}
 			case EEPROM_CHECK_SUM:
 				return true;
 			default:
@@ -795,61 +816,8 @@ void AmsConfiguration::saveTempSensors() {
 	}
 }
 
-bool AmsConfiguration::relocateConfig90() {
-	EntsoeConfig entsoe;
-	EEPROM.begin(EEPROM_SIZE);
-    EEPROM.get(CONFIG_ENTSOE_START_90, entsoe);
-	EEPROM.put(CONFIG_ENTSOE_START, entsoe);
-	EEPROM.put(EEPROM_CONFIG_ADDRESS, 91);
-	bool ret = EEPROM.commit();
-	EEPROM.end();
-	return ret;
-}
-
-bool AmsConfiguration::relocateConfig91() {
-	WiFiConfig91 wifi91;
-	WiFiConfig wifi;
-	EEPROM.begin(EEPROM_SIZE);
-    EEPROM.get(CONFIG_WIFI_START_91, wifi91);
-	strcpy(wifi.ssid, wifi91.ssid);
-	strcpy(wifi.psk, wifi91.psk);
-	strcpy(wifi.ip, wifi91.ip);
-	strcpy(wifi.gateway, wifi91.gateway);
-	strcpy(wifi.subnet, wifi91.subnet);
-	strcpy(wifi.dns1, wifi91.dns1);
-	strcpy(wifi.dns2, wifi91.dns2);
-	strcpy(wifi.hostname, wifi91.hostname);
-	wifi.mdns = wifi91.mdns;
-	EEPROM.put(CONFIG_WIFI_START, wifi);
-	EEPROM.put(EEPROM_CONFIG_ADDRESS, 92);
-	bool ret = EEPROM.commit();
-	EEPROM.end();
-	return ret;
-}
-
-bool AmsConfiguration::relocateConfig92() {
-	WiFiConfig wifi;
-	EEPROM.begin(EEPROM_SIZE);
-    EEPROM.get(CONFIG_WIFI_START, wifi);
-	#if defined(ESP32)
-		wifi.power = 195;
-	#elif defined(ESP8266)
-		wifi.power = 205;
-	#endif
-	EEPROM.put(CONFIG_WIFI_START, wifi);
-
-	EnergyAccountingConfig eac;
-	clearEnergyAccountingConfig(eac);
-	EEPROM.put(CONFIG_ENERGYACCOUNTING_START, eac);
-
-	EEPROM.put(EEPROM_CONFIG_ADDRESS, 93);
-	bool ret = EEPROM.commit();
-	EEPROM.end();
-	return ret;
-}
-
 bool AmsConfiguration::relocateConfig93() {
-	MeterConfig meter;
+	MeterConfig95 meter;
 	EEPROM.begin(EEPROM_SIZE);
     EEPROM.get(CONFIG_METER_START_93, meter);
 	meter.wattageMultiplier = 0;
@@ -876,7 +844,7 @@ bool AmsConfiguration::relocateConfig94() {
 }
 
 bool AmsConfiguration::relocateConfig95() {
-	MeterConfig meter;
+	MeterConfig95 meter;
 	MeterConfig95 meter95;
 	EEPROM.begin(EEPROM_SIZE);
 	EEPROM.get(CONFIG_METER_START, meter);
@@ -897,7 +865,7 @@ bool AmsConfiguration::relocateConfig96() {
 	SystemConfig sys;
 	EEPROM.get(CONFIG_SYSTEM_START, sys);
 
-	MeterConfig meter;
+	MeterConfig100 meter;
 	EEPROM.get(CONFIG_METER_START, meter);
 	meter.source = 1; // Serial
 	meter.parser = 0; // Auto
@@ -998,6 +966,25 @@ bool AmsConfiguration::relocateConfig100() {
 	return ret;
 }
 
+bool AmsConfiguration::relocateConfig101() {
+	EEPROM.begin(EEPROM_SIZE);
+
+	EnergyAccountingConfig config;
+	EnergyAccountingConfig101 config101;
+	EEPROM.get(CONFIG_ENERGYACCOUNTING_START, config101);
+	for(uint8_t i = 0; i < 9; i++) {
+		config.thresholds[i] = config101.thresholds[i];
+	}
+	config.thresholds[9] = 0xFFFF;
+	config.hours = config101.hours;
+	EEPROM.put(CONFIG_ENERGYACCOUNTING_START, config);
+
+	EEPROM.put(EEPROM_CONFIG_ADDRESS, 102);
+	bool ret = EEPROM.commit();
+	EEPROM.end();
+	return ret;
+}
+
 bool AmsConfiguration::save() {
 	EEPROM.begin(EEPROM_SIZE);
 	EEPROM.put(EEPROM_CONFIG_ADDRESS, EEPROM_CHECK_SUM);

lib/AmsConfiguration/src/hexutils.cpp

@@ -20,4 +20,19 @@ void fromHex(uint8_t *out, String in, uint16_t size) {
 	for(int i = 0; i < size*2; i += 2) {
 		out[i/2] = strtol(in.substring(i, i+2).c_str(), 0, 16);
 	}
+}
+
+void stripNonAscii(uint8_t* in, uint16_t size, bool extended) {
+	for(uint16_t i = 0; i < size; i++) {
+		if(in[i] == 0) { // Clear the rest with null-terminator
+			memset(in+i, 0, size-i);
+			break;
+		}
+		if(extended && (in[i] < 32 || in[i] == 127 || in[i] == 129 || in[i] == 141 || in[i] == 143 || in[i] == 144 || in[i] == 157)) {
+			memset(in+i, ' ', 1);
+		} else if(in[i] < 32 || in[i] > 126) {
+			memset(in+i, ' ', 1);
+		}
+	}
+	memset(in+size-1, 0, 1); // Make sure the last character is null-terminator
 }

lib/AmsData/include/AmsData.h

@@ -35,10 +35,10 @@ public:
 
     time_t getMeterTimestamp();
 
-    uint16_t getActiveImportPower();
-    uint16_t getReactiveImportPower();
-    uint16_t getActiveExportPower();
-    uint16_t getReactiveExportPower();
+    uint32_t getActiveImportPower();
+    uint32_t getReactiveImportPower();
+    uint32_t getActiveExportPower();
+    uint32_t getReactiveExportPower();
 
     float getL1Voltage();
     float getL2Voltage();
@@ -77,9 +77,9 @@ protected:
     unsigned long lastList2 = 0;
     uint8_t listType = 0, meterType = AmsTypeUnknown;
     time_t packageTimestamp = 0;
-    String listId, meterId, meterModel;
+    String listId = "", meterId = "", meterModel = "";
     time_t meterTimestamp = 0;
-    uint16_t activeImportPower = 0, reactiveImportPower = 0, activeExportPower = 0, reactiveExportPower = 0;
+    uint32_t activeImportPower = 0, reactiveImportPower = 0, activeExportPower = 0, reactiveExportPower = 0;
     float l1voltage = 0, l2voltage = 0, l3voltage = 0, l1current = 0, l2current = 0, l3current = 0;
     float l1activeImportPower = 0, l2activeImportPower = 0, l3activeImportPower = 0;
     float l1activeExportPower = 0, l2activeExportPower = 0, l3activeExportPower = 0;

lib/AmsData/src/AmsData.cpp

@@ -114,19 +114,19 @@ time_t AmsData::getMeterTimestamp() {
     return this->meterTimestamp;
 }
 
-uint16_t AmsData::getActiveImportPower() {
+uint32_t AmsData::getActiveImportPower() {
     return this->activeImportPower;
 }
 
-uint16_t AmsData::getReactiveImportPower() {
+uint32_t AmsData::getReactiveImportPower() {
     return this->reactiveImportPower;
 }
 
-uint16_t AmsData::getActiveExportPower() {
+uint32_t AmsData::getActiveExportPower() {
     return this->activeExportPower;
 }
 
-uint16_t AmsData::getReactiveExportPower() {
+uint32_t AmsData::getReactiveExportPower() {
     return this->reactiveExportPower;
 }
 

lib/ClassicUi/html/application.js

@@ -1,935 +0,0 @@
-var nextVersion;
-var im, em;
-var ds = 0;
-var currency = "";
-var swatt = false;
-
-// Price plot
-var pp;
-var pa;
-var po = {
-    title: 'Future energy price',
-    titleTextStyle: {
-        fontSize: 14
-    },
-    backgroundColor: { fill:'transparent' },
-    bar: { groupWidth: '90%' },
-    legend: { position: 'none' },
-    vAxis: {
-        viewWindowMode: 'maximized'
-    },
-    tooltip: { trigger: 'none'},
-    enableInteractivity: false,
-};
-var pl = null; // Last price
-var tl = null; // Last temperature
-
-// Day plot
-var ep;
-var ea;
-var eo = {
-    title: 'Energy use last 24 hours',
-    titleTextStyle: {
-        fontSize: 14
-    },
-    colors: ['#6f42c1', '#6f42c1'],
-    backgroundColor: { fill:'transparent' },
-    bar: { groupWidth: '90%' },
-    legend: { position: 'none' },
-    vAxis: {
-        title: 'kWh',
-        viewWindowMode: 'maximized'
-    },
-    tooltip: { trigger: 'none'},
-    enableInteractivity: false,
-    isStacked: true
-};
-
-// Month plot
-var mp;
-var ma;
-var mo = {
-    title: 'Energy use last month',
-    titleTextStyle: {
-        fontSize: 14
-    },
-    colors: ['#6f42c1', '#6f42c1'],
-    backgroundColor: { fill:'transparent' },
-    bar: { groupWidth: '90%' },
-    legend: { position: 'none' },
-    vAxis: {
-        title: 'kWh',
-        viewWindowMode: 'maximized'
-    },
-    tooltip: { trigger: 'none'},
-    enableInteractivity: false,
-    isStacked: true
-};
-
-// Voltage plot
-var vp;
-var va;
-var vo = {
-    title: 'Phase voltage',
-    titleTextStyle: {
-        fontSize: 14
-    },
-    backgroundColor: { fill:'transparent' },
-    bar: { groupWidth: '90%' },
-    vAxis: {
-        minValue: 200,
-        maxValue: 260,
-        ticks: [
-            { v: 207, f: '-10%'},
-            { v: 230, f: '230V'},
-            { v: 253, f: '+10%'}
-        ]
-    },
-    legend: { position: 'none' },
-    tooltip: { trigger: 'none'},
-    enableInteractivity: false,
-};
-
-// Amperage plot
-var ap;
-var aa;
-var ao = {
-    title: 'Phase current',
-    titleTextStyle: {
-        fontSize: 14
-    },
-    backgroundColor: { fill:'transparent' },
-    bar: { groupWidth: '90%' },
-    vAxis: {
-        minValue: 0,
-        maxValue: 100,
-        ticks: [
-            { v: 25, f: '25%'},
-            { v: 50, f: '50%'},
-            { v: 75, f: '75%'},
-            { v: 100, f: '100%'}
-        ]
-    },
-    legend: { position: 'none' },
-    tooltip: { trigger: 'none'},
-    enableInteractivity: false,
-};
-
-// Import plot
-var ip;
-var ia;
-var io = {
-    legend: 'none',
-    backgroundColor: { 
-        fill:'transparent',
-        stroke: 'transparent'
-    },
-    pieHole: 0.6,
-    pieSliceText: 'none',
-    pieStartAngle: 216,
-    pieSliceBorderColor: 'transparent',
-    slices: {
-        0: { color: 'green' },
-        1: { color: '#eee' },
-        2: { color: 'transparent' }
-    },
-    legend: { position: 'none' },
-    tooltip: { trigger: 'none'},
-    enableInteractivity: false,
-    chartArea: {
-        left: 0,
-        top: 0,
-        width: '100%',
-        height: '100%',
-        backgroundColor: 'transparent'
-    }
-};
-
-// Export plot
-var xp;
-var xa;
-var xo = {
-    legend: 'none',
-    backgroundColor: { 
-        fill:'transparent',
-        stroke: 'transparent'
-    },
-    pieHole: 0.6,
-    pieSliceText: 'none',
-    pieStartAngle: 216,
-    pieSliceBorderColor: 'transparent',
-    slices: {
-        0: { color: 'green' },
-        1: { color: '#eee' },
-        2: { color: 'transparent' }
-    },
-    legend: { position: 'none' },
-    tooltip: { trigger: 'none'},
-    enableInteractivity: false,
-    chartArea: {
-        left: 0,
-        top: 0,
-        width: '100%',
-        height: '100%',
-        backgroundColor: 'transparent'
-    }
-};
-
-// Temperature plot
-var td = false; // Disable temperature
-var tp;
-var ta;
-var to = {
-    title: 'Temperature sensors',
-    titleTextStyle: {
-        fontSize: 14
-    },
-    backgroundColor: { fill:'transparent' },
-    bar: { groupWidth: '90%' },
-    legend: { position: 'none' },
-    vAxis: {
-        title: '°C',
-        viewWindowMode: 'maximized'
-    },
-    tooltip: { trigger: 'none'},
-    enableInteractivity: false,
-};
-
-$(function() {
-    var meters = $('.plot1');
-
-    if(meters.length > 0) {
-        // Chart
-        google.charts.load('current', {'packages':['corechart']});
-        google.charts.setOnLoadCallback(setupChart);
-    }
-
-    // For mqtt
-    $('#m').on('change', function() {
-        var inputs = $('.mc');
-        inputs.prop('disabled', !$(this).is(':checked'));
-    });
-    
-    $('#f').on('change', function() {
-        var val = parseInt($(this).val());
-        if(val == 3) {
-            $('.f3-s').show();
-        } else {
-            $('.f3-s').hide();
-        }
-    });
-
-    $('#s').on('change', function() {
-        var port = $('#p');
-        if($(this).is(':checked')) {
-            if(port.val() == 1883) {
-                port.val(8883);
-            }
-        } else {
-            if(port.val() == 8883) {
-                port.val(1883);
-            }
-        }
-    });
-
-    $('#m').trigger('change');
-    $('#f').trigger('change');
-
-    // For wifi
-    $('#st').on('change', function() {
-        if($(this).is(':checked')) {
-            $('.sip').prop('disabled', false);
-        } else {
-            $('.sip').prop('disabled', true);
-        }
-    });
-    $('#st').trigger('change');
-
-    // For web
-    $('#as').on('change', function() {
-        var inputs = $('.ac');
-        inputs.prop('disabled', $(this).val() == 0);
-    });
-    
-    $('#as').trigger('change');
-
-    // For file upload
-    $('#fileUploadField').on('change',function(){
-        var fileName = $(this).val();
-        $(this).next('.custom-file-label').html(fileName);
-    })
-    $('.upload-form').on('submit', function(i, form) {
-        $('#loading-indicator').show();
-    });
-
-    // For NTP
-    $('#n').on('change', function() {
-        var inputs = $('.nc');
-        inputs.prop('disabled', !$(this).is(':checked'));
-    });
-    $('#n').trigger('change');
-
-    $('.ipo,.epo').on('click', function() {
-        swatt = !swatt;
-        $('.ipo,.epo').html('wait');
-    });
-
-    // Navbar
-    switch(window.location.pathname) {
-        case '/temperature':
-            $('#temp-link').addClass('active');
-            break;
-        case '/price':
-            $('#price-link').addClass('active');
-            break;
-        case '/meter':
-        case '/wifi':
-        case '/mqtt':
-        case '/mqtt-ca':
-        case '/mqtt-cert':
-        case '/mqtt-key':
-        case '/domoticz':
-        case '/web':
-        case '/ntp':
-        case '/entsoe':
-            $('#config-link').addClass('active');
-            break;
-        case '/gpio':
-        case '/debugging':
-        case '/configfile':
-        case '/firmware':
-            $('#firmware-warn').show();
-        case '/reset':
-            $('#system-link').addClass('active');
-            break;
-    }
-
-    // Check for software upgrade
-    var swv = $('#swVersion');
-    var fwl = $('#fwLink');
-    if((meters.length > 0 || fwl.length > 0) && swv.length == 1) {
-        var v = swv.text().substring(1).split('.');
-        var v_major = parseInt(v[0]);
-        var v_minor = parseInt(v[1]);
-        var v_patch = parseInt(v[2]);
-        $.ajax({
-            url: swv.data('url'),
-            dataType: 'json'
-        }).done(function(releases) {
-            var isnew = false;
-            if(/^v\d{1,2}\.\d{1,2}\.\d{1,2}$/.test(swv.text()) && fwl.length == 0) {
-                releases.reverse();
-                var next_patch;
-                var next_minor;
-                var next_major;
-                $.each(releases, function(i, release) {
-                    var ver2 = release.tag_name;
-                    var v2 = ver2.substring(1).split('.');
-                    var v2_major = parseInt(v2[0]);
-                    var v2_minor = parseInt(v2[1]);
-                    var v2_patch = parseInt(v2[2]);
-
-                    if(v2_major == v_major) {
-                        if(v2_minor == v_minor) {
-                            if(v2_patch > v_patch) {
-                                next_patch = release;
-                            }
-                        } else if(v2_minor == v_minor+1) {
-                            next_minor = release;
-                        }
-                    } else if(v2_major == v_major+1) {
-                        if(next_major) {
-                            var mv = next_major.tag_name.substring(1).split('.');
-                            var mv_major = parseInt(mv[0]);
-                            var mv_minor = parseInt(mv[1]);
-                            var mv_patch = parseInt(mv[2]);
-                            if(v2_minor == mv_minor) {
-                                next_major = release;
-                            }
-                        } else {
-                            next_major = release;
-                        }
-                    }
-                });
-                if(next_minor) {
-                    nextVersion = next_minor;
-                    isnew = true;
-                } else if(next_major) {
-                    nextVersion = next_major;
-                    isnew = true;
-                } else if(next_patch) {
-                    nextVersion = next_patch;
-                    isnew = true;
-                }
-            } else {
-                nextVersion = releases[0];
-            }
-            if(nextVersion) {
-                if(fwl.length > 0) {
-                    var chipset = fwl.data('chipset').toLowerCase();
-                    $.each(releases, function(i, release) {
-                        if(release.tag_name == nextVersion.tag_name) {
-                            $.each(release.assets, function(i, asset) {
-                                if(asset.name.includes(chipset) && !asset.name.includes("partitions")) {
-                                    fwl.prop('href', asset.browser_download_url);
-                                    $('#fwDownload').show();
-                                    return false;
-                                }
-                            });
-                        }
-                    });
-                };
-                if(isnew) {
-                    $('#newVersionTag').text(nextVersion.tag_name);
-                    $('#newVersionUrl').prop('href', nextVersion.html_url);
-                    $('#newVersion').removeClass('d-none');
-                }
-            }
-        });
-    }
-
-    // Temperature
-    var tt = $('#temp-template');
-    if(tt.length > 0) {
-        setTimeout(loadTempSensors, 500);
-    }
-});
-
-var resizeTO;
-$( window ).resize(function() {
-    if(resizeTO) clearTimeout(resizeTO);
-    resizeTO = setTimeout(function() {
-        $(this).trigger('resizeEnd');
-    }, 250);
-});
-
-$(window).on('resizeEnd', function() {
-    redraw();
-});
-
-var zeropad = function(num) {
-    num = num.toString();
-    while (num.length < 2) num = "0" + num;
-    return num;
-}
-
-var setupChart = function() {
-    pp = new google.visualization.ColumnChart(document.getElementById('pp'));
-    ep = new google.visualization.ColumnChart(document.getElementById('ep'));
-    mp = new google.visualization.ColumnChart(document.getElementById('mp'));
-    vp = new google.visualization.ColumnChart(document.getElementById('vp'));
-    ap = new google.visualization.ColumnChart(document.getElementById('ap'));
-    ip = new google.visualization.PieChart(document.getElementById('ip'));
-    xp = new google.visualization.PieChart(document.getElementById('xp'));
-    tp = new google.visualization.ColumnChart(document.getElementById('tp'));
-    fetch();
-    drawDay();
-    drawMonth();
-};
-
-var redraw = function() {
-    if(pl != null) {
-        pp.draw(pa, po);
-    }
-    ep.draw(ea, eo);
-    mp.draw(ma, mo);
-    vp.draw(va, vo);
-    ap.draw(aa, ao);
-    ip.draw(ia, io);
-    xp.draw(xa, xo);
-    tp.draw(ta, to);
-    if(tl != null) {
-        tp.draw(ta, to);
-    }
-};
-
-var drawPrices = function() {
-    $('#ppc').show();
-    $.ajax({
-        url: '/energyprice.json',
-        timeout: 30000,
-        dataType: 'json',
-    }).done(function(json) {
-        currency = json.currency;
-        data = [['Hour',json.currency + '/kWh', { role: 'style' }, { role: 'annotation' }]];
-        var r = 1;
-        var hour = moment.utc().hours();
-        var offset = moment().utcOffset()/60;
-        var min = 0;
-        var h  = 0;
-        var d = json["20"] == null ? 2 : 1;
-        for(var i = hour; i<24; i++) {
-            var val = json[zeropad(h++)];
-            if(val == null) break;
-            data[r++] = [zeropad((i+offset)%24), val, "color: #6f42c1;opacity: 0.9;", val == null ? "" : val.toFixed(d)];
-            Math.min(0, val);
-        };
-        for(var i = 0; i < 24; i++) {
-            var val = json[zeropad(h++)];
-            if(val == null) break;
-            data[r++] = [zeropad((i+offset)%24), val, "color: #6f42c1;opacity: 0.9;", val == null ? "" : val.toFixed(d)];
-            Math.min(0, val);
-        };
-        pa = google.visualization.arrayToDataTable(data);
-        po.vAxis.title = json.currency;
-        if(min == 0)
-            po.vAxis.minValue = 0;
-        pp.draw(pa, po);
-    });
-}
-
-var drawDay = function() {
-    $.ajax({
-        url: '/dayplot.json',
-        timeout: 30000,
-        dataType: 'json',
-    }).done(function(json) {
-        data = [['Hour', 'Import', { role: 'style' }, { role: 'annotation' }, 'Export', { role: 'style' }, { role: 'annotation' }]];
-        var r = 1;
-        var hour = moment.utc().hours();
-        var offset = moment().utcOffset()/60;
-        var min = 0;
-        for(var i = hour; i<24; i++) {
-            var imp = json["i"+zeropad(i)];
-            var exp = json["e"+zeropad(i)];
-            data[r++] = [zeropad((i+offset)%24), imp, "opacity: 0.9;", imp == 0 ? "" : imp.toFixed(1), exp == 0 ? 0 : -exp, "opacity: 0.9;", exp == 0 ? "" : -exp.toFixed(1)];
-            min = Math.min(0, -exp);
-        };
-        for(var i = 0; i < hour; i++) {
-            var imp = json["i"+zeropad(i)];
-            var exp = json["e"+zeropad(i)];
-            data[r++] = [zeropad((i+offset)%24), imp, "opacity: 0.9;", imp == 0 ? "" : imp.toFixed(1), exp == 0 ? 0 : -exp, "opacity: 0.9;", exp == 0 ? "" : -exp.toFixed(1)];
-            min = Math.min(0, -exp);
-        };
-        ea = google.visualization.arrayToDataTable(data);
-        if(min == 0)
-            eo.vAxis.minValue = 0;
-
-        ep.draw(ea, eo);
-
-        setTimeout(drawDay, (61-moment().minute())*60000);
-    });
-};
-
-var drawMonth = function() {
-    $.ajax({
-        url: '/monthplot.json',
-        timeout: 30000,
-        dataType: 'json',
-    }).done(function(json) {
-        data = [['Hour', 'Import', { role: 'style' }, { role: 'annotation' }, 'Export', { role: 'style' }, { role: 'annotation' }]];
-        var r = 1;
-        var day = moment().date();
-        var eom = moment().subtract(1, 'months').endOf('month').date();
-        var min = 0;
-        for(var i = day; i<=eom; i++) {
-            var imp = json["i"+zeropad(i)];
-            var exp = json["e"+zeropad(i)];
-            data[r++] = [zeropad(i), imp, "opacity: 0.9;", imp == 0 ? "" : imp.toFixed(0), exp == 0 ? 0 : -exp, "opacity: 0.9;", exp == 0 ? "" : -exp.toFixed(0)];
-            min = Math.min(0, -exp);
-        }
-        for(var i = 1; i < day; i++) {
-            var imp = json["i"+zeropad(i)];
-            var exp = json["e"+zeropad(i)];
-            data[r++] = [zeropad(i), imp, "opacity: 0.9;", imp == 0 ? "" : imp.toFixed(0), exp == 0 ? 0 : -exp, "opacity: 0.9;", exp == 0 ? "" : -exp.toFixed(0)];
-            min = Math.min(0, -exp);
-        }
-        ma = google.visualization.arrayToDataTable(data);
-        if(min == 0)
-            mo.vAxis.minValue = 0;
-        mp.draw(ma, mo);
-
-        setTimeout(drawMonth, (24-moment().hour())*60000);
-    });
-};
-
-var drawTemperature = function() {
-    if(td) return;
-
-    $.ajax({
-        url: '/temperature.json',
-        timeout: 30000,
-        dataType: 'json',
-    }).done(function(json) {
-        if(json.c > 1) {
-            $('#tpc').show();
-
-            var r = 1;
-            var min = 0;
-            data = [['Sensor','°C', { role: 'style' }, { role: 'annotation' }]];
-            $.each(json.s, function(i, o) {
-                var name = o.n ? o.n : o.a;
-                data[r++] = [name, o.v, "color: #6f42c1;opacity: 0.9;", o.v.toFixed(1)];
-                Math.min(0, o.v);
-            });
-            if(min == 0)
-                to.vAxis.minValue = 0;
-            ta = google.visualization.arrayToDataTable(data);
-            ta.sort("Sensor");
-            tp.draw(ta, to);
-            td = false;
-        } else {
-            td = true;
-        }
-    });
-};
-
-var setStatus = function(id, sid) {
-    var item = $('#'+id);
-    item.removeClass('d-none');
-    item.removeClass (function (index, className) {
-        return (className.match (/(^|\s)badge-\S+/g) || []).join(' ');
-    });
-    var status;
-    if(sid == 0) {
-        status = "secondary";
-    } else if(sid == 1) {
-        status = "success";
-    } else if(sid == 2) {
-        status = "warning";
-    } else {
-        status = "danger";
-    }
-    item.addClass('badge badge-' + status);
-};
-
-var voltcol = function(pct) {
-    if(pct > 85) return '#d90000';
-    else if(pct > 75) return'#e32100';
-    else if(pct > 70) return '#ffb800';
-    else if(pct > 65) return '#dcd800';
-    else if(pct > 35) return '#32d900';
-    else if(pct > 25) return '#dcd800';
-    else if(pct > 20) return '#ffb800';
-    else if(pct > 15) return'#e32100';
-    else return '#d90000';
-};
-
-var ampcol = function(pct) {
-    if(pct > 90) return '#d90000';
-    else if(pct > 85) return'#e32100';
-    else if(pct > 80) return '#ffb800';
-    else if(pct > 75) return '#dcd800';
-    else return '#32d900';
-};
-
-var retrycount = 0;
-var interval = 5000;
-var fetch = function() {
-    $.ajax({
-        url: '/data.json',
-        timeout: 10000,
-        dataType: 'json',
-    }).done(function(json) {
-        retrycount = 0;
-
-        for(var id in json) {
-            var str = json[id];
-            if(typeof str === "object") {
-                continue;
-            }
-            if(isNaN(str)) {
-                $('.j'+id).html(str);
-            } else {
-                var num = parseFloat(str);
-                $('.j'+id).html(num.toFixed(num < 0 ? 0 : num < 10 ? 2  : 1));
-            }
-            $('.r'+id).show();
-        }
-
-        if(window.moment) {
-            $('.ju').html(moment.duration(parseInt(json.u), 'seconds').humanize());
-        }
-
-        ds = parseInt(json.ds);
-
-        var kib = parseInt(json.m)/1000;
-        $('.jm').html(kib.toFixed(1));
-        if(kib > 32) {
-            $('.ssl-capable').removeClass('d-none');
-        }
-
-        setStatus("esp", json.em);
-        setStatus("han", json.hm);
-        setStatus("wifi", json.wm);
-        setStatus("mqtt", json.mm);
-
-
-        if(ip) {
-            var v = parseInt(json.i);
-            var pct = Math.min((v*100)/parseInt(json.im), 100);
-            var append = "W";
-            if(v > 1000 && !swatt) {
-                v = (v/1000).toFixed(1);
-                append = "kW";
-            }
-            $('.ipo').html(v);
-            $('.ipoa').html(append);
-            var arr = [
-                ['Slice', 'Value'],
-                ['', (pct*2.88)],
-                ['', ((100-pct)*2.88)],
-                ['', 72],
-            ];
-            io.slices[0].color = ampcol(pct);
-            ia = google.visualization.arrayToDataTable(arr);
-            ip.draw(ia, io);
-        }
-
-        var om = parseInt(json.om);
-
-        if(om > 0) {
-            $('.rex').show();
-            $('.rim').hide();
-            if(xp) {
-                var v = parseInt(json.e);
-                var pct = Math.min((v*100)/(om*1000), 100);
-                var append = "W";
-                if(v > 1000 && !swatt) {
-                    v = (v/1000).toFixed(1);
-                    append = "kW";
-                }
-                $('.epo').html(v);
-                $('.epoa').html(append);
-                var arr = [
-                    ['Slice', 'Value'],
-                    ['', (pct*2.88)],
-                    ['', ((100-pct)*2.88)],
-                    ['', 72],
-                ];
-                xo.slices[0].color = ampcol(pct);
-                xa = google.visualization.arrayToDataTable(arr);
-                xp.draw(xa, xo);
-            }
-        } else {
-            $('.rex').hide();
-            $('.rim').show();
-        }
-
-        if(vp) {
-            switch(ds) {
-                case 1:
-                    vo.title = 'Voltage between';
-                    break;
-                case 2:
-                    vo.title = 'Phase voltage';
-                    break;
-            }
-            var c = 0;
-            var t = 0;
-            var r = 1;
-            var arr = [['Phase', 'Voltage', { role: 'style' }, { role: 'annotation' }]];
-            if(json.u1) {
-                var u1 = parseFloat(json.u1);
-                t += u1;
-                c++;
-                var pct = Math.min(Math.max(parseFloat(json.u1)-195.5, 1)*100/69, 100);
-                arr[r++] = [ds == 1 ? 'L1-L2' : 'L1', u1, "color: " + voltcol(pct) + ";opacity: 0.9;", u1 + "V"];
-            }
-            if(json.u2) {
-                var u2 = parseFloat(json.u2);
-                t += u2;
-                c++;
-                var pct = Math.min(Math.max(parseFloat(json.u2)-195.5, 1)*100/69, 100);
-                arr[r++] = [ds == 1 ? 'L1-L3' : 'L2', u2, "color: " + voltcol(pct) + ";opacity: 0.9;", u2 + "V"];
-            }
-            if(json.u3) {
-                var u3 = parseFloat(json.u3);
-                t += u3;
-                c++;
-                var pct = Math.min(Math.max(parseFloat(json.u3)-195.5, 1)*100/69, 100);
-                arr[r++] = [ds == 1 ? 'L2-L3' : 'L3', u3, "color: " + voltcol(pct) + ";opacity: 0.9;", u3 + "V"];
-            }
-            v = t/c;
-            if(v > 0) {
-                va = google.visualization.arrayToDataTable(arr);
-                vp.draw(va, vo);
-            }
-        }
-
-        if(ap && json.mf) {
-            switch(ds) {
-                case 1:
-                    ao.title = 'Line current';
-                    break;
-                case 2:
-                    ao.title = 'Phase current';
-                    break;
-            }
-            var dA = false;
-            var r = 1;
-            var arr = [['Phase', 'Amperage', { role: 'style' }, { role: 'annotation' }]];
-            if(json.i1 || json.u1) {
-                var i1 = parseFloat(json.i1);
-                dA = true;
-                var pct = Math.min((parseFloat(json.i1)/parseInt(json.mf))*100, 100);
-                arr[r++] = ['L1', pct, "color: " + ampcol(pct) + ";opacity: 0.9;", i1 + "A"];
-            }
-            if(json.i2 || json.u2) {
-                var i2 = parseFloat(json.i2);
-                dA = true;
-                var pct = Math.min((parseFloat(json.i2)/parseInt(json.mf))*100, 100);
-                arr[r++] = ['L2', pct, "color: " + ampcol(pct) + ";opacity: 0.9;", i2 + "A"];
-            }
-            if(json.i3 || json.u3) {
-                var i3 = parseFloat(json.i3);
-                dA = true;
-                var pct = Math.min((parseFloat(json.i3)/parseInt(json.mf))*100, 100);
-                arr[r++] = ['L3', pct, "color: " + ampcol(pct) + ";opacity: 0.9;", i3 + "A"];
-            }
-            if(dA) {
-                aa = google.visualization.arrayToDataTable(arr);
-                ap.draw(aa, ao);
-            }
-        }
-
-        if(json.ea) {
-            $('#each').html(json.ea.h.u.toFixed(2));
-            $('#eachc').html(json.ea.h.c.toFixed(2));
-            $('#eacd').html(json.ea.d.u.toFixed(1));
-            $('#eacdc').html(json.ea.d.c.toFixed(1));
-            $('#eacm').html(json.ea.m.u.toFixed(0));
-            $('#eacmc').html(json.ea.m.c.toFixed(0));
-            $('#eax').html(json.ea.x.toFixed(1));
-            $('#eat').html(json.ea.t.toFixed(0));
-            $('.cr').html(currency);
-            if(currency) {
-                $('.sp').show();
-            }
-            if(om > 0) {
-                $('.se').removeClass('d-none');
-                $('#eache').html(json.ea.h.p.toFixed(2));
-                $('#eacde').html(json.ea.d.p.toFixed(1));
-                $('#eacme').html(json.ea.m.p.toFixed(0));
-            }
-        }
-
-        if(json.me) {
-            $('.me').addClass('d-none');
-            $('.me'+json.me).removeClass('d-none');
-            $('#ml').html(json.me);
-        }
-
-        var temp = parseFloat(json.t);
-        if(temp == -127.0) {
-            $('.jt').html("N/A");
-            $('.rt').hide();
-        } else {
-            $('.rt').show();
-            if(tl != temp) {
-                drawTemperature();
-            }
-            tl = temp;
-        }
-
-        var vcc = parseFloat(json.v);
-        if(vcc > 0.0) {
-            $('.rv').show();
-        } else {
-            $('.rv').hide();
-        }
-
-        var unixtime = moment().unix();
-        var ts = parseInt(json.c);
-        if(Math.abs(unixtime-ts) < 300) {
-            $('.jc').html(moment(ts * 1000).format('DD. MMM HH:mm'));
-            $('.jc').removeClass('text-danger');
-        } else  {
-            $('.jc').html(moment(ts * 1000).format('DD.MM.YYYY HH:mm'));
-            $('.jc').addClass('text-danger');
-        }
-
-        var mt = parseInt(json.mt);
-        switch(mt) {
-            case 1:
-                $('.jmt').html("Aidon");
-                break;
-            case 2:
-                $('.jmt').html("Kaifa");
-                break;
-            case 3:
-                $('.jmt').html("Kamstrup");
-                break;
-            case 8:
-                $('.jmt').html("Iskra");
-                break;
-            case 9:
-                $('.jmt').html("Landis+Gyr");
-                break;
-            case 10:
-                $('.jmt').html("Sagemcom");
-                break;
-            default:
-                $('.jmt').html("");
-        }
-
-        setTimeout(fetch, interval);
-
-        var price = parseFloat(json.p);
-        if(price && price != pl) {
-            pl = price;
-            drawPrices();
-        }
-    }).fail(function(x, text, error) {
-        if(retrycount > 2) {
-            console.log("Failed request");
-            console.log(text);
-            console.log(error);
-            setTimeout(fetch, interval*4);
-    
-            setStatus("mqtt", 0);
-            setStatus("wifi", 0);
-            setStatus("han", 0);
-            setStatus("esp", 3);
-        } else {
-            setTimeout(fetch, interval);
-        }
-        retrycount++;
-    });
-}
-
-var upgrade = function() {
-    if(nextVersion) {
-        if(confirm("WARNING: If you have a M-BUS powered device (Pow-U), please keep USB power connected while upgrading.\n\nAre you sure you want to perform upgrade to " + nextVersion.tag_name + "?")) {
-            $('#loading-indicator').show();
-            window.location.href="/upgrade?version=" + nextVersion.tag_name;
-        }
-    }
-}
-
-var loadTempSensors = function() {
-    $.ajax({
-        url: '/temperature.json',
-        timeout: 10000,
-        dataType: 'json',
-    }).done(function(json) {
-        if($('#loading').length > 0) {
-            $('#loading').hide();
-
-            var list = $('#sensors');
-            if(json.c > 0) {
-                list.empty();
-                var temp = $.trim($('#temp-template').html());
-                $.each(json.s, function(i, o) {
-                    var item = temp.replace(/{{index}}/ig, o.i);
-                    var item = item.replace(/{{address}}/ig, o.a);
-                    var item = item.replace(/{{name}}/ig, o.n);
-                    var item = item.replace(/{{value}}/ig, o.v > -50 && o.v < 127 ? o.v : "N/A");
-                    var item = item.replace(/{{common}}/ig, o.c ? "checked" : "");
-                    list.append(item);
-                });
-            } else {
-                $('#notemp').show();
-            }
-        } else {
-            $.each(json.s, function(i, o) {
-                $('#temp-'+o.i).html(o.v > -50 && o.v < 127 ? o.v : "N/A");
-            });
-        }
-        setTimeout(loadTempSensors, 10000);
-    }).fail(function() {
-        setTimeout(loadTempSensors, 60000);
-        $('#loading').hide();
-        $('#error').show();
-    });
-}

lib/ClassicUi/html/boot.css

@@ -1,432 +0,0 @@
-/* Ripped necessary style from bootstrap 4.4.1 to make the page look good without internet access. Meant to be overridden by CSS from CDN */
-:root {
-    --blue: #007bff;
-    --indigo: #6610f2;
-    --purple: #6f42c1;
-    --pink: #e83e8c;
-    --red: #dc3545;
-    --orange: #fd7e14;
-    --yellow: #ffc107;
-    --green: #28a745;
-    --teal: #20c997;
-    --cyan: #17a2b8;
-    --white: #fff;
-    --gray: #6c757d;
-    --gray-dark: #343a40;
-    --primary: #007bff;
-    --secondary: #6c757d;
-    --success: #28a745;
-    --info: #17a2b8;
-    --warning: #ffc107;
-    --danger: #dc3545;
-    --light: #f8f9fa;
-    --dark: #343a40;
-    --breakpoint-xs: 0;
-    --breakpoint-sm: 576px;
-    --breakpoint-md: 768px;
-    --breakpoint-lg: 992px;
-    --breakpoint-xl: 1200px;
-    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
-    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
-}
-html {
-    font-family: sans-serif;
-    line-height: 1.15;
-    -webkit-text-size-adjust: 100%;
-    -webkit-tap-highlight-color: transparent;
-    color: -internal-root-color;
-}
-body {
-    display: block;
-    margin: 8px;
-    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
-    font-size: 1rem;
-    font-weight: 400;
-    line-height: 1.5;
-    color: #212529;
-    text-align: left;
-    background-color: #fff;
-}
-.bg-white {
-    background-color: #fff!important;
-}
-.bg-light {
-    background-color: #f8f9fa!important;
-}
-.bg-purple {
-    background-color: var(--purple);
-}
-.mt-2, .my-2 {
-    margin-top: .5rem!important;
-}
-.p-3 {
-    padding: 1rem!important;
-}
-.mb-3, .my-3 {
-    margin-bottom: 1rem!important;
-}
-.mt-3, .my-3 {
-    margin-top: 1rem!important;
-}
-.mb-4, .my-4 {
-    margin-bottom: 1.5rem!important;
-}
-.shadow {
-    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
-}
-.rounded {
-    border-radius: .25rem!important;
-}
-.container {
-    width: 100%;
-    padding-right: 15px;
-    padding-left: 15px;
-    margin-right: auto;
-    margin-left: auto;
-}
-article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
-    display: block;
-}
-main {
-    display: block;
-}
-.text-right {
-    text-align: right!important;
-}
-.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
-    margin-bottom: .5rem;
-    font-weight: 500;
-    line-height: 1.2;
-}
-h1, h2, h3, h4, h5, h6 {
-    margin-top: 0;
-    margin-bottom: .5rem;
-}
-.h5, h5 {
-    font-size: 1.25rem;
-}
-.h6, h6 {
-    font-size: 1rem;
-}
-.row {
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap;
-    margin-right: -15px;
-    margin-left: -15px;
-}
-.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
-    position: relative;
-    width: 100%;
-    padding-right: 15px;
-    padding-left: 15px;
-}
-.col-6 {
-    -ms-flex: 0 0 50%;
-    flex: 0 0 50%;
-    max-width: 50%;
-}
-.d-none {
-    display: none!important;
-}
-.flex-row {
-    -ms-flex-direction: row!important;
-    flex-direction: row!important;
-}
-
-.flex-column {
-    -ms-flex-direction: column!important;
-    flex-direction: column!important;
-}
-a {
-    color: #007bff;
-    text-decoration: none;
-    background-color: transparent;
-}
-.btn {
-    display: inline-block;
-    font-weight: 400;
-    color: #212529;
-    text-align: center;
-    vertical-align: middle;
-    cursor: pointer;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    background-color: transparent;
-    border: 1px solid transparent;
-    padding: .375rem .75rem;
-    font-size: 1rem;
-    line-height: 1.5;
-    border-radius: .25rem;
-    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
-}
-.btn-group-sm>.btn, .btn-sm {
-    padding: .25rem .5rem;
-    font-size: .875rem;
-    line-height: 1.5;
-    border-radius: .2rem;
-}
-.btn-primary {
-    color: #fff;
-    background-color: #007bff;
-    border-color: #007bff;
-}
-.navbar {
-    position: relative;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap;
-    -ms-flex-align: center;
-    align-items: center;
-    -ms-flex-pack: justify;
-    justify-content: space-between;
-    padding: .5rem 1rem;
-}
-.navbar-dark .navbar-brand {
-    color: #fff;
-}
-.navbar-expand {
-    -ms-flex-flow: row nowrap;
-    flex-flow: row nowrap;
-    -ms-flex-pack: start;
-    justify-content: flex-start;
-}
-.navbar-nav {
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    padding-left: 0;
-    margin-bottom: 0;
-    list-style: none;
-}
-.navbar-expand .navbar-nav {
-    -ms-flex-direction: row;
-    flex-direction: row;
-}
-.navbar-brand {
-    display: inline-block;
-    padding-top: .3125rem;
-    padding-bottom: .3125rem;
-    margin-right: 1rem;
-    font-size: 1.25rem;
-    line-height: inherit;
-    white-space: nowrap;
-}
-.navbar-dark .navbar-nav .nav-link {
-    color: rgba(255,255,255,.5);
-}
-.navbar-expand .navbar-nav .nav-link {
-    padding-right: .5rem;
-    padding-left: .5rem;
-}
-.navbar-nav .nav-link {
-    padding-right: 0;
-    padding-left: 0;
-}
-.nav-link {
-    display: block;
-    padding: .5rem 1rem;
-}
-.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
-    color: #fff;
-}
-.form-group {
-    margin-bottom: 1rem;
-}
-.form-control {
-    display: block;
-    width: 100%;
-    height: calc(1.5em + .75rem + 2px);
-    padding: .375rem .75rem;
-    font-size: 1rem;
-    font-weight: 400;
-    line-height: 1.5;
-    color: #495057;
-    background-color: #fff;
-    background-clip: padding-box;
-    border: 1px solid #ced4da;
-    border-radius: .25rem;
-    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
-}
-.form-control:disabled, .form-control[readonly] {
-    background-color: #e9ecef;
-    opacity: 1;
-}
-input:not([type="image" i]) {
-    box-sizing: border-box;
-}
-button, input {
-    overflow: visible;
-}
-button, input, optgroup, select, textarea {
-    margin: 0;
-    font-family: inherit;
-    font-size: inherit;
-    line-height: inherit;
-}
-input[type="radio"], input[type="checkbox"] {
-    box-sizing: border-box;
-    padding: 0;
-}
-.input-group {
-    position: relative;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap;
-    -ms-flex-align: stretch;
-    align-items: stretch;
-    width: 100%;
-}
-.input-group-append {
-    margin-left: -1px;
-}
-.input-group-prepend {
-    margin-right: -1px;
-}
-.input-group-append, .input-group-prepend {
-    display: -ms-flexbox;
-    display: flex;
-}
-.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-}
-.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-}
-.input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-}
-.input-group-text {
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-align: center;
-    align-items: center;
-    padding: .375rem .75rem;
-    margin-bottom: 0;
-    font-size: 1rem;
-    font-weight: 400;
-    line-height: 1.5;
-    color: #495057;
-    text-align: center;
-    white-space: nowrap;
-    background-color: #e9ecef;
-    border: 1px solid #ced4da;
-    border-radius: .25rem;
-}
-.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-}
-.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group>.form-control-plaintext {
-    position: relative;
-    -ms-flex: 1 1 0%;
-    flex: 1 1 0%;
-    min-width: 0;
-    margin-bottom: 0;
-}
-hr {
-    margin-top: 1rem;
-    margin-bottom: 1rem;
-    border: 0;
-    border-top: 1px solid rgba(0,0,0,.1);
-    box-sizing: content-box;
-    height: 0;
-    overflow: visible;
-}
-ul {
-    display: block;
-    list-style-type: disc;
-    margin-block-start: 1em;
-    margin-block-end: 1em;
-    margin-inline-start: 0px;
-    margin-inline-end: 0px;
-    padding-inline-start: 40px;
-}
-li {
-    display: list-item;
-    text-align: -webkit-match-parent;
-}
-dl, ol, ul {
-    margin-top: 0;
-    margin-bottom: 1rem;
-}
-
-@media (min-width: 576px) {
-    .container, .container-sm {
-        max-width: 540px;
-    }
-    .col-sm-6 {
-        -ms-flex: 0 0 50%;
-        flex: 0 0 50%;
-        max-width: 50%;
-    }
-}
-@media (min-width: 768px) {
-    .container, .container-md, .container-sm {
-        max-width: 720px;
-    }
-    .col-md-3 {
-        -ms-flex: 0 0 25%;
-        flex: 0 0 25%;
-        max-width: 25%;
-    }
-    .col-md-6 {
-        -ms-flex: 0 0 50%;
-        flex: 0 0 50%;
-        max-width: 50%;
-    }
-    .d-md-flex {
-        display: -ms-flexbox!important;
-        display: flex!important;
-    }
-    .flex-md-row {
-        -ms-flex-direction: row!important;
-        flex-direction: row!important;
-    }
-    .ml-md-auto, .mx-md-auto {
-        margin-left: auto!important;
-    }
-}
-@media (min-width: 992px) {
-    .container, .container-lg, .container-md, .container-sm {
-        max-width: 960px;
-    }
-    .col-lg-4 {
-        -ms-flex: 0 0 33.333333%;
-        flex: 0 0 33.333333%;
-        max-width: 33.333333%;
-    }
-}
-@media (min-width: 1200px) {
-    .container, .container-lg, .container-md, .container-sm, .container-xl {
-        max-width: 1140px;
-    }
-    .col-xl-2 {
-        -ms-flex: 0 0 16.666667%;
-        flex: 0 0 16.666667%;
-        max-width: 16.666667%;
-    }
-    .col-xl-3 {
-        -ms-flex: 0 0 25%;
-        flex: 0 0 25%;
-        max-width: 25%;
-    }
-    .col-xl-4 {
-        -ms-flex: 0 0 33.333333%;
-        flex: 0 0 33.333333%;
-        max-width: 33.333333%;
-    }
-}
-
-*, ::after, ::before {
-    box-sizing: border-box;
-}

lib/ClassicUi/html/configfile.html

@@ -1,71 +0,0 @@
-<form method="get" action="/configfile.cfg">
-    <div class="my-3 p-3 bg-white rounded shadow">
-        <h6>Download configuration</h6>
-        <div class="row">
-            <div class="col-xl-2 col-md-3 col-sm-6">
-                <label><input type="checkbox" name="iw" value="true" checked/> WiFi</label>
-            </div>
-            <div class="col-xl-2 col-md-3 col-sm-6">
-                <label><input type="checkbox" name="im" value="true" checked/> MQTT</label>
-            </div>
-            <div class="col-xl-2 col-md-3 col-sm-6">
-                <label><input type="checkbox" name="ie" value="true" checked/> Web</label>
-            </div>
-            <div class="col-xl-2 col-md-3 col-sm-6">
-                <label><input type="checkbox" name="it" value="true" checked/> Meter</label>
-            </div>
-            <div class="col-xl-2 col-md-3 col-sm-6">
-                <label><input type="checkbox" name="ih" value="true" checked/> Thresholds</label>
-            </div>
-            <div class="col-xl-2 col-md-3 col-sm-6">
-                <label><input type="checkbox" name="ig" value="true" checked/> GPIO</label>
-            </div>
-            <div class="col-xl-2 col-md-3 col-sm-6">
-                <label><input type="checkbox" name="id" value="true" checked/> Domoticz</label>
-            </div>
-            <div class="col-xl-2 col-md-3 col-sm-6">
-                <label><input type="checkbox" name="in" value="true" checked/> NTP</label>
-            </div>
-            <div class="col-xl-2 col-md-3 col-sm-6">
-                <label><input type="checkbox" name="is" value="true" checked/> ENTSO-E</label>
-            </div>
-            <div class="col-xl-6 col-md-8">
-                <label><input type="checkbox" name="ic" value="true"/> Include Secrets (SSID, PSK, passwords and tokens)</label>
-            </div>
-        </div>    
-        <div class="row">
-            <div class="col-12 text-right">
-                <button class="btn btn-primary">Download</button>
-            </div>
-        </div>
-    </div>
-</form>
-<form method="post" enctype="multipart/form-data" class="upload-form">
-    <div class="my-3 p-3 bg-white rounded shadow">
-        <h6>Upload configuration</h6>
-        <div class="row">
-            <div class="col-lg-6">
-                <div class="input-group mb-3">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">Upload</span>
-                    </div>
-                    <div class="custom-file">
-                        <input name="file" type="file" class="custom-file-input" id="fileUploadField">
-                        <label class="custom-file-label" for="fileUploadField">Choose file</label>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="row">
-            <div class="col-12 text-right">
-                <button class="btn btn-primary">Upload</button>
-            </div>
-        </div>
-    </div>
-</form>    
-<hr/>
-<div class="row form-group">
-    <div class="col-6">
-        <a href="/" class="btn btn-outline-secondary">Back</a>
-    </div>
-</div>

lib/ClassicUi/html/data.json

@@ -1,60 +0,0 @@
-{
-    "im" : %d,
-    "om" : %d,
-    "mf" : %d,
-    "i" : %d,
-    "e" : %d,
-    "ri" : %d,
-    "re" : %d,
-    "ic" : %.3f,
-    "ec" : %.3f,
-    "ric" : %.3f,
-    "rec" : %.3f,
-    "u1" : %.2f,
-    "u2" : %.2f,
-    "u3" : %.2f,
-    "i1" : %.2f,
-    "i2" : %.2f,
-    "i3" : %.2f,
-    "f" : %.2f,
-    "f1" : %.2f,
-    "f2" : %.2f,
-    "f3" : %.2f,
-    "v" : %.3f,
-    "r" : %d,
-    "t" : %.2f,
-    "u" : %u,
-    "m" : %u,
-    "em" : %d,
-    "hm" : %d,
-    "wm" : %d,
-    "mm" : %d,
-    "me" : %d,
-    "p" : %s,
-    "mt" : %d,
-    "ds" : %d,
-    "ea" : {
-        "x" : %.1f,
-        "p" : [ %s ],
-        "t" : %d,
-        "h" : {
-            "u" : %.2f,
-            "c" : %.2f,
-            "p" : %.2f,
-            "i" : %.2f
-        },
-        "d" : {
-            "u" : %.2f,
-            "c" : %.2f,
-            "p" : %.2f,
-            "i" : %.2f
-        },
-        "m" : {
-            "u" : %.2f,
-            "c" : %.2f,
-            "p" : %.2f,
-            "i" : %.2f
-        }
-    },
-    "c" : %u
-}

lib/ClassicUi/html/dayplot.json

@@ -1,50 +0,0 @@
-{
-    "i00" : %.2f,
-    "i01" : %.2f,
-    "i02" : %.2f,
-    "i03" : %.2f,
-    "i04" : %.2f,
-    "i05" : %.2f,
-    "i06" : %.2f,
-    "i07" : %.2f,
-    "i08" : %.2f,
-    "i09" : %.2f,
-    "i10" : %.2f,
-    "i11" : %.2f,
-    "i12" : %.2f,
-    "i13" : %.2f,
-    "i14" : %.2f,
-    "i15" : %.2f,
-    "i16" : %.2f,
-    "i17" : %.2f,
-    "i18" : %.2f,
-    "i19" : %.2f,
-    "i20" : %.2f,
-    "i21" : %.2f,
-    "i22" : %.2f,
-    "i23" : %.2f,
-    "e00" : %.2f,
-    "e01" : %.2f,
-    "e02" : %.2f,
-    "e03" : %.2f,
-    "e04" : %.2f,
-    "e05" : %.2f,
-    "e06" : %.2f,
-    "e07" : %.2f,
-    "e08" : %.2f,
-    "e09" : %.2f,
-    "e10" : %.2f,
-    "e11" : %.2f,
-    "e12" : %.2f,
-    "e13" : %.2f,
-    "e14" : %.2f,
-    "e15" : %.2f,
-    "e16" : %.2f,
-    "e17" : %.2f,
-    "e18" : %.2f,
-    "e19" : %.2f,
-    "e20" : %.2f,
-    "e21" : %.2f,
-    "e22" : %.2f,
-    "e23" : %.2f
-}

lib/ClassicUi/html/debugging.html

@@ -1,43 +0,0 @@
-<div class="alert alert-danger">
-    !!WARNING!!<br/>
-    Telnet debugging is not considered safe and should be switched off when not in use.<br/>
-    <br/>
-    !!WARNING!!<br/>
-    Enabling debugging can cause sudden reboots. Do not leave this on unless you are debugging!
-</div>
-<form method="post" action="/save">
-    <input type="hidden" name="debugConfig" value="true"/>
-    <div class="my-3 p-3 bg-white rounded shadow">
-        <h6>Debugging</h6>
-        <div class="row">
-            <div class="col-xl-2 col-md-3">
-                <label><input type="checkbox" name="debugTelnet" value="true" %s/> Telnet debugger</label>
-            </div>
-            <div class="col-xl-2 col-md-3">
-                <label><input type="checkbox" name="debugSerial" value="true" %s/> Serial debugger</label>
-            </div>
-            <div class="col-xl-3 col-md-4">
-                <div class="row form-group">
-                    <label class="col-6">Debug level</label>
-                    <div class="col-6">
-                        <select class="form-control form-control-sm" name="debugLevel">
-                            <option value="1" %s>Verbose</option>
-                            <option value="2" %s>Debug</option>
-                            <option value="3" %s>Info</option>
-                            <option value="4" %s>Warning</option>
-                        </select>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <hr/>
-    <div class="row form-group">
-        <div class="col-6">
-            <a href="/" class="btn btn-outline-secondary">Back</a>
-        </div>
-        <div class="col-6 text-right">
-            <button class="btn btn-primary">Save</button>
-        </div>
-    </div>
-</form>

lib/ClassicUi/html/delete.html

@@ -1,14 +0,0 @@
-<form method="post">
-    <div class="my-3 p-3 bg-white rounded shadow">
-        <div class="alert alert-warning">Are you sure you want to delete this file?</div>
-    </div>
-    <hr/>
-    <div class="row form-group">
-        <div class="col-6">
-            <a href="javascript:history.back();" class="btn btn-outline-secondary">Back</a>
-        </div>
-        <div class="col-6 text-right">
-            <button class="btn btn-danger">Delete</button>
-        </div>
-    </div>
-</form>

lib/ClassicUi/html/domoticz.html

@@ -1,48 +0,0 @@
-<form method="post" action="/save">
-    <input type="hidden" name="dc" value="true"/>
-    <div class="my-3 p-3 bg-white rounded shadow">
-        <div class="d-flex flex-row flex-wrap">
-            <div class="m-2 input-group input-group-sm" style="width: 200px;">
-                <div class="input-group-prepend">
-                    <span class="input-group-text">Electricity IDX</span>
-                </div>
-                <input type="number" class="form-control" name="elidx" value="%d" min="0" max="65535"/> 
-            </div>
-            <div class="m-2 input-group input-group-sm" style="width: 240px;">
-                <div class="input-group-prepend">
-                    <span class="input-group-text">Current (3 Phase) IDX</span>
-                </div>
-                <input type="number" class="form-control" name="cl1idx" value="%d" min="0" max="65535"/>
-            </div>
-        </div>
-        <div class="d-flex flex-row flex-wrap">
-            <div class="m-2 input-group input-group-sm" style="width: 200px;">
-                <div class="input-group-prepend">
-                    <span class="input-group-text">Voltage L1 IDX</span>
-                </div>
-                <input type="number" class="form-control" name="vl1idx" value="%d" min="0" max="65535"/>
-            </div>
-            <div class="m-2 input-group input-group-sm" style="width: 200px;">
-                <div class="input-group-prepend">
-                    <span class="input-group-text">Voltage L2 IDX</span>
-                </div>
-                <input type="number" class="form-control" name="vl2idx" value="%d" min="0" max="65535"/>
-            </div>
-            <div class="m-2 input-group input-group-sm" style="width: 200px;">
-                <div class="input-group-prepend">
-                    <span class="input-group-text">Voltage L3 IDX</span>
-                </div>
-                <input type="number" class="form-control" name="vl3idx" value="%d" min="0" max="65535"/>
-            </div>
-        </div>
-    </div>
-    <hr/>
-    <div class="row form-group">
-        <div class="col-6">
-            <a href="/mqtt" class="btn btn-outline-secondary">Back</a>
-        </div>
-        <div class="col-6 text-right">
-            <button class="btn btn-primary">Save</button>
-        </div>
-    </div>
-</form>

lib/ClassicUi/html/energyprice.json

@@ -1,39 +0,0 @@
-{
-    "currency" : "%s",
-    "00" : %s,
-    "01" : %s,
-    "02" : %s,
-    "03" : %s,
-    "04" : %s,
-    "05" : %s,
-    "06" : %s,
-    "07" : %s,
-    "08" : %s,
-    "09" : %s,
-    "10" : %s,
-    "11" : %s,
-    "12" : %s,
-    "13" : %s,
-    "14" : %s,
-    "15" : %s,
-    "16" : %s,
-    "17" : %s,
-    "18" : %s,
-    "19" : %s,
-    "20" : %s,
-    "21" : %s,
-    "22" : %s,
-    "23" : %s,
-    "24" : %s,
-    "25" : %s,
-    "26" : %s,
-    "27" : %s,
-    "28" : %s,
-    "29" : %s,
-    "30" : %s,
-    "31" : %s,
-    "32" : %s,
-    "33" : %s,
-    "34" : %s,
-    "35" : %s
-}

lib/ClassicUi/html/firmware.html

@@ -1,50 +0,0 @@
-<div class="alert alert-danger">
-    WARNING: Units powered by M-BUS (Pow-U) must be connected to an external power supply during firmware upload. Failure to do so may cause power-down during upload resulting in non-functioning unit.
-</div>
-<div class="alert alert-warning">
-    Your board is using {chipset} chipset. Only upload firmware designed for this chipset. Failure to do so may result in non-functioning unit.
-    <span id="fwDownload" style="display: none;"><br/>Download latest firmware file <a  id="fwLink" href="#" data-chipset="{chipset}">here</a></span>
-</div>
-<div class="alert alert-warning">
-    When using URL, only a valid ESP OTA server response will be accepted.
-</div>
-
-<form method="post" enctype="multipart/form-data" class="upload-form">
-    <div class="my-3 p-3 bg-white rounded shadow">
-        <div class="row">
-            <div class="col-lg-6">
-                <div class="input-group">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">Upload file</span>
-                    </div>
-                    <div class="custom-file">
-                        <input name="file" type="file" class="custom-file-input" id="fileUploadField">
-                        <label class="custom-file-label" for="fileUploadField">Choose file</label>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="row">
-            <div class="col-lg-6">or</div>
-        </div>
-        <div class="row">
-            <div class="col-lg-6">
-                <div class="input-group">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">Use URL</span>
-                    </div>
-                    <input type="text" name="url" class="form-control"/>
-                </div>
-            </div>
-        </div>
-    </div>
-    <hr/>
-    <div class="row form-group">
-        <div class="col-6">
-            <a href="javascript:history.back();" class="btn btn-outline-secondary">Back</a>
-        </div>
-        <div class="col-6 text-right">
-            <button class="btn btn-primary">Upgrade firmware</button>
-        </div>
-    </div>
-</form>

lib/ClassicUi/html/foot.html

@@ -1,19 +0,0 @@
-        <div id="newVersion" class="alert alert-info d-none">New version <span id="newVersionTag"></span>! 
-            <a id="newVersionUrl" href="#" target="_blank">view</a> or <a href="javascript:upgrade();">click here to upgrade</a>
-        </div>
-    </main>
-
-    <div id="loading-indicator" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #dddddd99; z-index: 999999; padding-top: 20%; display: none;" class="text-center">
-        <div class="spinner-border text-primary" role="status" style="width: 5rem; height: 5rem;">
-            <span class="sr-only">Loading...</span>
-        </div>
-    </div>    
-
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js" integrity="sha512-qTXRIMyZIFb8iQcfjXWCO8+M5Tbc38Qi5WzdPOYZHIlZpzBHG3L3by84BBBOiRGiEb7KKtAOAs5qYdUiZiQNNQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-    <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
-    <script src="https://www.gstatic.com/charts/loader.js"></script>
-    <script src="application-${version}.js"></script>
-
-</body>
-</html>

lib/ClassicUi/html/gpio.html

@@ -1,110 +0,0 @@
-<div class="alert alert-warning">!!WARNING!!<br/>Do not change anything here unless you know exactly what you are doing! Changing things here could cause the device to stop responding</div>
-<form method="post" action="/save">
-    <input type="hidden" name="gc" value="true"/>
-    <div class="my-3 p-3 bg-white rounded shadow">
-        <h6>GPIO settings</h6>
-        <div class="d-flex flex-row flex-wrap">
-            <div class="m-2 input-group input-group-sm" style="width: 150px;">
-                <div class="input-group-prepend">
-                    <span class="input-group-text">HAN</span>
-                </div>
-                <select name="h" class="form-control">
-                    ${h}
-                </select>
-            </div>
-            <div class="m-2 input-group input-group-sm" style="width: 150px;">
-                <div class="input-group-prepend">
-                    <span class="input-group-text">LED</span>
-                </div>
-                <input name="l" type="number" min="2" max="${g}" class="form-control" value="${l}"/>
-                <div class="input-group-append" title="Inverted">
-                    <label class="input-group-text">
-                        <input type="checkbox" name="i" value="true" ${i}/> inv
-                    </label>
-                </div>
-            </div>
-            <div class="m-2 input-group input-group-sm" style="width: 250px;">
-                <div class="input-group-prepend">
-                    <span class="input-group-text">RGB</span>
-                </div>
-                <input name="r" type="number" min="2" max="${g}" class="form-control" value="${r}"/>
-                <input name="e" type="number" min="2" max="${g}" class="form-control" value="${e}"/>
-                <input name="b" type="number" min="2" max="${g}" class="form-control" value="${b}"/>
-                <div class="input-group-append" title="Inverted">
-                    <label class="input-group-text">
-                        <input type="checkbox" name="n" value="true" ${n}/> inv
-                    </label>
-                </div>
-            </div>
-            <div class="m-2 input-group input-group-sm" style="width: 130px;">
-                <div class="input-group-prepend">
-                    <span class="input-group-text">AP button</span>
-                </div>
-                <input name="a" type="number" min="0" max="${g}" class="form-control" value="${a}"/>
-            </div>
-            <div class="m-2 input-group input-group-sm" style="width: 150px;">
-                <div class="input-group-prepend">
-                    <span class="input-group-text">Temperature</span>
-                </div>
-                <input name="t" type="number" min="0" max="${g}" class="form-control" value="${t}"/>
-            </div>
-            <div class="m-2 input-group input-group-sm" style="width: 150px;">
-                <div class="input-group-prepend">
-                    <span class="input-group-text">Analog temp</span>
-                </div>
-                <input name="m" type="number" min="0" max="${g}" class="form-control" value="${m}"/>
-            </div>
-            <div class="m-2 input-group input-group-sm" style="width: 100px;">
-                <div class="input-group-prepend">
-                    <span class="input-group-text">Vcc</span>
-                </div>
-                <input name="v" type="number" min="0" max="${g}" class="form-control" value="${v}"/>
-            </div>
-            <div class="m-2 input-group input-group-sm" style="width: 200px;">
-                <div class="input-group-prepend">
-                    <span class="input-group-text">GND resistor</span>
-                </div>
-                <input type="number" min="1" max="1000" step="1" class="form-control" name="d" value="${d}" />
-                <div class="input-group-append" title="Inverted">
-                    <label class="input-group-text">k&ohm;</label>
-                </div>
-            </div>
-            <div class="m-2 input-group input-group-sm" style="width: 190px;">
-                <div class="input-group-prepend">
-                    <span class="input-group-text">Vcc resistor</span>
-                </div>
-                <input type="number" min="1" max="1000" step="1" class="form-control" name="s" value="${s}" />
-                <div class="input-group-append" title="Inverted">
-                    <label class="input-group-text">k&ohm;</label>
-                </div>
-            </div>
-            <div class="m-2 input-group input-group-sm" style="width: 140px;">
-                <div class="input-group-prepend">
-                    <span class="input-group-text">Multiplier</span>
-                </div>
-                <input type="number" min="0.1" max="10" step="0.01" class="form-control" name="u" value="${u}" />
-            </div>
-            <div class="m-2 input-group input-group-sm" style="width: 120px;">
-                <div class="input-group-prepend">
-                    <span class="input-group-text">Offset</span>
-                </div>
-                <input type="number" min="0.0" max="3.5" step="0.01" class="form-control" name="o" value="${o}" />
-            </div>
-            <div class="m-2 input-group input-group-sm" style="width: 130px;">
-                <div class="input-group-prepend">
-                    <span class="input-group-text">Boot limit</span>
-                </div>
-                <input type="number" min="2.5" max="3.5" step="0.1" class="form-control" name="c" value="${c}" />
-            </div>
-        </div>
-    </div>
-    <hr/>
-    <div class="row form-group">
-        <div class="col-6">
-            <a href="/" class="btn btn-outline-secondary">Back</a>
-        </div>
-        <div class="col-6 text-right">
-            <button class="btn btn-primary">Save</button>
-        </div>
-    </div>
-</form>

lib/ClassicUi/html/head.html

@@ -1,104 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>AMS reader</title>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous" referrerpolicy="no-referrer">
-    <style>
-        .navbar-expand .navbar-nav .nav-link,.navbar-brand {
-            padding-top: 0px;
-            padding-bottom: 0px;
-            margin-top: 0px;
-            margin-bottom: 0px;
-        }
-        .plot1 {
-            width: 100%;
-            height: 200px;
-        }
-        .plot2 {
-            width: 100%;
-            height: 224px;
-        }
-        .overlay-plot {
-            position: relative;
-        }
-        .plot-overlay {
-            position: absolute;
-            top: 70px;
-            left: 25%;
-            width: 50%;
-            text-align: center;
-        }
-        .ipo,.epo {
-            font-size: 1.7rem;
-            cursor: pointer;
-        }
-        .ipoa,.epoa {
-            font-size: 1.0rem;
-            color: grey;
-        }
-        .pol {
-            font-size: 1.0rem;
-        }
-    </style>
-</head>
-<body class="bg-light">
-<main role="main" class="container">
-    <header class="navbar navbar-expand navbar-dark flex-column flex-lg-row rounded shadow mt-2 mb-3" style="background-color: var(--purple);">
-        <a href="/" class="">
-            <h6 class="navbar-brand">AMS reader <small id="swVersion" data-url="https://api.github.com/repos/gskjold/AmsToMqttBridge/releases">${version}</small></h6>
-        </a>
-        <div class="navbar-nav-scroll">
-            <ul class="navbar-nav bd-navbar-nav flex-row">
-                <li class="nav-item">
-                    <div class="dropdown">
-                        <a class="dropdown-toggle nav-link" href="#" role="button" id="config-link" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                            Config<span class="d-none d-md-inline d-lg-none d-xl-inline">uration</span>
-                        </a>
-                      
-                        <div class="dropdown-menu" aria-labelledby="config-link">
-                            <a class="dropdown-item" href="/meter">Meter</a>
-                            <a class="dropdown-item" href="/wifi">WiFi</a>
-                            <a class="dropdown-item" href="/mqtt">MQTT</a>
-                            <a class="dropdown-item" href="/web">Web</a>
-                            <a class="dropdown-item" href="/ntp">NTP</a>
-                            <a class="dropdown-item" href="/priceapi">Price API</a>
-                            <div class="dropdown-divider"></div>
-                            <a class="dropdown-item" href="https://github.com/gskjold/AmsToMqttBridge/wiki" target="_blank">Documentation</a>
-                        </div>
-                    </div>
-                </li>
-                <li class="nav-item">
-                    <div class="dropdown">
-                        <a class="dropdown-toggle nav-link" href="#" role="button" id="system-link" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                            Sys<span class="d-none d-sm-inline">tem</span>
-                        </a>
-                        <div class="dropdown-menu" aria-labelledby="system-link">
-                            <a class="dropdown-item" href="/gpio">GPIO</a>
-                            <a class="dropdown-item" href="/debugging">Debugging</a>
-                            <a class="dropdown-item" href="/configfile">Configuration file</a>
-                            <a class="dropdown-item" href="/firmware">Firmware</a>
-                            <div class="dropdown-divider"></div>
-                            <a class="dropdown-item" href="/restart">Restart</a>
-                            <a class="dropdown-item text-danger" href="/reset">Factory reset</a>
-                        </div>
-                    </div>
-                </li>
-            </ul>
-        </div>
-        <div class="flex-row">
-            <div id="esp" class="d-none m-2">ESP</div>
-            <div id="han" class="d-none m-2">HAN</div>
-            <div id="wifi" class="d-none m-2">WiFi</div>
-            <div id="mqtt" class="d-none m-2">MQTT</div>
-        </div>
-        <ul class="navbar-nav flex-row ml-md-auto d-none d-lg-flex">
-            <li class="nav-item">
-                <a class="nav-link p-2" href="https://github.com/gskjold/AmsToMqttBridge" target="_blank" rel="noopener" aria-label="GitHub">
-                    <img class="d-inline-block align-text-top" style="width: 2rem; height: 2rem;" src="github.svg"/>
-                </a>
-            </li>
-        </ul>
-    </header>

lib/ClassicUi/html/index.html

@@ -1,210 +0,0 @@
-<div class="bg-white rounded shadow p-1 mb-3">
-    <div class="d-flex flex-wrap">
-        <div class="flex-fill">
-            <div class="text-center">Up <span class="ju">-</span></div>
-        </div>
-        <div class="flex-fill rt">
-            <div class="text-center">Temperature: <span class="jt">-</span>&deg;C</div>
-        </div>
-        <div class="flex-fill rv">
-            <div class="text-center">ESP volt: <span class="jv">-</span>V</div>
-        </div>
-        <div class="flex-fill">
-            <div class="text-center">WiFi RSSI: <span class="jr">-</span>dBm</div>
-        </div>
-        <div class="flex-fill">
-            <div class="text-center">Free mem: <span class="jm">-</span>kb</div>
-        </div>
-        <div class="flex-fill rc">
-            <div class="text-center"><span class="jc"></span></div>
-        </div>
-    </div>
-</div>
-
-<div class="row">
-    <div class="col-lg-3 col-sm-6 mb-3">
-        <div class="bg-white rounded shadow p-3">
-            <div class="text-center overlay-plot">
-                <div id="ip" class="plot1"></div>
-                <span class="plot-overlay">
-                    <span class="ipo">-</span> 
-                    <span class="ipoa">W</span>
-                    <br/>
-                    <span class="pol">Import</span>
-                </span>
-            </div>
-            <div class="row ric" style="display: none;">
-                <div class="col-5"><span class="jmt"></span></div>
-                <div class="col-7 text-right"><span class="jic">-</span> kWh</div>
-            </div>
-        </div>
-    </div>
-    <div class="col-lg-3 col-sm-6 mb-3 rex" style="display: none;">
-        <div class="bg-white rounded shadow p-3">
-            <div class="text-center overlay-plot">
-                <div id="xp" class="plot1"></div>
-                <span class="plot-overlay">
-                    <span class="epo">-</span> 
-                    <span class="epoa">W</span>
-                    <br/>
-                    <span class="pol">Export</span>
-                </span>
-            </div>
-            <div class="row rec" style="display: none;">
-                <div class="col-12 text-right"><span class="jec">-</span> kWh</div>
-            </div>
-        </div>
-    </div>
-    <div class="col-lg-3 col-sm-6 mb-3">
-        <div class="bg-white rounded shadow p-3">
-            <div class="text-center">
-                <div id="vp" class="plot2"></div>
-            </div>
-        </div>
-    </div>
-    <div class="col-lg-3 col-sm-6 mb-3">
-        <div class="bg-white rounded shadow p-3">
-            <div class="text-center">
-                <div id="ap" class="plot2"></div>
-            </div>
-        </div>
-    </div>
-    <div class="col-lg-3 col-sm-6 mb-3 rim" style="display: none;">
-        <div class="bg-white rounded shadow p-3">
-            <h5 class="text-center">Reactive</h5>
-            <div class="row rri">
-                <div class="col-12 font-weight-bold">Instant</div>
-                <div class="col-4">In</div>
-                <div class="col-8 text-right"><span class="jri">-</span> VAr</div>
-                <div class="col-4">Out</div>
-                <div class="col-8 text-right"><span class="jre">-</span> VAr</div>
-            </div>
-            <div class="row rric">
-                <div class="col-12 font-weight-bold">Total</div>
-                <div class="col-4">In</div>
-                <div class="col-8 text-right"><span class="jric">-</span> kVArh</div>
-                <div class="col-4">Out</div>
-                <div class="col-8 text-right"><span class="jrec">-</span> kVArh</div>
-            </div>
-        </div>
-    </div>
-    <div class="col-lg-6 mb-3 rex" style="display: none;">
-        <div class="bg-white rounded shadow p-3">
-            <div class="row rrec">
-                <div class="col-sm-4 font-weight-bold">Instant reactive</div>
-                <div class="col-4 col-sm-1">In</div>
-                <div class="col-8 col-sm-3 text-right"><span class="jri">-</span> VAr</div>
-                <div class="col-4 col-sm-1">Out</div>
-                <div class="col-8 col-sm-3 text-right"><span class="jre">-</span> VAr</div>
-            </div>
-        </div>
-    </div>
-    <div class="col-lg-6 mb-3 rex" style="display: none;">
-        <div class="bg-white rounded shadow p-3">
-            <div class="row rrec">
-                <div class="col-sm-4 font-weight-bold">Total reactive</div>
-                <div class="col-4 col-sm-1">In</div>
-                <div class="col-8 col-sm-3 text-right"><span class="jric">-</span> kVArh</div>
-                <div class="col-4 col-sm-1">Out</div>
-                <div class="col-8 col-sm-3 text-right"><span class="jrec">-</span> kVArh</div>
-            </div>
-        </div>
-    </div>
-
-    <div class="col-xl-12 mb-3">
-        <div class="bg-white rounded shadow pt-3 pb-3" style="font-size: 14px;">
-            <strong class="mr-3 ml-3">Real time consumption</strong><br/>
-            <div class="row">
-                <div class="col-lg-3 col-sm-6">
-                    <div class="mr-3 ml-3 d-flex">
-                        <div>Hour</div>
-                        <div class="flex-fill text-right">
-                            <span id="each"></span> kWh
-                            <span class="sp text-nowrap" style="display: none;">(<span id="eachc"></span> <span class="cr"></span>)</span>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-lg-3 col-sm-6">
-                    <div class="mr-3 ml-3 d-flex">
-                        <div>Day</div>
-                        <div class="flex-fill text-right">
-                            <span id="eacd"></span> kWh
-                            <span class="sp text-nowrap" style="display: none;">(<span id="eacdc"></span> <span class="cr"></span>)</span>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-lg-3 col-sm-6">
-                    <div class="mr-3 ml-3 d-flex">
-                        <div>Month</div>
-                        <div class="flex-fill text-right">
-                            <span id="eacm"></span> kWh
-                            <span class="sp text-nowrap" style="display: none;">(<span id="eacmc"></span> <span class="cr"></span>)</span>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-lg-3 col-sm-6">
-                    <div class="mr-3 ml-3 d-flex">
-                        <div>Max</div>
-                        <div class="flex-fill text-right">
-                            <span id="eax"></span> / <span id="eat"></span> kWh
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <strong class="mr-3 ml-3 se d-none">Real time production</strong><br/>
-            <div class="row se d-none">
-                <div class="col-lg-3 col-sm-6">
-                    <div class="mr-3 ml-3 d-flex">
-                        <div>Hour</div>
-                        <div class="flex-fill text-right">
-                            <span id="eache"></span> kWh
-                        </div>
-                    </div>
-                </div>
-                <div class="col-lg-3 col-sm-6">
-                    <div class="mr-3 ml-3 d-flex">
-                        <div>Day</div>
-                        <div class="flex-fill text-right">
-                            <span id="eacde"></span> kWh
-                        </div>
-                    </div>
-                </div>
-                <div class="col-lg-3 col-sm-6">
-                    <div class="mr-3 ml-3 d-flex">
-                        <div>Month</div>
-                        <div class="flex-fill text-right">
-                            <span id="eacme"></span> kWh
-                        </div>
-                    </div>
-                </div>
-                <div class="col-lg-3 col-sm-6"></div>
-            </div>
-        </div>
-    </div>
-
-    <div id="ppc" class="col-xl-12 mb-3" style="display: none;">
-        <div class="bg-white rounded shadow" id="pp" style="width: 100%; height: 224px;"></div>
-    </div>
-    <div class="col-xl-12 mb-3">
-        <div class="bg-white rounded shadow" id="ep" style="width: 100%; height: 224px;"></div>
-    </div>
-    <div class="col-xl-12 mb-3">
-        <div class="bg-white rounded shadow" id="mp" style="width: 100%; height: 224px;"></div>
-    </div>
-    <div id="tpc" class="col-xl-12 mb-3" style="display: none;">
-        <div class="bg-white rounded shadow pb-3">
-            <div id="tp" style="width: 100%; height: 224px;"></div>
-            <a class="m-4" href="/temperature">Configuration</a>
-        </div>
-    </div>
-    <div class="col-lg-3 col-sm-6 mb-3 d-none me me-1 me-2 me-3 me-4 me-5 me-6 me-7 me-8 me-9 me-10 me-11 me-12 me-13">
-        <div class="d-none badge badge-danger me me-1 me-2 me-5 me-6 me-7 me-8 me-9 me-12">MQTT communication error (<span id="ml">-</span>)</div>
-        <div class="d-none badge badge-danger me me-3">MQTT failed to connect</div>
-        <div class="d-none badge badge-danger me me-4">MQTT network timeout</div>
-        <div class="d-none badge badge-danger me me-10">MQTT connection denied</div>
-        <div class="d-none badge badge-danger me me-11">MQTT failed to subscribe</div>
-        <div class="d-none badge badge-danger me me-13">MQTT lost connection</div>
-    </div>
-</div>
-

lib/ClassicUi/html/meter.html

@@ -1,143 +0,0 @@
-<form method="post" action="/save">
-    <input type="hidden" name="mc" value="true"/>
-    <div class="my-3 p-3 bg-white rounded shadow">
-        <h6>Meter</h6>
-        <div class="row">
-            <div class="col-lg-3 col-md-4 col-sm-6">
-                <div class="m-2 input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">Manufacturer</span>
-                    </div>
-                    <input class="form-control" value="{maf}" disabled/>
-                </div>
-            </div>
-            <div class="col-lg-3 col-md-4 col-sm-6">
-                <div class="m-2 input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">Model</span>
-                    </div>
-                    <input class="form-control" value="{mod}" disabled/>
-                </div>
-            </div>
-            <div class="col-lg-3 col-md-4 col-sm-6">
-                <div class="m-2 input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">ID</span>
-                    </div>
-                    <input class="form-control" value="{mid}" disabled/>
-                </div>
-            </div>
-        </div>
-        <div class="row">
-            <div class="col-lg-3 col-md-4 col-sm-5">
-                <div class="m-2 input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">Baud rate</span>
-                    </div>
-                    <select class="form-control sd" name="b">
-                        <option value="300" {b300}>300</option>
-                        <option value="2400" {b2400}>2400</option>
-                        <option value="4800" {b4800}>4800</option>
-                        <option value="9600" {b9600}>9600</option>
-                        <option value="19200" {b19200}>19200</option>
-                        <option value="38400" {b38400}>38400</option>
-                        <option value="57600" {b57600}>57600</option>
-                        <option value="115200" {b115200}>115200</option>
-                    </select>
-                </div>
-            </div>
-            <div class="col-lg-2 col-md-3 col-sm-4 col-6">
-                <div class="m-2 input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">Parity</span>
-                    </div>
-                    <select class="form-control sd" name="c">
-                        <option value="2" {c2}>7N1</option>
-                        <option value="3" {c3}>8N1</option>
-                        <option value="10" {c10}>7E1</option>
-                        <option value="11" {c11}>8E1</option>
-                    </select>
-                </div>
-            </div>
-            <div class="col-lg-2 col-md-4 col-sm-3 col-6">
-                <div class="m-2">
-                    <label class="small"><input type="checkbox" name="i" value="true" {i}/> Invert <span class="d-none d-md-inline">signal</span></label>
-                </div>
-            </div>
-            <div class="col-lg-4 col-sm-8">
-                <a href="https://github.com/gskjold/AmsToMqttBridge/wiki/Known-hardware-configurations" target="_blank">Known hardware configurations</a>
-            </div>
-        </div>
-        <div class="row">
-            <div class="col-xl-3 col-lg-4 col-md-5 col-sm-7">
-                <div class="m-2 input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">Distribution system</span>
-                    </div>
-                    <select class="form-control sd" name="d">
-                        <option value="0" {d0}></option>
-                        <option value="1" {d1}>IT or TT (230V)</option>
-                        <option value="2" {d2}>TN (400V)</option>
-                    </select>
-                </div>
-            </div>
-            <div class="col-lg-3 col-md-4 col-sm-5">
-                <div class="m-2 input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">Main fuse</span>
-                    </div>
-                    <input class="form-control text-right" name="f" type="number" min="5" max="255" step="1" value="{f}"/>
-                    <div class="input-group-append">
-                        <span class="input-group-text">A</span>
-                    </div>
-                </div>
-            </div>
-            <div class="col-xl-3 col-lg-4 col-md-5 col-sm-7">
-                <div class="m-2 input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">Production capacity</span>
-                    </div>
-                    <input class="form-control text-right" name="p" type="number" min="0" max="255" step="1" value="{p}"/>
-                    <div class="input-group-append">
-                        <span class="input-group-text">kWp</span>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="row">
-            <div class="col-lg-6">
-                <div class="m-2 input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">Encryption key</span>
-                    </div>
-                    <input class="form-control" name="e" type="text" value="{e}" placeholder="If applicable"/>
-                </div>
-            </div>
-            <div class="col-lg-6">
-                <div class="m-2 input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">Authentication key</span>
-                    </div>
-                    <input class="form-control" name="a" type="text" value="{a}" placeholder="If applicable"/>
-                </div>
-            </div>
-        </div>
-        <div class="row mt-3">
-            <div class="col-sm-6">
-                <a href="/thresholds">Configure tariff thresholds</a>
-            </div>
-            <div class="col-sm-6 text-right">
-                <a href="/meteradvanced">Multipliers</a>
-            </div>
-        </div>
-    </div>
-    <hr/>
-    <div class="row form-group">
-        <div class="col-6">
-            <a href="/" class="btn btn-outline-secondary">Back</a>
-        </div>
-        <div class="col-6 text-right">
-            <button class="btn btn-primary">Save</button>
-        </div>
-    </div>
-</form>

lib/ClassicUi/html/meteradvanced.html

@@ -1,49 +0,0 @@
-<form method="post" action="/save">
-    <input type="hidden" name="ma" value="true"/>
-    <div class="my-3 p-3 bg-white rounded shadow">
-        <h6>Multipliers</h6>
-        <div class="row">
-            <div class="col-lg-3 col-md-4 col-sm-6">
-                <div class="m-2 input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">Instant</span>
-                    </div>
-                    <input type="number" class="form-control text-right" name="wm" value="%.2f" min="0.00" max="655.35" step="0.01"/>
-                </div>
-            </div>
-            <div class="col-lg-3 col-md-4 col-sm-6">
-                <div class="m-2 input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">Voltage</span>
-                    </div>
-                    <input type="number" class="form-control text-right" name="vm" value="%.2f" min="0.00" max="655.35" step="0.01"/>
-                </div>
-            </div>
-            <div class="col-lg-3 col-md-4 col-sm-6">
-                <div class="m-2 input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">Amperage</span>
-                    </div>
-                    <input type="number" class="form-control text-right" name="am" value="%.2f" min="0.00" max="655.35" step="0.01"/>
-                </div>
-            </div>
-            <div class="col-lg-3 col-md-4 col-sm-6">
-                <div class="m-2 input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">Accumulated</span>
-                    </div>
-                    <input type="number" class="form-control text-right" name="cm" value="%.2f" min="0.00" max="655.35" step="0.01"/>
-                </div>
-            </div>
-        </div>
-    </div>
-    <hr/>
-    <div class="row form-group">
-        <div class="col-6">
-            <a href="/meter" class="btn btn-outline-secondary">Back</a>
-        </div>
-        <div class="col-6 text-right">
-            <button class="btn btn-primary">Save</button>
-        </div>
-    </div>
-</form>

lib/ClassicUi/html/monthplot.json

@@ -1,64 +0,0 @@
-{
-    "i01" : %.2f,
-    "i02" : %.2f,
-    "i03" : %.2f,
-    "i04" : %.2f,
-    "i05" : %.2f,
-    "i06" : %.2f,
-    "i07" : %.2f,
-    "i08" : %.2f,
-    "i09" : %.2f,
-    "i10" : %.2f,
-    "i11" : %.2f,
-    "i12" : %.2f,
-    "i13" : %.2f,
-    "i14" : %.2f,
-    "i15" : %.2f,
-    "i16" : %.2f,
-    "i17" : %.2f,
-    "i18" : %.2f,
-    "i19" : %.2f,
-    "i20" : %.2f,
-    "i21" : %.2f,
-    "i22" : %.2f,
-    "i23" : %.2f,
-    "i24" : %.2f,
-    "i25" : %.2f,
-    "i26" : %.2f,
-    "i27" : %.2f,
-    "i28" : %.2f,
-    "i29" : %.2f,
-    "i30" : %.2f,
-    "i31" : %.2f,
-    "e01" : %.2f,
-    "e02" : %.2f,
-    "e03" : %.2f,
-    "e04" : %.2f,
-    "e05" : %.2f,
-    "e06" : %.2f,
-    "e07" : %.2f,
-    "e08" : %.2f,
-    "e09" : %.2f,
-    "e10" : %.2f,
-    "e11" : %.2f,
-    "e12" : %.2f,
-    "e13" : %.2f,
-    "e14" : %.2f,
-    "e15" : %.2f,
-    "e16" : %.2f,
-    "e17" : %.2f,
-    "e18" : %.2f,
-    "e19" : %.2f,
-    "e20" : %.2f,
-    "e21" : %.2f,
-    "e22" : %.2f,
-    "e23" : %.2f,
-    "e24" : %.2f,
-    "e25" : %.2f,
-    "e26" : %.2f,
-    "e27" : %.2f,
-    "e28" : %.2f,
-    "e29" : %.2f,
-    "e30" : %.2f,
-    "e31" : %.2f
-}

lib/ClassicUi/html/mqtt.html

@@ -1,138 +0,0 @@
-    <form method="post" action="/save">
-        <input type="hidden" name="mqc" value="true"/>
-        <div class="my-3 p-3 bg-white rounded shadow">
-            <h6>MQTT</h6>
-            <label class="m-2"><input id="m" type="checkbox" name="m" value="true" {m}/> Enable</label>
-            <div class="row">
-                <div class="col-xl-4 col-lg-5 col-md-6">
-                    <div class="m-2 input-group input-group-sm">
-                        <div class="input-group-prepend">
-                            <span class="input-group-text">Host</span>
-                        </div>
-                        <input type="text" class="form-control mc" name="h" value="{h}" maxlength="127"/>
-                    </div>
-                </div>
-                <div class="col-xl-2 col-lg-3 col-md-3 col-sm-4">
-                    <div class="m-2 input-group input-group-sm">
-                        <div class="input-group-prepend">
-                            <span class="input-group-text">Port</span>
-                        </div>
-                        <input id="p" type="number" class="form-control mc" name="p" value="{p}" min="1024" max="65535" placeholder="1883"/>
-                    </div>
-                </div>
-                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-8">
-                    <div class="m-2 input-group input-group-sm">
-                        <div class="input-group-prepend">
-                            <span class="input-group-text">Client ID</span>
-                        </div>
-                        <input type="text" class="form-control mc" name="i" value="{i}" maxlength="31"/>
-                    </div>
-                </div>
-                <div class="col-xl-3 col-lg-4 col-md-6">
-                    <div class="m-2 input-group input-group-sm">
-                        <div class="input-group-prepend">
-                            <span class="input-group-text">Publish topic</span>
-                        </div>
-                        <input type="text" class="form-control mc" name="t" value="{t}" maxlength="63"/>
-                    </div>
-                </div>
-                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
-                    <div class="m-2 input-group input-group-sm">
-                        <div class="input-group-prepend">
-                            <span class="input-group-text">Username</span>
-                        </div>
-                        <input type="text" class="form-control mc" name="u" value="{u}" maxlength="127"/>
-                    </div>
-                </div>
-                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
-                    <div class="m-2 input-group input-group-sm">
-                        <div class="input-group-prepend">
-                            <span class="input-group-text">Password</span>
-                        </div>
-                        <input type="password" class="form-control mc" name="pw" value="{pw}" maxlength="255"/>
-                    </div>
-                </div>
-                <div class="col-lg-3 col-md-4 col-sm-6">
-                    <div class="m-2 input-group input-group-sm">
-                        <div class="input-group-prepend">
-                            <span class="input-group-text">Payload</span>
-                        </div>
-                        <select id="f" class="form-control mc" name="f">
-                            <option value="0" {f0}>JSON</option>
-                            <option value="1" {f1}>Raw values (minimal)</option>
-                            <option value="2" {f2}>Raw values (full)</option>
-                            <option value="3" {f3}>Domoticz</option>
-                            <option value="4" {f4}>Home-Assistant</option>
-                            <option value="255" {f255}>Raw data (bytes)</option>
-                        </select>
-                    </div>
-                </div>
-                <div class="col-md-3 col-sm-6 f3-s">
-                    <div class="m-2">
-                        <a href="/domoticz" class="btn btn-sm btn-outline-secondary">Configuration</a>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="my-3 p-3 bg-white rounded shadow">
-            <div class="row">
-                <div class="col-md-2">
-                    <label class="m-2"><input id="s" type="checkbox" name="s" value="true" {s}/> SSL</label>
-                </div>
-                <div class="col-lg-2 col-md-3">
-                    <div class="m-2 input-group input-group-sm">
-                        <div class="input-group-prepend">
-                            <span class="input-group-text">CA</span>
-                        </div>
-                        <div class="input-group-append">
-                            <span style="display: {dcu};">
-                                <a href="/mqtt-ca" class="btn btn-sm btn-outline-secondary">Upload</a>
-                            </span>
-                            <span style="display: {dcf};">
-                                <a href="/mqtt-ca" class="btn btn-sm btn-danger">Delete</a>
-                            </span>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-xl-2 col-md-3">
-                    <div class="m-2 input-group input-group-sm">
-                        <div class="input-group-prepend">
-                            <span class="input-group-text">Certificate</span>
-                        </div>
-                        <div class="input-group-append">
-                            <span style="display: {deu};">
-                                <a href="/mqtt-cert" class="btn btn-sm btn-outline-secondary">Upload</a>
-                            </span>
-                            <span style="display: {def};">
-                                <a href="/mqtt-cert" class="btn btn-sm btn-danger">Delete</a>
-                            </span>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-xl-2 col-md-4">
-                    <div class="m-2 input-group input-group-sm">
-                        <div class="input-group-prepend">
-                            <span class="input-group-text">Private key</span>
-                        </div>
-                        <div class="input-group-append">
-                            <span style="display: {dku};">
-                                <a href="/mqtt-key" class="btn btn-sm btn-outline-secondary">Upload</a>
-                            </span>
-                            <span style="display: {dkf};">
-                                <a href="/mqtt-key" class="btn btn-sm btn-danger">Delete</a>
-                            </span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <hr/>
-        <div class="row form-group">
-            <div class="col-6">
-                <a href="/" class="btn btn-outline-secondary">Back</a>
-            </div>
-            <div class="col-6 text-right">
-                <button class="btn btn-primary">Save</button>
-            </div>
-        </div>
-    </form>

lib/ClassicUi/html/notfound.html

@@ -1 +0,0 @@
-<div class="alert alert-danger">Page not found</div>

lib/ClassicUi/html/ntp.html

@@ -1,54 +0,0 @@
-<form method="post" action="/save">
-    <input type="hidden" name="nc" value="true"/>
-    <div class="my-3 p-3 bg-white rounded shadow">
-        <h6>NTP</h6>
-        <label class="m-2"><input id="n" type="checkbox" name="n" value="true" %s/> Enable</label>
-        <div class="row">
-            <div class="col-lg-3 col-md-4 col-sm-5">
-                <div class="m-2 input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">Timezone</span>
-                    </div>
-                    <select id="o" class="form-control nc" name="o">
-                        <option value="0" %s>UTC</option>
-                        <option value="3600" %s>UTC+1</option>
-                        <option value="7200" %s>UTC+2</option>
-                    </select>
-                </div>
-            </div>
-            <div class="col-xl-3 col-lg-4 col-md-5 col-sm-7">
-                <div class="m-2 input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">Summertime offset</span>
-                    </div>
-                    <select id="so" class="form-control nc" name="so">
-                        <option value="0" %s>Disabled</option>
-                        <option value="3600" %s>+1hr</option>
-                    </select>
-                </div>
-            </div>
-            <div class="col-xl-4 col-lg-5 col-md-6">
-                <div class="m-2 input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">Server</span>
-                    </div>
-                    <input type="text" class="form-control nc" name="ns" value="%s" maxlength="64"/>
-                </div>
-            </div>
-            <div class="col-lg-4 col-md-5 col-sm-6">
-                <div class="m-2">
-                    <label class="small"><input type="checkbox" name="nd" value="true" %s class="nc"/> Obtain NTP server from DHCP</label>
-                </div>
-            </div>    
-        </div>
-    </div>
-    <hr/>
-    <div class="row form-group">
-        <div class="col-6">
-            <a href="/" class="btn btn-outline-secondary">Back</a>
-        </div>
-        <div class="col-6 text-right">
-            <button class="btn btn-primary">Save</button>
-        </div>
-    </div>
-</form>

lib/ClassicUi/html/priceapi.html

@@ -1,86 +0,0 @@
-<form method="post" action="/save">
-    <input type="hidden" name="ec" value="true"/>
-    <div class="my-3 p-3 bg-white rounded shadow">
-        <h6>Price API</h6>
-        <div class="row">
-            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
-                <div class="m-2 input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">Region</span>
-                    </div>
-                    <select name="ea" class="form-control">
-                        <option value="">None</option>
-                        <optgroup label="Norway">
-                            <option value="10YNO-1--------2" {no1}>NO1</option>
-                            <option value="10YNO-2--------T" {no2}>NO2</option>
-                            <option value="10YNO-3--------J" {no3}>NO3</option>
-                            <option value="10YNO-4--------9" {no4}>NO4</option>
-                            <option value="10Y1001A1001A48H" {no5}>NO5</option>
-                        </optgroup>
-                        <optgroup label="Sweden">
-                            <option value="10Y1001A1001A44P" {se1}>SE1</option>
-                            <option value="10Y1001A1001A45N" {se2}>SE2</option>
-                            <option value="10Y1001A1001A46L" {se3}>SE3</option>
-                            <option value="10Y1001A1001A47J" {se4}>SE4</option>
-                            </optgroup>
-                        <optgroup label="Denmark">
-                            <option value="10YDK-1--------W" {dk1}>DK1</option>
-                            <option value="10YDK-2--------M" {dk2}>DK2</option>
-                        </optgroup>
-                        <option value="10YAT-APG------L" {at}>Austria</option>
-                        <option value="10YBE----------2" {be}>Belgium</option>
-                        <option value="10YCZ-CEPS-----N" {cz}>Czech Republic</option>
-                        <option value="10Y1001A1001A39I" {ee}>Estonia</option>
-                        <option value="10YFI-1--------U" {fi}>Finland</option>
-                        <option value="10YFR-RTE------C" {fr}>France</option>
-                        <option value="10Y1001A1001A83F" {de}>Germany</option>
-                        <option value="10YGB----------A" {gb}>Great Britain</option>
-                        <option value="10YLV-1001A00074" {lv}>Latvia</option>
-                        <option value="10YLT-1001A0008Q" {lt}>Lithuania</option>
-                        <option value="10YNL----------L" {nl}>Netherland</option>
-                        <option value="10YPL-AREA-----S" {pl}>Poland</option>
-                        <option value="10YCH-SWISSGRIDZ" {ch}>Switzerland</option>
-                    </select>
-                </div>
-            </div>
-            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
-                <div class="m-2 input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">Currency</span>
-                    </div>
-                    <select name="ecu" class="form-control">
-                        <option value="NOK" {nok}>NOK</option>
-                        <option value="SEK" {sek}>SEK</option>
-                        <option value="DKK" {dkk}>DKK</option>
-                        <option value="EUR" {eur}>EUR</option>
-                    </select>
-                </div>
-            </div>
-            <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
-                <div class="m-2 input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">Multiplier</span>
-                    </div>
-                    <input name="em" type="number" min="0.001" max="1000" step="0.001" class="form-control" value="{em}"/>
-                </div>
-            </div>
-            <div class="col-xl-4 col-lg-6 col-md-8 {dt}">
-                <div class="m-2 input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">ENTSO-E token</span>
-                    </div>
-                    <input type="text" name="et" class="form-control" value="{et}" placeholder="Optional"/>
-                </div>
-            </div>
-        </div>
-    </div>
-    <hr/>
-    <div class="row form-group">
-        <div class="col-6">
-            <a href="/" class="btn btn-outline-secondary">Back</a>
-        </div>
-        <div class="col-6 text-right">
-            <button class="btn btn-primary">Save</button>
-        </div>
-    </div>
-</form>

lib/ClassicUi/html/reset.html

@@ -1,14 +0,0 @@
-<form method="post">
-    <div class="my-3 p-3 bg-white rounded shadow">
-        <div class="alert alert-danger">Are you sure you want reset this device to factory settings? ALL configuration will be erased!</div>
-    </div>
-    <hr/>
-    <div class="row form-group">
-        <div class="col-6">
-            <a href="javascript:history.back();" class="btn btn-outline-secondary">Back</a>
-        </div>
-        <div class="col-6 text-right">
-            <button class="btn btn-danger" name="perform" value="true">Perform factory reset</button>
-        </div>
-    </div>
-</form>

lib/ClassicUi/html/restart.html

@@ -1,14 +0,0 @@
-<form method="post">
-    <div class="my-3 p-3 bg-white rounded shadow">
-        <div class="alert alert-warning">Are you sure you want restart?</div>
-    </div>
-    <hr/>
-    <div class="row form-group">
-        <div class="col-6">
-            <a href="javascript:history.back();" class="btn btn-outline-secondary">Back</a>
-        </div>
-        <div class="col-6 text-right">
-            <button class="btn btn-success" name="perform" value="true">Restart</button>
-        </div>
-    </div>
-</form>

lib/ClassicUi/html/restartwait.html

@@ -1,63 +0,0 @@
-<html>
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>AMS reader - Restarting, please wait</title>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <link rel="stylesheet" type="text/css" href="boot.css"/>
-</head>
-<body class="bg-light">
-<main role="main" class="container">
-    <header class="navbar navbar-expand navbar-dark flex-column flex-md-row bg-purple rounded mt-2 mb-4" style="background-color: var(--purple);">
-        <a href="/" class=""><h6 class="navbar-brand">AMS reader <small>${version}</small></h6></a>
-        <ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex">
-            <li class="nav-item">
-                <a class="nav-link p-2" href="https://github.com/gskjold/AmsToMqttBridge" target="_blank" rel="noopener" aria-label="GitHub">
-                    <img class="d-inline-block align-text-top" style="width: 2rem; height: 2rem;" src="github.svg"/>
-                </a>
-            </li>
-        </ul>
-    </header>
-    <div class="my-3 p-3 bg-white rounded shadow {rs}">
-        Device is rebooting. You will be redirected to the main page when it is available again.
-    </div>
-    <div class="alert alert-warning shadow {us}">Firmware upgrade in progress, DO NOT disconnect power from the device. You will be redirected to the main page when firmware upgrade is complete.</div>
-</main>
-<script>
-    var tries = 0;
-    var ip = "${ip}";
-    var hostname = "${hostname}";
-    var url;
-    var fetch = function() {
-        tries++;
-
-        if(ip && tries%3 == 0) {
-            url = "http://" + ip;
-        } else if(hostname && tries%3 == 1) {
-            url = "http://" + hostname;
-        } else if(hostname && tries%3 == 2) {
-            url = "http://" + hostname + ".local";
-        } else {
-            url = "";
-        }
-        if(console) console.log("Trying url " + url);
-
-        var retry = function() {
-            setTimeout(fetch, 1000);
-        };
-        
-        var xhr = new XMLHttpRequest();
-        xhr.timeout = 5000;
-        xhr.addEventListener('abort', retry);
-        xhr.addEventListener('error', retry);
-        xhr.addEventListener('timeout', retry);
-        xhr.addEventListener('load', function(e) {
-            window.location.href = url ? url : "/";
-        });
-        xhr.open("GET", url + "/is-alive", true);
-        xhr.send();
-    };
-    setTimeout(fetch, 10000);
-</script>
-</body>
-</html>

lib/ClassicUi/html/setup.html

@@ -1,138 +0,0 @@
-<html>
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>AMS reader - Setup</title>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <link rel="stylesheet" type="text/css" href="boot.css"/>
-</head>
-<body class="bg-light">
-<main role="main" class="container">
-    <header class="navbar navbar-expand navbar-dark flex-column flex-md-row bg-purple rounded mt-2 mb-4">
-        <a href="/" class=""><h6 class="navbar-brand">AMS reader <small>${version}</small></h6></a>
-        <ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex">
-            <li class="nav-item">
-                <a class="nav-link p-2" href="https://github.com/gskjold/AmsToMqttBridge" target="_blank" rel="noopener" aria-label="GitHub">
-                    <img style="width: 2rem; height: 2rem;" src="github.svg"/>
-                </a>
-            </li>
-        </ul>
-    </header>
-    <form method="post">
-        <div class="my-3 p-3 bg-white rounded shadow">
-            <div class="row">
-                <div class="col-xl-4 col-md-6">
-                    <h5>Hardware</h5>
-                    <select name="board" class="form-control" required>
-                        <option value=""></option>
-                        <optgroup label="Custom hardware">
-                            <option value="7" ${config.boardType7}>Pow-U+ (ESP32) from amsleser.no</option>
-                            <option value="6" ${config.boardType6}>Pow-P1 from amsleser.no</option>
-                            <option value="5" ${config.boardType5}>Pow-K+ (ESP32) from amsleser.no</option>
-                            <option value="4" ${config.boardType4}>Pow-U or Pow-K from amsleser.no (GPIO12)</option>
-                            <option value="3" ${config.boardType3}>Pow-U or Pow-K from amsleser.no (UART0)</option>
-                            <option value="2" ${config.boardType2}>HAN Reader 2.0 by Max Spencer</option>
-                            <option value="1" ${config.boardType1}>Kamstrup module by Egil Opsahl</option>
-                            <option value="0" ${config.boardType0}>Custom hardware by Roar Fredriksen</option>
-                        </optgroup>
-                        <optgroup label="ESP8266">
-                            <option value="101" ${config.boardType101}>Wemos D1</option>
-                            <option value="100" ${config.boardType100}>Generic ESP8266</option>
-                        </optgroup>
-                        <optgroup label="ESP32">
-                            <option value="201" ${config.boardType201}>Wemos LOLIN D32</option>
-                            <option value="202" ${config.boardType202}>Adafruit HUZZAH32</option>
-                            <option value="203" ${config.boardType203}>DevKitC</option>
-                            <option value="200" ${config.boardType200}>Generic ESP32</option>
-                        </optgroup>
-                        <optgroup label="ESP32-S2">
-                            <option value="51" ${config.boardType51}>Wemos S2 mini</option>
-                            <option value="50" ${config.boardType50}>Generic ESP32-S2</option>
-                        </optgroup>
-                    </select>
-                </div>
-            </div>
-        </div>
-        <div class="my-3 p-3 bg-white rounded shadow">
-            <h5>WiFi</h5>
-            <div class="row">
-                <div class="col-xl-3 col-md-6 form-group">
-                    <div class="input-group">
-                        <div class="input-group-prepend">
-                            <span class="input-group-text">SSID</span>
-                        </div>
-                        <input type="text" name="wifiSsid" class="form-control" maxlength="32" placeholder="Name of your WiFi" required value="${config.wifiSsid}"/>
-                    </div>
-                </div>
-                <div class="col-xl-3 col-md-6 form-group">
-                    <div class="input-group">
-                        <div class="input-group-prepend">
-                            <span class="input-group-text">PSK</span>
-                        </div>
-                        <input type="password" name="wifiPassword" class="form-control" maxlength="63" placeholder="Password for WiFi" required value="${config.wifiPassword}"/>
-                    </div>
-                </div>
-                <div class="col-xl-4 col-md-6 form-group">
-                    <div class="input-group">
-                        <div class="input-group-prepend">
-                            <span class="input-group-text">Hostname</span>
-                        </div>
-                        <input type="text" name="wifiHostname" class="form-control" maxlength="32" pattern="[a-z0-9_-]+" placeholder="Optional, ex.: ams-reader" value="${config.wifiHostname}"/>
-                    </div>
-                </div>
-                <div class="col-xl-2 col-md-6 form-group">
-                    <label><input type="checkbox" name="wifiIpType" value="1" onchange="staticChecked(this);" ${config.wifiStaticIp}/> Static IP</label>
-                </div>
-            </div>
-            <div class="row" id="staticIp">
-                <div class="col-xl-3 col-lg-4 col-sm-6 form-group">
-                    <div class="input-group">
-                        <div class="input-group-prepend">
-                            <span class="input-group-text">IP</span>
-                        </div>
-                        <input type="text" name="wifiIp" class="form-control" pattern="\d?\d?\d.\d?\d?\d.\d?\d?\d.\d?\d?\d" placeholder="Ex: 192.168.1.200" value="${config.wifiIp}"/>
-                    </div>
-                </div>
-                <div class="col-xl-3 col-lg-4 col-sm-6 form-group">
-                    <div class="input-group">
-                        <div class="input-group-prepend">
-                            <span class="input-group-text">Subnet</span>
-                        </div>
-                        <input type="text" name="wifiSubnet" class="form-control" pattern="\d?\d?\d.\d?\d?\d.\d?\d?\d.\d?\d?\d" placeholder="Ex.: 255.255.255.0" value="${config.wifiSubnet}"/>
-                    </div>
-                </div>
-                <div class="col-xl-3 col-lg-4 col-sm-6 form-group">
-                    <div class="input-group">
-                        <div class="input-group-prepend">
-                            <span class="input-group-text">Gateway</span>
-                        </div>
-                        <input type="text" name="wifiGw" class="form-control" pattern="\d?\d?\d.\d?\d?\d.\d?\d?\d.\d?\d?\d" placeholder="Ex.: 192.168.1.1" value="${config.wifiGw}"/>
-                    </div>
-                </div>
-                <div class="col-xl-3 col-lg-4 col-sm-6 form-group">
-                    <div class="input-group">
-                        <div class="input-group-prepend">
-                            <span class="input-group-text">DNS</span>
-                        </div>
-                        <input type="text" name="wifiDns1" class="form-control" pattern="\d?\d?\d.\d?\d?\d.\d?\d?\d.\d?\d?\d" placeholder="Ex.: 192.168.1.1" value="${config.wifiDns1}"/>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <hr/>
-        <div class="row">
-            <div class="col-6"></div>
-            <div class="col-6 text-right">
-                <button type="submit" class="btn btn-primary">Save & reboot</button>
-            </div>
-        </div>
-    </form>
-</main>
-<script>
-    document.getElementById('staticIp').style.display = "none";
-    var staticChecked = function(el) {
-        document.getElementById('staticIp').style.display = el.checked ? "" : "none";
-    }
-</script>
-</body>
-</html>

lib/ClassicUi/html/temperature.html

@@ -1,48 +0,0 @@
-<script id="temp-template" type="template">
-<div class="row mb-3">
-    <input type="hidden" name="sensor{{index}}" value="{{address}}"/>
-    <div class="col-xl-3 col-lg-4 col-sm-6">
-        <div class="input-group input-group-sm">
-            <div class="input-group-prepend">
-                <span class="input-group-text">Address {{index}}</span>
-            </div>
-            <input name="sensor{{index}}address" type="text" class="form-control" value="{{address}}" maxlength="16" disabled/>
-        </div>
-    </div>
-    <div class="col-xl-4 col-lg-3 col-sm-6">
-        <div class="input-group input-group-sm">
-            <div class="input-group-prepend">
-                <span class="input-group-text">Name</span>
-            </div>
-            <input name="sensor{{index}}name" type="text" class="form-control" value="{{name}}" maxlength="16"/>
-        </div>
-    </div>
-    <div class="col-xl-3 col-lg-3 col-sm-6">
-        <div class="form-check">
-            <input name="sensor{{index}}common" class="form-check-input" type="checkbox" value="true" id="sensor{{index}}common" {{common}}>
-            <label class="form-check-label" for="sensor{{index}}common">Include in average</label>
-        </div>
-    </div>
-    <div class="col-xl-2 col-lg-2 col-sm-6">
-        <span id="temp-{{index}}">{{value}}</span> &deg;C
-    </div>
-</div>
-</script>
-
-<form method="post">
-    <input type="hidden" name="tempConfig" value="true"/>
-    <div id="sensors" class="my-3 p-3 bg-white rounded shadow">
-        <div id="loading" class="alert alert-info">Loading temperature sensors</div>
-        <div id="notemp" class="alert alert-info" style="display: none;">No temperature sensors are configured or found</div>
-        <div id="error" class="alert alert-danger" style="display: none;">Error loading data</div>
-    </div>
-    <hr/>
-    <div class="row form-group">
-        <div class="col-6">
-            <a href="/" class="btn btn-outline-secondary">Back</a>
-        </div>
-        <div class="col-6 text-right">
-            <button class="btn btn-primary">Save</button>
-        </div>
-    </div>
-</form>    

lib/ClassicUi/html/tempsensor.json

@@ -1,7 +0,0 @@
-{
-    "i" : %d,
-    "a" : "%s",
-    "n" : "%s",
-    "c" : %d,
-    "v" : %.1f
-},

lib/ClassicUi/html/thresholds.html

@@ -1,129 +0,0 @@
-<form method="post" action="/save">
-    <input type="hidden" name="cc" value="true"/>
-    <div class="my-3 p-3 bg-white rounded shadow">
-        <h6>Tariff thresholds</h6>
-        <div class="row">
-            <div class="col-lg-2 col-md-3 col-sm-4 col-6">
-                <div class="m-2 input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">1</span>
-                    </div>
-                    <input class="form-control text-right" name="t0" type="number" min="1" max="255" step="1" value="{t0}"/>
-                    <div class="input-group-append">
-                        <span class="input-group-text">kWh</span>
-                    </div>
-                </div>
-            </div>
-            <div class="col-lg-2 col-md-3 col-sm-4 col-6">
-                <div class="m-2 input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">2</span>
-                    </div>
-                    <input class="form-control text-right" name="t1" type="number" min="5" max="255" step="1" value="{t1}"/>
-                    <div class="input-group-append">
-                        <span class="input-group-text">kWh</span>
-                    </div>
-                </div>
-            </div>
-            <div class="col-lg-2 col-md-3 col-sm-4 col-6">
-                <div class="m-2 input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">3</span>
-                    </div>
-                    <input class="form-control text-right" name="t2" type="number" min="5" max="255" step="1" value="{t2}"/>
-                    <div class="input-group-append">
-                        <span class="input-group-text">kWh</span>
-                    </div>
-                </div>
-            </div>
-            <div class="col-lg-2 col-md-3 col-sm-4 col-6">
-                <div class="m-2 input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">4</span>
-                    </div>
-                    <input class="form-control text-right" name="t3" type="number" min="5" max="255" step="1" value="{t3}"/>
-                    <div class="input-group-append">
-                        <span class="input-group-text">kWh</span>
-                    </div>
-                </div>
-            </div>
-            <div class="col-lg-2 col-md-3 col-sm-4 col-6">
-                <div class="m-2 input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">5</span>
-                    </div>
-                    <input class="form-control text-right" name="t4" type="number" min="5" max="255" step="1" value="{t4}"/>
-                    <div class="input-group-append">
-                        <span class="input-group-text">kWh</span>
-                    </div>
-                </div>
-            </div>
-            <div class="col-lg-2 col-md-3 col-sm-4 col-6">
-                <div class="m-2 input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">6</span>
-                    </div>
-                    <input class="form-control text-right" name="t5" type="number" min="5" max="255" step="1" value="{t5}"/>
-                    <div class="input-group-append">
-                        <span class="input-group-text">kWh</span>
-                    </div>
-                </div>
-            </div>
-            <div class="col-lg-2 col-md-3 col-sm-4 col-6">
-                <div class="m-2 input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">7</span>
-                    </div>
-                    <input class="form-control text-right" name="t6" type="number" min="5" max="255" step="1" value="{t6}"/>
-                    <div class="input-group-append">
-                        <span class="input-group-text">kWh</span>
-                    </div>
-                </div>
-            </div>
-            <div class="col-lg-2 col-md-3 col-sm-4 col-6">
-                <div class="m-2 input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">8</span>
-                    </div>
-                    <input class="form-control text-right" name="t7" type="number" min="5" max="255" step="1" value="{t7}"/>
-                    <div class="input-group-append">
-                        <span class="input-group-text">kWh</span>
-                    </div>
-                </div>
-            </div>
-            <div class="col-lg-2 col-md-3 col-sm-4 col-6">
-                <div class="m-2 input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">9</span>
-                    </div>
-                    <input class="form-control text-right" name="t8" type="number" min="5" max="255" step="1" value="{t8}"/>
-                    <div class="input-group-append">
-                        <span class="input-group-text">kWh</span>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="row">
-            <div class="col-lg-3 col-md-5 col-sm-6">
-                <div class="m-2 input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">Average of top</span>
-                    </div>
-                    <input class="form-control text-right" name="h" type="number" min="1" max="5" step="1" value="{h}"/>
-                    <div class="input-group-append">
-                        <span class="input-group-text">hours</span>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <hr/>
-    <div class="row form-group">
-        <div class="col-6">
-            <a href="/meter" class="btn btn-outline-secondary">Back</a>
-        </div>
-        <div class="col-6 text-right">
-            <button class="btn btn-primary">Save</button>
-        </div>
-    </div>
-</form>

lib/ClassicUi/html/upload.html

@@ -1,26 +0,0 @@
-<form method="post" enctype="multipart/form-data" class="upload-form">
-    <div class="my-3 p-3 bg-white rounded shadow">
-        <div class="row">
-            <div class="col-lg-6">
-                <div class="input-group mb-3">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">Upload</span>
-                    </div>
-                    <div class="custom-file">
-                        <input name="file" type="file" class="custom-file-input" id="fileUploadField">
-                        <label class="custom-file-label" for="fileUploadField">Choose file</label>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <hr/>
-    <div class="row form-group">
-        <div class="col-6">
-            <a href="javascript:history.back();" class="btn btn-outline-secondary">Back</a>
-        </div>
-        <div class="col-6 text-right">
-            <button class="btn btn-primary">Upload</button>
-        </div>
-    </div>
-</form>

lib/ClassicUi/html/web.html

@@ -1,45 +0,0 @@
-<form method="post" action="/save">
-    <input type="hidden" name="ac" value="true"/>
-    <div class="my-3 p-3 bg-white rounded shadow">
-        <h6>Web</h6>
-        <div class="row">
-            <div class="col-xl-3 col-lg-4 col-md-7">
-                <div class="m-2 input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">Security</span>
-                    </div>
-                    <select id="as" class="form-control" name="as">
-                        <option value="0" %s>None</option>
-                        <option value="1" %s>Only configuration</option>
-                        <option value="2" %s>Everything</option>
-                    </select>
-                </div>
-            </div>
-            <div class="col-xl-3 col-lg-4 col-md-6">
-                <div class="m-2 input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">Username</span>
-                    </div>
-                    <input type="text" class="form-control ac" name="au" value="%s" maxlength="64"/>
-                </div>
-            </div>
-            <div class="col-xl-3 col-lg-4 col-md-6">
-                <div class="m-2 input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">Password</span>
-                    </div>
-                    <input type="password" class="form-control ac" name="ap" value="%s" maxlength="64"/>
-                </div>
-            </div>
-        </div>
-    </div>
-    <hr/>
-    <div class="row form-group">
-        <div class="col-6">
-            <a href="/" class="btn btn-outline-secondary">Back</a>
-        </div>
-        <div class="col-6 text-right">
-            <button class="btn btn-primary">Save</button>
-        </div>
-    </div>
-</form>

lib/ClassicUi/html/wifi.html

@@ -1,117 +0,0 @@
-<form method="post" action="/save">
-    <input type="hidden" name="wc" value="true"/>
-    <div class="my-3 p-3 bg-white rounded shadow">
-        <h6>WiFi</h6>
-        <div class="row">
-            <div class="col-xl-3 col-md-6 form-group">
-                <div class="input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">SSID</span>
-                    </div>
-                    <input type="text" name="s" class="form-control" maxlength="32" value="{s}" required/>
-                </div>
-            </div>
-            <div class="col-xl-3 col-md-6 form-group">
-                <div class="input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">PSK</span>
-                    </div>
-                    <input type="password" name="p" class="form-control" maxlength="63" value="{p}" required/>
-                </div>
-            </div>
-            <div class="col-xl-4 col-md-6 form-group">
-                <div class="input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">Hostname</span>
-                    </div>
-                    <input type="text" name="h" class="form-control" maxlength="32" pattern="[a-z0-9_-]+" placeholder="Optional, ex.: ams-reader" value="{h}"/>
-                    <div class="input-group-append">
-                        <label class="input-group-text">
-                            <input type="checkbox" name="m" value="true" {m}/> mDNS
-                        </label>
-                    </div>
-                </div>
-            </div>
-            <div class="col-xl-2 col-md-6 form-group">
-                <label><input id="st" type="checkbox" name="st" value="1" {st}/> Static IP</label>
-            </div>
-        </div>
-        <div class="row" id="i">
-            <div class="col-xl-3 col-lg-4 col-md-6 form-group">
-                <div class="input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">IP</span>
-                    </div>
-                    <input type="text" name="i" class="form-control sip" pattern="\d?\d?\d.\d?\d?\d.\d?\d?\d.\d?\d?\d" value="{i}"/>
-                </div>
-            </div>
-            <div class="col-xl-3 col-lg-4 col-md-6 form-group">
-                <div class="input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">Netmask</span>
-                    </div>
-                    <input type="text" name="sn" class="form-control sip" pattern="\d?\d?\d.\d?\d?\d.\d?\d?\d.\d?\d?\d" value="{sn}"/>
-                </div>
-            </div>
-            <div class="col-xl-3 col-lg-4 col-md-6 form-group">
-                <div class="input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">Gateway</span>
-                    </div>
-                    <input type="text" name="g" class="form-control sip" pattern="\d?\d?\d.\d?\d?\d.\d?\d?\d.\d?\d?\d" value="{g}"/>
-                </div>
-            </div>
-            <div class="col-xl-4 col-lg-5 col-md-6 form-group">
-                <div class="input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">DNS 1</span>
-                    </div>
-                    <input type="text" name="d1" class="form-control sip" pattern="\d?\d?\d.\d?\d?\d.\d?\d?\d.\d?\d?\d" value="{d1}"/>
-                </div>
-            </div>
-            <div class="col-xl-4 col-lg-5 col-md-6 form-group">
-                <div class="input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">DNS 2</span>
-                    </div>
-                    <input type="text" name="d2" class="form-control sip" pattern="\d?\d?\d.\d?\d?\d.\d?\d?\d.\d?\d?\d" value="{d2}"/>
-                </div>
-            </div>
-
-            <div class="col-lg-3 col-md-4 col-sm-6 form-group">
-                <div class="input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">Power</span>
-                    </div>
-                    <input type="number" name="w" class="form-control text-right" min="0" max="{wm}" step="0.5" value="{w}"/>
-                    <div class="input-group-append">
-                        <span class="input-group-text">dBm</span>
-                    </div>
-                </div>
-            </div>
-    
-            <div class="col-lg-3 col-md-4 col-sm-6 form-group">
-                <div class="input-group input-group-sm">
-                    <div class="input-group-prepend">
-                        <span class="input-group-text">Power saving</span>
-                    </div>
-                    <select name="z" class="form-control">
-                        <option value="255">Default</option>
-                        <option value="0" {z0}>Off</option>
-                        <option value="1" {z1}>Minimum</option>
-                        <option value="2" {z2}>Maximum</option>
-                    </select>
-                </div>
-            </div>
-    </div>
-    </div>
-    <hr/>
-    <div class="row form-group">
-        <div class="col-6">
-            <a href="/" class="btn btn-outline-secondary">Back</a>
-        </div>
-        <div class="col-6 text-right">
-            <button class="btn btn-primary">Save</button>
-        </div>
-    </div>
-</form>

lib/ClassicUi/include/.gitignore

@@ -1 +0,0 @@
-root/*.h

lib/ClassicUi/include/AmsWebHeaders.h

@@ -1,15 +0,0 @@
-static const char HEADER_CACHE_CONTROL[] PROGMEM = "Cache-Control";
-static const char HEADER_PRAGMA[] PROGMEM = "Pragma";
-static const char HEADER_EXPIRES[] PROGMEM = "Expires";
-static const char HEADER_AUTHENTICATE[] PROGMEM = "WWW-Authenticate";
-static const char HEADER_LOCATION[] PROGMEM = "Location";
-
-static const char CACHE_CONTROL_NO_CACHE[] PROGMEM = "no-cache, no-store, must-revalidate";
-static const char CACHE_1HR[] PROGMEM = "public, max-age=3600";
-static const char PRAGMA_NO_CACHE[] PROGMEM = "no-cache";
-static const char EXPIRES_OFF[] PROGMEM = "-1";
-static const char AUTHENTICATE_BASIC[] PROGMEM = "Basic realm=\"Secure Area\"";
-
-static const char MIME_PLAIN[] PROGMEM = "text/plain";
-static const char MIME_HTML[] PROGMEM = "text/html";
-static const char MIME_JSON[] PROGMEM = "application/json";

lib/ClassicUi/include/AmsWebServer.h

@@ -1,146 +0,0 @@
-#ifndef _AMSWEBSERVER_h
-#define _AMSWEBSERVER_h
-
-#define BOOTSTRAP_URL "https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/css/bootstrap.min.css"
-
-#include "Arduino.h"
-#include <MQTT.h>
-#include "AmsConfiguration.h"
-#include "HwTools.h"
-#include "AmsData.h"
-#include "AmsStorage.h"
-#include "AmsDataStorage.h"
-#include "EnergyAccounting.h"
-#include "Uptime.h"
-#include "RemoteDebug.h"
-#include "EntsoeApi.h"
-
-#if defined(ESP8266)
-	#include <ESP8266WiFi.h>
-	#include <ESP8266WebServer.h>
-	#include <ESP8266HTTPClient.h>
-	#include <ESP8266httpUpdate.h>
-#elif defined(ESP32) // ARDUINO_ARCH_ESP32
-	#include <WiFi.h>
-	#include <WebServer.h>
-	#include <HTTPClient.h>
-	#include <HTTPUpdate.h>
-#else
-	#warning "Unsupported board type"
-#endif
-
-#include "LittleFS.h"
-
-class AmsWebServer {
-public:
-	AmsWebServer(uint8_t* buf, RemoteDebug* Debug, HwTools* hw);
-    void setup(AmsConfiguration*, GpioConfig*, MeterConfig*, AmsData*, AmsDataStorage*, EnergyAccounting*);
-    void loop();
-	void setMqtt(MQTTClient* mqtt);
-	void setTimezone(Timezone* tz);
-	void setMqttEnabled(bool);
-	void setEntsoeApi(EntsoeApi* eapi);
-
-private:
-	RemoteDebug* debugger;
-	bool mqttEnabled = false;
-	int maxPwr = 0;
-	HwTools* hw;
-	Timezone* tz;
-	EntsoeApi* eapi = NULL;
-	AmsConfiguration* config;
-	GpioConfig* gpioConfig;
-	MeterConfig* meterConfig;
-	WebConfig webConfig;
-	AmsData* meterState;
-	AmsDataStorage* ds;
-    EnergyAccounting* ea = NULL;
-	MQTTClient* mqtt = NULL;
-	bool uploading = false;
-	File file;
-	bool performRestart = false;
-	bool performUpgrade = false;
-	bool rebootForUpgrade = false;
-	#if defined(AMS2MQTT_FIRMWARE_URL)
-	String customFirmwareUrl = AMS2MQTT_FIRMWARE_URL;
-	#else
-	String customFirmwareUrl;
-	#endif
-
-    static const uint16_t BufferSize = 2048;
-    char* buf;
-
-#if defined(ESP8266)
-	ESP8266WebServer server;
-#elif defined(ESP32) // ARDUINO_ARCH_ESP32
-	WebServer server;
-#endif
-
-	bool checkSecurity(byte level);
-
-	void indexHtml();
-	void applicationJs();
-	void temperature();
-	void temperaturePost();
-	void temperatureJson();
-	void configMeterHtml();
-	void configMeterAdvancedHtml();
-	void configWifiHtml();
-	void configMqttHtml();
-	void configWebHtml();
-	void configDomoticzHtml();
-	void configPriceApiHtml();
-	void configNtpHtml();
-	void configGpioHtml();
-	void configDebugHtml();
-	void configThresholdsHtml();
-	void bootCss();
-	void githubSvg();
-    void dataJson();
-	void dayplotJson();
-	void monthplotJson();
-	void energyPriceJson();
-	void configFileHtml();
-	void configFileDownload();
-	void configFileUpload();
-
-	void handleSetup();
-	void handleSave();
-
-	String getSerialSelectOptions(int selected);
-	void firmwareHtml();
-	void firmwarePost();
-	void firmwareUpload();
-	void firmwareDownload();
-	void restartHtml();
-	void restartPost();
-	void restartWaitHtml();
-	void isAliveCheck();
-
-	void uploadHtml(const char* label, const char* action, const char* menu);
-	void deleteHtml(const char* label, const char* action, const char* menu);
-	HTTPUpload& uploadFile(const char* path);
-	void deleteFile(const char* path);
-	void uploadPost();
-	void mqttCa();
-	void mqttCaUpload();
-	void mqttCaDelete();
-	void mqttCert();
-	void mqttCertUpload();
-	void mqttCertDelete();
-	void mqttKey();
-	void mqttKeyUpload();
-	void mqttKeyDelete();
-
-	void factoryResetHtml();
-	void factoryResetPost();
-
-	void notFound();
-
-	void printD(String fmt, ...);
-	void printI(String fmt, ...);
-	void printW(String fmt, ...);
-	void printE(String fmt, ...);
-};
-
-#endif

lib/ClassicUi/scripts/generate_includes.py

@@ -1,80 +0,0 @@
-import os
-import re
-import shutil
-import subprocess
-
-try:
-    from css_html_js_minify import html_minify, js_minify, css_minify
-except:
-    from SCons.Script import (
-        ARGUMENTS,
-        COMMAND_LINE_TARGETS,
-        DefaultEnvironment,
-    )
-    env = DefaultEnvironment()
-
-    env.Execute(
-        env.VerboseAction(
-            '$PYTHONEXE -m pip install "css_html_js_minify" ',
-            "Installing Python dependencies",
-        )
-    )
-    try:
-        from css_html_js_minify import html_minify, js_minify, css_minify
-    except:
-        print("WARN: Unable to load minifier")
-
-
-webroot = "lib/ClassicUi/html"
-srcroot = "lib/ClassicUi/include/root"
-
-version = os.environ.get('GITHUB_TAG')
-if version == None:
-    try:
-      result = subprocess.run(['git','rev-parse','--short','HEAD'], capture_output=True, check=False)
-      if result.returncode == 0:
-        version = result.stdout.decode('utf-8').strip()
-      else:
-        version = "SNAPSHOT"
-    except:
-      version = "SNAPSHOT"
-
-if os.path.exists(srcroot):
-    shutil.rmtree(srcroot)
-    os.mkdir(srcroot)
-else:
-    os.mkdir(srcroot)
-
-for filename in os.listdir(webroot):
-    basename = re.sub("[^0-9a-zA-Z]+", "_", filename)
-
-    srcfile = webroot + "/" + filename
-    dstfile = srcroot + "/" + basename + ".h"
-
-    varname = basename.upper()
-
-    with open(srcfile, encoding="utf-8") as f:
-        content = f.read().replace("${version}", version)
-
-    try:    
-        if filename.endswith(".html"):
-            content = html_minify(content)
-        elif filename.endswith(".css"):
-            content = css_minify(content)
-        elif (filename.endswith(".js") and filename != 'gaugemeter.js') or filename.endswith(".json"):
-            content = js_minify(content)
-    except:
-        print("WARN: Unable to minify")
-
-    with open(dstfile, "w") as dst:
-        dst.write("static const char ")
-        dst.write(varname)
-        dst.write("[] PROGMEM = R\"==\"==(")
-        dst.write(content)
-        dst.write(")==\"==\";\n")
-        dst.write("const int ");
-        dst.write(varname)
-        dst.write("_LEN PROGMEM = ");
-        dst.write(str(len(content)))
-        dst.write(";");
-        

lib/DomoticzMqttHandler/include/DomoticzMqttHandler.h

@@ -16,7 +16,7 @@ public:
 
 private:
     DomoticzConfig config;
-    int energy = 0.0;
+    double energy = 0.0;
 };
 
 #endif

lib/EnergyAccounting/include/EnergyAccounting.h

@@ -52,6 +52,7 @@ public:
     bool update(AmsData* amsData);
     bool load();
     bool save();
+    bool isInitialized();
 
     double getUseThisHour();
     double getUseToday();
@@ -89,8 +90,8 @@ private:
     EnergyAccountingConfig *config = NULL;
     Timezone *tz = NULL;
     uint8_t currentHour = 0, currentDay = 0, currentThresholdIdx = 0;
-    double use, costHour, costDay;
-    double produce, incomeHour, incomeDay;
+    double use = 0, costHour = 0, costDay = 0;
+    double produce = 0, incomeHour = 0, incomeDay = 0;
     EnergyAccountingData data = { 0, 0, 0, 0, 0, 0 };
 
     void calcDayCost();

lib/EnergyAccounting/src/EnergyAccounting.cpp

@@ -26,6 +26,10 @@ void EnergyAccounting::setTimezone(Timezone* tz) {
     this->tz = tz;
 }
 
+bool EnergyAccounting::isInitialized() {
+    return this->init;
+}
+
 bool EnergyAccounting::update(AmsData* amsData) {
     if(config == NULL) return false;
     time_t now = time(nullptr);
@@ -185,7 +189,8 @@ double EnergyAccounting::getUseThisHour() {
 double EnergyAccounting::getUseToday() {
     float ret = 0.0;
     time_t now = time(nullptr);
-    if(now < BUILD_EPOCH) return 0;
+    if(now < BUILD_EPOCH) return 0.0;
+    if(tz == NULL) return 0.0;
     tmElements_t utc, local;
     breakTime(tz->toLocal(now), local);
     for(int i = 0; i < currentHour; i++) {
@@ -197,7 +202,7 @@ double EnergyAccounting::getUseToday() {
 
 double EnergyAccounting::getUseThisMonth() {
     time_t now = time(nullptr);
-    if(now < BUILD_EPOCH) return 0;
+    if(now < BUILD_EPOCH) return 0.0;
     float ret = 0;
     for(int i = 0; i < currentDay; i++) {
         ret += ds->getDayImport(i) / 1000.0;
@@ -212,10 +217,11 @@ double EnergyAccounting::getProducedThisHour() {
 double EnergyAccounting::getProducedToday() {
     float ret = 0.0;
     time_t now = time(nullptr);
-    if(now < BUILD_EPOCH) return 0;
-    tmElements_t utc;
+    if(now < BUILD_EPOCH) return 0.0;
+    tmElements_t utc, local;
+    breakTime(tz->toLocal(now), local);
     for(int i = 0; i < currentHour; i++) {
-        breakTime(now - ((currentHour - i) * 3600), utc);
+        breakTime(now - ((local.Hour - i) * 3600), utc);
         ret += ds->getHourExport(utc.Hour) / 1000.0;
     }
     return ret + getProducedThisHour();
@@ -223,7 +229,7 @@ double EnergyAccounting::getProducedToday() {
 
 double EnergyAccounting::getProducedThisMonth() {
     time_t now = time(nullptr);
-    if(now < BUILD_EPOCH) return 0;
+    if(now < BUILD_EPOCH) return 0.0;
     float ret = 0;
     for(int i = 0; i < currentDay; i++) {
         ret += ds->getDayExport(i) / 1000.0;
@@ -279,6 +285,8 @@ uint8_t EnergyAccounting::getCurrentThreshold() {
 }
 
 float EnergyAccounting::getMonthMax() {
+    if(config == NULL)
+        return 0.0;
     uint8_t count = 0;
     uint32_t maxHour = 0.0;
     bool included[5] = { false, false, false, false, false };
@@ -308,6 +316,8 @@ float EnergyAccounting::getMonthMax() {
 }
 
 EnergyAccountingPeak EnergyAccounting::getPeak(uint8_t num) {
+    if(config == NULL)
+        return EnergyAccountingPeak({0,0});
     if(num < 1 || num > 5) return EnergyAccountingPeak({0,0});
 
     uint8_t count = 0;
@@ -362,7 +372,9 @@ bool EnergyAccounting::load() {
         } else if(buf[0] == 4) {
             EnergyAccountingData4* data = (EnergyAccountingData4*) buf;
             this->data = { 5, data->month, 
-                (uint16_t) (data->costYesterday / 10), (uint16_t) (data->costThisMonth / 100), (uint16_t) (data->costLastMonth / 100),
+                data->costYesterday,
+                data->costThisMonth,
+                data->costLastMonth,
                 0,0,0, // Income from production
                 data->peaks[0].day, data->peaks[0].value,
                 data->peaks[1].day, data->peaks[1].value,

lib/EntsoePriceApi/src/EntsoeApi.cpp

@@ -284,7 +284,7 @@ PricesContainer* EntsoeApi::fetchPrices(time_t t) {
         breakTime(tz->toUTC(e2), d2);
 
         snprintf(buf, BufferSize, "%s?securityToken=%s&documentType=A44&periodStart=%04d%02d%02d%02d%02d&periodEnd=%04d%02d%02d%02d%02d&in_Domain=%s&out_Domain=%s", 
-        "https://transparency.entsoe.eu/api", getToken(), 
+        "https://web-api.tp.entsoe.eu/api", getToken(), 
         d1.Year+1970, d1.Month, d1.Day, d1.Hour, 00,
         d2.Year+1970, d2.Month, d2.Day, d2.Hour, 00,
         config->area, config->area);
@@ -308,7 +308,7 @@ PricesContainer* EntsoeApi::fetchPrices(time_t t) {
     } else if(hub) {
         String data;
         snprintf(buf, BufferSize, "%s/%s/%d/%d/%d?currency=%s",
-            "http://ams2mqtt.rewiredinvent.no/hub/price",
+            "http://hub.amsleser.no/hub/price",
             config->area,
             tm.Year+1970,
             tm.Month,
@@ -334,7 +334,34 @@ PricesContainer* EntsoeApi::fetchPrices(time_t t) {
                 printD("Receiving data");
                 data = http.getString();
                 http.end();
-                lastError = 0;
+                
+                uint8_t* content = (uint8_t*) (data.c_str());
+                if(debugger->isActive(RemoteDebug::DEBUG)) {
+                    printD("Received content for prices:");
+                    debugPrint(content, 0, data.length());
+                }
+
+                DataParserContext ctx;
+                ctx.length = data.length();
+                GCMParser gcm(key, auth);
+                int8_t gcmRet = gcm.parse(content, ctx);
+                if(debugger->isActive(RemoteDebug::DEBUG)) {
+                    printD("Decrypted content for prices:");
+                    debugPrint(content, 0, data.length());
+                }
+                if(gcmRet > 0) {
+                    if(debugger->isActive(RemoteDebug::DEBUG)) debugger->printf("(EntsoeApi) Price data starting at: %d\n", gcmRet);
+                    PricesContainer* ret = new PricesContainer();
+                    memcpy(ret, content+gcmRet, sizeof(*ret));
+                    for(uint8_t i = 0; i < 24; i++) {
+                        ret->points[i] = ntohl(ret->points[i]);
+                    }
+                    lastError = 0;
+                    return ret;
+                } else {
+                    lastError = gcmRet;
+                    if(debugger->isActive(RemoteDebug::ERROR)) debugger->printf("(EntsoeApi) Error code while decrypting prices: %d\n", gcmRet);
+                }
             } else {
                 lastError = status;
                 if(debugger->isActive(RemoteDebug::ERROR)) debugger->printf("(EntsoeApi) Communication error, returned status: %d\n", status);
@@ -344,33 +371,6 @@ PricesContainer* EntsoeApi::fetchPrices(time_t t) {
                 http.end();
             }
         }
-        uint8_t* content = (uint8_t*) (data.c_str());
-        if(debugger->isActive(RemoteDebug::DEBUG)) {
-            printD("Received content for prices:");
-            debugPrint(content, 0, data.length());
-        }
-
-        DataParserContext ctx;
-        ctx.length = data.length();
-        GCMParser gcm(key, auth);
-        int8_t gcmRet = gcm.parse(content, ctx);
-        if(debugger->isActive(RemoteDebug::DEBUG)) {
-            printD("Decrypted content for prices:");
-            debugPrint(content, 0, data.length());
-        }
-        if(gcmRet > 0) {
-            if(debugger->isActive(RemoteDebug::DEBUG)) debugger->printf("(EntsoeApi) Price data starting at: %d\n", gcmRet);
-            PricesContainer* ret = new PricesContainer();
-            memcpy(ret, content+gcmRet, sizeof(*ret));
-            for(uint8_t i = 0; i < 24; i++) {
-                ret->points[i] = ntohl(ret->points[i]);
-            }
-            lastError = 0;
-            return ret;
-        } else {
-            lastError = gcmRet;
-            if(debugger->isActive(RemoteDebug::ERROR)) debugger->printf("(EntsoeApi) Error code while decrypting prices: %d\n", gcmRet);
-        }
     }
     return NULL;
 }

lib/HomeAssistantMqttHandler/include/HomeAssistantMqttHandler.h

@@ -31,6 +31,5 @@ private:
     String clientId;
     String topic;
     HwTools* hw;
-    uint8_t sequence = 0, listType = 0;
 };
 #endif

lib/HomeAssistantMqttHandler/include/HomeAssistantStatic.h

@@ -17,7 +17,7 @@ const uint8_t HA_SENSOR_COUNT PROGMEM = 60;
 HomeAssistantSensor HA_SENSORS[HA_SENSOR_COUNT] PROGMEM = {
     {"Status",                     "/state",   "rssi",              "dBm",  "signal_strength", "\"measurement\""},
     {"Supply volt",                "/state",   "vcc",               "V",    "voltage",         "\"measurement\""},
-    {"Temperature",                "/state",   "temp",              "C",    "temperature",     "\"measurement\""},
+    {"Temperature",                "/state",   "temp",              "°C",   "temperature",     "\"measurement\""},
     {"Active import",              "/power",   "P",                 "W",    "power",           "\"measurement\""},
     {"L1 active import",           "/power",   "P1",                "W",    "power",           "\"measurement\""},
     {"L2 active import",           "/power",   "P2",                "W",    "power",           "\"measurement\""},

lib/HomeAssistantMqttHandler/src/HomeAssistantMqttHandler.cpp

@@ -16,7 +16,6 @@ bool HomeAssistantMqttHandler::publish(AmsData* data, AmsData* previousState, En
 	if(topic.isEmpty() || !mqtt->connected())
 		return false;
 
-    listType = data->getListType(); // for discovery stuff in publishSystem()
     if(data->getListType() >= 3) { // publish energy counts
         snprintf_P(json, BufferSize, HA2_JSON,
             data->getActiveImportCounter(),
@@ -81,28 +80,30 @@ bool HomeAssistantMqttHandler::publish(AmsData* data, AmsData* previousState, En
         mqtt->publish(topic + "/power", json);
     }
 
-	String peaks = "";
-    uint8_t peakCount = ea->getConfig()->hours;
-    if(peakCount > 5) peakCount = 5;
-	for(uint8_t i = 1; i <= peakCount; i++) {
-		if(!peaks.isEmpty()) peaks += ",";
-		peaks += String(ea->getPeak(i).value / 100.0, 2);
-	}
-    snprintf_P(json, BufferSize, REALTIME_JSON,
-		ea->getMonthMax(),
-		peaks.c_str(),
-		ea->getCurrentThreshold(),
-		ea->getUseThisHour(),
-		ea->getCostThisHour(),
-		ea->getProducedThisHour(),
-		ea->getUseToday(),
-		ea->getCostToday(),
-		ea->getProducedToday(),
-		ea->getUseThisMonth(),
-		ea->getCostThisMonth(),
-		ea->getProducedThisMonth()
-    );
-    mqtt->publish(topic + "/realtime", json);
+    if(ea->isInitialized()) {
+        String peaks = "";
+        uint8_t peakCount = ea->getConfig()->hours;
+        if(peakCount > 5) peakCount = 5;
+        for(uint8_t i = 1; i <= peakCount; i++) {
+            if(!peaks.isEmpty()) peaks += ",";
+            peaks += String(ea->getPeak(i).value / 100.0, 2);
+        }
+        snprintf_P(json, BufferSize, REALTIME_JSON,
+            ea->getMonthMax(),
+            peaks.c_str(),
+            ea->getCurrentThreshold(),
+            ea->getUseThisHour(),
+            ea->getCostThisHour(),
+            ea->getProducedThisHour(),
+            ea->getUseToday(),
+            ea->getCostToday(),
+            ea->getProducedToday(),
+            ea->getUseThisMonth(),
+            ea->getCostThisMonth(),
+            ea->getProducedThisMonth()
+        );
+        mqtt->publish(topic + "/realtime", json);
+    }
 
     return true;
 }
@@ -192,6 +193,7 @@ bool HomeAssistantMqttHandler::publishPrices(EntsoeApi* eapi) {
 	}
 
 	char ts1hr[24];
+    memset(ts1hr, 0, 24);
 	if(min1hrIdx > -1) {
         time_t ts = now + (SECS_PER_HOUR * min1hrIdx);
         //Serial.printf("1hr: %d %lu\n", min1hrIdx, ts);
@@ -200,6 +202,7 @@ bool HomeAssistantMqttHandler::publishPrices(EntsoeApi* eapi) {
 		sprintf(ts1hr, "%04d-%02d-%02dT%02d:00:00Z", tm.Year+1970, tm.Month, tm.Day, tm.Hour);
 	}
 	char ts3hr[24];
+    memset(ts3hr, 0, 24);
 	if(min3hrIdx > -1) {
         time_t ts = now + (SECS_PER_HOUR * min3hrIdx);
         //Serial.printf("3hr: %d %lu\n", min3hrIdx, ts);
@@ -208,6 +211,7 @@ bool HomeAssistantMqttHandler::publishPrices(EntsoeApi* eapi) {
 		sprintf(ts3hr, "%04d-%02d-%02dT%02d:00:00Z", tm.Year+1970, tm.Month, tm.Day, tm.Hour);
 	}
 	char ts6hr[24];
+    memset(ts6hr, 0, 24);
 	if(min6hrIdx > -1) {
         time_t ts = now + (SECS_PER_HOUR * min6hrIdx);
         //Serial.printf("6hr: %d %lu\n", min6hrIdx, ts);
@@ -240,23 +244,19 @@ bool HomeAssistantMqttHandler::publishPrices(EntsoeApi* eapi) {
 }
 
 bool HomeAssistantMqttHandler::publishSystem(HwTools* hw, EntsoeApi* eapi, EnergyAccounting* ea) {
-	if(topic.isEmpty() || !mqtt->connected()){
-        sequence = 0;
+	if(topic.isEmpty() || !mqtt->connected())
 		return false;
-    }
 
-    if(sequence % 3 == 0){
-        snprintf_P(json, BufferSize, JSONSYS_JSON,
-            WiFi.macAddress().c_str(),
-            clientId.c_str(),
-            (uint32_t) (millis64()/1000),
-            hw->getVcc(),
-            hw->getWifiRssi(),
-            hw->getTemperature(),
-            VERSION
-        );
-        mqtt->publish(topic + "/state", json);
-    }
+    snprintf_P(json, BufferSize, JSONSYS_JSON,
+        WiFi.macAddress().c_str(),
+        clientId.c_str(),
+        (uint32_t) (millis64()/1000),
+        hw->getVcc(),
+        hw->getWifiRssi(),
+        hw->getTemperature(),
+        VERSION
+    );
+    mqtt->publish(topic + "/state", json);
 
     if(!autodiscoverInit) {
         #if defined(ESP8266)
@@ -315,6 +315,5 @@ bool HomeAssistantMqttHandler::publishSystem(HwTools* hw, EntsoeApi* eapi, Energ
 
         autodiscoverInit = true;
     }
-    if(listType>0) sequence++;
     return true;
 }

lib/HwTools/src/HwTools.cpp

@@ -119,68 +119,96 @@ void HwTools::getAdcChannel(uint8_t pin, AdcConfig& config) {
                 config.unit = ADC_UNIT_1;
                 config.channel = ADC1_CHANNEL_4;
                 break;
+            #if defined(ADC1_CHANNEL_5_GPIO_NUM)
             case ADC1_CHANNEL_5_GPIO_NUM:
                 config.unit = ADC_UNIT_1;
                 config.channel = ADC1_CHANNEL_5;
                 break;
+            #endif
+            #if defined(ADC1_CHANNEL_6_GPIO_NUM)
             case ADC1_CHANNEL_6_GPIO_NUM:
                 config.unit = ADC_UNIT_1;
                 config.channel = ADC1_CHANNEL_6;
                 break;
+            #endif
+            #if defined(ADC1_CHANNEL_7_GPIO_NUM)
             case ADC1_CHANNEL_7_GPIO_NUM:
                 config.unit = ADC_UNIT_1;
                 config.channel = ADC1_CHANNEL_7;
                 break;
-            #if defined(CONFIG_IDF_TARGET_ESP32S2)
+            #endif
+            #if defined(ADC1_CHANNEL_8_GPIO_NUM)
             case ADC1_CHANNEL_8_GPIO_NUM:
                 config.unit = ADC_UNIT_1;
                 config.channel = ADC1_CHANNEL_8;
                 break;
+            #endif
+            #if defined(ADC1_CHANNEL_9_GPIO_NUM)
             case ADC1_CHANNEL_9_GPIO_NUM:
                 config.unit = ADC_UNIT_1;
                 config.channel = ADC1_CHANNEL_9;
                 break;
             #endif
+            #if defined(ADC2_CHANNEL_0_GPIO_NUM)
             case ADC2_CHANNEL_0_GPIO_NUM:
                 config.unit = ADC_UNIT_2;
                 config.channel = ADC2_CHANNEL_0;
                 break;
+            #endif
+            #if defined(ADC2_CHANNEL_1_GPIO_NUM)
             case ADC2_CHANNEL_1_GPIO_NUM:
                 config.unit = ADC_UNIT_2;
                 config.channel = ADC2_CHANNEL_1;
                 break;
+            #endif
+            #if defined(ADC2_CHANNEL_2_GPIO_NUM)
             case ADC2_CHANNEL_2_GPIO_NUM:
                 config.unit = ADC_UNIT_2;
                 config.channel = ADC2_CHANNEL_2;
                 break;
+            #endif
+            #if defined(ADC2_CHANNEL_3_GPIO_NUM)
             case ADC2_CHANNEL_3_GPIO_NUM:
                 config.unit = ADC_UNIT_2;
                 config.channel = ADC2_CHANNEL_3;
                 break;
+            #endif
+            #if defined(ADC2_CHANNEL_4_GPIO_NUM)
             case ADC2_CHANNEL_4_GPIO_NUM:
                 config.unit = ADC_UNIT_2;
                 config.channel = ADC2_CHANNEL_4;
                 break;
+            #endif
+            #if defined(ADC2_CHANNEL_5_GPIO_NUM)
             case ADC2_CHANNEL_5_GPIO_NUM:
                 config.unit = ADC_UNIT_2;
                 config.channel = ADC2_CHANNEL_5;
                 break;
+            #endif
+            #if defined(ADC2_CHANNEL_6_GPIO_NUM)
             case ADC2_CHANNEL_6_GPIO_NUM:
                 config.unit = ADC_UNIT_2;
                 config.channel = ADC2_CHANNEL_6;
                 break;
+            #endif
+            #if defined(ADC2_CHANNEL_7_GPIO_NUM)
             case ADC2_CHANNEL_7_GPIO_NUM:
                 config.unit = ADC_UNIT_2;
                 config.channel = ADC2_CHANNEL_7;
                 break;
+            #endif
+            #if defined(ADC2_CHANNEL_8_GPIO_NUM)
             case ADC2_CHANNEL_8_GPIO_NUM:
                 config.unit = ADC_UNIT_2;
                 config.channel = ADC2_CHANNEL_8;
                 break;
+            #endif
+            #if defined(ADC2_CHANNEL_9_GPIO_NUM)
             case ADC2_CHANNEL_9_GPIO_NUM:
                 config.unit = ADC_UNIT_2;
                 config.channel = ADC2_CHANNEL_9;
                 break;
+            #endif
         }
     #endif
 }

lib/JsonMqttHandler/include/JsonMqttHandler.h

@@ -19,6 +19,5 @@ private:
     String clientId;
     String topic;
     HwTools* hw;
-    bool init = false;
 };
 #endif

lib/JsonMqttHandler/src/JsonMqttHandler.cpp

@@ -231,6 +231,7 @@ bool JsonMqttHandler::publishPrices(EntsoeApi* eapi) {
 	}
 
 	char ts1hr[24];
+    memset(ts1hr, 0, 24);
 	if(min1hrIdx > -1) {
         time_t ts = now + (SECS_PER_HOUR * min1hrIdx);
         //Serial.printf("1hr: %d %lu\n", min1hrIdx, ts);
@@ -239,6 +240,7 @@ bool JsonMqttHandler::publishPrices(EntsoeApi* eapi) {
 		sprintf(ts1hr, "%04d-%02d-%02dT%02d:00:00Z", tm.Year+1970, tm.Month, tm.Day, tm.Hour);
 	}
 	char ts3hr[24];
+    memset(ts3hr, 0, 24);
 	if(min3hrIdx > -1) {
         time_t ts = now + (SECS_PER_HOUR * min3hrIdx);
         //Serial.printf("3hr: %d %lu\n", min3hrIdx, ts);
@@ -247,6 +249,7 @@ bool JsonMqttHandler::publishPrices(EntsoeApi* eapi) {
 		sprintf(ts3hr, "%04d-%02d-%02dT%02d:00:00Z", tm.Year+1970, tm.Month, tm.Day, tm.Hour);
 	}
 	char ts6hr[24];
+    memset(ts6hr, 0, 24);
 	if(min6hrIdx > -1) {
         time_t ts = now + (SECS_PER_HOUR * min6hrIdx);
         //Serial.printf("6hr: %d %lu\n", min6hrIdx, ts);
@@ -279,7 +282,7 @@ bool JsonMqttHandler::publishPrices(EntsoeApi* eapi) {
 }
 
 bool JsonMqttHandler::publishSystem(HwTools* hw, EntsoeApi* eapi, EnergyAccounting* ea) {
-	if(init || topic.isEmpty() || !mqtt->connected())
+	if(topic.isEmpty() || !mqtt->connected())
 		return false;
 
     snprintf_P(json, BufferSize, JSONSYS_JSON,
@@ -291,6 +294,5 @@ bool JsonMqttHandler::publishSystem(HwTools* hw, EntsoeApi* eapi, EnergyAccounti
         hw->getTemperature(),
         VERSION
     );
-    init = mqtt->publish(topic, json);
-    return init;
+    return mqtt->publish(topic, json);
 }

lib/RawMqttHandler/src/RawMqttHandler.cpp

@@ -90,19 +90,21 @@ bool RawMqttHandler::publish(AmsData* data, AmsData* meterState, EnergyAccountin
                 mqtt->publish(topic + "/meter/import/active", String(data->getActiveImportPower()));
             }
     }
-    mqtt->publish(topic + "/realtime/import/hour", String(ea->getUseThisHour(), 3));
-    mqtt->publish(topic + "/realtime/import/day", String(ea->getUseToday(), 2));
-    mqtt->publish(topic + "/realtime/import/month", String(ea->getUseThisMonth(), 1));
-    uint8_t peakCount = ea->getConfig()->hours;
-    if(peakCount > 5) peakCount = 5;
-    for(uint8_t i = 1; i <= peakCount; i++) {
-        mqtt->publish(topic + "/realtime/import/peak/" + String(i, 10), String(ea->getPeak(i).value / 100.0, 10), true, 0);
+    if(ea->isInitialized()) {
+        mqtt->publish(topic + "/realtime/import/hour", String(ea->getUseThisHour(), 3));
+        mqtt->publish(topic + "/realtime/import/day", String(ea->getUseToday(), 2));
+        mqtt->publish(topic + "/realtime/import/month", String(ea->getUseThisMonth(), 1));
+        uint8_t peakCount = ea->getConfig()->hours;
+        if(peakCount > 5) peakCount = 5;
+        for(uint8_t i = 1; i <= peakCount; i++) {
+            mqtt->publish(topic + "/realtime/import/peak/" + String(i, 10), String(ea->getPeak(i).value / 100.0, 10), true, 0);
+        }
+        mqtt->publish(topic + "/realtime/import/threshold", String(ea->getCurrentThreshold(), 10), true, 0);
+        mqtt->publish(topic + "/realtime/import/monthmax", String(ea->getMonthMax(), 3), true, 0);
+        mqtt->publish(topic + "/realtime/export/hour", String(ea->getProducedThisHour(), 3));
+        mqtt->publish(topic + "/realtime/export/day", String(ea->getProducedToday(), 2));
+        mqtt->publish(topic + "/realtime/export/month", String(ea->getProducedThisMonth(), 1));
     }
-    mqtt->publish(topic + "/realtime/import/threshold", String(ea->getCurrentThreshold(), 10), true, 0);
-    mqtt->publish(topic + "/realtime/import/monthmax", String(ea->getMonthMax(), 3), true, 0);
-    mqtt->publish(topic + "/realtime/export/hour", String(ea->getProducedThisHour(), 3));
-    mqtt->publish(topic + "/realtime/export/day", String(ea->getProducedToday(), 2));
-    mqtt->publish(topic + "/realtime/export/month", String(ea->getProducedThisMonth(), 1));
     return true;
 }
 

lib/SvelteUi/app/.gitignore

@@ -8,8 +8,6 @@ pnpm-debug.log*
 lerna-debug.log*
 
 node_modules
-dist
-dist-ssr
 *.local
 
 # Editor directories and files

lib/SvelteUi/app/dist/favicon.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">
+   <title>Amsleser</title>
+   <g transform="translate(-29.5,-83)">
+      <circle r="4.8016944" cy="123.56455" cx="55.064552"
+         style="fill:none;stroke:#045c7c;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path d="m 41.298717,103.9049 a 24,24 0 0 1 27.531669,0"
+         style="fill:none;stroke:#045c7c;stroke-width:3.3;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path d="m 35.562952,95.713384 a 34,34 0 0 1 39.003199,-2e-6"
+         style="fill:none;stroke:#045c7c;stroke-width:3.3;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path d="m 47.034482,112.09642 a 14,14 0 0 1 16.06014,0"
+         style="fill:none;stroke:#045c7c;stroke-width:3.3;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <circle r="3" cy="105.99158" cx="38.181862"
+         style="fill:none;stroke:#045c7c;stroke-width:2.4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <circle r="3" cy="97.959579" cx="77.491386"
+         style="fill:none;stroke:#045c7c;stroke-width:2.4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+   </g>
+</svg>

lib/SvelteUi/app/dist/index.html

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" href="/favicon.svg">
+    <link rel="mask-icon" href="/favicon.svg" color="#000000">
+    <title>AMS reader</title>
+    <script type="module" crossorigin src="/index.js"></script>
+    <link rel="stylesheet" href="/index.css">
+  </head>
+  <body class="bg-gray-100">
+    <div id="app"></div>
+    
+  </body>
+</html>

lib/SvelteUi/app/src/App.svelte

@@ -64,6 +64,10 @@
   {#if sysinfo.upgrading}
   <Mask active=true message="Device is upgrading, please wait"/>
   {:else if sysinfo.booting}
-  <Mask active=true message="Device is booting, please wait"/>
+    {#if sysinfo.trying}
+      <Mask active=true message="Device is booting, please wait. Trying to reach it on {sysinfo.trying}"/>
+    {:else}
+      <Mask active=true message="Device is booting, please wait"/>
+    {/if}
   {/if}
 </div>

lib/SvelteUi/app/src/app.postcss

@@ -11,6 +11,10 @@
   @apply bg-white m-2 p-2 rounded shadow-lg
 }
 
+.gwf {
+  @apply 2xl:col-span-6 xl:col-span-5 lg:col-span-4 md:col-span-3 sm:col-span-2 h-64
+}
+
 .in-pre {
   @apply flex items-center bg-gray-100 rounded-l-md border border-r-0 border-gray-300 px-3 whitespace-nowrap text-sm
 }
@@ -38,25 +42,28 @@
   @apply text-right
 }
 
-.bd-grn {
+.bd-green {
   @apply my-auto bg-green-500 text-green-100 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded
 }
-.bd-ylo {
+.bd-yellow {
   @apply my-auto bg-yellow-500 text-yellow-100 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded
 }
 .bd-red {
   @apply my-auto bg-red-500 text-red-100 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded
 }
-.bd-blu {
+.bd-blue {
   @apply my-auto bg-blue-500 text-blue-100 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded
 }
-.bd-gry {
+.bd-gray {
   @apply my-auto bg-gray-500 text-gray-100 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded
 }
 
 .btn-pri {
   @apply py-2 px-4 rounded bg-blue-500 text-white mr-3
 }
+.btn-pri-sm {
+  @apply text-xs py-1 px-2 rounded bg-blue-500 text-white mr-3
+}
 
 .pl-root {
     position: relative;

lib/SvelteUi/app/src/lib/AccountingData.svelte

@@ -1,54 +1,68 @@
 <script>
+    import { fmtnum } from "./Helpers";
+
+
     export let data;
     export let currency;
+    export let hasExport;
 
-    let hasExport = data && (data.om || data.e > 0);
+    let cols = 3
+    $: {
+        cols = currency ? 3 : 2;
+    }
 </script>
 
 <div class="mx-2 text-sm">
     <strong>Real time calculation</strong>
-    
-    {#if data && data.h !== undefined}
-    <div class="flex">
-        <div>Hour</div>
-        <div class="flex-auto text-right">{data.h.u ? data.h.u.toFixed(2) : '-'} kWh {#if currency && (hasExport)}/ {data.h.c ? data.h.c.toFixed(2) : '-'} {currency}{/if}</div>
-    </div>
-    <div class="flex">
-        <div>Day</div>
-        <div class="flex-auto text-right">{data.d.u ? data.d.u.toFixed(1) : '-'} kWh {#if currency && (hasExport)}/ {data.d.c ? data.d.c.toFixed(2) : '-'} {currency}{/if}</div>
-    </div>
-    <div class="flex">
-        <div>Month</div>
-        <div class="flex-auto text-right">{data.m.u ? data.m.u.toFixed(0) : '-'} kWh {#if currency && (hasExport)}/ {data.m.c ? data.m.c.toFixed(2) : '-'} {currency}{/if}</div>
-    </div>
-    <div class="mt-4">
+    <br/><br/>
+
+    {#if data}
         {#if hasExport}
-        <div class="flex">
-            <div>Hour</div>
-            <div class="flex-auto text-right">{data.h.p ? data.h.p.toFixed(2) : '-'} kWh {#if currency}/ {data.h.i ? data.h.i.toFixed(2) : '-'} {currency}{/if}</div>
-        </div>
-        <div class="flex">
-            <div>Day</div>
-            <div class="flex-auto text-right">{data.d.p ? data.d.p.toFixed(1) : '-'} kWh {#if currency}/ {data.d.i ? data.d.i.toFixed(2) : '-'} {currency}{/if}</div>
-        </div>
-        <div class="flex">
-            <div>Month</div>
-            <div class="flex-auto text-right">{data.m.p ? data.m.p.toFixed(0) : '-'} kWh {#if currency}/ {data.m.i ? data.m.i.toFixed(2) : '-'} {currency}{/if}</div>
-        </div>
+            <strong>Import</strong>
+            <div class="grid grid-cols-{cols} mb-3">
+                <div>Hour</div>
+                <div class="text-right">{fmtnum(data.h.u,2)} kWh</div>
+                {#if currency}<div class="text-right">{fmtnum(data.h.c,2)} {currency}</div>{/if}
+                <div>Day</div>
+                <div class="text-right">{fmtnum(data.d.u,1)} kWh</div>
+                {#if currency}<div class="text-right">{fmtnum(data.d.c,1)} {currency}</div>{/if}
+                <div>Month</div>
+                <div class="text-right">{fmtnum(data.m.u)} kWh</div>
+                {#if currency}<div class="text-right">{fmtnum(data.m.c)} {currency}</div>{/if}
+            </div>
+            <strong>Export</strong>
+            <div class="grid grid-cols-{cols}">
+                <div>Hour</div>
+                <div class="text-right">{fmtnum(data.h.p,2)} kWh</div>
+                {#if currency}<div class="text-right">{fmtnum(data.h.i,2)} {currency}</div>{/if}
+                <div>Day</div>
+                <div class="text-right">{fmtnum(data.d.p,1)} kWh</div>
+                {#if currency}<div class="text-right">{fmtnum(data.d.i,1)} {currency}</div>{/if}
+                <div>Month</div>
+                <div class="text-right">{fmtnum(data.m.p)} kWh</div>
+                {#if currency}<div class="text-right">{fmtnum(data.m.i)} {currency}</div>{/if}
+            </div>
         {:else}
-        <div class="flex">
-            <div>Hour</div>
-            <div class="flex-auto text-right">{data.h.c ? data.h.c.toFixed(2) : '-'} {currency}</div>
-        </div>
-        <div class="flex">
-            <div>Day</div>
-            <div class="flex-auto text-right">{data.d.c ? data.d.c.toFixed(2) : '-'} {currency}</div>
-        </div>
-        <div class="flex">
-            <div>Month</div>
-            <div class="flex-auto text-right">{data.m.c ? data.m.c.toFixed(2) : '-'} {currency}</div>
-        </div>
+            <strong>Consumption</strong>
+            <div class="grid grid-cols-2 mb-3">
+                <div>Hour</div>
+                <div class="text-right">{fmtnum(data.h.u,2)} kWh</div>
+                <div>Day</div>
+                <div class="text-right">{fmtnum(data.d.u,1)} kWh</div>
+                <div>Month</div>
+                <div class="text-right">{fmtnum(data.m.u)} kWh</div>
+            </div>
+            {#if currency}
+                <strong>Cost</strong>
+                <div class="grid grid-cols-2">
+                    <div>Hour</div>
+                    <div class="text-right">{fmtnum(data.h.c,2)} {currency}</div>
+                    <div>Day</div>
+                    <div class="text-right">{fmtnum(data.d.c,1)} {currency}</div>
+                    <div>Month</div>
+                    <div class="text-right">{fmtnum(data.m.c)} {currency}</div>
+                </div>
+            {/if}
         {/if}
-    </div>
     {/if}
 </div>

lib/SvelteUi/app/src/lib/AmpPlot.svelte

@@ -1,6 +1,6 @@
 <script>
     import BarChart from './BarChart.svelte';
-    import { ampcol } from './Helpers.js';
+    import { ampcol, fmtnum } from './Helpers.js';
 
     export let u1;
     export let u2;
@@ -12,32 +12,28 @@
 
     let config = {};
 
+    function point(v) {
+        return {
+            label: fmtnum(v) +'A', 
+            value: isNaN(v) ? 0 : v, 
+            color: ampcol(v ? (v)/(max)*100 : 0) 
+        };
+    };
+
     $: {
         let xTicks = [];
         let points = [];
         if(u1 > 0) {
             xTicks.push({ label: 'L1' });
-            points.push({
-                label: i1 ? (i1 > 10 ? i1.toFixed(0) : i1.toFixed(1)) + 'A' : '-', 
-                value: i1 ? i1 : 0, 
-                color: ampcol(i1 ? (i1)/(max)*100 : 0) 
-            });
+            points.push(point(i1));
         }
         if(u2 > 0) {
             xTicks.push({ label: 'L2' });
-            points.push({
-                label: i2 ? (i2 > 10 ? i2.toFixed(0) : i2.toFixed(1)) + 'A' : '-', 
-                value: i2 ? i2 : 0, 
-                color: ampcol(i2 ? (i2)/(max)*100 : 0) 
-            });
+            points.push(point(i2));
         }
         if(u3 > 0) {
             xTicks.push({ label: 'L3' });
-            points.push({
-                label: i3 ? (i3 > 10 ? i3.toFixed(0) : i3.toFixed(1)) + 'A' : '-', 
-                value: i3 ? i3 : 0, 
-                color: ampcol(i3 ? (i3)/(max)*100 : 0) 
-            });
+            points.push(point(i3));
         }
         config = {
             padding: { top: 20, right: 15, bottom: 20, left: 35 },

lib/SvelteUi/app/src/lib/Badge.svelte

@@ -3,14 +3,4 @@
     export let title;
     export let text;
 </script>
-{#if color == 'green'}
-<span title={title} class="bd-grn">{text}</span>
-{:else if color === `yellow`}
-<span title={title} class="bd-ylo">{text}</span>
-{:else if color === `red`}
-<span title={title} class="bd-red">{text}</span>
-{:else if color === `blue`}
-<span title={title} class="bd-blu">{text}</span>
-{:else if color === `gray`}
-<span title={title} class="bd-gry">{text}</span>
-{/if}
+<span title={title} class="bd-{color}">{text}</span>

lib/SvelteUi/app/src/lib/BoardTypeSelectOptions.svelte

@@ -41,6 +41,12 @@
         <option value={50}>{boardtype(chip, 50)}</option>
     </optgroup>
 {/if}
+{#if chip == 'esp32c3'}
+    <optgroup label="Generic hardware">
+        <option value={71}>{boardtype(chip, 71)}</option>
+        <option value={70}>{boardtype(chip, 70)}</option>
+    </optgroup>
+{/if}
 {#if chip == 'esp32solo'}
     <optgroup label="Generic hardware">
         <option value={200}>{boardtype(chip, 200)}</option>

lib/SvelteUi/app/src/lib/ConfigurationPanel.svelte

@@ -1,16 +1,53 @@
 <script>
     import { getConfiguration, configurationStore } from './ConfigurationStore'
     import { sysinfoStore } from './DataStores.js';
+    import { wiki } from './Helpers.js';
     import UartSelectOptions from './UartSelectOptions.svelte';
     import Mask from './Mask.svelte'
     import Badge from './Badge.svelte';
     import HelpIcon from './HelpIcon.svelte';
     import CountrySelectOptions from './CountrySelectOptions.svelte';
     import { Link, navigate } from 'svelte-navigator';
+    import SubnetOptions from './SubnetOptions.svelte';
     
 
     export let sysinfo = {}
 
+    let uiElements = [{
+        name: 'Import gauge',
+        key: 'i'
+    },{
+        name: 'Export gauge',
+        key: 'e'
+    },{
+        name: 'Voltage',
+        key: 'v'
+    },{
+        name: 'Amperage',
+        key: 'a'
+    },{
+        name: 'Reactive',
+        key: 'r'
+    },{
+        name: 'Realtime',
+        key: 'c'
+    },{
+        name: 'Peaks',
+        key: 't'
+    },{
+        name: 'Price',
+        key: 'p'
+    },{
+        name: 'Day plot',
+        key: 'd'
+    },{
+        name: 'Month plot',
+        key: 'm'
+    },{
+        name: 'Temperature plot',
+        key: 's'
+    }];
+
     let loading = true;
     let saving = false;
 
@@ -67,8 +104,10 @@
     getConfiguration();
 
     let isFactoryReset = false;
+    let isFactoryResetComplete = false;
     async function factoryReset() {
         if(confirm("Are you sure you want to factory reset the device?")) {
+            isFactoryReset = true;
             const data = new URLSearchParams();
             data.append("perform", "true");
             const response = await fetch('/reset', {
@@ -76,7 +115,8 @@
                 body: data
             });
             let res = (await response.json());
-            isFactoryReset = res.success;
+            isFactoryReset = false;
+            isFactoryResetComplete = res.success;
         }
     }
 
@@ -129,22 +169,28 @@
             if(configuration.q.p == 8883) configuration.q.p = 1883;
         }
     }
+
+    let gpioMax = 44;
+    $: {
+        gpioMax = sysinfo.chip == 'esp8266' ? 16 : sysinfo.chip == 'esp32s2' ? 44 : 39;
+    }
 </script>
 
 <form on:submit|preventDefault={handleSubmit} autocomplete="off">
     <div class="grid xl:grid-cols-4 lg:grid-cols-2 md:grid-cols-2">
         <div class="cnt">
             <strong class="text-sm">General</strong>
+            <a href="{wiki('General-configuration')}" target="_blank" class="float-right"><HelpIcon/></a>
             <input type="hidden" name="g" value="true"/>
             <div class="my-1">
                 <div class="flex">
                     <div>
                         Hostname<br/>
-                        <input name="gh" bind:value={configuration.g.h} type="text" class="in-f w-full"/>
+                        <input name="gh" bind:value={configuration.g.h} type="text" class="in-f w-full" pattern="[A-Za-z0-9-]+"/>
                     </div>
                     <div>
                         Time zone<br/>
-                        <select name="gt" bind:value={configuration.g.t} class="in-l">
+                        <select name="gt" bind:value={configuration.g.t} class="in-l w-full">
                             <CountrySelectOptions/>
                         </select>
                     </div>
@@ -191,10 +237,9 @@
                     <div class="w-1/2">
                         Currency<br/>
                         <select name="pc" bind:value={configuration.p.c} class="in-f w-full">
-                            <option value="NOK">NOK</option>
-                            <option value="SEK">SEK</option>
-                            <option value="DKK">DKK</option>
-                            <option value="EUR">EUR</option>
+                            {#each ["NOK","SEK","DKK","EUR"] as c}
+                            <option value={c}>{c}</option>
+                            {/each}
                         </select>
                     </div>
                     <div class="w-1/2">
@@ -230,20 +275,16 @@
         </div>
         <div class="cnt">
             <strong class="text-sm">Meter</strong>
-            <a href="https://github.com/gskjold/AmsToMqttBridge/wiki/Meter-configuration" target="_blank" class="float-right"><HelpIcon/></a>
+            <a href="{wiki('Meter-configuration')}" target="_blank" class="float-right"><HelpIcon/></a>
             <input type="hidden" name="m" value="true"/>
             <div class="my-1">
                 <span>Serial configuration</span>
                 <div class="flex">
                     <select name="mb" bind:value={configuration.m.b} class="in-f">
                         <option value={0} disabled={configuration.m.b != 0}>Autodetect</option>
-                        <option value={2400}>2400</option>
-                        <option value={4800}>4800</option>
-                        <option value={9600}>9600</option>
-                        <option value={19200}>19200</option>
-                        <option value={38400}>38400</option>
-                        <option value={57600}>57600</option>
-                        <option value={115200}>115200</option>
+                        {#each [24,48,96,192,384,576,1152] as b}
+                        <option value={b*100}>{b*100}</option>
+                        {/each}
                     </select>
                     <select name="mp" bind:value={configuration.m.p} class="in-l" disabled={configuration.m.b == 0}>
                         <option value={0} disabled={configuration.m.b != 0}>-</option>
@@ -259,9 +300,8 @@
             <div class="my-1">
                 Voltage<br/>
                 <select name="md" bind:value={configuration.m.d} class="in-s">
-                    <option value={0}></option>
-                    <option value={1}>230V (IT/TT)</option>
                     <option value={2}>400V (TN)</option>
+                    <option value={1}>230V (IT/TT)</option>
                 </select>
             </div>
             <div class="my-1 flex">
@@ -320,7 +360,7 @@
         </div>
         <div class="cnt">
             <strong class="text-sm">WiFi</strong>
-            <a href="https://github.com/gskjold/AmsToMqttBridge/wiki/WiFi-configuration" target="_blank" class="float-right"><HelpIcon/></a>
+            <a href="{wiki('WiFi-configuration')}" target="_blank" class="float-right"><HelpIcon/></a>
             <input type="hidden" name="w" value="true"/>
             <div class="my-1">
                 SSID<br/>
@@ -354,7 +394,7 @@
         </div>
         <div class="cnt">
             <strong class="text-sm">Network</strong>
-            <a href="https://github.com/gskjold/AmsToMqttBridge/wiki/Network-configuration" target="_blank" class="float-right"><HelpIcon/></a>
+            <a href="{wiki('Network-configuration')}" target="_blank" class="float-right"><HelpIcon/></a>
             <div class="my-1">
                 IP<br/>
                 <div class="flex">
@@ -362,11 +402,9 @@
                         <option value="dhcp">DHCP</option>
                         <option value="static">Static</option>
                     </select>
-                    <input name="ni" bind:value={configuration.n.i} type="text" class="in-m w-full" disabled={configuration.n.m == 'dhcp'}/>
-                    <select name="ns" bind:value={configuration.n.s} class="in-l" disabled={configuration.n.m == 'dhcp'}>
-                        <option value="255.255.255.0">/24</option>
-                        <option value="255.255.0.0">/16</option>
-                        <option value="255.0.0.0">/8</option>
+                    <input name="ni" bind:value={configuration.n.i} type="text" class="in-m w-full" disabled={configuration.n.m == 'dhcp'} required={configuration.n.m == 'static'}/>
+                    <select name="ns" bind:value={configuration.n.s} class="in-l" disabled={configuration.n.m == 'dhcp'} required={configuration.n.m == 'static'}>
+                        <SubnetOptions/>
                     </select>
                 </div>
             </div>
@@ -396,7 +434,7 @@
         </div>
         <div class="cnt">
             <strong class="text-sm">MQTT</strong>
-            <a href="https://github.com/gskjold/AmsToMqttBridge/wiki/MQTT-configuration" target="_blank" class="float-right"><HelpIcon/></a>
+            <a href="{wiki('MQTT-configuration')}" target="_blank" class="float-right"><HelpIcon/></a>
             <input type="hidden" name="q" value="true"/>
             <div class="my-1">
                 Server
@@ -471,7 +509,7 @@
         {#if configuration.q.m == 3}
         <div class="cnt">
             <strong class="text-sm">Domoticz</strong>
-            <a href="https://github.com/gskjold/AmsToMqttBridge/wiki/MQTT-configuration#domoticz" target="_blank" class="float-right"><HelpIcon/></a>
+            <a href="{wiki('MQTT-configuration#domoticz')}" target="_blank" class="float-right"><HelpIcon/></a>
             <input type="hidden" name="o" value="true"/>
             <div class="my-1 flex">
                 <div class="w-1/2">
@@ -488,7 +526,7 @@
                 <div class="flex">
                     <input name="ou1" bind:value={configuration.o.u1} type="text" class="in-f tr w-1/3"/>
                     <input name="ou2" bind:value={configuration.o.u2} type="text" class="in-m tr w-1/3"/>
-                    <input name="ou2" bind:value={configuration.o.u3} type="text" class="in-l tr w-1/3"/>
+                    <input name="ou3" bind:value={configuration.o.u3} type="text" class="in-l tr w-1/3"/>
                 </div>
             </div>
         </div>
@@ -496,54 +534,16 @@
         {#if configuration.p.r.startsWith("10YNO") || configuration.p.r == '10Y1001A1001A48H'}
         <div class="cnt">
             <strong class="text-sm">Tariff thresholds</strong>
-            <a href="https://github.com/gskjold/AmsToMqttBridge/wiki/Threshold-configuration" target="_blank" class="float-right"><HelpIcon/></a>
+            <a href="{wiki('Threshold-configuration')}" target="_blank" class="float-right"><HelpIcon/></a>
             <input type="hidden" name="t" value="true"/>
             <div class="flex flex-wrap my-1">
+                {#each {length: 9} as _, i}
                 <label class="flex w-40 m-1">
-                    <span class="in-pre">1</span>
-                    <input name="t0" bind:value={configuration.t.t[0]} type="number" min="0" max="255" class="in-txt w-full"/>
-                    <span class="in-post">kWh</span>
-                </label>
-                <label class="flex w-40 m-1">
-                    <span class="in-pre">2</span>
-                    <input name="t1" bind:value={configuration.t.t[1]} type="number" min="0" max="255" class="in-txt w-full"/>
-                    <span class="in-post">kWh</span>
-                </label>
-                <label class="flex w-40 m-1">
-                    <span class="in-pre">3</span>
-                    <input name="t2" bind:value={configuration.t.t[2]} type="number" min="0" max="255" class="in-txt w-full"/>
-                    <span class="in-post">kWh</span>
-                </label>
-                <label class="flex w-40 m-1">
-                    <span class="in-pre">4</span>
-                    <input name="t3" bind:value={configuration.t.t[3]} type="number" min="0" max="255" class="in-txt w-full"/>
-                    <span class="in-post">kWh</span>
-                </label>
-                <label class="flex w-40 m-1">
-                    <span class="in-pre">5</span>
-                    <input name="t4" bind:value={configuration.t.t[4]} type="number" min="0" max="255" class="in-txt w-full"/>
-                    <span class="in-post">kWh</span>
-                </label>
-                <label class="flex w-40 m-1">
-                    <span class="in-pre">6</span>
-                    <input name="t5" bind:value={configuration.t.t[5]} type="number" min="0" max="255" class="in-txt w-full"/>
-                    <span class="in-post">kWh</span>
-                </label>
-                <label class="flex w-40 m-1">
-                    <span class="in-pre">7</span>
-                    <input name="t6" bind:value={configuration.t.t[6]} type="number" min="0" max="255" class="in-txt w-full"/>
-                    <span class="in-post">kWh</span>
-                </label>
-                <label class="flex w-40 m-1">
-                    <span class="in-pre">8</span>
-                    <input name="t7" bind:value={configuration.t.t[7]} type="number" min="0" max="255" class="in-txt w-full"/>
-                    <span class="in-post">kWh</span>
-                </label>
-                <label class="flex w-40 m-1">
-                    <span class="in-pre">9</span>
-                    <input name="t8" bind:value={configuration.t.t[8]} type="number" min="0" max="255" class="in-txt w-full"/>
+                    <span class="in-pre">{i+1}</span>
+                    <input name="t{i}" bind:value={configuration.t.t[i]} type="number" min="0" max="65535" class="in-txt w-full"/>
                     <span class="in-post">kWh</span>
                 </label>
+                {/each}
             </div>
             <label class="flex m-1">
                 <span class="in-pre">Average of</span>
@@ -554,102 +554,25 @@
         {/if}
         <div class="cnt">
             <strong class="text-sm">User interface</strong>
+            <a href="{wiki('User-interface')}" target="_blank" class="float-right"><HelpIcon/></a>
             <input type="hidden" name="u" value="true"/>
             <div class="flex flex-wrap">
-                <div class="w-1/2">
-                    Import gauge<br/>
-                    <select name="ui" bind:value={configuration.u.i} class="in-s">
-                        <option value={0}>Hide</option>
-                        <option value={1}>Show</option>
-                        <option value={2}>Dynamic</option>
-                    </select>
-                </div>
-                <div class="w-1/2">
-                    Export gauge<br/>
-                    <select name="ue" bind:value={configuration.u.e} class="in-s">
-                        <option value={0}>Hide</option>
-                        <option value={1}>Show</option>
-                        <option value={2}>Dynamic</option>
-                    </select>
-                </div>
-                <div class="w-1/2">
-                    Voltage<br/>
-                    <select name="uv" bind:value={configuration.u.v} class="in-s">
-                        <option value={0}>Hide</option>
-                        <option value={1}>Show</option>
-                        <option value={2}>Dynamic</option>
-                    </select>
-                </div>
-                <div class="w-1/2">
-                    Amperage<br/>
-                    <select name="ua" bind:value={configuration.u.a} class="in-s">
-                        <option value={0}>Hide</option>
-                        <option value={1}>Show</option>
-                        <option value={2}>Dynamic</option>
-                    </select>
-                </div>
-                <div class="w-1/2">
-                    Reactive<br/>
-                    <select name="ur" bind:value={configuration.u.r} class="in-s">
-                        <option value={0}>Hide</option>
-                        <option value={1}>Show</option>
-                        <option value={2}>Dynamic</option>
-                    </select>
-                </div>
-                <div class="w-1/2">
-                    Realtime<br/>
-                    <select name="uc" bind:value={configuration.u.c} class="in-s">
-                        <option value={0}>Hide</option>
-                        <option value={1}>Show</option>
-                        <option value={2}>Dynamic</option>
-                    </select>
-                </div>
-                <div class="w-1/2">
-                    Peaks<br/>
-                    <select name="ut" bind:value={configuration.u.t} class="in-s">
-                        <option value={0}>Hide</option>
-                        <option value={1}>Show</option>
-                        <option value={2}>Dynamic</option>
-                    </select>
-                </div>
-                <div class="w-1/2">
-                    Price<br/>
-                    <select name="up" bind:value={configuration.u.p} class="in-s">
-                        <option value={0}>Hide</option>
-                        <option value={1}>Show</option>
-                        <option value={2}>Dynamic</option>
-                    </select>
-                </div>
-                <div class="w-1/2">
-                    Day plot<br/>
-                    <select name="ud" bind:value={configuration.u.d} class="in-s">
-                        <option value={0}>Hide</option>
-                        <option value={1}>Show</option>
-                        <option value={2}>Dynamic</option>
-                    </select>
-                </div>
-                <div class="w-1/2">
-                    Month plot<br/>
-                    <select name="um" bind:value={configuration.u.m} class="in-s">
-                        <option value={0}>Hide</option>
-                        <option value={1}>Show</option>
-                        <option value={2}>Dynamic</option>
-                    </select>
-                </div>
-                <div class="w-1/2">
-                    Temperature plot<br/>
-                    <select name="us" bind:value={configuration.u.s} class="in-s">
-                        <option value={0}>Hide</option>
-                        <option value={1}>Show</option>
-                        <option value={2}>Dynamic</option>
-                    </select>
-                </div>
+                {#each uiElements as el}
+                    <div class="w-1/2">
+                        {el.name}<br/>
+                        <select name="u{el.key}" bind:value={configuration.u[el.key]} class="in-s">
+                            <option value={0}>Hide</option>
+                            <option value={1}>Show</option>
+                            <option value={2}>Dynamic</option>
+                        </select>
+                    </div>
+                {/each}
             </div>
         </div>
         {#if sysinfo.board > 20 || sysinfo.chip == 'esp8266'}
         <div class="cnt">
             <strong class="text-sm">Hardware</strong>
-            <a href="https://github.com/gskjold/AmsToMqttBridge/wiki/GPIO-configuration" target="_blank" class="float-right"><HelpIcon/></a>
+            <a href="{wiki('GPIO-configuration')}" target="_blank" class="float-right"><HelpIcon/></a>
             {#if sysinfo.board > 20}
             <input type="hidden" name="i" value="true"/>
             <div class="flex flex-wrap">
@@ -661,34 +584,34 @@
                 </div>
                 <div class="w-1/3">
                     AP button<br/>
-                    <input name="ia" bind:value={configuration.i.a} type="number" min="0" max={sysinfo.chip == 'esp8266' ? 16 : sysinfo.chip == 'esp32s2' ? 44 : 39} class="in-m tr w-full"/>
+                    <input name="ia" bind:value={configuration.i.a} type="number" min="0" max={gpioMax} class="in-m tr w-full"/>
                 </div>
                 <div class="w-1/3">
                     LED<label class="ml-4"><input name="ili" value="true" bind:checked={configuration.i.l.i} type="checkbox" class="rounded mb-1"/> inv</label><br/>
                     <div class="flex">
-                        <input name="ilp" bind:value={configuration.i.l.p} type="number" min="0" max={sysinfo.chip == 'esp8266' ? 16 : sysinfo.chip == 'esp32s2' ? 44 : 39} class="in-l tr w-full"/>
+                        <input name="ilp" bind:value={configuration.i.l.p} type="number" min="0" max={gpioMax} class="in-l tr w-full"/>
                     </div>
                 </div>
                 <div class="w-full">
                     RGB<label class="ml-4"><input name="iri" value="true" bind:checked={configuration.i.r.i} type="checkbox" class="rounded mb-1"/> inverted</label><br/>
                     <div class="flex">
-                        <input name="irr" bind:value={configuration.i.r.r} type="number" min="0" max={sysinfo.chip == 'esp8266' ? 16 : sysinfo.chip == 'esp32s2' ? 44 : 39} class="in-f tr w-1/3"/>
-                        <input name="irg" bind:value={configuration.i.r.g} type="number" min="0" max={sysinfo.chip == 'esp8266' ? 16 : sysinfo.chip == 'esp32s2' ? 44 : 39} class="in-m tr w-1/3"/>
-                        <input name="irb" bind:value={configuration.i.r.b} type="number" min="0" max={sysinfo.chip == 'esp8266' ? 16 : sysinfo.chip == 'esp32s2' ? 44 : 39} class="in-l tr w-1/3"/>
+                        <input name="irr" bind:value={configuration.i.r.r} type="number" min="0" max={gpioMax} class="in-f tr w-1/3"/>
+                        <input name="irg" bind:value={configuration.i.r.g} type="number" min="0" max={gpioMax} class="in-m tr w-1/3"/>
+                        <input name="irb" bind:value={configuration.i.r.b} type="number" min="0" max={gpioMax} class="in-l tr w-1/3"/>
                     </div>
                 </div>
                 <div class="my-1 w-1/3">
                     Temperature<br/>
-                    <input name="itd" bind:value={configuration.i.t.d} type="number" min="0" max={sysinfo.chip == 'esp8266' ? 16 : sysinfo.chip == 'esp32s2' ? 44 : 39} class="in-f tr w-full"/>
+                    <input name="itd" bind:value={configuration.i.t.d} type="number" min="0" max={gpioMax} class="in-f tr w-full"/>
                 </div>
                 <div class="my-1 pr-1 w-1/3">
                     Analog temp<br/>
-                    <input name="ita" bind:value={configuration.i.t.a} type="number" min="0" max={sysinfo.chip == 'esp8266' ? 16 : sysinfo.chip == 'esp32s2' ? 44 : 39} class="in-l tr w-full"/>
+                    <input name="ita" bind:value={configuration.i.t.a} type="number" min="0" max={gpioMax} class="in-l tr w-full"/>
                 </div>
                 {#if sysinfo.chip != 'esp8266'}
                 <div class="my-1 pl-1 w-1/3">
                     Vcc<br/>
-                    <input name="ivp" bind:value={configuration.i.v.p} type="number" min="0" max={sysinfo.chip == 'esp8266' ? 16 : sysinfo.chip == 'esp32s2' ? 44 : 39} class="in-s tr w-full"/>
+                    <input name="ivp" bind:value={configuration.i.v.p} type="number" min="0" max={gpioMax} class="in-s tr w-full"/>
                 </div>
                 {/if}
                 {#if configuration.i.v.p > 0}
@@ -764,4 +687,5 @@
 
 <Mask active={loading} message="Loading configuration"/>
 <Mask active={saving} message="Saving configuration"/>
-<Mask active={isFactoryReset} message="Device have been factory reset and switched to AP mode"/>
+<Mask active={isFactoryReset} message="Performing factory reset"/>
+<Mask active={isFactoryResetComplete} message="Device have been factory reset and switched to AP mode"/>

lib/SvelteUi/app/src/lib/ConsentComponent.svelte

@@ -2,6 +2,7 @@
     import { sysinfoStore } from './DataStores.js';
     import Mask from './Mask.svelte'
     import { navigate } from 'svelte-navigator';
+    import { wiki } from './Helpers';
 
     export let sysinfo = {}
 
@@ -41,7 +42,7 @@
             <hr/>
             <div class="my-3">
                 Enable one-click upgrade? (implies data collection)<br/>
-                <a href="https://github.com/gskjold/AmsToMqttBridge/wiki/Data-collection-on-one-click-firmware-upgrade" target="_blank" class="text-blue-600 hover:text-blue-800">Read more</a><br/>
+                <a href="{wiki('Data-collection-on-one-click-firmware-upgrade')}" target="_blank" class="text-blue-600 hover:text-blue-800">Read more</a><br/>
                 <label><input type="radio" name="sf" value={1} checked={sysinfo.fwconsent === 1} class="rounded m-2" required/> Yes</label><label><input type="radio" name="sf" value={2} checked={sysinfo.fwconsent === 2} class="rounded m-2" required/> No</label><br/>
             </div>
             <div class="my-3">

lib/SvelteUi/app/src/lib/Dashboard.svelte

@@ -1,6 +1,6 @@
 <script>
     import { pricesStore, dayPlotStore, monthPlotStore, temperaturesStore } from './DataStores.js';
-    import { metertype, uiVisibility } from './Helpers.js';
+    import { ampcol, exportcol, metertype, uiVisibility } from './Helpers.js';
     import PowerGauge from './PowerGauge.svelte';
     import VoltPlot from './VoltPlot.svelte';
     import AmpPlot from './AmpPlot.svelte';
@@ -32,23 +32,23 @@
     });
 </script>
 
-<div class="grid xl:grid-cols-6 lg:grid-cols-4  md:grid-cols-3 sm:grid-cols-2">
+<div class="grid 2xl:grid-cols-6 xl:grid-cols-5 lg:grid-cols-4 md:grid-cols-3 sm:grid-cols-2">
     {#if uiVisibility(sysinfo.ui.i, data.i)}
-    <div class="cnt">
-        <div class="grid grid-cols-2">
-            <div class="col-span-2">
-                <PowerGauge val={data.i ? data.i : 0} max={data.im} unit="W" label="Import" sub={data.p} subunit={prices.currency}/>
+        <div class="cnt">
+            <div class="grid grid-cols-2">
+                <div class="col-span-2">
+                    <PowerGauge val={data.i ? data.i : 0} max={data.im ? data.im : 15000} unit="W" label="Import" sub={data.p} subunit={prices.currency} colorFn={ampcol}/>
+                </div>
+                <div>{data.mt ? metertype(data.mt) : '-'}</div>
+                <div class="text-right">{data.ic ? data.ic.toFixed(1) : '-'} kWh</div>
             </div>
-            <div>{data.mt ? metertype(data.mt) : '-'}</div>
-            <div class="text-right">{data.ic ? data.ic.toFixed(1) : '-'} kWh</div>
         </div>
-    </div>
     {/if}
     {#if uiVisibility(sysinfo.ui.e, data.om || data.e > 0)}
         <div class="cnt">
             <div class="grid grid-cols-2">
                 <div class="col-span-2">
-                    <PowerGauge val={data.e ? data.e : 0} max={data.om ? data.om : 10000} unit="W" label="Export"/>
+                    <PowerGauge val={data.e ? data.e : 0} max={data.om ? data.om * 1000 : 10000} unit="W" label="Export" colorFn={exportcol}/>
                 </div>
                 <div></div>
                 <div class="text-right">{data.ec ? data.ec.toFixed(1) : '-'} kWh</div>
@@ -56,48 +56,48 @@
         </div>
     {/if}
     {#if uiVisibility(sysinfo.ui.v, data.u1 > 100 || data.u2 > 100 || data.u3 > 100)}
-    <div class="cnt">
-        <VoltPlot u1={data.u1} u2={data.u2} u3={data.u3} ds={data.ds}/>
-    </div>
+        <div class="cnt">
+            <VoltPlot u1={data.u1} u2={data.u2} u3={data.u3} ds={data.ds}/>
+        </div>
     {/if}
     {#if uiVisibility(sysinfo.ui.a, data.i1 > 0.01 || data.i2 > 0.01 || data.i3 > 0.01)}
-    <div class="cnt">
-        <AmpPlot u1={data.u1} u2={data.u2} u3={data.u3} i1={data.i1} i2={data.i2} i3={data.i3} max={data.mf ? data.mf : 32}/>
-    </div>
+        <div class="cnt">
+            <AmpPlot u1={data.u1} u2={data.u2} u3={data.u3} i1={data.i1} i2={data.i2} i3={data.i3} max={data.mf ? data.mf : 32}/>
+        </div>
     {/if}
     {#if uiVisibility(sysinfo.ui.r, data.ri > 0 || data.re > 0 || data.ric > 0 || data.rec > 0)}
-    <div class="cnt">
-        <ReactiveData importInstant={data.ri} exportInstant={data.re} importTotal={data.ric} exportTotal={data.rec}/>
-    </div>
+        <div class="cnt">
+            <ReactiveData importInstant={data.ri} exportInstant={data.re} importTotal={data.ric} exportTotal={data.rec}/>
+        </div>
     {/if}
     {#if uiVisibility(sysinfo.ui.c, data.ea)}
-    <div class="cnt">
-        <AccountingData data={data.ea} currency={prices.currency}/>
-    </div>
+        <div class="cnt">
+            <AccountingData data={data.ea} currency={prices.currency} hasExport={data.om > 0 || data.e > 0}/>
+        </div>
     {/if}
-    {#if data && data.pr && (data.pr.startsWith("10YNO") || data.pr == '10Y1001A1001A48H')}
-    <div class="cnt h-64">
-        <TariffPeakChart />
-    </div>
+    {#if uiVisibility(sysinfo.ui.t, data.pr && (data.pr.startsWith("10YNO") || data.pr == '10Y1001A1001A48H'))}
+        <div class="cnt h-64">
+            <TariffPeakChart />
+        </div>
     {/if}
     {#if uiVisibility(sysinfo.ui.p, (typeof data.p == "number") && !Number.isNaN(data.p))}
-        <div class="cnt xl:col-span-6 lg:col-span-4 md:col-span-3 sm:col-span-2 h-64">
+        <div class="cnt gwf">
             <PricePlot json={prices}/>
         </div>
     {/if}
     {#if uiVisibility(sysinfo.ui.d, dayPlot)}
-    <div class="cnt xl:col-span-6 lg:col-span-4 md:col-span-3 sm:col-span-2 h-64">
-        <DayPlot json={dayPlot} />
-    </div>
+        <div class="cnt gwf">
+            <DayPlot json={dayPlot} />
+        </div>
     {/if}
     {#if uiVisibility(sysinfo.ui.m, monthPlot)}
-    <div class="cnt xl:col-span-6 lg:col-span-4 md:col-span-3 sm:col-span-2 h-64">
-        <MonthPlot json={monthPlot} />
-    </div>
+        <div class="cnt gwf">
+            <MonthPlot json={monthPlot} />
+        </div>
     {/if}
     {#if uiVisibility(sysinfo.ui.s, data.t && data.t != -127 && temperatures.c > 1)}
-    <div class="cnt xl:col-span-6 lg:col-span-4 md:col-span-3 sm:col-span-2 h-64">
-        <TemperaturePlot json={temperatures} />
-    </div>
+        <div class="cnt gwf">
+            <TemperaturePlot json={temperatures} />
+        </div>
     {/if}
 </div>

lib/SvelteUi/app/src/lib/DataStores.js

@@ -25,7 +25,8 @@ let sysinfo = {
     booting: false,
     upgrading: false,
     ui: {},
-    security: 0
+    security: 0,
+    trying: null
 };
 export const sysinfoStore = writable(sysinfo);
 export async function getSysinfo() {
@@ -177,7 +178,7 @@ let releases = [];
 export const gitHubReleaseStore = writable(releases);
 
 export async function getGitHubReleases() {
-    const response = await fetchWithTimeout("https://api.github.com/repos/gskjold/AmsToMqttBridge/releases");
+    const response = await fetchWithTimeout("https://api.github.com/repos/UtilitechAS/amsreader-firmware/releases");
     releases = (await response.json())
     gitHubReleaseStore.set(releases);
 };

lib/SvelteUi/app/src/lib/Header.svelte

@@ -1,8 +1,8 @@
 <script>
     import { Link } from "svelte-navigator";
     import { sysinfoStore, getGitHubReleases, gitHubReleaseStore } from './DataStores.js';
-    import { upgrade, getNextVersion } from './UpgradeHelper';
-    import { boardtype, hanError, mqttError, priceError, isBusPowered } from './Helpers.js';
+    import { upgrade, getNextVersion, upgradeWarningText } from './UpgradeHelper';
+    import { boardtype, hanError, mqttError, priceError, isBusPowered, wiki, bcol } from './Helpers.js';
     import AmsleserSvg from "./../assets/favicon.svg";
     import GitHubLogo from './../assets/github.svg';
     import Uptime from "./Uptime.svelte";
@@ -20,7 +20,7 @@
  
     function askUpgrade() {
         if(confirm('Do you want to upgrade this device to ' + nextVersion.tag_name + '?')) {
-          if(!isBusPowered(sysinfo.board) || confirm('WARNING: ' + boardtype(sysinfo.chip, sysinfo.board) + ' must be connected to an external power supply during firmware upgrade. Failure to do so may cause power-down during upload resulting in non-functioning unit.')) {
+          if(!isBusPowered(sysinfo.board) || confirm(upgradeWarningText(boardtype(sysinfo.chip, sysinfo.board)))) {
                 sysinfoStore.update(s => {
                     s.upgrading = true;
                     return s;
@@ -54,10 +54,10 @@
           <div class="flex-none my-auto">Free mem: {data.m ? (data.m/1000).toFixed(1) : '-'}kb</div>
         </div>
         <div class="flex-auto flex-wrap my-auto justify-center p-2">
-          <Badge title="ESP" text={sysinfo.booting ? 'Booting' : data.v > 2.0 ? data.v.toFixed(2)+"V" : "ESP"} color={sysinfo.booting ? 'yellow' : data.em === 1 ? 'green' : data.em === 2 ? 'yellow' : data.em === 3 ? 'red' : 'gray'}/>
-          <Badge title="HAN" text="HAN" color={sysinfo.booting ? 'gray' : data.hm === 1 ? 'green' : data.hm === 2 ? 'yellow' : data.hm === 3 ? 'red' : 'gray'}/>
-          <Badge title="WiFi" text={data.r ? data.r.toFixed(0)+"dBm" : "WiFi"} color={sysinfo.booting ? 'gray' : data.wm === 1 ? 'green' : data.wm === 2 ? 'yellow' : data.wm === 3 ? 'red' : 'gray'}/>
-          <Badge title="MQTT" text="MQTT" color={sysinfo.booting ? 'gray' : data.mm === 1 ? 'green' : data.mm === 2 ? 'yellow' : data.mm === 3 ? 'red' : 'gray'}/>
+          <Badge title="ESP" text={sysinfo.booting ? 'Booting' : data.v > 2.0 ? data.v.toFixed(2)+"V" : "ESP"} color={bcol(sysinfo.booting ? 2 : data.em)}/>
+          <Badge title="HAN" text="HAN" color={bcol(sysinfo.booting ? 9 : data.hm)}/>
+          <Badge title="WiFi" text={data.r ? data.r.toFixed(0)+"dBm" : "WiFi"} color={bcol(sysinfo.booting ? 9 : data.wm)}/>
+          <Badge title="MQTT" text="MQTT" color={bcol(sysinfo.booting ? 9 : data.mm)}/>
         </div>
         {#if data.he < 0 || data.he > 0}
         <div class="bd-red">{ 'HAN: ' + hanError(data.he) }</div>
@@ -70,7 +70,7 @@
         {/if}
       <div class="flex-auto p-2 flex flex-row-reverse flex-wrap">
           <div class="flex-none">
-            <a class="float-right" href='https://github.com/gskjold/AmsToMqttBridge' target='_blank' rel="noreferrer" aria-label="GitHub"><img class="gh-logo" src={GitHubLogo} alt="GitHub repo"/></a>
+            <a class="float-right" href='https://github.com/UtilitechAS/amsreader-firmware' target='_blank' rel="noreferrer" aria-label="GitHub"><img class="gh-logo" src={GitHubLogo} alt="GitHub repo"/></a>
           </div>
           <div class="flex-none my-auto px-2">
             <Clock timestamp={ data.c ? new Date(data.c * 1000) : new Date(0) } />
@@ -84,7 +84,7 @@
           </div>
           {/if}
           <div class="flex-none px-1 mt-1" title="Documentation">
-            <a href="https://github.com/gskjold/AmsToMqttBridge/wiki" target='_blank' rel="noreferrer"><HelpIcon/></a>
+            <a href={wiki('')} target='_blank' rel="noreferrer"><HelpIcon/></a>
           </div>
           {#if sysinfo.fwconsent === 1 && nextVersion}
           <div class="flex-none mr-3 text-yellow-500" title="New version: {nextVersion.tag_name}">

lib/SvelteUi/app/src/lib/Helpers.js

@@ -1,15 +1,14 @@
 export let monthnames = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
 
-export function voltcol(pct) {
-    if(pct > 85) return '#d90000';
-    else if(pct > 75) return'#e32100';
-    else if(pct > 70) return '#ffb800';
-    else if(pct > 65) return '#dcd800';
-    else if(pct > 35) return '#32d900';
-    else if(pct > 25) return '#dcd800';
-    else if(pct > 20) return '#ffb800';
-    else if(pct > 15) return'#e32100';
-    else return '#d90000';
+export function bcol(num) {
+    return num === 1 ? 'green' : num === 2 ? 'yellow' : num === 3 ? 'red' : 'gray';
+}
+
+export function voltcol(volt) {
+    if(volt > 218 && volt < 242) return '#32d900';
+    if(volt > 212 && volt < 248) return '#b1d900';
+    if(volt > 208 && volt < 252) return '#ffb800';
+    return '#d90000';
 };
 
 export function ampcol(pct) {
@@ -20,6 +19,13 @@ export function ampcol(pct) {
     else return '#32d900';
 };
 
+export function exportcol(pct) {
+    if(pct > 75) return '#32d900';
+    else if(pct > 50) return '#77d900';
+    else if(pct > 25) return '#94d900';
+    else return '#dcd800';
+};
+
 export function metertype(mt) {
     switch(mt) {
         case 1:
@@ -89,6 +95,10 @@ export function boardtype(c, b) {
             return "Wemos D1 mini";
         case 100:
             return "Generic ESP8266";
+        case 70:
+            return "Generic ESP32-C3";
+        case 71:
+            return "ESP32-C3-DevKitM-1";
     }
 }
 
@@ -132,6 +142,8 @@ export function priceError(err) {
             return "Unauthorized, check API key";
         case 404:
             return "Price unavailable, not found";
+        case 425:
+            return "Server says its too early";
         case 500:
             return "Internal server error";
         case -2: return "Incomplete data received";
@@ -158,3 +170,14 @@ export function isBusPowered(boardType) {
 export function uiVisibility(choice, state) {
     return choice == 1 || (choice == 2 && state);
 }
+
+export function wiki(page) {
+    return "https://github.com/UtilitechAS/amsreader-firmware/wiki/" + page;
+}
+
+export function fmtnum(v,d) {
+    if(isNaN(v)) return '-';
+    if(isNaN(d))
+        d = v < 10 ? 1 : 0;
+    return v.toFixed(d);
+}

lib/SvelteUi/app/src/lib/PowerGauge.svelte

@@ -1,6 +1,5 @@
 <script>
     import PowerGaugeSvg from './PowerGaugeSvg.svelte';
-    import { ampcol } from './Helpers.js';
 
     export let val;
     export let max;
@@ -8,10 +7,16 @@
     export let label;
     export let sub = "";
     export let subunit = "";
+    export let colorFn;
+
+    let pct = 0;
+    $: {
+        pct = (Math.min(val,max)/max) * 100
+    }
 </script>
 
 <div class="pl-root">
-    <PowerGaugeSvg pct={val/max * 100} color={ampcol(val/max * 100)}/>
+    <PowerGaugeSvg pct={pct} color={colorFn(pct)}/>
     <span class="pl-ov">
         <span class="pl-lab">{label}</span>
         <br/>

lib/SvelteUi/app/src/lib/ReactiveData.svelte

@@ -5,8 +5,8 @@
     export let exportTotal;
 </script>
 
-<div class="mx-2">
-    <strong class="text-sm">Reactive</strong>
+<div class="mx-2 text-sm">
+    <strong>Reactive</strong>
     
     <div class="grid grid-cols-2 mt-4">
         <div>Instant in</div>

lib/SvelteUi/app/src/lib/SetupPanel.svelte

@@ -1,6 +1,7 @@
 <script>
     import { sysinfoStore } from './DataStores.js';
     import Mask from './Mask.svelte'
+    import SubnetOptions from './SubnetOptions.svelte';
 
     export let sysinfo = {}
 
@@ -12,7 +13,15 @@
         var url = "";
         tries++;
 
+        var retry = function() {
+            setTimeout(scanForDevice, 1000);
+        };
+
         if(sysinfo.net.ip && tries%3 == 0) {
+            if(!sysinfo.net.ip) {
+                retry();
+                return;
+            };
             url = "http://" + sysinfo.net.ip;
         } else if(sysinfo.hostname && tries%3 == 1) {
             url = "http://" + sysinfo.hostname;
@@ -22,10 +31,10 @@
             url = "";
         }
         if(console) console.log("Trying url " + url);
-
-        var retry = function() {
-            setTimeout(scanForDevice, 1000);
-        };
+        sysinfoStore.update(s => {
+            s.trying = url;
+            return s;
+        });
         
         var xhr = new XMLHttpRequest();
         xhr.timeout = 5000;
@@ -42,12 +51,10 @@
     async function handleSubmit(e) {
         loadingOrSaving = true;
         const formData = new FormData(e.target);
-        let hostname = sysinfo.hostname;
         const data = new URLSearchParams();
         for (let field of formData) {
             const [key, value] = field;
 			data.append(key, value)
-            if(key == 'sh') hostname = value;
         }
 
         const response = await fetch('/save', {
@@ -58,9 +65,15 @@
         loadingOrSaving = false;
 
         sysinfoStore.update(s => {
-            s.hostname = hostname;
+            s.hostname = formData.get('sh');
             s.usrcfg = res.success;
             s.booting = res.reboot;
+            if(staticIp) {
+                s.net.ip = formData.get('si');
+                s.net.mask = formData.get('su');
+                s.net.gw = formData.get('sg');
+                s.net.dns1 = formData.get('sd');
+            }
             setTimeout(scanForDevice, 5000);
             return s;
         });
@@ -70,20 +83,20 @@
 
 <div class="grid xl:grid-cols-4 lg:grid-cols-3 md:grid-cols-2">
     <div class="cnt">
-        <form on:submit|preventDefault={handleSubmit} autocomplete="off">
+        <form on:submit|preventDefault={handleSubmit}>
             <input type="hidden" name="s" value="true"/>
             <strong class="text-sm">Setup</strong>
             <div class="my-3">
                 SSID<br/>
-                <input name="ss" type="text" class="in-s"/>
+                <input name="ss" type="text" class="in-s" required/>
             </div>
             <div class="my-3">
                 PSK<br/>
-                <input name="sp" type="password" class="in-s"/>
+                <input name="sp" type="password" class="in-s" autocomplete="off"/>
             </div>
             <div>
-                Hostname:
-                <input name="sh" bind:value={sysinfo.hostname} type="text" class="in-s" maxlength="32" pattern="[a-z0-9_-]+" placeholder="Optional, ex.: ams-reader"/>
+                Hostname
+                <input name="sh" bind:value={sysinfo.hostname} type="text" class="in-s" maxlength="32" pattern="[a-z0-9_-]+" placeholder="Optional, ex.: ams-reader" autocomplete="off"/>
             </div>
             <div class="my-3">
                 <label><input type="checkbox" name="sm" value="static" class="rounded mb-1" bind:checked={staticIp} /> Static IP</label>
@@ -92,9 +105,7 @@
                 <div class="flex">
                     <input name="si" type="text" class="in-f w-full" required={staticIp}/>
                     <select name="su" class="in-l" required={staticIp}>
-                        <option value="255.255.255.0">/24</option>
-                        <option value="255.255.0.0">/16</option>
-                        <option value="255.0.0.0">/8</option>
+                        <SubnetOptions/>
                     </select>
                 </div>
                 {/if}

lib/SvelteUi/app/src/lib/StatusPage.svelte

@@ -1,13 +1,42 @@
 <script>
     import { metertype, boardtype, isBusPowered } from './Helpers.js';
     import { getSysinfo, gitHubReleaseStore, sysinfoStore } from './DataStores.js';
-    import { upgrade, getNextVersion } from './UpgradeHelper';
+    import { upgrade, getNextVersion, upgradeWarningText } from './UpgradeHelper';
     import DownloadIcon from './DownloadIcon.svelte';
     import { Link } from 'svelte-navigator';
     import Mask from './Mask.svelte';
   
     export let data;
     export let sysinfo;
+
+    let cfgItems = [{
+        name: 'WiFi',
+        key: 'iw'
+    },{
+        name: 'MQTT',
+        key: 'im'
+    },{
+        name: 'Web',
+        key: 'ie'
+    },{
+        name: 'Meter',
+        key: 'it'
+    },{
+        name: 'Thresholds',
+        key: 'ih'
+    },{
+        name: 'GPIO',
+        key: 'ig'
+    },{
+        name: 'Domoticz',
+        key: 'id'
+    },{
+        name: 'NTP',
+        key: 'in'
+    },{
+        name: 'Price API',
+        key: 'is'
+    }];
   
     let nextVersion = {};
     gitHubReleaseStore.subscribe(releases => {
@@ -19,7 +48,7 @@
  
     function askUpgrade() {
         if(confirm('Do you want to upgrade this device to ' + nextVersion.tag_name + '?')) {
-            if((sysinfo.board != 2 && sysinfo.board != 4 && sysinfo.board != 7) || confirm('WARNING: ' + boardtype(sysinfo.chip, sysinfo.board) + ' must be connected to an external power supply during firmware upgrade. Failure to do so may cause power-down during upload resulting in non-functioning unit.')) {
+            if((sysinfo.board != 2 && sysinfo.board != 4 && sysinfo.board != 7) || confirm(upgradeWarningText(boardtype(sysinfo.chip, sysinfo.board)))) {
                 sysinfoStore.update(s => {
                     s.upgrading = true;
                     return s;
@@ -64,7 +93,7 @@
             Chip: {sysinfo.chip}
         </div>
         <div class="my-2">
-            Device: {boardtype(sysinfo.chip, sysinfo.board)}
+            Device: <Link to="/vendor">{boardtype(sysinfo.chip, sysinfo.board)}</Link>
         </div>
         <div class="my-2">
             MAC: {sysinfo.mac}
@@ -76,7 +105,7 @@
         {/if}
         <div class="my-2">
             <Link to="/consent">
-                <span class="text-xs py-1 px-2 rounded bg-blue-500 text-white mr-3 ">Update consents</span>
+                <span class="btn-pri-sm">Update consents</span>
             </Link>
             <button on:click={askReboot} class="text-xs py-1 px-2 rounded bg-yellow-500 text-white mr-3 float-right">Reboot</button>
         </div>
@@ -108,7 +137,7 @@
             Gateway: {sysinfo.net.gw}
         </div>
         <div class="my-2">
-            DNS: {sysinfo.net.dns1} {#if sysinfo.net.dns2 && sysinfo.net.dns2 != '0.0.0.0'}/ {sysinfo.net.dns2}{/if}
+            DNS: {sysinfo.net.dns1} {#if sysinfo.net.dns2}/ {sysinfo.net.dns2}{/if}
         </div>
     </div>
     {/if}
@@ -129,13 +158,13 @@
             </div>
             {#if sysinfo.fwconsent === 2}
             <div class="my-2">
-                <div class="bd-ylo">You have disabled one-click firmware upgrade, link to self-upgrade is disabled</div>
+                <div class="bd-yellow">You have disabled one-click firmware upgrade, link to self-upgrade is disabled</div>
             </div>
             {/if}
         {/if}
         {#if (sysinfo.security == 0 || data.a) && isBusPowered(sysinfo.board) }
         <div class="bd-red">
-            {boardtype(sysinfo.chip, sysinfo.board)} must be connected to an external power supply during firmware upgrade. Failure to do so may cause power-down during upload resulting in non-functioning unit. 
+            {upgradeWarningText(boardtype(sysinfo.chip, sysinfo.board))}
         </div>
         {/if}
         {#if sysinfo.security == 0 || data.a}
@@ -143,10 +172,10 @@
             <form action="/firmware" enctype="multipart/form-data" method="post" on:submit={() => firmwareUploading=true} autocomplete="off">
                 <input style="display:none" name="file" type="file" accept=".bin" bind:this={firmwareFileInput} bind:files={firmwareFiles}>
                 {#if firmwareFiles.length == 0}
-                <button type="button" on:click={()=>{firmwareFileInput.click();}} class="text-xs py-1 px-2 rounded bg-blue-500 text-white float-right mr-3">Select firmware file for upgrade</button>
+                <button type="button" on:click={()=>{firmwareFileInput.click();}} class="btn-pri-sm float-right">Select firmware file for upgrade</button>
                 {:else}
                 {firmwareFiles[0].name}
-                <button type="submit" class="ml-2 text-xs py-1 px-2 rounded bg-blue-500 text-white float-right mr-3">Upload</button>
+                <button type="submit" class="btn-pri-sm float-right">Upload</button>
                 {/if}
             </form>
         </div>
@@ -154,31 +183,25 @@
     </div>
     {#if sysinfo.security == 0 || data.a}
     <div class="cnt">
-        <strong class="text-sm">Configuration</strong>
+        <strong class="text-sm">Backup & restore</strong>
         <form method="get" action="/configfile.cfg" autocomplete="off">
             <div class="grid grid-cols-2">
-                <label class="my-1 mx-3"><input type="checkbox" class="rounded" name="iw" value="true" checked/> WiFi</label>
-                <label class="my-1 mx-3"><input type="checkbox" class="rounded" name="im" value="true" checked/> MQTT</label>
-                <label class="my-1 mx-3"><input type="checkbox" class="rounded" name="ie" value="true" checked/> Web</label>
-                <label class="my-1 mx-3"><input type="checkbox" class="rounded" name="it" value="true" checked/> Meter</label>
-                <label class="my-1 mx-3"><input type="checkbox" class="rounded" name="ih" value="true" checked/> Thresholds</label>
-                <label class="my-1 mx-3"><input type="checkbox" class="rounded" name="ig" value="true" checked/> GPIO</label>
-                <label class="my-1 mx-3"><input type="checkbox" class="rounded" name="id" value="true" checked/> Domoticz</label>
-                <label class="my-1 mx-3"><input type="checkbox" class="rounded" name="in" value="true" checked/> NTP</label>
-                <label class="my-1 mx-3"><input type="checkbox" class="rounded" name="is" value="true" checked/> Price API</label>
+                {#each cfgItems as el}
+                    <label class="my-1 mx-3"><input type="checkbox" class="rounded" name="{el.key}" value="true" checked/> {el.name}</label>
+                {/each}
                 <label class="my-1 mx-3 col-span-2"><input type="checkbox" class="rounded" name="ic" value="true"/> Include Secrets<br/><small>(SSID, PSK, passwords and tokens)</small></label>
             </div>
             {#if configFiles.length == 0}
-            <button type="submit" class="ml-2 text-xs py-1 px-2 rounded bg-blue-500 text-white float-right mr-3">Download</button>
+            <button type="submit" class="btn-pri-sm float-right">Download</button>
             {/if}
         </form>
         <form action="/configfile" enctype="multipart/form-data" method="post" on:submit={() => configUploading=true} autocomplete="off">
             <input style="display:none" name="file" type="file" accept=".cfg" bind:this={configFileInput} bind:files={configFiles}>
             {#if configFiles.length == 0}
-            <button type="button" on:click={()=>{configFileInput.click();}} class="text-xs py-1 px-2 rounded bg-blue-500 text-white mr-3">Select file...</button>
+            <button type="button" on:click={()=>{configFileInput.click();}} class="btn-pri-sm">Select file...</button>
             {:else}
             {configFiles[0].name}
-            <button type="submit" class="ml-2 text-xs py-1 px-2 rounded bg-blue-500 text-white mr-3">Upload</button>
+            <button type="submit" class="btn-pri-sm">Upload</button>
             {/if}
         </form>
     </div>

lib/SvelteUi/app/src/lib/SubnetOptions.svelte

@@ -0,0 +1,16 @@
+<optgroup label="Most common is /24 (255.255.255.0)">
+    <option value="255.255.255.0">/24</option>
+</optgroup>
+<optgroup label="Smaller subnets">
+    <option value="255.255.255.128">/25</option>
+    <option value="255.255.255.192">/26</option>
+    <option value="255.255.255.224">/27</option>
+    <option value="255.255.255.240">/28</option>
+    <option value="255.255.255.248">/29</option>
+</optgroup>
+<optgroup label="Larger subnets">
+    <option value="255.255.254.0">/23</option>
+    <option value="255.255.252.0">/22</option>
+    <option value="255.255.0.0">/16</option>
+</optgroup>
+

lib/SvelteUi/app/src/lib/UartSelectOptions.svelte

@@ -1,5 +1,10 @@
 <script>
     export let chip;
+
+    let gpioMax = 44;
+    $: {
+        gpioMax = chip == 'esp8266' ? 16 : chip == 'esp32s2' ? 44 : 39;
+    }
 </script>
 
 <option value={3}>UART0</option>
@@ -13,46 +18,13 @@
 {#if chip == 'esp32s2'}
 <option value={18}>UART1</option>
 {/if}
-<option value={4}>GPIO4</option>
-<option value={5}>GPIO5</option>
-{#if chip.startsWith('esp32')}
-<option value={6}>GPIO6</option>
-<option value={7}>GPIO7</option>
-<option value={8}>GPIO8</option>
-{/if}
-{#if chip == 'esp8266'}
-<option value={9}>GPIO9</option>
-{/if}
-<option value={10}>GPIO10</option>
-{#if chip.startsWith('esp32')}
-<option value={11}>GPIO11</option>
-{/if}
-<option value={12}>GPIO12</option>
-<option value={13}>GPIO13</option>
-<option value={14}>GPIO14</option>
-<option value={15}>GPIO15</option>
 
-{#if chip.startsWith('esp32')}
-<option value={17}>GPIO17</option>
-{#if chip != 'esp32s2'}
-<option value={18}>GPIO18</option>
-{/if}
-<option value={19}>GPIO19</option>
-<option value={21}>GPIO21</option>
-<option value={22}>GPIO22</option>
-<option value={23}>GPIO23</option>
-<option value={25}>GPIO25</option>
-<option value={32}>GPIO32</option>
-<option value={33}>GPIO33</option>
-<option value={34}>GPIO34</option>
-<option value={35}>GPIO35</option>
-<option value={36}>GPIO36</option>
-<option value={39}>GPIO39</option>
-{/if}
-{#if chip == 'esp32s2'}
-<option value={40}>GPIO40</option>
-<option value={41}>GPIO41</option>
-<option value={42}>GPIO42</option>
-<option value={43}>GPIO43</option>
-<option value={44}>GPIO44</option>
-{/if}
+{#each {length: gpioMax+1} as _, i}
+    {#if i > 3
+        && !(chip == 'esp32' && (i == 9 || i == 16))
+        && !(chip == 'esp32s2' && i == 18)
+        && !(chip == 'esp8266' && (i == 3 || i == 113))
+    }
+        <option value={i}>GPIO{i}</option>
+    {/if}
+{/each}