2021-02-22 20:27:58 +00:00
|
|
|
import {
|
|
|
|
widgetFactory,
|
|
|
|
Helpers
|
2021-03-16 14:27:30 +00:00
|
|
|
} from 'https://cdn.skypack.dev/@startinblox/core@0.16';
|
2020-11-13 12:34:17 +00:00
|
|
|
import SlimSelect from 'https://cdn.skypack.dev/slim-select@1.23';
|
2020-05-19 16:22:00 +00:00
|
|
|
|
|
|
|
const HublStatus = widgetFactory(
|
|
|
|
'hubl-status',
|
2021-01-26 17:19:42 +00:00
|
|
|
`<label>\${label}</label>
|
2020-05-19 16:22:00 +00:00
|
|
|
<select
|
|
|
|
data-holder
|
|
|
|
name="\${name}">
|
|
|
|
<option
|
|
|
|
value="Public"
|
2020-10-22 11:20:56 +00:00
|
|
|
\${value=="Public" ? 'selected' : ''} data-trans="hublStatus.public">Public</option>
|
2020-05-19 16:22:00 +00:00
|
|
|
<option
|
|
|
|
value="Private"
|
2020-10-22 11:20:56 +00:00
|
|
|
\${value=="Private" ? 'selected' : ''} data-trans="hublStatus.private">Privé</option>
|
2021-01-26 17:19:42 +00:00
|
|
|
</select>`,
|
2020-05-19 16:22:00 +00:00
|
|
|
'',
|
|
|
|
formWidget => {
|
|
|
|
let select = formWidget.querySelector('select');
|
|
|
|
if (!select) return;
|
2021-02-22 20:27:58 +00:00
|
|
|
const slimSelect = new SlimSelect({
|
|
|
|
select: select
|
|
|
|
});
|
2020-11-20 14:57:12 +00:00
|
|
|
Helpers.importCSS('https://dev.jspm.io/slim-select/dist/slimselect.min.css');
|
2020-05-19 16:22:00 +00:00
|
|
|
select.addEventListener('change', () => slimSelect.render());
|
|
|
|
},
|
|
|
|
);
|
|
|
|
|
2021-02-22 20:27:58 +00:00
|
|
|
export {
|
|
|
|
HublStatus
|
|
|
|
}
|