@explorer-1/vue 0.1.6 → 0.1.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@explorer-1/vue",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "private": false,
   "publishConfig": {
     "access": "public"

package/src/components/BlockLinkCard/BlockLinkCard.vue

@@ -58,7 +58,7 @@
 
       <component
         :is="headingLevel || 'p'"
-        class="text-gray-dark text-xl font-medium leading-tight tracking-tight"
+        class="text-gray-dark text-xl font-medium leading-tight tracking-tight edu:font-extrabold"
         :class="{ 'lg:text-3xl': !compact }"
       >
         {{ theItem.title }}

package/src/components/BlockLinkTile/BlockLinkTile.vue

@@ -59,7 +59,7 @@
           </p>
           <component
             :is="headingLevel || 'p'"
-            class="text-xl leading-tight tracking-tight transition-all duration-200 ease-in delay-200"
+            class="text-xl leading-tight tracking-tight transition-all duration-200 ease-in delay-200 edu:font-extrabold"
             :class="
               compact
                 ? 'font-semibold mb-0 lg:group-hover:mb-1'

package/src/components/BlockVideoEmbed/BlockVideoEmbed.stories.js

@@ -9,6 +9,7 @@ export default {
 // shared data
 export const BlockVideoEmbedData = {
   data: {
+    blockType: 'VideoEmbedBlock',
     embed: {
       embed: `<iframe title="Meet NASA's Diana Trujillo" width="480" height="270" src="https://www.youtube.com/embed/vUuUyYqI83Q?feature=oembed" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>`
     },

package/src/components/NavSecondary/NavSecondary.vue

@@ -8,7 +8,7 @@
   >
     <div class="max-w-screen-3xl mx-auto">
       <div
-        class="nav-secondary-container lg:container lg:px-0 lg:whitespace-normal border-gray-mid text-gray-mid-dark lg:overflow-visible relative px-4 pb-0 mx-auto overflow-x-auto text-sm font-medium whitespace-nowrap border-t border-opacity-50"
+        class="nav-secondary-container lg:container lg:px-0 lg:whitespace-normal border-gray-mid text-gray-mid-dark lg:overflow-visible relative px-4 pb-0 mx-auto overflow-x-auto text-sm font-medium whitespace-nowrap border-t border-opacity-50 edu:border-0"
       >
         <div class="lg:ml-0 2xl:-mr-3 lg:justify-end flex -ml-3">
           <template v-for="(item, index) in theBreadcrumb">
@@ -184,7 +184,7 @@ export default defineComponent({
       }
     }
     @screen lg {
-      @apply top-28;
+      @apply top-28 edu:top-18;
     }
   }
 }

package/src/components/ShareButtonsEdu/ShareButtonsEdu.vue

@@ -68,6 +68,11 @@ const twitterLink = computed((): string => {
 const pinterestLink = computed(() => {
   return `http://pinterest.com/pin/create/button/?url=${encodedURL.value}&media=${props.image}&description=${encodedTitle.value}`
 })
+
+const googleClassroomLink = computed(() => {
+  return `https://classroom.google.com/share?url=${encodedURL.value}`
+})
+
 const mailLink = computed((): string => {
   return `mailto:?body=${encodedTitle.value}:%20${encodedURL.value}&subject=${encodedTitle.value}`
 })
@@ -178,7 +183,7 @@ const buttonClass = computed(() => {
 
           <BaseButton
             variant="social"
-            href="#"
+            :href="googleClassroomLink"
             aria-label="Google Classroom"
             target="_blank"
             rel="noopener"

package/src/templates/PageNewsDetail/PageNewsDetail.vue

@@ -207,7 +207,8 @@ export default defineComponent({
           return false
         } else if (
           this.data?.heroPosition === 'inline' ||
-          this.data?.hero[0].blockType === 'CarouselBlock'
+          this.data?.hero[0].blockType === 'CarouselBlock' ||
+          this.data?.hero[0].blockType === 'VideoEmbedBlock'
         ) {
           return true
         }

package/src/templates/edu/PageEduResourceArticle/PageEduResourceArticle.vue

@@ -46,7 +46,8 @@ export default defineComponent({
           return false
         } else if (
           this.data?.heroPosition === 'inline' ||
-          this.data?.hero[0].blockType === 'CarouselBlock'
+          this.data?.hero[0].blockType === 'CarouselBlock' ||
+          this.data?.hero[0].blockType === 'VideoEmbedBlock'
         ) {
           return true
         }
@@ -108,7 +109,7 @@ export default defineComponent({
         :label="data.displayLabel"
         schema
       />
-      <share-buttons-edu
+      <ShareButtonsEdu
         v-if="data?.url"
         class="mt-4"
         :url="data.url"

package/src/utils/mixins.ts

@@ -213,7 +213,11 @@ export const mixinGetExternalLink = (link: RelatedLinkObject): string | undefine
 // Gets the fully qualified canonical URL of the current page if passed $route.path string
 export const mixinCanonicalUrl = (path: string): string => {
   const domain = 'https://www.jpl.nasa.gov'
-  return domain + path
+  if (path.startsWith('http')) {
+    return path
+  } else {
+    return domain + path
+  }
 }
 // Used to construct an array of image objects to use with BaseLightbox
 // TODO: currently only assembles an array of 1 item (single image lightbox).