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 { 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>

77
src/styles/commonStyles.scss
View file

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