@asd20/ui 3.2.810 → 3.2.811

package/package.json

@@ -5,7 +5,7 @@
     "*.scss",
     "*.vue"
   ],
-  "version": "3.2.810",
+  "version": "3.2.811",
   "private": false,
   "license": "MIT",
   "repository": {

package/src/data/events/district-events.json

@@ -83,8 +83,8 @@
       "summary": "Parent Council - College Info Meeting",
       "description": "Admissions officers from several local and regional colleges/universities will be in attendance sharing information about their schools.",
       "location": "AAHS Media Center",
-      "start": "2023-01-19T20:20:00Z",
-      "end": "2023-01-19T21:50:00Z",
+      "start": "2023-01-19T08:20:00Z",
+      "end": "2023-01-19T08:20:00Z",
       "dtstamp": "2023-01-19T20:20:00Z",
       "class": "",
       "priority": "",

package/src/helpers/mapEventToCard.js

@@ -1,3 +1,57 @@
+// import format from 'date-fns/format'
+// import parse from 'date-fns/parse'
+
+// const formattedTime = event => {
+//   if (!event) return
+
+//   if (event.allDay) return 'All Day'
+
+//   if (event.multiDay) {
+//     return `${format(
+//       parse(event.originalStart),
+//       '<b>h:mm aa</b>, dddd, MMMM DD, YYYY'
+//     )
+//       .replace(/#/g, '&nbsp;')
+//       .replace(/:00/g, '')}<br>ending ${format(
+//       parse(event.end),
+//       '<b>h:mm aa</b>, dddd, MMMM DD, YYYY'
+//     )
+//       .replace(/#/g, '&nbsp;')
+//       .replace(/:00/g, '')}`
+//   }
+
+//   let time = `${format(parse(event.start), '<b>h:mm aa</b>').replace(
+//     /:00/g,
+//     ''
+//   )}`
+//   if (event.endTimeUndetermined) {
+//     time += `${format(parse(event.end)).replace(/:00/g, '')}`
+//   } else {
+//     time += ` - ${format(parse(event.end), '<b>h:mm aa</b>')
+//       .replace(/#/g, '&nbsp;')
+//       .replace(/:00/g, '')}`
+//   }
+//   return time
+// }
+
+// export default function mapEventToCard(event) {
+//   return {
+//     title: event.summary,
+//     // subtitle: 'Some subtitle goes here',
+//     description: event.description,
+//     categories: event.calendarCategories.concat([event.calendarName]),
+//     date: format(event.start),
+//     time: formattedTime(event),
+//     weekday: event.weekday,
+//     day: event.day,
+//     month: event.month,
+//     year: event.year,
+//     emphasizedDate: true,
+//     location: event.location || event.calendarLocation,
+//     isFeatured: event.isFeatured || event.isDistrictFeatured,
+//   }
+// }
+
 import format from 'date-fns/format'
 import parse from 'date-fns/parse'
 
@@ -8,29 +62,39 @@ const formattedTime = event => {
 
   if (event.multiDay) {
     return `${format(
-      parse(event.originalStart),
-      '<b>h:mm aa</b>, dddd, MMMM DD, YYYY'
+      parse(event.originalStart, "yyyy-MM-dd'T'HH:mm:ssX", new Date()),
+      '<b>h:mm aa</b>, dddd, MMMM dd, yyyy'
     )
       .replace(/#/g, '&nbsp;')
       .replace(/:00/g, '')}<br>ending ${format(
-      parse(event.end),
-      '<b>h:mm aa</b>, dddd, MMMM DD, YYYY'
+      parse(event.end, "yyyy-MM-dd'T'HH:mm:ssX", new Date()),
+      '<b>h:mm aa</b>, dddd, MMMM dd, yyyy'
     )
       .replace(/#/g, '&nbsp;')
       .replace(/:00/g, '')}`
   }
 
-  let time = `${format(parse(event.start), '<b>h:mm aa</b>').replace(
-    /:00/g,
-    ''
-  )}`
-  if (event.endTimeUndetermined) {
-    time += `${format(parse(event.end)).replace(/:00/g, '')}`
+  const startTime = parse(event.start, "yyyy-MM-dd'T'HH:mm:ssX", new Date())
+  const endTime = parse(event.end, "yyyy-MM-dd'T'HH:mm:ssX", new Date())
+  // if start and end time are the same AND the start time is between 11pm and 3am, then set the start time as TBD and do not include an end time
+  const startHour = startTime.getHours()
+  if (startTime.getTime() === endTime.getTime() && (startHour >= 23 || startHour < 3)) {
+    return 'TBD'
+  }
+
+  let time = `${format(startTime, '<b>h:mm aa</b>').replace(/:00/g, '')}`
+
+  // Check if end time is the same as start time
+  if (startTime.getTime() === endTime.getTime()) {
+    time += '' // No end time needed if they are the same
+  } else if (event.endTimeUndetermined) {
+    time += `${format(endTime).replace(/:00/g, '')}`
   } else {
-    time += ` - ${format(parse(event.end), '<b>h:mm aa</b>')
+    time += ` - ${format(endTime, '<b>h:mm aa</b>')
       .replace(/#/g, '&nbsp;')
       .replace(/:00/g, '')}`
   }
+
   return time
 }
 
@@ -40,7 +104,7 @@ export default function mapEventToCard(event) {
     // subtitle: 'Some subtitle goes here',
     description: event.description,
     categories: event.calendarCategories.concat([event.calendarName]),
-    date: format(event.start),
+    date: format(parse(event.start, "yyyy-MM-dd'T'HH:mm:ssX", new Date())),
     time: formattedTime(event),
     weekday: event.weekday,
     day: event.day,
@@ -51,3 +115,4 @@ export default function mapEventToCard(event) {
     isFeatured: event.isFeatured || event.isDistrictFeatured,
   }
 }
+