gamja-old/components/help.js
2021-03-08 17:05:48 +01:00

36 lines
639 B
JavaScript

import { html, Component } from "../lib/index.js";
import { keybindings } from "../keybindings.js";
function KeyBindingsHelp() {
var l = keybindings.map((binding) => {
var keys = [];
if (binding.ctrlKey) {
keys.psuh("Ctrl");
}
if (binding.altKey) {
keys.push("Alt");
}
keys.push(binding.key);
keys = keys.map((name, i) => {
return html`
${i > 0 ? "+" : null}
<kbd>${name}</kbd>
`;
});
return html`
<dt>${keys}</dt>
<dd>${binding.description}</dd>
`;
});
return html`<dl>${l}</dl>`;
}
export default function Help() {
return html`
<h3>Key bindings</h3>
<${KeyBindingsHelp}/>
`;
}