@explorer-1/vue 0.2.27 → 0.2.29

package/src/templates/edu/PageEduTeachableMoment/PageEduTeachableMoment.vue

@@ -11,6 +11,7 @@ import BlockStreamfield from './../../../components/BlockStreamfield/BlockStream
 import BlockRelatedLinks from '../../../components/BlockRelatedLinks/BlockRelatedLinks.vue'
 import NavJumpMenu from './../../../components/NavJumpMenu/NavJumpMenu.vue'
 import HeroInlineMedia from './../../../components/HeroInlineMedia/HeroInlineMedia.vue'
+import AboutTheAuthor from './../../../components/AboutTheAuthor/AboutTheAuthor.vue'
 
 interface PageEduTeachableMomentProps {
   data?: PageEduResourcesObject
@@ -66,10 +67,10 @@ const computedClass = computed((): string => {
     :class="computedClass"
   >
     <NavJumpMenu
+      v-if="data.showJumpMenu"
       ref="PageEduTeachableMomentJumpMenu"
       :title="data.title"
       :blocks="data.body"
-      :enabled="data.showJumpMenu"
       dropdown-text="In this Teachable Moment"
     />
 
@@ -96,6 +97,7 @@ const computedClass = computed((): string => {
     >
       <DetailHeadline
         :title="data.title"
+        :read-time="data.readTime"
         label="Teachable Moment"
         pill
       />
@@ -142,14 +144,12 @@ const computedClass = computed((): string => {
       <BlockRelatedLinks :data="data.relatedLinks[0]" />
     </LayoutHelper>
 
-    <!-- related content -->
-    <BlockLinkCarousel
-      v-if="data.relatedContent?.length"
-      item-type="cards"
-      class="lg:my-24 my-12 print:px-4"
-      :heading="data.relatedContentHeading"
-      :items="data.relatedContent"
-    />
+    <LayoutHelper
+      v-if="data.authors?.length"
+      indent="col-3"
+    >
+      <AboutTheAuthor :authors="data.authors" />
+    </LayoutHelper>
 
     <LayoutHelper
       v-if="data.lastPublishedAt"

package/src/templates/www/PageRoboticsDetail/PageRoboticsDetail.vue

@@ -38,7 +38,7 @@
       <!-- facts -->
       <BlockCardGrid
         v-if="data.facts"
-        class="3xl:col-end-13 xl:col-end-11 md:px-4 lg:px-0 relative col-start-2 col-end-13 px-0 mt-12"
+        class="3xl:col-end-13 xl:col-end-11 md:px-4 lg:px-0 relative sm:col-start-2 sm:col-end-13 px-0 mt-12"
         :cards="data.facts"
       />
     </div>

package/src/utils/dayjs.js

@@ -2,6 +2,7 @@ import dayjs from 'dayjs'
 import updateLocale from 'dayjs/plugin/updateLocale.js'
 import localizedFormat from 'dayjs/plugin/localizedFormat.js'
 import timezone from 'dayjs/plugin/timezone.js'
+import utc from 'dayjs/plugin/utc.js'
 import advancedFormat from 'dayjs/plugin/advancedFormat.js'
 import duration from 'dayjs/plugin/duration.js'
 import minMax from 'dayjs/plugin/minMax.js'
@@ -10,6 +11,7 @@ import minMax from 'dayjs/plugin/minMax.js'
 import 'dayjs/locale/en-gb.js'
 
 dayjs.extend(timezone)
+dayjs.extend(utc)
 dayjs.extend(advancedFormat)
 dayjs.extend(localizedFormat)
 dayjs.extend(updateLocale)

package/src/utils/rangeifyGrades.ts

@@ -47,7 +47,7 @@ const rangeify = (a: number[]): string[] => {
   return res
 }
 
-export const rangeifyGrades = (gradeLevels: GradeLevelsObject[]) => {
+export const rangeifyGrades = (gradeLevels: GradeLevelsObject[], showLabel: boolean = true) => {
   if (gradeLevels) {
     const allAgesArray = gradeLevels.map((item) => {
       if (item.gradeLevel === 'All Ages') return item.gradeLevel
@@ -65,7 +65,7 @@ export const rangeifyGrades = (gradeLevels: GradeLevelsObject[]) => {
     if (filteredGrades?.length) {
       const gradeString = filteredGrades.length > 0 ? 'Grades ' : 'Grade '
       preparedGrades = filteredGrades
-        .map((grade, index) => (index === 0 ? gradeString + grade : grade))
+        .map((grade, index) => (index === 0 && showLabel ? gradeString + grade : grade))
         .join(', ')
     }