Fix room select on lab copy

CHANGELOG.md

@@ -17,6 +17,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Fixed
 - The about page was not accessible. [@rwbackx](https://gitlab.ewi.tudelft.nl/rwbackx)
+- When copying a session, the rooms would not get copied over properly. [@rwbackx](https://gitlab.ewi.tudelft.nl/rwbackx)
 
 ## [2.2.1]
 

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>