BULL-609

src/views/cATO.vue

@@ -12,8 +12,8 @@
             <div class="col-md-4">
               <img
                 class="img-fluid mt-2 mb-3"
-                src="@/assets/images/CyberSecurity/CS_Dependencies_Icon.png"
-                alt="DependenciesIcon"
+                src="@/assets/images/cATO/Trust.png"
+                alt="TrustIcon"
               />
               <h4>TRUST</h4>
               <p>
@@ -24,8 +24,8 @@
             <div class="col-md-4">
               <img
                 class="img-fluid mt-2 mb-3"
-                src="@/assets/images/CyberSecurity/CS_Warning_Icon.png"
-                alt="WarningIcon"
+                src="@/assets/images/cATO/Risk_Determination.png"
+                alt="RiskIcon"
               />
               <h4>RISK DETERMINATION</h4>
               <p>
@@ -37,8 +37,8 @@
             <div class="col-md-4">
               <img
                 class="img-fluid mt-2 mb-3"
-                src="@/assets/images/CyberSecurity/CS_Innovation_Icon.png"
-                alt="DependenciesIcon"
+                src="@/assets/images/cATO/Secure.png"
+                alt="SecureIcon"
               />
               <h4>SECURE</h4>
               <p>
@@ -86,7 +86,7 @@
         <v-card>
           <div class="row">
             <div class="col-md-4">
-              <img/>
+              <CATOProcess>
             </div>
             <div class="col-md-4">
               <h4 class="md-6">cATO PROCESS</h4>
@@ -178,6 +178,7 @@
 import PageHeader from "@/components/PageHeader";
 import Wave from "@/components/Wave";
 import VueEasyLightbox from "vue-easy-lightbox";
+import cATO_Process from "../assets/images/cATO/cATO_Process.png";
 
 export default {
   name: "cATO",
@@ -185,6 +186,7 @@ export default {
     PageHeader,
     Wave,
     VueEasyLightbox,
+
   },
   methods: {
     showImg(index) {
@@ -197,17 +199,17 @@ export default {
     getImageUrl(filename) {
       return require(`@/assets/images/${filename}`);
     },
-//  },
-//  data: function() {
-//    return {
-//      lifecycle: Lifecycle,
-//      // lightbox state
-//      lightbox: {
-//        visible: false,
-//        index: 0, // default: 0
-//        imgs: [require("@/assets/images/CyberSecurity/Lifecycle.svg")],
-//      },
-//    };
+  },
+  data: function() {
+    return {
+      CATOProcess: cATO_Process,
+      // lightbox state
+      lightbox: {
+        visible: false,
+        index: 0, // default: 0
+        imgs: [require("@/assets/images/cATO/cATO_Process.png")],
+      },
+    };
   },
 };
 </script>