Add required battery_size to devices, filter install panels by size

templates/device_add.html

@@ -18,6 +18,27 @@
              value="{{ form_slots|default(1) }}" min="1" required>
     </div>
 
+    <div class="form-group">
+      <label for="battery-size-select">Battery Size <span class="text-danger">*</span></label>
+      {% set _preset_sizes = ['AA','AAA','C','D','9V','CR2032','CR2025','CR2016','18650','14500','16340','26650','LR44/AG13'] %}
+      {% set _cur_size = form_battery_size|default('') %}
+      <select id="battery-size-select" onchange="metaSelectChanged(this,'battery_size')">
+        <option value="">— select —</option>
+        {% for s in _preset_sizes %}
+        <option value="{{ s }}" {% if _cur_size == s %}selected{% endif %}>{{ s }}</option>
+        {% endfor %}
+        {% for s in device_battery_sizes|default([]) %}
+          {% if s not in _preset_sizes %}
+        <option value="{{ s }}" {% if _cur_size == s %}selected{% endif %}>{{ s }}</option>
+          {% endif %}
+        {% endfor %}
+        <option value="__new__" {% if _cur_size and _cur_size not in _preset_sizes %}selected{% endif %}>Other…</option>
+      </select>
+      <input type="text" id="battery_size" name="battery_size" value="{{ _cur_size }}"
+             placeholder="e.g. CR123A"
+             style="display:{% if _cur_size and _cur_size not in _preset_sizes %}''{% else %}none{% endif %};margin-top:0.4rem;">
+    </div>
+
     <div class="form-group">
       <label>Type</label>
       {% set _preset_types = ['Remote Control','Game Controller','Flashlight','Lock','Sensor','Toy','Clock','Smoke Detector'] %}