all repos — h3 @ 303dee419409d43361781663e7ede1b902bfbd95

A tiny, extremely minimalist JavaScript microframework.

docs/example/assets/js/components/SettingsView.js

 1
 2
 3
 4
 5
 6
 7
 8
 9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 
import h3 from "../h3.js";

export default function () {
  const toggleLogging = () => {
    const value = document.getElementById("options-logging").checked;
    h3.dispatch("settings/set", { logging: value });
    h3.dispatch("app/save");
  };
  return h3("div.settings.container", [
    h3("h1", "Settings"),
    h3("div.options", [
      h3("input#options-logging", {
        type: "checkbox",
        onclick: toggleLogging,
        checked: h3.state.settings.logging,
      }),
      h3(
        "label#options-logging-label",
        {
          for: "logging",
        },
        "Logging"
      ),
    ]),
    h3(
      "a.nav-link",
      {
        onclick: () => h3.navigateTo("/"),
      },
      "← Go Back"
    ),
  ]);
}