Выбор образа при создании машины карточками: название системы, размер, дата загрузки и поиск, когда образов много

web/templates/vm_create.html

@@ -47,12 +47,10 @@
         </div>
 
         <div class="field" data-show-when="source_type=iso">
-          <label for="iso_path">Установочный образ</label>
+          <span class="label">Установочный образ</span>
           {% if isos %}
-            <select class="select" id="iso_path" name="iso_path">
-              {% for iso in isos %}<option value="{{ iso.path }}" data-label="{{ iso.name }}" data-os="{{ iso.os_type }}" {% if form.iso_path == iso.path %}selected{% endif %}>{{ iso.name }} · {{ iso.size }}</option>{% endfor %}
-            </select>
-            <span class="hint">Нужен другой? <a href="/iso">Загрузите образ</a>.</span>
+            {% with picker_name = 'iso_path', picker_items = isos, picker_selected = form.iso_path, picker_icon = 'disc-3' %}{% include "_image_picker.html" %}{% endwith %}
+            <span class="hint">Образы хранятся на сервере отдельно от машин, один образ можно ставить сколько угодно раз. Нужен другой? <a href="/iso">Загрузите образ</a>.</span>
           {% endif %}
         </div>
         <div class="field" data-show-when="source_type=iso">
@@ -69,11 +67,9 @@
           <span class="hint">От этого зависят виртуальные устройства: Windows получит совместимые диск и сеть, Windows 11 — UEFI и TPM.</span>
         </div>
         <div class="field" data-show-when="source_type=disk_image">
-          <label for="disk_image_path">Образ системы</label>
+          <span class="label">Образ системы</span>
           {% if disk_images %}
-            <select class="select" id="disk_image_path" name="disk_image_path">
-              {% for image in disk_images %}<option value="{{ image.path }}" data-label="{{ image.title or image.name }}" data-login="{{ image.login }}" {% if form.disk_image_path == image.path %}selected{% endif %}>{{ image.title or image.name }} · {{ image.size }}</option>{% endfor %}
-            </select>
+            {% with picker_name = 'disk_image_path', picker_items = disk_images, picker_selected = form.disk_image_path, picker_icon = 'hard-drive' %}{% include "_image_picker.html" %}{% endwith %}
             <span class="hint">Образ будет скопирован — оригинал останется для других машин.</span>
           {% endif %}
         </div>