diff --git a/src/global-methods.js b/src/global-methods.js
index 7ec0cb1b5..824a87266 100644
--- a/src/global-methods.js
+++ b/src/global-methods.js
@@ -29,9 +29,4 @@ export default {
);
});
},
- disableItems(arr) {
- arr.forEach( (i) => {
- i.disabled = true
- })
- },
};
diff --git a/src/layouts/selectDamage/selectDamage.spec.js b/src/layouts/selectDamage/selectDamage.spec.js
deleted file mode 100644
index 882a68129..000000000
--- a/src/layouts/selectDamage/selectDamage.spec.js
+++ /dev/null
@@ -1 +0,0 @@
-test.todo('some test to be written in the future');
\ No newline at end of file
diff --git a/src/layouts/selectDamage/selectDamage.vue b/src/layouts/selectDamage/selectDamage.vue
deleted file mode 100644
index 5fb099794..000000000
--- a/src/layouts/selectDamage/selectDamage.vue
+++ /dev/null
@@ -1,120 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
How bad is it?
-
-
-
-
-
-
-
-
-
- Change Vehicle
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/layouts/selectYear/selectYear.vue b/src/layouts/selectYear/selectYear.vue
index 65b12e615..6e9665c28 100644
--- a/src/layouts/selectYear/selectYear.vue
+++ b/src/layouts/selectYear/selectYear.vue
@@ -37,16 +37,13 @@ export default {
...mapState(["slideTransition", "carImg", "blurImg", "style"]),
},
mounted() {
- const headerHeight = document.querySelector('.select-car-form').offsetHeight + 75;
- document.querySelector('.car_list').style.padding = `0 0 ${headerHeight}px 0`;
-
globalMethods.callHttpClient({
method: endpoints.GetYears.method,
endpoint: endpoints.GetYears.url,
payload:{}
})
.then( (response) => {
- this.years = response.data.Result;
+ this.years = response.data;
});
axios.get("https://mockey.qa.sagaws.net/service/content/selectYear").then((response) => {
diff --git a/src/router/index.js b/src/router/index.js
index 0d4279df8..97a485841 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -8,7 +8,6 @@ import selectYear from "@/layouts/selectYear/selectYear.vue";
import selectMake from "@/layouts/selectMake/selectMake.vue";
import selectModel from "@/layouts/selectModel/selectModel.vue";
import selectStyle from "@/layouts/selectStyle/selectStyle.vue";
-import selectDamage from "@/layouts/selectDamage/selectDamage.vue";
const routes = [
{
@@ -86,11 +85,6 @@ const routes = [
name: "selectStyle",
component: selectStyle,
},
- {
- path: "/select-damage",
- name: "selectDamage",
- component: selectDamage,
- },
];
const router = createRouter({
diff --git a/src/store/index.js b/src/store/index.js
index 02003ffd2..1481c24e2 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -2,7 +2,6 @@ import { createStore } from "vuex";
import { endpoints } from "@/constants/endpoints.js";
import createPersistedState from "vuex-persistedstate";
import globalMethods from "@/global-methods";
-import router from "@/router";
export default createStore({
plugins: [
@@ -26,17 +25,17 @@ export default createStore({
mutations: {
updateYear(state, data) {
state.year = data.year;
- state.makes = data.makes.data.Result;
+ state.makes = data.makes.data;
state.slideTransition = "slide";
},
updateMake(state, data) {
state.make = data.make;
- state.models = data.models.data.Result;
+ state.models = data.models.data;
state.slideTransition = "slide";
},
updateModel(state, data) {
state.model = data.model;
- state.styles = data.styles.data.Result;
+ state.styles = data.styles.data;
state.slideTransition = "slide";
},
updateStyle(state, data) {
diff --git a/src/styles/commonComponentStyles/ymmsCommonStyles.scss b/src/styles/commonComponentStyles/ymmsCommonStyles.scss
index 237666f66..7fd2a4f18 100644
--- a/src/styles/commonComponentStyles/ymmsCommonStyles.scss
+++ b/src/styles/commonComponentStyles/ymmsCommonStyles.scss
@@ -1,66 +1,41 @@
-// SelectCar styles
.select-car {
height: calc(100vh - 1rem);
.car_list {
- position: absolute;
- height: 100%;
+ // Height will be determined by overall height of content above list
+ height: calc(100% - 100px);
width: calc(100% - 1rem);
- overflow-y: scroll;
- overflow-x: hidden;
}
+}
- .current_car_info-text, .needed_car_info-text {
- flex-shrink: 0;
- width: 100%;
- position: relative;
- transition: transform .3s;
- }
-
- .current_car_info {
- position: relative;
- min-height: 2.5rem;
-
- .current_car_info-text {
- position: absolute;
- }
- }
-
- .back-button {
- margin-left: 5px;
- img {
- width: 20px;
- }
- }
- }
-
- .slide-enter-from {
- opacity: 0;
- transform: translateX(30vw);
- }
- .slide-enter-active, .slide-leave-active {
- transition: all .4s;
- }
- .slide-leave-to {
- opacity: 0;
- transform: translateX(-30vw);
- }
-
- .slide_reverse-enter-from {
- opacity: 0;
- transform: translateX(-30vw);
- }
- .slide_reverse-enter-active, .slide_reverse-leave-active {
- transition: all .4s;
- }
- .slide_reverse-leave-to {
- opacity: 0;
- transform: translateX(30vw);
- }
-
- .fade-enter-from, .fade-leave-to {
- opacity: 0;
- }
- .fade-enter-active, .fade-leave-active {
- transition: all .5s ease;
- }
\ No newline at end of file
+// Animations
+.slide-enter-from {
+ opacity: 0;
+ transform: translateX(30vw);
+}
+.slide-enter-active, .slide-leave-active {
+ transition: all .4s;
+}
+.slide-leave-to {
+ opacity: 0;
+ transform: translateX(-30vw);
+}
+
+.slide_reverse-enter-from {
+ opacity: 0;
+ transform: translateX(-30vw);
+}
+.slide_reverse-enter-active, .slide_reverse-leave-active {
+ transition: all .4s;
+}
+.slide_reverse-leave-to {
+ opacity: 0;
+ transform: translateX(30vw);
+}
+
+.fade-enter-from, .fade-leave-to {
+ opacity: 0;
+}
+.fade-enter-active, .fade-leave-active {
+ transition: all .5s ease;
+}
\ No newline at end of file