@worksafevictoria/wcl7.5 1.10.0 → 1.11.0

package/src/components/SubComponents/VideoThumbnail/index.vue

@@ -4,27 +4,29 @@
       <div class="video-thumbnail">
         <img
           :src="videoThumbnail"
-          alt="video thumbnail"
+          :alt="`Thumbnail for video: ${video.mediaTitle}`"
           width="100%"
           class="video-thumbnail__image"
         />
         <img
           :src="VideoPlay"
-          alt="Play button"
+          alt="Video play button"
+          aria-hidden="true"
           class="video-thumbnail__button"
         />
       </div>
     </a>
     <!-- Modal -->
-    <b-modal
-      :id="`wcl-video-modal`"
+    <BModal
+      v-if="showModal"
       v-model="showModal"
+      :id="`wcl-video-modal-${video.id}`"
       scrollable
       class="wcl-video-modal__modal"
       no-footer
       size="xl"
     >
-      <div class="wcl-video-modal__video" v-if="showModal">
+      <div class="wcl-video-modal__video">
         <video-media
           :media-title="video.mediaTitle"
           :media-description="video.mediaDescription"
@@ -37,7 +39,7 @@
         />
       </div>
       <template #footer><div></div></template>
-    </b-modal>
+    </BModal>
   </div>
 </template>
 

package/src/mock/carousel-items.js

@@ -1,82 +1,47 @@
 export const mockCarouselItems = [
-    {
-      field_title: 'This is the first slider',
-      field_image: {
-        field_media_image: {
-          uri: {
-            url: '/sites/default/files/2025-01/image-ag-safety-network-veg-001.jpg'
-          }
-        }     
-      }, 
-      field_link: {
-        url: 'https://www.google.com',
-      }, 
-      field_date_start: '2025-02-05',
-      field_date_end: '2025-03-07',
-      field_favorite: true
-    },
-    {
-        field_title: 'This is the second slider',
-        field_image: {
-          field_media_image: {
-            uri: {
-              url: '/sites/default/files/2025-01/large-2023%20WorkSafe%20Awards.jpg'
-            }
-          }
-        }, 
-        field_link: {
-          url: '/news/2019-11/winners-named-distinguished-worksafe-awards',
-        },
-        field_date_start: '2025-02-05',
-        field_date_end: '2025-07-05',
-        field_favorite: false
-      },
-      {
-        field_title: 'This is the third slider',
-        field_image: {
-          field_media_image: {
-            uri: {
-              url: '/sites/default/files/2024-12/header-image-workwell-oelg-project.jpg'
-            }
-          }
-        }, 
-        field_link: {
-          url: '/resources/workwell-ageing-workforce-ready-age-difference',
-        },
-        field_date_start: '2024-01-12',
-        field_date_end: '2024-12-12',
-        favorite: false
-      },
-      {
-        field_title: 'This is the fourth slider',
-        field_image: {
-          field_media_image: {
-            uri: {
-              url: '/sites/default/files/styles/large/public/2018-06/Topics-explosives_0.jpg'
-            }
-          }
-        }, 
-        field_link: {
-          url: '/explosives',
-        },
-        field_date_start: '2025-01-30',
-        field_date_end: '2025-12-12',
-        field_favorite: false
-      },
-      {
-        field_title: '',
-        field_image: {
-          field_media_image: {
-            uri: {
-              url: '/sites/default/files/styles/large/public/2022-07/card-bricklaying-3x2.jpg'
-            }
-          }
-        }, 
-        field_link: {
-          url: '/construction',
-        },
-        field_date_start: '2024-10-30',
-        field_date_end: '2025-12-12',
-        field_favorite: false
-      },
-    ]
+  {
+    title: 'This is the first slider',
+    imageURL: '/sites/default/files/2025-01/image-ag-safety-network-veg-001.jpg', 
+    imageAlt: 'Picture of Agricultural Safety Inspectors',
+    linkURL: 'https://www.google.com',
+    dateStart: '2025-02-05',
+    dateEnd: '2025-03-07',
+    favourite: true
+  },
+  {
+    title: 'This is the second slider',
+    imageURL: '/sites/default/files/2025-01/large-2023%20WorkSafe%20Awards.jpg', 
+    imageAlt: 'Picture of WorkSafe Awards Banquet',
+    linkURL: '/news/2019-11/winners-named-distinguished-worksafe-awards',
+    dateStart: '2025-02-05',
+    dateEnd: '2025-07-05',
+    favourite: false
+  },
+  {
+    title: 'This is the third slider',
+    imageURL: '/sites/default/files/2024-12/header-image-workwell-oelg-project.jpg', 
+    imageAlt: 'Workwell image',
+    linkURL: '/resources/workwell-ageing-workforce-ready-age-difference',
+    dateStart: '2024-01-12',
+    dateEnd: '2024-12-12',
+    favourite: false
+  },
+  {
+    title: 'This is the fourth slider',
+    imageURL: '/sites/default/files/styles/large/public/2018-06/Topics-explosives_0.jpg',
+    imageAlt: 'Picture of demolition in quarry',
+    linkURL: '/explosives',
+    dateStart: '2025-01-30',
+    dateEnd: '2025-12-12',
+    favourite: false
+  },
+  {
+    title: '',
+    imageURL: '/sites/default/files/styles/large/public/2022-07/card-bricklaying-3x2.jpg', 
+    imageAlt: 'Picture of construction worker',
+    linkURL: '/construction',
+    dateStart: '2024-10-30',
+    dateEnd: '2025-12-12',
+    favourite: false
+  },
+]