feat: automatically set end time after start time blurred

lowercasename · Jul 16, 2024 · 68f5ce9 · 68f5ce9
1 parent ee6ee9a
commit 68f5ce9
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 8 deletions.
diff --git a/public/js/modules/event-edit.js b/public/js/modules/event-edit.js
@@ -18,13 +18,13 @@ $(document).ready(function () {
 });
 
 $('#editModal').on('shown.bs.modal', function (e) {
-  console.log('hii');
-  const ta = document.querySelector("#editModal textarea");
-  ta.style.display = 'none';
-  autosize(ta);
-  ta.style.display = '';
-  // Call the update method to recalculate the size:
-  autosize.update(ta);
+    console.log('hii');
+    const ta = document.querySelector("#editModal textarea");
+    ta.style.display = 'none';
+    autosize(ta);
+    ta.style.display = '';
+    // Call the update method to recalculate the size:
+    autosize.update(ta);
 });
 
 function editEventForm() {
@@ -65,6 +65,11 @@ function editEventForm() {
                 window.eventData.maxAttendees !== null;
             this.data.publicCheckbox = window.eventData.showOnPublicList;
         },
+        updateEventEnd() {
+            if (this.data.eventEnd === "" || this.data.eventEnd < this.data.eventStart) {
+                this.data.eventEnd = this.data.eventStart;
+            }
+        },
         async submitForm() {
             this.submitting = true;
             this.errors = [];

diff --git a/public/js/modules/new.js b/public/js/modules/new.js
@@ -68,6 +68,11 @@ function newEventForm() {
             this.data.maxAttendeesCheckbox = false;
             this.data.publicCheckbox = false;
         },
+        updateEventEnd() {
+            if (this.data.eventEnd === "" || this.data.eventEnd < this.data.eventStart) {
+                this.data.eventEnd = this.data.eventStart;
+            }
+        },
         async submitForm() {
             this.submitting = true;
             this.errors = [];

diff --git a/views/partials/eventForm.handlebars b/views/partials/eventForm.handlebars
@@ -14,7 +14,7 @@
 <div class="form-group">
   <label for="eventStart" >Starts</label>
   <div class="form-group">
-    <input type="datetime-local" class="form-control" id="eventStart" name="eventStart"  x-model="data.eventStart">
+    <input type="datetime-local" class="form-control" id="eventStart" name="eventStart"  x-model="data.eventStart" x-on:blur="updateEventEnd">
   </div>
 </div>
 <div class="form-group">