videos added

HIRO-MicroDataCenters-BV · Jul 26, 2024 · bc2090a · bc2090a
1 parent 81c02b8
commit bc2090a
Show file tree

Hide file tree

Showing 6 changed files with 73 additions and 8 deletions.
diff --git a/src/constants/agriculture-page.ts → ...ants/agriculture-page/agriculture-page.ts b/src/constants/agriculture-page.ts → ...ants/agriculture-page/agriculture-page.ts
diff --git a/src/constants/agriculture-page/agriculture-videos.ts b/src/constants/agriculture-page/agriculture-videos.ts
@@ -0,0 +1,23 @@
+import agriculture1 from '@/assets/videos/agriculture/agriculture_1.mp4';
+import agriculture2 from '@/assets/videos/agriculture/agriculture_2.mp4';
+import agriculture3 from '@/assets/videos/agriculture/agriculture_3.mp4';
+import agriculture4 from '@/assets/videos/agriculture/agriculture_4.mp4';
+
+export const agricultureVideos = {
+  agriculture1: {
+    videoFullFileUrl: 'https://www.youtube.com/watch?v=9bZkp7q19f0',
+    videoFile: agriculture1,
+  },
+  agriculture2: {
+    videoFullFileUrl: 'https://www.youtube.com/watch?v=9bZkp7q19f0',
+    videoFile: agriculture2,
+  },
+  agriculture3: {
+    videoFullFileUrl: 'https://www.youtube.com/watch?v=9bZkp7q19f0',
+    videoFile: agriculture3,
+  },
+  agriculture4: {
+    videoFullFileUrl: 'https://www.youtube.com/watch?v=9bZkp7q19f0',
+    videoFile: agriculture4,
+  },
+};
diff --git a/src/constants/industry-page.ts → src/constants/industry-page/industry-page.ts b/src/constants/industry-page.ts → src/constants/industry-page/industry-page.ts
@@ -2,8 +2,7 @@ import { cubeParts } from '@/constants/cube-parts';
 import type { Edge, Node } from '@vue-flow/core';
 import { Position } from '@vue-flow/core';
 
-import test from '@/assets/videos/test/test.mp4';
-import test1 from '@/assets/videos/test/test1.mp4';
+import { industryVideos } from '@/constants/industry-page/industry-videos';
 
 export const industryCards = [
   {
@@ -90,33 +89,45 @@ export const industryGraph = {
       position: { x: 0, y: 0 },
       type: 'video',
       data: {
-        videoFullFileUrl: 'https://www.youtube.com/watch?v=9bZkp7q19f0',
-        videoFile: test,
+        videoFullFileUrl: industryVideos.industry1.videoFullFileUrl,
+        videoFile: industryVideos.industry1.videoFile,
       },
     },
     {
       id: '7',
       position: { x: 250, y: 15 },
       type: 'video',
       data: {
-        videoFullFileUrl: 'https://www.youtube.com/watch?v=9bZkp7q19f0',
-        videoFile: test1,
+        videoFullFileUrl: industryVideos.industry2.videoFullFileUrl,
+        videoFile: industryVideos.industry2.videoFile,
       },
     },
     {
       id: '8',
       position: { x: 200, y: 200 },
       type: 'video',
+      data: {
+        videoFullFileUrl: industryVideos.industry3.videoFullFileUrl,
+        videoFile: industryVideos.industry3.videoFile,
+      },
     },
     {
       id: '9',
       position: { x: 100, y: 120 },
       type: 'video',
+      data: {
+        videoFullFileUrl: industryVideos.industry4.videoFullFileUrl,
+        videoFile: industryVideos.industry4.videoFile,
+      },
     },
     {
       id: '10',
       position: { x: 15, y: 250 },
       type: 'video',
+      data: {
+        videoFullFileUrl: industryVideos.industry5.videoFullFileUrl,
+        videoFile: industryVideos.industry5.videoFile,
+      },
     },
   ],
   edges: <Edge[]>[

diff --git a/src/constants/industry-page/industry-videos.ts b/src/constants/industry-page/industry-videos.ts
@@ -0,0 +1,28 @@
+import industry1 from '@/assets/videos/industry/industry_1.mp4';
+import industry2 from '@/assets/videos/industry/industry_2.mp4';
+import industry3 from '@/assets/videos/industry/industry_3.mp4';
+import industry4 from '@/assets/videos/industry/industry_4.mp4';
+import industry5 from '@/assets/videos/industry/industry_5.mp4';
+
+export const industryVideos = {
+  industry1: {
+    videoFullFileUrl: 'https://www.youtube.com/watch?v=9bZkp7q19f0',
+    videoFile: industry1,
+  },
+  industry2: {
+    videoFullFileUrl: 'https://www.youtube.com/watch?v=9bZkp7q19f0',
+    videoFile: industry2,
+  },
+  industry3: {
+    videoFullFileUrl: 'https://www.youtube.com/watch?v=9bZkp7q19f0',
+    videoFile: industry3,
+  },
+  industry4: {
+    videoFullFileUrl: 'https://www.youtube.com/watch?v=9bZkp7q19f0',
+    videoFile: industry4,
+  },
+  industry5: {
+    videoFullFileUrl: 'https://www.youtube.com/watch?v=9bZkp7q19f0',
+    videoFile: industry5,
+  },
+};
diff --git a/src/views/AgricultureView.vue b/src/views/AgricultureView.vue
@@ -3,7 +3,7 @@ import AppCard from '@/components/AppCard.vue';
 import {
   agricultureCards,
   agricultureGraph,
-} from '@/constants/agriculture-page';
+} from '@/constants/agriculture-page/agriculture-page';
 import AppFlowChart from '@/components/AppFlowChart.vue';
 import AppCardSelector from '@/components/AppCardSelector.vue';
 </script>

diff --git a/src/views/IndustryView.vue b/src/views/IndustryView.vue
@@ -1,6 +1,9 @@
 <script setup lang="ts">
 import AppCard from '@/components/AppCard.vue';
-import { industryCards, industryGraph } from '@/constants/industry-page';
+import {
+  industryCards,
+  industryGraph,
+} from '@/constants/industry-page/industry-page';
 import AppFlowChart from '@/components/AppFlowChart.vue';
 import AppCardSelector from '@/components/AppCardSelector.vue';
 </script>