dev merge

src/layouts/selectYear/selectYear.vue

@@ -19,6 +19,7 @@ import radioQuestion from "@/commonComponents/radioQuestion/radioQuestion";
 import Header from "@/uxComponents/header/header";
 import { endpoints } from "@/constants/endpoints.js";
 import globalMethods from "@/global-methods";
+import axios from "axios";
 
 export default {
   name: "SelectCar",
@@ -28,7 +29,7 @@ export default {
     };
   },
   mounted() {
-    return globalMethods.callHttpClient({
+    globalMethods.callHttpClient({
           method: endpoints.GetYears.method,
           endpoint: endpoints.GetYears.url,
           payload:{}
@@ -36,6 +37,26 @@ export default {
         .then( (response) => {
           this.years = response.data.Result;
         });
+
+        // Sample Call to Mockey to represent real data being sent back from the API, and how the modles are supposed to
+        // be prosessed and passed to child components.
+         axios.get("https://mockey.qa.sagaws.net/service/content/selectYear").then((response) => {
+            response.data.Result.forEach((m) => {
+                switch (m.Type) {
+                    case this.widgetNames.PAGE_HEADING_WIDGET: {
+                        this.pageHeader = m.Model;
+                        break;
+                    }
+                    case this.widgetNames.RADIO_QUESTION_WIDGET: {
+                        this.radioQuestion = m.Model;
+                        break;
+                    }
+                    default: {
+                        break;
+                    }
+                }
+            })
+        });
   },
   methods: {
     selectYear(year) {
@@ -48,26 +69,5 @@ export default {
     radioQuestion,
     Header,
   },
-        // Sample Call to Mockey to represent real data being sent back from the API, and how the modles are supposed to
-        });
-
-            })
-                }
-                    }
-                        break;
-                    }
-                    default: {
-                        break;
-                        this.radioQuestion = m.Model;
-                    case this.widgetNames.RADIO_QUESTION_WIDGET: {
-                    }
-                        this.pageHeader = m.Model;
-                        break;
-                    case this.widgetNames.PAGE_HEADING_WIDGET: {
-                switch (m.Type) {
-            response.data.Result.forEach((m) => {
-
-        // be prosessed and passed to child components.
-        axios.get("https://mockey.qa.sagaws.net/service/content/selectYear").then((response) => {
 };
 </script>

src/styles/commonStyles.scss

@@ -148,11 +148,11 @@ caption {
 .select-car {
   height: 100vh;
 
-    .select-car-form {
+  .select-car-form, .car_info, .radio_question {
       background: $white;
       height: 100%;
 
-        form {
+      .list-view {
           height: calc(100% - 230px);
           overflow-y: scroll;
           overflow-x: hidden;
@@ -174,6 +174,13 @@ caption {
           position: absolute;
       }
   }
+
+  .back-button {
+      margin-left: 5px;
+      img {
+          width: 20px;
+      }
+  }
 }
 
 .slide-enter-from {