Resolve "Room select gets deselected when copying a lab"

Closes #657 (closed)

src/main/resources/templates/lab/create/components/lab-general.html

@@ -113,7 +113,13 @@
 
                         <label for="room-select">Rooms</label>
                         <div>
-                            <select multiple id="room-select" th:field="*{rooms}" data-select disabled data-placeholder="Pick a room">
+                            <select
+                                multiple
+                                id="room-select"
+                                th:field="*{rooms}"
+                                data-select
+                                th:disabled="${#lists.isEmpty(dto.roomDetails())}"
+                                data-placeholder="Pick a room">
                                 <th:block th:each="room : ${rooms}">
                                     <option
                                         th:value="${room.id}"
@@ -124,6 +130,9 @@
                                 </th:block>
                             </select>
                         </div>
+                        <script th:unless="${#lists.isEmpty(dto.roomDetails())}">
+                            document.addEventListener("ComponentsLoaded", updateRooms);
+                        </script>
 
                         <label for="online-mode-select">Online Modes</label>
                         <div>