More suggested changes

manage/config-dialog.js

@@ -197,8 +197,12 @@ function configDialog(style) {
     renderValues();
   }
 
+  function isNullOrUndefined(value) {
+    return value === null || value === undefined;
+  }
+
   function isDefault(va) {
-    return va.value === null || va.value === undefined || va.value === va.default;
+    return isNullOrUndefined(va.value) || va.value === va.default;
   }
 
   function buildConfigForm() {
@@ -259,33 +263,40 @@ function configDialog(style) {
           break;
 
         case 'range':
-        case 'number':
+        case 'number': {
-          children = [
+          const options = {
-            va.type === 'range' && $create('span.current-value', {textContent: va.value + va.units}),
-            va.input = $create('input.config-value', {
             va,
             type: va.type,
-              value: va.default,
+            onfocus: va.type === 'number' ? selectAllOnFocus : null,
-              min: va.min,
+            onchange: updateVarOnChange,
-              max: va.max,
+            oninput: updateVarOnInput
-              step: va.step,
+          };
-              onchange: updateVarOnChange
+          if (!isNullOrUndefined(va.min)) {
-            })
+            options.min = va.min;
+          }
+          if (!isNullOrUndefined(va.max)) {
+            options.max = va.max;
+          }
+          if (!isNullOrUndefined(va.step)) {
+            options.step = va.step;
+          }
+          children = [
+            va.type === 'range' && $create('span.current-value'),
+            va.input = $create('input.config-value', options)
           ];
           break;
+        }
 
-        default: {
+        default:
-          const options = {
+          children = [
+            va.input = $create('input.config-value', {
               va,
               type: va.type,
               onchange: updateVarOnChange,
               oninput: updateVarOnInput,
               onfocus: selectAllOnFocus,
-          };
+            }),
-          children = [
-            va.input = $create('input.config-value', options),
           ];
-        }
 
       }
 
@@ -308,7 +319,7 @@ function configDialog(style) {
     if (this.type === 'number') {
       this.value = this.va.value = clampValue(this.value, this.va);
     } else if (this.type === 'range') {
-      this.va.value = parseFloat(this.value);
+      this.va.value = Number(this.value);
       $('.current-value', this.closest('.config-range')).textContent = this.va.value + (this.va.units || '');
     } else {
       this.va.value = this.type !== 'checkbox' ? this.value : this.checked ? '1' : '0';