feature: private circles

src/components/hubl-status.js

@@ -0,0 +1,29 @@
+import { widgetFactory } from 'https://unpkg.com/@startinblox/core@0.9/dist/widgets/widget-factory.js';
+import SlimSelect from 'https://dev.jspm.io/slim-select@1.23';
+
+const HublStatus = widgetFactory(
+  'hubl-status',
+  `<label>
+    <div>\${label}</div>
+    <select
+      data-holder
+      name="\${name}">
+      <option
+        value="Public"
+        \${value=="Public" ? 'selected' : ''}>Public</option>
+      <option
+        value="Private"
+        \${value=="Private" ? 'selected' : ''}>Privé</option>
+    </select>
+  </label>`,
+  '',
+  formWidget => {
+    let select = formWidget.querySelector('select');
+    if (!select) return;
+    const slimSelect = new SlimSelect({select: select});
+    importCSS('https://dev.jspm.io/slim-select/dist/slimselect.min.css');
+    select.addEventListener('change', () => slimSelect.render());
+  },
+);
+
+export { HublStatus }