try to run the time conversion in browser

nf-core · Sep 20, 2023 · df8da52 · df8da52
1 parent 72052e0
commit df8da52
Showing 1 changed file with 44 additions and 37 deletions.
diff --git a/src/components/event/EventBannerElement.svelte b/src/components/event/EventBannerElement.svelte
@@ -3,6 +3,7 @@
     import { formatDistanceToNow, set } from 'date-fns';
     import ExportEventButton from '@components/event/ExportEventButton.svelte';
     import VideoButton from '@components/VideoButton.svelte';
+    import { onMount } from 'svelte';
     export let events = [];
     export let event_time_category: string = '';
 
@@ -15,42 +16,6 @@
             if (event.data.title.toLowerCase().match('bytesize')) {
                 event.data.type = 'bytesize';
             }
-            if (event.data.start_date === event.data.end_date) {
-                event.data.duration =
-                    event.data.start.toLocaleString('en-US', {
-                        year: 'numeric',
-                        month: 'short',
-                        day: 'numeric',
-                        hour: 'numeric',
-                        minute: 'numeric',
-                        hour12: false,
-                    }) +
-                    '-' +
-                    event.data.end.toLocaleString('en-US', {
-                        hour: 'numeric',
-                        minute: 'numeric',
-                        hour12: false,
-                    });
-            } else {
-                event.data.duration =
-                    event.data.start.toLocaleString('en-US', {
-                        year: 'numeric',
-                        month: 'short',
-                        day: 'numeric',
-                        hour: 'numeric',
-                        minute: 'numeric',
-                        hour12: false,
-                    }) +
-                    ' - ' +
-                    event.data.end.toLocaleString('en-US', {
-                        year: 'numeric',
-                        month: 'short',
-                        day: 'numeric',
-                        hour: 'numeric',
-                        minute: 'numeric',
-                        hour12: false,
-                    });
-            }
         })
         .sort((a, b) => {
             return new Date(a.data.start) - new Date(b.data.start);
@@ -98,7 +63,49 @@
             EventIsOngoing.set(false);
         }
     }
-
+    onMount(() => {
+        events.map((event) => {
+            $: event_duration(event);
+        });
+    });
+    $: event_duration = (event) => {
+        if (event.data.start_date === event.data.end_date) {
+            event.data.duration =
+                event.data.start.toLocaleString('en-US', {
+                    year: 'numeric',
+                    month: 'short',
+                    day: 'numeric',
+                    hour: 'numeric',
+                    minute: 'numeric',
+                    hour12: false,
+                }) +
+                '-' +
+                event.data.end.toLocaleString('en-US', {
+                    hour: 'numeric',
+                    minute: 'numeric',
+                    hour12: false,
+                });
+        } else {
+            event.data.duration =
+                event.data.start.toLocaleString('en-US', {
+                    year: 'numeric',
+                    month: 'short',
+                    day: 'numeric',
+                    hour: 'numeric',
+                    minute: 'numeric',
+                    hour12: false,
+                }) +
+                ' - ' +
+                event.data.end.toLocaleString('en-US', {
+                    year: 'numeric',
+                    month: 'short',
+                    day: 'numeric',
+                    hour: 'numeric',
+                    minute: 'numeric',
+                    hour12: false,
+                });
+        }
+    };
     let heading_title = event_time_category.charAt(0).toUpperCase() + event_time_category.slice(1) + ' event';
     heading_title = events.length > 1 ? heading_title + 's' : heading_title;
 </script>