@@ -16,89 +16,81 @@ You can prepare data in a separate file. Here is an example of an appropriate da
1616
1717~~~ jsx title="data.js"
1818const data = [
19- {
20- id: " 5cf364d8-9997-4d8c-9586-48f90f3cb736" ,
21- title: " Debra Weeks" ,
22- category: " Allergist" ,
23- subtitle: " 7 years of experience" ,
24- details:
25- " Silverstone Medical Center (Vanderbilt Avenue 13, Chestnut, New Zealand)" ,
26- preview:
27- " https://files.webix.com/30d/d34de82e0a8e3b561988a46ce1e86743/stock-photo-doc.jpg" ,
28- price: " 37 $" ,
29- review: {
30- stars: 1 ,
31- count: 40 ,
32- },
33- },
34- {
35- id: " 9b037564-77be-429f-b719-eebbe499027a" ,
36- title: " Conrad Hubbard" ,
37- category: " Allergist" ,
38- subtitle: " 2 years of experience" ,
39- details:
40- " Desert Springs Hospital (Schroeders Avenue 90, Fannett, Ethiopia)" ,
41- preview:
42- " https://files.webix.com/30d/d34de82e0a8e3b561988a46ce1e86743/stock-photo-doc.jpg" ,
43- price: " 25 $" ,
44- review: {
45- stars: 1 ,
46- count: 10 ,
47- },
48- },
49- {
50- id: " 7d1bc2e1-df36-413b-8154-591e5f176fb1" ,
51- title: " Barnett Mueller" ,
52- category: " Allergist" ,
53- subtitle: " 6 years of experience" ,
54- details: " Navy Street 1, Kiskimere, United States" ,
55- preview: " " ,
56- price: " 22 $" ,
57- review: {
58- stars: 0 ,
59- count: 88 ,
60- },
61- },
62- {
63- id: " af98c3e8-0ae1-4472-bdff-1d3c246abae5" ,
64- title: " Myrtle Wise" ,
65- category: " Allergist" ,
66- subtitle: " 4 years of experience" ,
67- details: " Prescott Place 5, Freeburn, Bulgaria" ,
68- preview: " " ,
69- price: " 22 $" ,
70- review: {
71- stars: 4 ,
72- count: 127 ,
73- },
74- },
75- {
76- id: " 39bfd8a2-c6c9-469c-8d0c-061656e0fbc0" ,
77- title: " Browning Peck" ,
78- category: " Allergist" ,
79- subtitle: " 11 years of experience" ,
80- details: " Seacoast Terrace 174, Belvoir, Mauritania" ,
81- preview: " " ,
82- price: " 29 $" ,
83- review: {
84- stars: 0 ,
85- count: 192 ,
86- },
87- },
88- {
89- id: " a3589553-73bb-4c3b-8c59-1a1be0db71b7" ,
90- title: " Holder Holman" ,
91- category: " Allergist" ,
92- subtitle: " 7 years of experience" ,
93- details: " Cropsey Avenue 5, Odessa, Puerto Rico" ,
94- preview: " " ,
95- price: " 38 $" ,
96- review: {
97- stars: 2 ,
98- count: 181 ,
99- },
100- },
101- ];
19+ {
20+ id: " ee828b5d-a034-420c-889b-978840015d6a" ,
21+ title: " Natalie Tyson" ,
22+ category: " Therapist" ,
23+ subtitle: " 2 years of experiece" ,
24+ details: " Cleveland Clinic\n 9500 Euclid Ave" ,
25+ preview: " https://snippet.dhtmlx.com/codebase/data/booking/01/img/01.jpg" ,
26+ price: " $35" ,
27+ review: {
28+ stars: 4 ,
29+ count: 120 ,
30+ },
31+ slots: [
32+ {
33+ from: 9 , to: 20 ,
34+ days: [1 , 2 , 3 , 4 , 5 ],
35+ },
36+ {
37+ from: 10 , to: 18 ,
38+ days: [6 , 0 ],
39+ },
40+ ],
41+ },
42+ {
43+ id: " 5c9b64ad-1830-4e5b-a5f9-8acea10706df" ,
44+ title: " James Anderson" ,
45+ category: " Allergist" ,
46+ subtitle: " 3 years of experiece" ,
47+ details: " UCLA Medical Center\n 57 Westwood Plaza" ,
48+ preview: " https://snippet.dhtmlx.com/codebase/data/booking/01/img/11.jpg" ,
49+ price: " $30" ,
50+ review: {
51+ stars: 4 ,
52+ count: 64 ,
53+ },
54+ slotSize: 45 ,
55+ slotGap: 10 ,
56+ slots: [
57+ {
58+ from: " 9:15" , to: 17 ,
59+ days: [1 , 2 , 3 , 4 , 5 ],
60+ },
61+ ],
62+ },
63+ {
64+ id: " 9b037564-77be-429f-b719-eebbe499027a" ,
65+ title: " Emma Johnson" ,
66+ category: " Cardiologist" ,
67+ subtitle: " 2 years of experience" ,
68+ details: " Stanford Health Care\n 1468 Madison Ave" ,
69+ preview: " https://snippet.dhtmlx.com/codebase/data/booking/01/img/03.jpg" ,
70+ price: " $25" ,
71+ review: {
72+ stars: 5 ,
73+ count: 10 ,
74+ },
75+ slots: [
76+ {
77+ from: 14 , to: 17 ,
78+ size: 30 , gap: 10 ,
79+ },
80+ {
81+ from: 12 , to: 19 ,
82+ size: 50 , gap: 20 ,
83+ days: [2 ], dates: [getDate (0 )],
84+ },
85+ {
86+ from: " 18:30" , to: 20 ,
87+ size: 20 , gap: 20 ,
88+ days: [3 , 4 , 5 ],
89+ },
90+ ],
91+ usedSlots: [getDate (0 , 12 ), getDate (0 , 18 )],
92+ },
93+ ];
10294~~~
10395
10496## Loading data
@@ -118,18 +110,28 @@ function getData() {
118110}
119111const data = [
120112 {
121- id: " 5cf364d8-9997-4d8c-9586-48f90f3cb736 " ,
122- title: " Debra Weeks " ,
123- category: " Allergist " ,
124- subtitle: " 7 years of experience " ,
125- details: " Silverstone Medical Center (Vanderbilt Avenue 13, Chestnut, New Zealand) " ,
126- preview: " https://files.webix .com/30d/d34de82e0a8e3b561988a46ce1e86743/stock-photo-doc .jpg" ,
127- price: " 37 $ " ,
113+ id: " ee828b5d-a034-420c-889b-978840015d6a " ,
114+ title: " Natalie Tyson " ,
115+ category: " Therapist " ,
116+ subtitle: " 2 years of experiece " ,
117+ details: " Cleveland Clinic \n 9500 Euclid Ave " ,
118+ preview: " https://snippet.dhtmlx .com/codebase/data/booking/01/img/01 .jpg" ,
119+ price: " $35 " ,
128120 review: {
129- stars: 1 ,
130- count: 40 ,
121+ stars: 4 ,
122+ count: 120 ,
123+ },
124+ slots: [
125+ {
126+ from: 9 , to: 20 ,
127+ days: [1 , 2 , 3 , 4 , 5 ],
128+ },
129+ {
130+ from: 10 , to: 18 ,
131+ days: [6 , 0 ],
131132 },
132- },
133+ ],
134+ },
133135 // other data
134136],
135137
0 commit comments