Merge pull request #2 from biggraph/darabos-checkbox

server/ops.py

@@ -61,7 +61,7 @@ class Parameter(BaseConfig):
     if default is inspect._empty:
       default = None
     if type is None or type is inspect._empty:
-      type = typeof(default) if default else None
+      type = typeof(default) if default is not None else None
     return Parameter(name=name, default=default, type=type)
 
 class Input(BaseConfig):

web/src/NodeParameter.svelte

@@ -3,21 +3,24 @@
   export let value;
   export let meta;
   export let onChange;
+const BOOLEAN = "<class 'bool'>";
 </script>
 
 <label class="param">
-  <span class="param-name">{name.replace(/_/g, ' ')}</span>
   {#if meta?.type?.format === 'collapsed'}
+    <span class="param-name">{name.replace(/_/g, ' ')}</span>
     <button class="collapsed-param form-control form-control-sm">
       ⋯
     </button>
   {:else if meta?.type?.format === 'textarea'}
+    <span class="param-name">{name.replace(/_/g, ' ')}</span>
     <textarea class="form-control form-control-sm"
-    rows="6"
-    value={value}
-    on:change={(evt) => onChange(evt.currentTarget.value)}
-    />
+      rows="6"
+      value={value}
+      on:change={(evt) => onChange(evt.currentTarget.value)}
+      />
   {:else if meta?.type?.enum}
+    <span class="param-name">{name.replace(/_/g, ' ')}</span>
     <select class="form-select form-select-sm"
       value={value || meta.type.enum[0]}
       on:change={(evt) => onChange(evt.currentTarget.value)}
@@ -26,11 +29,21 @@
         <option value={option}>{option}</option>
       {/each}
     </select>
+  {:else if meta?.type?.type === BOOLEAN}
+    <label class="form-check-label">
+      <input class="form-check-input"
+      type="checkbox"
+      checked={value}
+      on:change={(evt) => onChange(evt.currentTarget.checked)}
+      />
+      {name.replace(/_/g, ' ')}
+    </label>
   {:else}
+    <span class="param-name">{name.replace(/_/g, ' ')}</span>
     <input class="form-control form-control-sm"
-    value={value}
-    on:change={(evt) => onChange(evt.currentTarget.value)}
-    />
+      value={value}
+      on:change={(evt) => onChange(evt.currentTarget.value)}
+      />
   {/if}
 </label>