Resolve "Indicate length of created lab"

• Duration is displayed when creating regular and limited capacity labs.
• The grace period is also included depending on the value set in advanced settings.
• The default duration for regular labs is decreased to 3:30 rather than 3:45 to account for the grace period, which is additional to the duration set.

Regular lab creation:

Limited capacity lab creation:

Closes #728 (closed)

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

@@ -90,6 +90,9 @@
                                         Slot error
                                     </div>
                                 </div>
+                                <div class="flex gap-0 pt-7">
+                                    <span class="flex align-center" id="session-duration"></span>
+                                </div>
                             </div>
                         </th:block>
                     </div>
@@ -222,7 +225,14 @@
                         if (opensAtInput) {
                             opensAtInput.addEventListener("change", function () {
                                 closesAtInput.min = opensAtInput.value;
-                                closesAtInput.value = moment(opensAtInput.value).add(225, "minutes").format("YYYY-MM-DD[T]HH:mm");
+                                closesAtInput.value = moment(opensAtInput.value).add(210, "minutes").format("YYYY-MM-DD[T]HH:mm");
+                                displayDuration(true);
+                            });
+                        }
+
+                        if (closesAtInput) {
+                            closesAtInput.addEventListener("change", function () {
+                                displayDuration(true);
                             });
                         }