drop.chapril.org-firefoxsend/app/ui/selectbox.js
2019-01-24 12:31:20 -08:00

33 lines
730 B
JavaScript

const html = require('choo/html');
module.exports = function(selected, options, translate, changed, htmlId) {
let x = selected;
return html`
<select
id="${htmlId}"
class="appearance-none cursor-pointer border rounded-sm bg-blue-lightest hover:border-blue focus:border-blue px-2 py-1 my-2 h-8"
onchange="${choose}"
>
${options.map(
i =>
html`
<option value="${i}" ${i === selected ? 'selected' : ''}
>${translate(i)}</option
>
`
)}
</select>
`;
function choose(event) {
const target = event.target;
const value = +target.value;
if (x !== value) {
x = value;
changed(value);
}
}
};