minor organization:

nasa-jpl · Jul 20, 2024 · 11d7ce4 · 11d7ce4
1 parent a5e6c5c
commit 11d7ce4
Show file tree

Hide file tree

Showing 7 changed files with 68 additions and 53 deletions.
diff --git a/apps/vue-storybook/.storybook/preview.ts b/apps/vue-storybook/.storybook/preview.ts
@@ -163,7 +163,7 @@ const preview: Preview = {
           'Mixins',
           ['Overview'],
           'Templates',
-          ['WWW', 'EDU']
+          ['WWW', 'EDU', 'PageContent']
         ]
       }
     }

diff --git a/...ageAudioDetail/PageAudioDetail.stories.js → ...ageAudioDetail/PageAudioDetail.stories.js b/...ageAudioDetail/PageAudioDetail.stories.js → ...ageAudioDetail/PageAudioDetail.stories.js
@@ -1,5 +1,5 @@
-import { BlockRelatedLinksData } from './../../../components/BlockRelatedLinks/BlockRelatedLinks.stories'
-import { BlockLinkTileCarouselData } from './../../../components/BlockLinkCarousel/BlockLinkCarousel.stories'
+import { BlockRelatedLinksData } from './../../components/BlockRelatedLinks/BlockRelatedLinks.stories'
+import { BlockLinkTileCarouselData } from './../../components/BlockLinkCarousel/BlockLinkCarousel.stories'
 import PageAudioDetail from './PageAudioDetail.vue'
 
 export default {

diff --git a/...s/www/PageAudioDetail/PageAudioDetail.vue → ...lates/PageAudioDetail/PageAudioDetail.vue b/...s/www/PageAudioDetail/PageAudioDetail.vue → ...lates/PageAudioDetail/PageAudioDetail.vue
@@ -222,19 +222,19 @@
 </template>
 <script lang="ts">
 import { defineComponent } from 'vue'
-import LayoutHelper from './../../../components/LayoutHelper/LayoutHelper.vue'
-import DetailHeadline from './../../../components/DetailHeadline/DetailHeadline.vue'
-import BaseButton from './../../../components/BaseButton/BaseButton.vue'
-import BlockRelatedLinks from './../../../components/BlockRelatedLinks/BlockRelatedLinks.vue'
-import BlockText from './../../../components/BlockText/BlockText.vue'
-import BlockAudio from './../../../components/BlockAudio/BlockAudio.vue'
-import IconDownload from './../../../components/Icons/IconDownload.vue'
-import IconDropdown from './../../../components/Icons/IconDropdown.vue'
-import BlockLinkCarousel from './../../../components/BlockLinkCarousel/BlockLinkCarousel.vue'
-import BaseHeading from './../../../components/BaseHeading/BaseHeading.vue'
-import BaseLink from './../../../components/BaseLink/BaseLink.vue'
-import BaseModal from './../../../components/BaseModal/BaseModal.vue'
-import PodcastSeriesCarousel from './../../../components/PodcastSeriesCarousel/PodcastSeriesCarousel.vue'
+import LayoutHelper from './../../components/LayoutHelper/LayoutHelper.vue'
+import DetailHeadline from './../../components/DetailHeadline/DetailHeadline.vue'
+import BaseButton from './../../components/BaseButton/BaseButton.vue'
+import BlockRelatedLinks from './../../components/BlockRelatedLinks/BlockRelatedLinks.vue'
+import BlockText from './../../components/BlockText/BlockText.vue'
+import BlockAudio from './../../components/BlockAudio/BlockAudio.vue'
+import IconDownload from './../../components/Icons/IconDownload.vue'
+import IconDropdown from './../../components/Icons/IconDropdown.vue'
+import BlockLinkCarousel from './../../components/BlockLinkCarousel/BlockLinkCarousel.vue'
+import BaseHeading from './../../components/BaseHeading/BaseHeading.vue'
+import BaseLink from './../../components/BaseLink/BaseLink.vue'
+import BaseModal from './../../components/BaseModal/BaseModal.vue'
+import PodcastSeriesCarousel from './../../components/PodcastSeriesCarousel/PodcastSeriesCarousel.vue'
 
 export default defineComponent({
   name: 'PageAudioDetail',

diff --git a/...ageImageDetail/PageImageDetail.stories.js → ...ageImageDetail/PageImageDetail.stories.js b/...ageImageDetail/PageImageDetail.stories.js → ...ageImageDetail/PageImageDetail.stories.js
@@ -1,5 +1,5 @@
-import { BlockLinkTileCarouselData } from './../../../components/BlockLinkCarousel/BlockLinkCarousel.stories'
-import { BlockStreamfieldTruncatedData } from './../../../components/BlockStreamfield/BlockStreamfield.stories'
+import { BlockLinkTileCarouselData } from './../../components/BlockLinkCarousel/BlockLinkCarousel.stories'
+import { BlockStreamfieldTruncatedData } from './../../components/BlockStreamfield/BlockStreamfield.stories'
 import PageImageDetail from './PageImageDetail.vue'
 
 export default {

diff --git a/...s/www/PageImageDetail/PageImageDetail.vue → ...lates/PageImageDetail/PageImageDetail.vue b/...s/www/PageImageDetail/PageImageDetail.vue → ...lates/PageImageDetail/PageImageDetail.vue
@@ -335,19 +335,19 @@
 </template>
 <script lang="ts">
 import { defineComponent } from 'vue'
-import BaseButton from './../../../components/BaseButton/BaseButton.vue'
-import MixinFancybox from './../../../components/MixinFancybox/MixinFancybox.vue'
-import BaseImage from './../../../components/BaseImage/BaseImage.vue'
-import BaseImagePlaceholder from './../../../components/BaseImagePlaceholder/BaseImagePlaceholder.vue'
-import BaseLink from './../../../components/BaseLink/BaseLink.vue'
-import BlockLinkCarousel from './../../../components/BlockLinkCarousel/BlockLinkCarousel.vue'
-import BlockStreamfield from './../../../components/BlockStreamfield/BlockStreamfield.vue'
-import BlockText from './../../../components/BlockText/BlockText.vue'
-import DetailHeadline from './../../../components/DetailHeadline/DetailHeadline.vue'
-import IconExternal from './../../../components/Icons/IconExternal.vue'
-import ImageDetailContextImage from './../../../components/ImageDetailContextImage/ImageDetailContextImage.vue'
-import LayoutHelper from './../../../components/LayoutHelper/LayoutHelper.vue'
-import ThumbnailCarousel from './../../../components/ThumbnailCarousel/ThumbnailCarousel.vue'
+import BaseButton from './../../components/BaseButton/BaseButton.vue'
+import MixinFancybox from './../../components/MixinFancybox/MixinFancybox.vue'
+import BaseImage from './../../components/BaseImage/BaseImage.vue'
+import BaseImagePlaceholder from './../../components/BaseImagePlaceholder/BaseImagePlaceholder.vue'
+import BaseLink from './../../components/BaseLink/BaseLink.vue'
+import BlockLinkCarousel from './../../components/BlockLinkCarousel/BlockLinkCarousel.vue'
+import BlockStreamfield from './../../components/BlockStreamfield/BlockStreamfield.vue'
+import BlockText from './../../components/BlockText/BlockText.vue'
+import DetailHeadline from './../../components/DetailHeadline/DetailHeadline.vue'
+import IconExternal from './../../components/Icons/IconExternal.vue'
+import ImageDetailContextImage from './../../components/ImageDetailContextImage/ImageDetailContextImage.vue'
+import LayoutHelper from './../../components/LayoutHelper/LayoutHelper.vue'
+import ThumbnailCarousel from './../../components/ThumbnailCarousel/ThumbnailCarousel.vue'
 
 export default defineComponent({
   name: 'PageImageDetail',

diff --git a/...ageVideoDetail/PageVideoDetail.stories.js → ...ageVideoDetail/PageVideoDetail.stories.js b/...ageVideoDetail/PageVideoDetail.stories.js → ...ageVideoDetail/PageVideoDetail.stories.js
@@ -1,8 +1,8 @@
-import { BlockLinkTileCarouselData } from './../../../components/BlockLinkCarousel/BlockLinkCarousel.stories'
+import { BlockLinkTileCarouselData } from './../../components/BlockLinkCarousel/BlockLinkCarousel.stories'
 import PageVideoDetail from './PageVideoDetail.vue'
 
 export default {
-  title: 'Templates/WWW/PageVideoDetail',
+  title: 'Templates/PageVideoDetail',
   component: PageVideoDetail,
   tags: ['!autodocs'],
   excludeStories: /.*Data$/,

diff --git a/...s/www/PageVideoDetail/PageVideoDetail.vue → ...lates/PageVideoDetail/PageVideoDetail.vue b/...s/www/PageVideoDetail/PageVideoDetail.vue → ...lates/PageVideoDetail/PageVideoDetail.vue
@@ -39,23 +39,39 @@
       v-if="data.block.length"
       class="max-w-screen-2xl lg:mb-24 mx-auto mt-10 mb-8"
     >
-      <div v-for="(block, index) in data.block" :key="index">
+      <div
+        v-for="(block, index) in data.block"
+        :key="index"
+      >
         <BlockVideoEmbed :data="block" />
       </div>
     </div>
     <div
       v-else-if="data.uploadedMedia"
       class="max-w-screen-2xl lg:mb-24 mx-auto mt-10 mb-8"
     >
-      <BaseVideo :data="data.uploadedMedia" schema />
+      <BaseVideo
+        :data="data.uploadedMedia"
+        schema
+      />
     </div>
     <LayoutHelper indent="col-2">
       <div class="lg:grid grid-cols-10">
-        <div v-if="data.body" class="col-span-7">
+        <div
+          v-if="data.body"
+          class="col-span-7"
+        >
           <BlockText :text="data.body" />
           <hr class="border-gray-light-mid lg:my-8 my-5" />
-          <div v-if="data.transcript" class="col-span-7 my-5">
-            <BaseHeading level="h2" class="mb-5">Transcript</BaseHeading>
+          <div
+            v-if="data.transcript"
+            class="col-span-7 my-5"
+          >
+            <BaseHeading
+              level="h2"
+              class="mb-5"
+              >Transcript</BaseHeading
+            >
             <BlockText
               :text="data.transcript"
               variant="medium"
@@ -74,8 +90,7 @@
                 class="w-full mb-5"
                 variant="primary"
                 compact
-                >Download
-                {{ data.uploadedMedia.fileExtension || 'Video' }}</BaseButton
+                >Download {{ data.uploadedMedia.fileExtension || 'Video' }}</BaseButton
               >
             </div>
           </div>
@@ -96,14 +111,14 @@
 </template>
 <script lang="ts">
 import { defineComponent } from 'vue'
-import LayoutHelper from './../../../components/LayoutHelper/LayoutHelper.vue'
-import DetailHeadline from './../../../components/DetailHeadline/DetailHeadline.vue'
-import BaseButton from './../../../components/BaseButton/BaseButton.vue'
-import BlockText from './../../../components/BlockText/BlockText.vue'
-import BaseVideo from './../../../components/BaseVideo/BaseVideo.vue'
-import BlockVideoEmbed from './../../../components/BlockVideoEmbed/BlockVideoEmbed.vue'
-import BlockLinkCarousel from './../../../components/BlockLinkCarousel/BlockLinkCarousel.vue'
-import BaseHeading from './../../../components/BaseHeading/BaseHeading.vue'
+import LayoutHelper from './../../components/LayoutHelper/LayoutHelper.vue'
+import DetailHeadline from './../../components/DetailHeadline/DetailHeadline.vue'
+import BaseButton from './../../components/BaseButton/BaseButton.vue'
+import BlockText from './../../components/BlockText/BlockText.vue'
+import BaseVideo from './../../components/BaseVideo/BaseVideo.vue'
+import BlockVideoEmbed from './../../components/BlockVideoEmbed/BlockVideoEmbed.vue'
+import BlockLinkCarousel from './../../components/BlockLinkCarousel/BlockLinkCarousel.vue'
+import BaseHeading from './../../components/BaseHeading/BaseHeading.vue'
 
 export default defineComponent({
   name: 'PageVideoDetail',
@@ -115,19 +130,19 @@ export default defineComponent({
     BaseVideo,
     BlockVideoEmbed,
     BlockLinkCarousel,
-    BaseHeading,
+    BaseHeading
   },
   props: {
     data: {
       type: Object,
-      required: false,
-    },
+      required: false
+    }
   },
   data() {
     return {
-      openTab: 1,
+      openTab: 1
     }
-  },
+  }
 })
 </script>