From 2ad0c1e8a8bb5f173f435d0e4f3a913c462ca47f Mon Sep 17 00:00:00 2001
From: Kulbhushan Kaushik <kulbhushan.kaushik@safelite.com>
Date: Tue, 25 Oct 2022 09:22:29 -0400
Subject: [PATCH] commit

---
 src/constants/endpoints.js                    |  4 ++
 .../year-question/year-question.vue           | 60 +++++++++++++++++++
 src/store/index.js                            |  9 +++
 3 files changed, 73 insertions(+)

diff --git a/src/constants/endpoints.js b/src/constants/endpoints.js
index 19833112..2aeaf26a 100644
--- a/src/constants/endpoints.js
+++ b/src/constants/endpoints.js
@@ -11,6 +11,10 @@ const endpoints = {
     url: (applicationAbbreviation, pageName) => `/content/api/v1/content/${applicationAbbreviation}/${pageName}`,
     method: "GET",
   },
+  GetVehicleYears: {
+    url: "/vehicle/api/v1/vehicle/years",
+    method: "GET",
+  },
 };
   
 export { endpoints };
diff --git a/src/layouts/vehicle-year/year-question/year-question.vue b/src/layouts/vehicle-year/year-question/year-question.vue
index e69de29b..7b7ef327 100644
--- a/src/layouts/vehicle-year/year-question/year-question.vue
+++ b/src/layouts/vehicle-year/year-question/year-question.vue
@@ -0,0 +1,60 @@
+<template>
+    <buttonQuestion
+      class="radioQuestion"
+      isOverflowScrollable
+      selectingInitiatesLoad
+      :questionText="questionText"
+      :answers="years"
+      groupName="ChooseVehicleYear"
+      textPosition="text-start"
+      v-model="selectedValue"
+      isRequired
+    />
+  </template>
+  
+  <script>
+  import buttonQuestion from "@/common-components/button-question/button-question";
+  // Supporting files
+  import { storeActions } from "@/constants/store-actions.js";
+  import baseMixin from "@/mixins/base-mixin.js";
+  export default {
+    name: "year-question",
+    data() {
+      return {
+        years: Array,
+      };
+    },
+    props: {
+      modelValue: String,
+      cmsWidgetName: String,
+    },
+    components: {
+      buttonQuestion,
+    },
+    computed: {
+      questionText(){
+        return this.getCmsContent(this.cmsWidgetName, 'QuestionText');
+      },
+      selectedValue: {
+        get: function() {
+          return this.modelValue
+        },
+        set: function(newValue) {
+          this.$emit("update:modelValue", newValue);
+        }
+      }
+    },
+    methods: {
+      loadInitialData() {
+        return baseMixin.methods.dispatchStoreAction(
+          storeActions.GET_VEHICLE_YEARS,
+          {}
+        );
+      },
+      initializeComponent(initialData) {
+        this.years = initialData;
+      },
+    },
+  };
+  </script>
+  
\ No newline at end of file
diff --git a/src/store/index.js b/src/store/index.js
index 56668172..25e1c8b1 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -74,6 +74,15 @@ export const useMainStore = defineStore({
         });
       },
 
+       // Vehicle API Actions
+      getVehicleYears() {
+        return globalMethods.callHttpClient({
+          method: endpoints.GetVehicleYears.method,
+          endpoint: endpoints.GetVehicleYears.url,
+          payload: {},
+        });
+      },
+
       // Vehicle API Actions
       updateVehicleYear(year) 
       {