https://chateaudetalu.ru/local/templates/chateaudetalu/assets/js/dist/validation.js

1
2const objOptionsSelect = {
3    selectTime: {
4        id: '#select-time-rest',
5        options: {
6            placeholder: 'Время*',
7            errorText: 'Выберите время*',
8            nameSelect: 'select-time-rest',
9            data: [
10                {id: '1', value: '15:00 - 16:30'},
11                {id: '2', value: '17:00 - 18:30'},
12                {id: '3', value: '18:00 - 18:30'},
13            ],
14        }        
15    },
16    selectTime2: {
17        id: '#select-time-rest2',
18        options: {
19            placeholder: 'Время*',
20            errorText: 'Выберите время*',
21            nameSelect: 'select-time-rest2',
22            data: [
23                {id: '1', value: '15:00 - 16:30'},
24                {id: '2', value: '17:00 - 18:30'},
25                {id: '3', value: '18:00 - 18:30'},
26            ],
27        }        
28    },
29    selectGuest: {
30        id: '#select-guest-rest',
31        options: {
32            placeholder: 'Кол-во гостей*',
33            errorText: 'Укажите кол-во гостей*',
34            nameSelect: 'select-guest',
35            data: [
36                {id: '1', value: '1'},
37                {id: '2', value: '2'},
38                {id: '3', value: '3'},
39            ],
40        }        
41    },
42    selectGuest2: {
43        id: '#select-guest-rest2',
44        options: {
45            placeholder: 'Кол-во гостей*',
46            errorText: 'Укажите кол-во гостей*',
47            nameSelect: 'select-guest-rest2',
48            data: [
49                {id: '1', value: '1'},
50                {id: '2', value: '2'},
51                {id: '3', value: '3'},
52            ],
53        }        
54    },
55    selectSommelier: {
56        id: '#select-sommelier',
57        options: {
58            placeholder: 'Выбор сомелье*',
59            errorText: 'Выберите сомелье*',
60            nameSelect: 'select-sommelier',
61            data: [
62                {id: '1', value: 'Стефан Асприни'},
63                {id: '2', value: 'Стефан Асприни2'},
64                {id: '3', value: 'Стефан Асприни3'},
65            ],
66        }
67    }
68}
69
70const form = new Form('.js-form', {
71    handleSubmit, 
72    handleAjax,
73    objOptionsSelect,
74    disabledDays: [0, 6]
75});
76
77function handleSubmit() {
78    console.log('submit');
79    
80    return {
81        result: true
82        // error: '<p>К сожалению, что-то пошло не так! Попробуйте отправить форму еще раз.</p><p>С теплом южного солнца и наших сердец команда Château de Talu!</p>'
83    }
84}
85
86function handleAjax() {    
87    return dataObj = [
88        {
89            date: '25.03.2022', //дата для тестирования фромы в Событиях
90            time: [
91                {selectTime: '10:00', reminder: 10},
92                {selectTime: '11:00', reminder: 5},
93                {selectTime: '15:00', reminder: 3},
94            ]
95        },
96        {
97            date: '26.04.2022', //дата для тестирования всех остальных форм
98            time: [
99                {selectTime: '10:00', reminder: 1},
100                {selectTime: '15:00', reminder: 6},
101                {selectTime: '18:00', reminder: 3},
102                {selectTime: '19:00', reminder: 2},
103            ]
104        }
105    ]
106        
107}
108
109const btn = document.querySelector('.js-render-select');
110
111if (btn) {
112    btn.addEventListener('click', function(e) {
113        const eventId = e.target.dataset.eventId;
114
115        const data = handleAjax();
116
117        const objOptions = {
118            dataEvent: {
119                id: eventId,
120                name: 'Ужин в 4 руки',
121                date: '25.03.2022'
122            }
123        }
124        
125        form.fillInputEvent(objOptions);
126        form.enableTimeSelect(data, e.target);        
127    });
128}