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" ), ]); } |