jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

dev merge

Browse source
This commit is contained in:
Max 2021-11-04 17:08:33 -04:00
parent 6364d81c3c
commit 2db9ccfdf0
2 changed files with 64 additions and 57 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
src/layouts/selectYear/selectYear.vue
View file

@ -19,6 +19,7 @@ import radioQuestion from "@/commonComponents/radioQuestion/radioQuestion";
import Header from "@/uxComponents/header/header"; import Header from "@/uxComponents/header/header";
import { endpoints } from "@/constants/endpoints.js"; import { endpoints } from "@/constants/endpoints.js";
import globalMethods from "@/global-methods"; import globalMethods from "@/global-methods";
import axios from "axios";
export default { export default {
name: "SelectCar", name: "SelectCar",
@ -28,7 +29,7 @@ export default {
}; };
}, },
mounted() { mounted() {
return globalMethods.callHttpClient({ globalMethods.callHttpClient({
method: endpoints.GetYears.method, method: endpoints.GetYears.method,
endpoint: endpoints.GetYears.url, endpoint: endpoints.GetYears.url,
payload:{} payload:{}
@ -36,6 +37,26 @@ export default {
.then( (response) => { .then( (response) => {
this.years = response.data.Result; 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: { methods: {
selectYear(year) { selectYear(year) {
@ -48,26 +69,5 @@ export default {
radioQuestion, radioQuestion,
Header, 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> </script>

77
src/styles/commonStyles.scss
View file

@ -146,63 +146,70 @@ caption {
// SelectCar styles // SelectCar styles
.select-car { .select-car {
height: 100vh; height: 100vh;
.select-car-form { .select-car-form, .car_info, .radio_question {
background: $white; background: $white;
height: 100%; height: 100%;
form { .list-view {
height: calc(100% - 230px); height: calc(100% - 230px);
overflow-y: scroll; overflow-y: scroll;
overflow-x: hidden; overflow-x: hidden;
} }
.car_list, .current_car_info-text, .needed_car_info-text { .car_list, .current_car_info-text, .needed_car_info-text {
flex-shrink: 0; flex-shrink: 0;
width: 100%; width: 100%;
position: relative; position: relative;
transition: transform .3s; transition: transform .3s;
} }
} }
.current_car_info { .current_car_info {
position: relative; position: relative;
min-height: 2.5rem; min-height: 2.5rem;
.current_car_info-text { .current_car_info-text {
position: absolute; position: absolute;
} }
} }
.back-button {
margin-left: 5px;
img {
width: 20px;
}
}
} }
.slide-enter-from { .slide-enter-from {
opacity: 0; opacity: 0;
transform: translateX(30vw); transform: translateX(30vw);
} }
.slide-enter-active, .slide-leave-active { .slide-enter-active, .slide-leave-active {
transition: all .4s; transition: all .4s;
} }
.slide-leave-to { .slide-leave-to {
opacity: 0; opacity: 0;
transform: translateX(-30vw); transform: translateX(-30vw);
} }
.slide_reverse-enter-from { .slide_reverse-enter-from {
opacity: 0; opacity: 0;
transform: translateX(-30vw); transform: translateX(-30vw);
} }
.slide_reverse-enter-active, .slide_reverse-leave-active { .slide_reverse-enter-active, .slide_reverse-leave-active {
transition: all .4s; transition: all .4s;
} }
.slide_reverse-leave-to { .slide_reverse-leave-to {
opacity: 0; opacity: 0;
transform: translateX(30vw); transform: translateX(30vw);
} }
.fade-enter-from, .fade-leave-to { .fade-enter-from, .fade-leave-to {
opacity: 0; opacity: 0;
} }
.fade-enter-active, .fade-leave-active { .fade-enter-active, .fade-leave-active {
transition: all .5s ease; transition: all .5s ease;
} }