+ -
+
Klient prywatny , klient biznesowy
+
+
+
@@ -200,6 +246,10 @@
{{acfData.acf.step_4.phone}}
+
+ {{acfData.acf.step_4.attachment}}
+
+
@@ -290,16 +340,13 @@
configData: {
step_1: '',
- step_2: {
- length: 2000,
- width: 2000,
- height: 2500
- },
+ step_2: {},
step_3: '',
+ step_3_extra: '',
step_4: {
name: '',
email: '',
- phone: ''
+ phone: '',
}
}
}
@@ -315,9 +362,6 @@
console.error('Error fetching data:', error);
this.isLoaded = true;
}
-
- console.log(this.acfData);
-
},
methods: {
setStep_1(value, index) {
@@ -327,6 +371,8 @@
this.updateStep3Content();
},
updateStep2Content() {
+ this.configData.step_2 = {};
+
// Tutaj umieszczasz logikę, która zmienia zawartość kroku 2 w zależności od wyboru w kroku 1.
// Przykład: zmiana obrazka w kroku 2 na podstawie wyboru
if (this.selected_option_1 === 0) { // Zakładając, że pierwsza opcja w kroku 1 zmienia obraz na 'obrazek1.webp'
@@ -340,6 +386,9 @@
},
updateStep3Content() {
+ this.configData.step_3 = {};
+ this.configData.step_3_extra = '';
+
if (this.selected_option_1 === 0) {
this.acfData_step_3 = this.acfData.acf.step_3.items_1
} else if (this.selected_option_1 === 1) {
@@ -349,9 +398,14 @@
}
},
- setStep_3(value, index) {
- this.configData.step_3 = value
- this.selected_option_3 = index
+ setStep_3(value, index, extra_option = false) {
+ if (!extra_option) {
+ this.configData.step_3 = value
+ this.selected_option_3 = index
+ this.configData.step_3_extra = ''
+ } else {
+ this.configData.step_3_extra = value
+ }
},
swipeSlide(refName, percent, progress) {
const myDiv = this.$refs.calcBar;
@@ -370,22 +424,34 @@
sendEmail() {
if (this.checkFields()) {
const url = '/konfigurator-mail.php';
- const data = {
- configData: this.configData,
- };
+
+ const formData = new FormData();
+
+ formData.append('configData', JSON.stringify(this.configData));
+
+ const file = this.$refs.fileInput?.files[0];
+ if (file) {
+ formData.append('attachment', file);
+ }
+ // const data = {
+ // configData: this.configData,
+ // };
this.isSended = true
- const options = {
+ // const options = {
+ // method: 'POST',
+ // headers: {
+ // 'Content-Type': 'application/json',
+ // },
+ // body: JSON.stringify(data),
+ // };
+
+
+ fetch(url, {
method: 'POST',
- headers: {
- 'Content-Type': 'application/json',
- },
- body: JSON.stringify(data),
- };
-
-
- fetch(url, options)
+ body: formData
+ })
.then(response => response.json())
.then(data => {
this.isSended = false
@@ -466,6 +532,16 @@
return this.configData
}
},
+
+ watch: {
+ configData: {
+ deep: true,
+ handler() {
+ console.log('configData changed:\n', JSON.stringify(this.configData, null, 2));
+ }
+ }
+ },
+
beforeDestroy() {
window.removeEventListener('resize', this.getWindowWidth);
},