From bf043ecabb283555f4d17e78b339f1b814c00c3f Mon Sep 17 00:00:00 2001 From: hemanthkumar-syncfusion Date: Mon, 20 Jan 2025 17:27:10 +0530 Subject: [PATCH] 932442: Theme updated --- Hotel-booking-App/public/images/map.png | Bin 0 -> 10611 bytes Hotel-booking-App/public/index.html | 7 +- Hotel-booking-App/src/DataCreation.js | 213 +++++++++++++----------- Hotel-booking-App/src/HotelBookApp.css | 144 ++++++++++++---- Hotel-booking-App/src/HotelBookApp.js | 115 +++++++++---- 5 files changed, 309 insertions(+), 170 deletions(-) create mode 100644 Hotel-booking-App/public/images/map.png diff --git a/Hotel-booking-App/public/images/map.png b/Hotel-booking-App/public/images/map.png new file mode 100644 index 0000000000000000000000000000000000000000..6efe3b17c571b97eb40c22542ee12ab2feb4e00a GIT binary patch literal 10611 zcmXYXWmH>D+x1BxKyjx?3GP;$;t+}yhvE*!wP?{4*J8yTiWRrw?!}!7?oizQ%l*9H zkE~?YoS8LO&Rn+lj!;#W#X=`T2LJ#|UJj-X03gIq5P*h)_%irdV)@_5Rb5sJs2r!* zLky6uB$Xrqpe7dM!4!fRzi^h*bp-(I-v2(JL8lT60ANOwhe>LB869TfL>tbfElzkI z^O5$B&c0V$D05f;Q!_Zu5x>Y^uR5i?Ueh{oZe;&er(drP#6A^BjLekVM-#4tEQ!o2 zCr_-WvxX)c$A{;!>@$GJ6C~TjuD{sx!|k;>=Ky)5uzVZq@hF_}wEgh=;mg~x`{K>fIK&rs?glETb=5g$qmk4F-;Kr$!$P)5UaWNgH<8qsb!bG_Y#BOh! zBd>Ht6;1Sll)B`@FKGU!u76gY$j-@68N>D^v+^OfZ?|KM(du|T1z{q0=V@uZ8yg!g zS3I%jUXWF)prD{B2#KMaJoq93)s}r}fUktG^MqIHp|WEHHI(!UI`9wERhJo#p3ClYbfmi>{zx>u7C&y{q%a zl3K<&j<8#~3TKDM#M}F~Lf8gM2(VHU@!#I2+Ho!w9k(P)jg*do*7-j7a85QH$l1F7kSv+?$gyzq zZvzYBn4O8g)!x-hvnAiOf~upf$P;t=|G<3jF8CIV_gnz}X7}r=hk;R|dp=(8kSJbs zXO*ZcEN*LeqT^XAtJ)k@% z2VRg95Q>0<9$9F2l*7d}qfP(wTW-E{F9De!E-}5lXpTe}Wv^tvye?|;E1&YxvcN&S z0U5Jmc_K}L}<(w5Z8-Kr?fmq zq8-*dzkT3}#@aP*VQbrnqjyVh|4ByjM&2Bdp?bBfBkI0Ht$+}=EhNxCPh zn2$}g>=)TdLU5+5lZb!0p3YwUaMS|l`FhZ|oz0A_STBvlG7i_?(4Gl(y7`**aJ>uQgB`tTnFm`pPsG}KQiL|%cUo9N?cU)^ z(gj;bPv=8L2zwbYM^tYA;pa=-E*^y42QvTATL!?^S|@vclmH9&2Nb6>&*0={WH)h8 zAl6cX@FX9)Ny(d0_xlc-e9{|JHRn0Gc7Hib5r=J_q@UVIs@IX$kp!>5uN;Q5^;9~8 zLceG5lLg!+rCVssc0Ocn6?#7&gzrc3@_tJ0WYgTYAx%l29t2@J{%vAI3xXzqn^cQ1 z;bG>%Wdmd}oyjj$P=)wkpNeaj8$A-I)nyQNLAWa*aJ>d!lR2MbWr|xT?)M4`hhVva zFDZ&emuK4=3E#+lmxS));*Ll#vvK=?VIo>_uQk5-ce161@RH7JqdHD;%JnS&=d(XA zTFq+$N35;)pJ1t>K23kqh6)Sn(YxAKV#5-%F{)UkL$bMhZ;9(|wLb-E6Z zAqqAiSX7Vf-j=|7AIF5zpWg-UmjahSiZ0|>F`3x#9@I~!cs0CVl|kiYnm;BFxiy@= zj1E!BSDo3kIrf;ghwl^PT>`rf9BfqWN`tz6&M!(7%u3K6bzML$;8?WHhBlwL{^Q@HAm5*ob&_c5rD)M7 zOq{$lLMk?dz|M7IXoob+F#A>60yL$j7`acL(T z1fxR}Yi0yHUo8H;Iao_~{JoabW-jvEdRFG*Yn&$|19rvBmra@Gj~~9{)~}X->)fgO zqNFJ3C$-rI!M(a(mV+|v--+%#J{`fyLlasA;`XDAlRwu9Rse#(P;niJY6QcJ*LhA4 zX+9}n@7%g#N#J210V!4=wq6a`{I`Lz-TESqgQ z`<$Zr$xuIx+eGUmmUzU>A1p*|Vmh+G_fJOdlKh<+E1rxAy5+wWUOl>zRMFQIvNwoh z!pg&#mk+-``w&at%ezGH3mBHs{WGA#4KtZe@t5l})sJgp}w5zw%^rxcE^pk7lU|7RcFHggi=fIx5yP*sq$s*!+M}K-*5n8a3&*kO!XjNsl z(8rumN^117K08JRuB;1k)CEjTE>&inh8ADUYnP=YetKl7;^5u_zr*WI5qhU#!MLh} zs#$XB8)rA4aJ5y@lcoXx7u{NQUHlC>66%`wTU4*giDcM&(<}0w`oZDJh>-vH=}sCM z?ib9N;X$jx`+I4c;B6az?v1Z+z~G zdD%Kr;@7PVglOE~f_Pn@klOtnm>qM;d1w;m%E>98L~ieWU~Ce}hd)xpI-x4;tRY8jZqzXRHa&Q>ZcqEgP<2GBiA)!L%OF{dl}vql zo^6BFN)y9+4|No4cJ^&CLsdYTvl$M2EI?1j4Jp85q|5e3=3UV0Eu`}yyjWdRc)fIw z$o%pyu?Q-*EV%WaUF+lpevaMvcG%Zzg7QUJeLA9W1`H?HL85NQ#Fy8?HC7wJ;Bapr z&V{qb2&(rhNqG&Uzgp~j z<+_oL!C7GUuIz(jatQT5QyIqE28r(-jJ;BE{pUX1^<<2MfT)Ex3Blyuobem7C93rY z3*mbk_wso!nB{M5D+t5P%=dP$2SW?0ma77USYQ&Eq!y?$9cJWFYR`u`%Q3#Viww-DyuFqmNcV<7A2lga|2`a3XsyY(?^9lqM{C7iBj?ss3rRe-~-RUOg%$J&@~!H#s^ z}AoNb-c9R4?L4Od`_6-Me}Yoob5h7R#jZ83!qjFLbTe@t;3S5( zd)VO7Xuu{HQ}o(9N~f$w4}_dsUvHKFwIPPQH}i5w9TKpvmp5Fu$x)5BT_5}gnYp%S z0`IYL8N!5~uZ6mxqonf3oM>W$)@WAf@ZuZw;0?rui8lQ-lXC-RtOqi zFR|S2;A{ZgcAwAxltn(|n5dwc)dZLsmccqqB~le_F5EdQ$$9R`z_ViLP8j8zKkJWC zfhF7SNVv1yqGSR@-jC!b>9nKf237u=S5J3n-U%KJ@acR8gW#W3!0=WQ zeT8!-)dHzF^-lVndDAKgJVL95DY&%ZmHm0S2e5m!y&|61eEa4MzN5eQY2Py}WL(!2eHqWT$W?Y{(? zOT<_;_apvJYslMsTcDH*;Qn>Ss6W( z3VtGB;pKm(BSX1?SUO}sz32wA^W#7@F{d!|8IR?qw8Vsjo9djaofQ=?9n6&e#{b1U*A$Mx2*Yl|77` z;9b5oYwF)vO0QMkxLH+efj0H%cc_l1G#H1-d^X={)wZZBQ{v9?ac4#ecIR$5jE@gO zavO`0KiBftjI1k3wA+iF{VJ~pQvK5+;vpeOUzS z>x|EHM_9j3H}x}wF>!i7l;A@1U*c3|9ILq>PWyR$sN{GNqqX}ME%2bt&4#RFkU5|S zp=vlmzgKRH;*e&Iu(HIS3K9>Hz%7YEbT#t=X%AEf;yy&i&m!BMmrEJLF;lfYW>Iz; zi>)u@;%sytdR)9q`^OmT3?QQm{$xmAI-%onW;eN*JHbb%*`{Ln(0sS(la#8@*}n&#)O9}t zJ{_2_Bp)5Zj{+C;`t%SnQDS@qV<+78xZPf+HZ|TmO908$ArMreB2!nKgFE#m|7m&f zEd9yNIF^A&_khdJhTj=fVLeKx^L3=>fDmCX3X!!g=#$ThdqR^9Wb=}siu5~nfYQMH zN!rgMVL2H@B5R8~?(DtFXGdUF4`&CP=8C`Dx`zdGfs4DknH3X1L5I30agJP6s=v|- ztN!}GZ3BwbZ*2j|O2dFqqo;)dGOUA)>^Q!H`+qu1+1ZGs5iH3~(<@c|!m4h?H(9W| zb#G2bf|tUV{@;OLM`9;AG#=|ciwbJ)QBtW$-^Jt-hq>MGS5_05KB>5TazvijsRG{m zpY+&WK_}N4oMLgTu|kLkeWlK|JFMPx5G^V6g6> zy7?9^^f^khyI0M4MgQRY+yVD_17s5M*7pzmFeFap`vT4I1(&I_)0^dC_n^y9q(orC z?Z~r#yvj_#p{5#~-qfjzr?lZAe-jJ$j!1&N81=Zcy7TzGQK1sW=QBzqS?Yw4Q||Vg ziJ1mAd?P;^dFL|L!rwv(@nRP&3Wetaum(^q)e@BtKt!ngQ$iDUVE?iVR!@0VQveuo z-1KD8GiY2;v3IV#`}#XWU@O`9&iSgH-K||*HWsZDv%i9|FO8}{Af?|;ut&Aw4AXB@ z!Q#&OgpT=i#Z7Xp`5WM9&ZFH&(|4NY6@uaaOVkxaI>JLJ@fF)qXJp|q!6l2g&a}NO_f$XGrMx50QEw-dHCF%tCd>! zWkJL5tV;WvEQ}Pc4POkrsM>|Xl_h3~Nf*{CM^!pmhwFbG)&|uBa#c0m@Ao#ub4NPe zjDxlfkYL_FGGvfD;(Y0C@r_Z2Ro(gbESz!49F)Jp1PQ{XWV3ixCO#KD=hHQZ9Z?=ax?22m9 z$Lk=$Vjwlo_EORt_ZYVZH+B6-&D#xKym$SfYisY!;OuU$0(MTe)Rcvt8@eGU(j*C9 zkzLf|7s6tkX4D24yuwk5=qAC1xcyjDG5h~ro0js3v&Z(x)8_pF># zDGQNt1sVSRaut^DQ*Tx5)}A2YYh^UVbQq6YW8!u`KsL@bKPW)*dn2h_ZV%`1+fIvf(J*xP6{cSD-5`BatciF~S z0S38gr=e=W630s|iQD0$*GqPId_b|^bKO@dP&M=|nQj#tQU#i1f^|j+Wow>~Z^6;N ziXwxCMj;w4X9(D22s$%A1S%2tDD-WzT03bk^eJz@D=z6cv|XJ*WsU(`-m46fGZzWbJ@40PuFOeb zxuRmvnJ`Dq`DsLt#mas46-rp^KcX>~RHLSJ{m zcf63iK6!%|6|}Gafjve`0n%lm1>_$oMbRXQF`37j(}Di7O24w)n3X7LF8qpsfwTZ* zlu`c0gbF&!;+JHUPrQI8j1BwypdrW2YiQwnK#`lT;SZcBH-T%?=H1aAfR^jjOr6bg zzCZC*4-`j)n^6sJx;trEGhO=alFeUJsnix6edy2P$j=_C1-qbg9?2>63o2(-Eqn0PsEs$=_!kAUFCyp;(OU+=RA4m6lsxQsapL+| zLTOr%e#!JJ3TYa%y*(C493NPwpAV`2WH8X9`&z0|jV;kVy7F+rU(6uCj1Y0rPqFVN z=TCr>Tyf%mBEM>KB66WUaUr{ehQ&a-A96GuIy)jzjigy-V<#*jwUE#dhq3iK+7qp~ zqr)SLEh%$xmd1N7M!Q~#=~ug+H0=0LX>3$W8bKJLeaSvFM*nJOWW=+o&CqfF9Z_=VF-viM# zN>D}U6?x!c0qJp7G(~>`Mvb}eL^dg2>z7I`py&&PUZpFTbAR}AX^c4R^0!V!(I2B_ zn-)C~7h(=c)f3BcxxAD7FpVIHJmBHPbE#$pbyGLCmFgQn>d9vW!bORN{HpPFb3T|iiWdo8wNv2i%%j!z z{Z{_opCnQnkn&(FnGFx`2Q`SKXI&bGU=n1BjoB=Yq$i-1EXVk8uziSmrtyL}V(c1-ron&686hhmcpp$1AGLa_kOrlz_=-bP*jW^lBU_mEqp2VT2Qd$PkhnA znq6wqnmO-mM{>B%P75vqC9ML)Bt-b?631Y87`${r}uN9kFULi3yOfF0ZK{qSCe;YhX`<8MZYEm3$Yh6GgONNag*Ck z6RL0bnI-C(yi=?4!pTkZq6Je?rpxY;o1>Swp-BlN znR3N80%fA|lMLJQel$Qvr)1DJi3rdBG_=m7Sg7lohXXzJG-?B<1{M7Z50jY%IKCwG zg}vCJyZg0wuS9nrhc6^E;=eF>KM|r0xW>H?Q>t48{3Hx_dV_buTJNU6JM4}^J)##5 z7-cSe(Wr8=gnNag0@ugZSxyQ5sY^mFe(eBd%*8y$q5*e``%AJyQj0o zzP{j5ukg_e)Ef=FONq;zw|4hA_`^J?%itk-1k1)wz=xc%YW}3TnqtxV1XvpBC|~Ke z-8jaJoFnK_b*|8dLw~p`V##U;w~`4wK~2iv{UCZEFGf14Xp)XK(`@KsP;+T>;(_FgCkXvyysz&C_sYG^jZ+2>nOiAqb%$PirqQ2gDd|HQ zrjc_e-iHBWP#Z)w&dWBEQjoy3N71tx{C5%Q{m-IK|8BxQ4f)J!nQdmcHUNp|GS$E_ z(ryN;1w6M~+?5llMX~*De0P7B*3}A-Q3!wBTuQP-zzyHnUyz^yVZNiL2F#=g9K(c^Ty%2>%^iq`{Wv5HYpp`EF1NH=Pm3 zo|#R#;SSaYLan!NtUyu>Oi8RJ(-(|eUMo@e*W{6X7hWV?R7HlLiORH}bIfJGJT#07 z4o{w(c;6XPlBi*f4=5H{RbCf$3bjE@UM5xoaPL67ji_CUG;)H}$jb?j$1236ZX1|O zaU1*Du@}76HvDG62!|**eb@71HP+wKA5>&hYYnH2aME_h`mfAE6j<$R%wK zMKECrtj;bkk&DLXWAL)X9#gsB|I%JtMu3_rXxYT;L=qWXx{ADZLSiEJ-vY8}Y3}W3(*a-bdGi#}<6qqt4r>${`FlU+TyO^XoTBHB zozxIRogzvgX-+9`{rp}DlVRT79j(gAARJhP?Al=0=eCg)A^MOw_re&Ptwwd%Pj*?b zoDaDAt^&zDB2r6vNws*S@7(}JJOe4r}p}12smTll&s?+uU z##DuuG{z=T7OM?}cLDZ!&kHd$`|w-kcKyEf z|X52%J9BLkc*s5P3ka1 zO@)^v%uoG6QHyVQ#>Mx&$vZ)@*DfFX_vfC`fD8)-3<-ly+e?YVELvHA8jX*&vOzDt&AB=@JW<^AF8a7+059;X<*hyTtH*gV(o-;uJb^fyA zR78vS-E$+m|7mDK9dTH~tE5DpVSewRXbY_E7@VQ+cj;&MLL;1VKknGXeGsv$p8`Ry z+4gs(({4r?(`tA-_fCEO425Q-dMR1@LxhfZD4*WSsV(to{dwM@@n-AO2a*%t551nX zjHdo@#HylMFbvi@n);41zBl`NX4ARG<6) zc?D@bAh#RBT?nD+NKl-x7xsVfV$q-+L0D|=Ohm2uQ?olZ+#K1W{Kf5~OYPkKqvIM8 z-25cXJ2k)g5ino%IKFNT^8`@@Yxrtomftd`o#Z5yVh7-QCWeYjq zVy!aNcUGN0R9e&J558^#JEyV@P@a~Azk*NP6XdKPa2bIFF^^G^nH>w)>|KkNygFCh zA1L7)ZLXU`n~|SCccQ8irP&fJA9ErtgPA~xz_D>L_2UsZzD_}{0u-d~uaMeSj2RHR zrWe2bf$wGd6j0nUO^0*;fKMmrxiIH2Jyz;Em5@Kt7zKS8yH#Vy!Qi&F#r zsZfy=r1t7%nSifNRl*uO93Nk0%((+zdIuVffR!F1dMHFSrXZ&!PKEYKeD$m19xf7{ zcI?8zTU!F}e?6@51nv%}l~#1{;d^q8Hor|&PG4&*$=LfFQ8>Ppqq7pKG$!=x2_9iidwc&>?;ry1ED@-P*7M2y3bBQ_qoL?Xte>+2U?FZ;wP z$sj`C&kE--`7AH}niQbn z)jcNC#F&Sm>AMhXg9NU;f>ip91NRM&L{}4iTQI7CmS{FPCd^ObCbdG+RO84t`$2v! zi1M@r7aJd}S&m#gM@eMABMPSUX~BS^%@(%tygqGYML~JO28^L)0!_K$|I--$pVaVY cwE8ntMeSfBJn9z{LMREy%P7MtrAz| - - + + + diff --git a/Hotel-booking-App/src/DataCreation.js b/Hotel-booking-App/src/DataCreation.js index 1aed503..c0699d9 100644 --- a/Hotel-booking-App/src/DataCreation.js +++ b/Hotel-booking-App/src/DataCreation.js @@ -9,16 +9,31 @@ startDate2.setDate(endDate1.getDate() + 1); const endDate2 = new Date(startDate2); endDate2.setDate(startDate2.getDate() + 2); +const startDate3 = new Date(endDate2); +startDate3.setDate(endDate2.getDate() + 5); +const endDate3 = new Date(startDate3); +endDate3.setDate(startDate3.getDate() + 5); + +const startDate4 = new Date(endDate3); +startDate4.setDate(endDate3.getDate() + 5); +const endDate4 = new Date(startDate4); +endDate4.setDate(startDate4.getDate() + 5); + +const startDate5 = new Date(endDate4); +startDate5.setDate(endDate4.getDate() + 2); +const endDate5 = new Date(startDate5); +endDate5.setDate(startDate5.getDate() + 2); + var hotelData = [ { HotelID: 102278, - HotelName: 'Benor Cotel', + HotelName: 'Benor Hotel', Address: "59 rue de l'Abbaye", Description: 'We are the king of the hotel in the vast beautiful world.', HotelImgID: 'hotel_1', Rating: 5, ReviewCount: 20, - Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'Benor Cotel, Montana' }, + Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'Benor Hotel, Montana' }, HotelFacility: 'Parking, Pet allowed, Swiming pool, Restaurant', RoomID: 1, RoomImgID: 'room_1', @@ -31,17 +46,17 @@ var hotelData = [ Extras: 'Free cancellation, Credit card accepted, Pay at visit', RoomFacility: 'Television, Projector, Balcony, Whiteboard, Kitchen, Internet, Shower', Price: 500, - CheckInOut: [] + CheckInOut: [{ CheckIn: startDate3, CheckOut: endDate3 }] }, { HotelID: 102278, - HotelName: 'Benor Cotel', + HotelName: 'Benor Hotel', Address: "59 rue de l'Abbaye", Description: 'We are the king of the hotel in the vast beautiful world.', HotelImgID: 'hotel_1', Rating: 5, ReviewCount: 20, - Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'Benor Cotel, Montana' }, + Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'Benor Hotel, Montana' }, HotelFacility: 'Parking, Pet allowed, Swiming pool, Restaurant', RoomID: 2, RoomImgID: 'room_2', @@ -54,17 +69,17 @@ var hotelData = [ Extras: 'Credit card accepted, Pay at visit', RoomFacility: 'Television, Whiteboard, Kitchen, Internet', Price: 300, - CheckInOut: [{ CheckIn: startDate1, CheckOut: endDate1 }] + CheckInOut: [{ CheckIn: startDate1, CheckOut: endDate1 }, { CheckIn: startDate3, CheckOut: endDate3 }] }, { HotelID: 102278, - HotelName: 'Benor Cotel', + HotelName: 'Benor Hotel', Address: "59 rue de l'Abbaye", Description: 'We are the king of the hotel in the vast beautiful world.', HotelImgID: 'hotel_1', Rating: 5, ReviewCount: 20, - Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'Benor Cotel, Montana' }, + Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'Benor Hotel, Montana' }, HotelFacility: 'Parking, Pet allowed, Swiming pool, Restaurant', RoomID: 3, RoomImgID: 'room_3', @@ -77,17 +92,17 @@ var hotelData = [ Extras: 'Free cancellation, Pay at visit', RoomFacility: 'Television, Internet', Price: 150, - CheckInOut: [] + CheckInOut: [{ CheckIn: startDate4, CheckOut: endDate4 }] }, { HotelID: 117823, - HotelName: 'Zabator Cotel', + HotelName: 'Zabator Hotel', Address: "Luisenstr. 48", Description: 'Pleasent hotel for pleasent people.', HotelImgID: 'hotel_2', Rating: 4, ReviewCount: 30, - Location: { latitude: 40.633829, longitude: -73.967230, TooltipContent: 'Zabator Cotel, New York' }, + Location: { latitude: 40.633829, longitude: -73.967230, TooltipContent: 'Zabator Hotel, New York' }, HotelFacility: 'Parking, Swiming pool, Restaurant', RoomID: 1, RoomImgID: 'room_4', @@ -104,13 +119,13 @@ var hotelData = [ }, { HotelID: 117823, - HotelName: 'Zabator Cotel', + HotelName: 'Zabator Hotel', Address: "Luisenstr. 48", Description: 'Pleasent hotel for pleasent people.', HotelImgID: 'hotel_2', Rating: 4, ReviewCount: 30, - Location: { latitude: 40.633829, longitude: -73.967230, TooltipContent: 'Zabator Cotel, New York' }, + Location: { latitude: 40.633829, longitude: -73.967230, TooltipContent: 'Zabator Hotel, New York' }, HotelFacility: 'Parking, Swiming pool, Restaurant', RoomID: 2, RoomImgID: 'room_5', @@ -123,17 +138,17 @@ var hotelData = [ Extras: 'Pay at visit', RoomFacility: 'Television, Kitchen, Internet', Price: 300, - CheckInOut: [{ CheckIn: startDate2, CheckOut: endDate2 }] + CheckInOut: [{ CheckIn: startDate2, CheckOut: endDate2 }, { CheckIn: startDate3, CheckOut: endDate3 }] }, { HotelID: 117823, - HotelName: 'Zabator Cotel', + HotelName: 'Zabator Hotel', Address: "Luisenstr. 48", Description: 'Pleasent hotel for pleasent people.', HotelImgID: 'hotel_2', Rating: 4, ReviewCount: 30, - Location: { latitude: 40.633829, longitude: -73.967230, TooltipContent: 'Zabator Cotel, New York' }, + Location: { latitude: 40.633829, longitude: -73.967230, TooltipContent: 'Zabator Hotel, New York' }, HotelFacility: 'Parking, Swiming pool, Restaurant', RoomID: 3, RoomImgID: 'room_6', @@ -146,7 +161,7 @@ var hotelData = [ Extras: 'Free cancellation', RoomFacility: 'Television, Internet', Price: 100, - CheckInOut: [] + CheckInOut: [{ CheckIn: startDate5, CheckOut: endDate5 }] }, { HotelID: 322211, @@ -169,7 +184,7 @@ var hotelData = [ Extras: 'Free cancellation, Credit card accepted, Pay at visit', RoomFacility: 'Television, Kitchen, Internet, Shower', Price: 600, - CheckInOut: [] + CheckInOut: [{ CheckIn: startDate5, CheckOut: endDate5 }] }, { HotelID: 322211, @@ -215,17 +230,17 @@ var hotelData = [ Extras: 'Free cancellation', RoomFacility: 'Internet, Shower', Price: 150, - CheckInOut: [{ CheckIn: startDate2, CheckOut: endDate2 }] + CheckInOut: [{ CheckIn: startDate2, CheckOut: endDate2 }, { CheckIn: startDate3, CheckOut: endDate3 }] }, { HotelID: 112278, - HotelName: 'Zentor Motel', + HotelName: 'Zentor Hotel', Address: "2, rue du Commerce", Description: 'We are the queen of the hotel.', HotelImgID: 'hotel_4', Rating: 4, ReviewCount: 35, - Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'Zentor Motel, Montana' }, + Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'Zentor Hotel, Montana' }, HotelFacility: 'Parking, Pet allowed, Swiming pool', RoomID: 1, RoomImgID: 'room_10', @@ -238,17 +253,17 @@ var hotelData = [ Extras: 'Free cancellation', RoomFacility: 'Television, Projector, Balcony, Whiteboard, Kitchen, Internet, Shower', Price: 500, - CheckInOut: [] + CheckInOut: [{ CheckIn: startDate4, CheckOut: endDate4 }] }, { HotelID: 112278, - HotelName: 'Zentor Motel', + HotelName: 'Zentor Hotel', Address: "2, rue du Commerce", Description: 'We are the queen of the hotel.', HotelImgID: 'hotel_4', Rating: 4, ReviewCount: 35, - Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'Zentor Motel, Montana' }, + Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'Zentor Hotel, Montana' }, HotelFacility: 'Parking, Pet allowed, Swiming pool', RoomID: 2, RoomImgID: 'room_11', @@ -265,13 +280,13 @@ var hotelData = [ }, { HotelID: 112278, - HotelName: 'Zentor Motel', + HotelName: 'Zentor Hotel', Address: "2, rue du Commerce", Description: 'We are the queen of the hotel.', HotelImgID: 'hotel_4', Rating: 4, ReviewCount: 35, - Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'Zentor Motel, Montana' }, + Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'Zentor Hotel, Montana' }, HotelFacility: 'Parking, Pet allowed, Swiming pool', RoomID: 3, RoomImgID: 'room_12', @@ -284,17 +299,17 @@ var hotelData = [ Extras: 'Free cancellation, Pay at visit', RoomFacility: 'Television, Internet', Price: 150, - CheckInOut: [] + CheckInOut: [{ CheckIn: startDate4, CheckOut: endDate4 }] }, { HotelID: 127823, - HotelName: 'Bakator Cotel', + HotelName: 'Bakator Hotel', Address: "Boulevard Tirou, 255", Description: 'Pleasent hotel for sweet people.', HotelImgID: 'hotel_5', Rating: 2, ReviewCount: 15, - Location: { latitude: 40.633829, longitude: -73.967230, TooltipContent: 'Bakator Cotel, New York' }, + Location: { latitude: 40.633829, longitude: -73.967230, TooltipContent: 'Bakator Hotel, New York' }, HotelFacility: 'Swiming pool, Restaurant', RoomID: 1, RoomImgID: 'room_13', @@ -307,17 +322,17 @@ var hotelData = [ Extras: 'Free cancellation, Credit card accepted, Pay at visit', RoomFacility: 'Television, Projector, Balcony, Kitchen, Internet', Price: 600, - CheckInOut: [{ CheckIn: startDate1, CheckOut: endDate1 }, { CheckIn: startDate2, CheckOut: endDate2 }] + CheckInOut: [{ CheckIn: startDate1, CheckOut: endDate1 }, { CheckIn: startDate2, CheckOut: endDate2 }, { CheckIn: startDate3, CheckOut: endDate3 }] }, { HotelID: 127823, - HotelName: 'Bakator Cotel', + HotelName: 'Bakator Hotel', Address: "Boulevard Tirou, 255", Description: 'Pleasent hotel for sweet people.', HotelImgID: 'hotel_5', Rating: 2, ReviewCount: 15, - Location: { latitude: 40.633829, longitude: -73.967230, TooltipContent: 'Bakator Cotel, New York' }, + Location: { latitude: 40.633829, longitude: -73.967230, TooltipContent: 'Bakator Hotel, New York' }, HotelFacility: 'Swiming pool, Restaurant', RoomID: 2, RoomImgID: 'room_14', @@ -334,13 +349,13 @@ var hotelData = [ }, { HotelID: 127823, - HotelName: 'Bakator Cotel', + HotelName: 'Bakator Hotel', Address: "Boulevard Tirou, 255", Description: 'Pleasent hotel for sweet people.', HotelImgID: 'hotel_5', Rating: 2, ReviewCount: 15, - Location: { latitude: 40.633829, longitude: -73.967230, TooltipContent: 'Bakator Cotel, New York' }, + Location: { latitude: 40.633829, longitude: -73.967230, TooltipContent: 'Bakator Hotel, New York' }, HotelFacility: 'Swiming pool, Restaurant', RoomID: 3, RoomImgID: 'room_15', @@ -353,7 +368,7 @@ var hotelData = [ Extras: 'Free cancellation', RoomFacility: 'Television, Internet', Price: 100, - CheckInOut: [] + CheckInOut: [{ CheckIn: startDate5, CheckOut: endDate5 }] }, { HotelID: 332211, @@ -376,7 +391,7 @@ var hotelData = [ Extras: 'Free cancellation, Credit card accepted, Pay at visit', RoomFacility: 'Television, Kitchen, Internet, Shower', Price: 600, - CheckInOut: [] + CheckInOut: [{ CheckIn: startDate3, CheckOut: endDate3 }] }, { HotelID: 332211, @@ -445,7 +460,7 @@ var hotelData = [ Extras: 'Free cancellation, Credit card accepted, Pay at visit', RoomFacility: 'Television, Kitchen, Internet, Shower', Price: 600, - CheckInOut: [] + CheckInOut: [{ CheckIn: startDate3, CheckOut: endDate3 }] }, { HotelID: 342211, @@ -468,7 +483,7 @@ var hotelData = [ Extras: 'Free cancellation, Credit card accepted, Pay at visit', RoomFacility: 'Television, Internet, Shower', Price: 300, - CheckInOut: [{ CheckIn: startDate1, CheckOut: endDate1 }] + CheckInOut: [{ CheckIn: startDate1, CheckOut: endDate1 }, { CheckIn: startDate3, CheckOut: endDate3 }] }, { HotelID: 342211, @@ -495,13 +510,13 @@ var hotelData = [ }, { HotelID: 132278, - HotelName: 'Bekaor Cotel', + HotelName: 'Bekaor Hotel', Address: "68 rue de l'Abbaye", Description: 'We have different theme hotel.', HotelImgID: 'hotel_8', Rating: 3, ReviewCount: 30, - Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'Bekaor Cotel, Montana' }, + Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'Bekaor Hotel, Montana' }, HotelFacility: 'Pet allowed, Swiming pool, Restaurant', RoomID: 1, RoomImgID: 'room_6', @@ -514,17 +529,17 @@ var hotelData = [ Extras: 'Pay at visit', RoomFacility: 'Television, Kitchen, Internet, Shower', Price: 600, - CheckInOut: [] + CheckInOut: [{ CheckIn: startDate3, CheckOut: endDate3 }] }, { HotelID: 132278, - HotelName: 'Bekaor Cotel', + HotelName: 'Bekaor Hotel', Address: "68 rue de l'Abbaye", Description: 'We have different theme hotel.', HotelImgID: 'hotel_8', Rating: 3, ReviewCount: 30, - Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'Bekaor Cotel, Montana' }, + Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'Bekaor Hotel, Montana' }, HotelFacility: 'Pet allowed, Swiming pool, Restaurant', RoomID: 2, RoomImgID: 'room_7', @@ -541,13 +556,13 @@ var hotelData = [ }, { HotelID: 132278, - HotelName: 'Bekaor Cotel', + HotelName: 'Bekaor Hotel', Address: "68 rue de l'Abbaye", Description: 'We have different theme hotel.', HotelImgID: 'hotel_8', Rating: 3, ReviewCount: 30, - Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'Bekaor Cotel, Montana' }, + Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'Bekaor Hotel, Montana' }, HotelFacility: 'Pet allowed, Swiming pool, Restaurant', RoomID: 3, RoomImgID: 'room_8', @@ -560,17 +575,17 @@ var hotelData = [ Extras: 'Free cancellation, Pay at visit', RoomFacility: 'Television, Internet', Price: 150, - CheckInOut: [] + CheckInOut: [{ CheckIn: startDate3, CheckOut: endDate3 }] }, { HotelID: 137823, - HotelName: 'Zanator Cotel', + HotelName: 'Zanator Hotel', Address: "Luisenstr. 56", Description: 'Pleasent hotel for polite people.', HotelImgID: 'hotel_9', Rating: 5, ReviewCount: 50, - Location: { latitude: 40.633829, longitude: -73.967230, TooltipContent: 'Zanator Cotel, New York' }, + Location: { latitude: 40.633829, longitude: -73.967230, TooltipContent: 'Zanator Hotel, New York' }, HotelFacility: 'Parking, Pet allowed', RoomID: 1, RoomImgID: 'room_9', @@ -587,13 +602,13 @@ var hotelData = [ }, { HotelID: 137823, - HotelName: 'Zanator Cotel', + HotelName: 'Zanator Hotel', Address: "Luisenstr. 56", Description: 'Pleasent hotel for polite people.', HotelImgID: 'hotel_9', Rating: 5, ReviewCount: 50, - Location: { latitude: 40.633829, longitude: -73.967230, TooltipContent: 'Zanator Cotel, New York' }, + Location: { latitude: 40.633829, longitude: -73.967230, TooltipContent: 'Zanator Hotel, New York' }, HotelFacility: 'Parking, Pet allowed', RoomID: 2, RoomImgID: 'room_10', @@ -610,13 +625,13 @@ var hotelData = [ }, { HotelID: 137823, - HotelName: 'Zanator Cotel', + HotelName: 'Zanator Hotel', Address: "Luisenstr. 56", Description: 'Pleasent hotel for polite people.', HotelImgID: 'hotel_9', Rating: 5, ReviewCount: 50, - Location: { latitude: 40.633829, longitude: -73.967230, TooltipContent: 'Zanator Cotel, New York' }, + Location: { latitude: 40.633829, longitude: -73.967230, TooltipContent: 'Zanator Hotel, New York' }, HotelFacility: 'Parking, Pet allowed', RoomID: 3, RoomImgID: 'room_11', @@ -629,7 +644,7 @@ var hotelData = [ Extras: 'Free cancellation', RoomFacility: 'Television, Internet', Price: 300, - CheckInOut: [] + CheckInOut: [{ CheckIn: startDate5, CheckOut: endDate5 }] }, { HotelID: 343211, @@ -652,7 +667,7 @@ var hotelData = [ Extras: 'Free cancellation, Pay at visit', RoomFacility: 'Television, Kitchen', Price: 400, - CheckInOut: [] + CheckInOut: [{ CheckIn: startDate4, CheckOut: endDate4 }] }, { HotelID: 343211, @@ -675,7 +690,7 @@ var hotelData = [ Extras: 'Free cancellation', RoomFacility: 'Internet, Shower', Price: 500, - CheckInOut: [] + CheckInOut: [{ CheckIn: startDate3, CheckOut: endDate3 }] }, { HotelID: 343211, @@ -702,13 +717,13 @@ var hotelData = [ }, { HotelID: 142278, - HotelName: 'ZZntor Cotel', + HotelName: 'ZZntor Hotel', Address: "333, rue du Commerce", Description: 'We are the winner hotel.', HotelImgID: 'hotel_11', Rating: 4, ReviewCount: 35, - Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'ZZntor Cotel, Montana' }, + Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'ZZntor Hotel, Montana' }, HotelFacility: 'Parking, Swiming pool', RoomID: 1, RoomImgID: 'room_15', @@ -725,13 +740,13 @@ var hotelData = [ }, { HotelID: 142278, - HotelName: 'ZZntor Cotel', + HotelName: 'ZZntor Hotel', Address: "333, rue du Commerce", Description: 'We are the winner hotel.', HotelImgID: 'hotel_11', Rating: 4, ReviewCount: 35, - Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'ZZntor Cotel, Montana' }, + Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'ZZntor Hotel, Montana' }, HotelFacility: 'Parking, Swiming pool', RoomID: 2, RoomImgID: 'room_16', @@ -748,13 +763,13 @@ var hotelData = [ }, { HotelID: 142278, - HotelName: 'ZZntor Cotel', + HotelName: 'ZZntor Hotel', Address: "333, rue du Commerce", Description: 'We are the winner hotel.', HotelImgID: 'hotel_11', Rating: 4, ReviewCount: 35, - Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'ZZntor Cotel, Montana' }, + Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'ZZntor Hotel, Montana' }, HotelFacility: 'Parking, Swiming pool', RoomID: 3, RoomImgID: 'room_1', @@ -767,17 +782,17 @@ var hotelData = [ Extras: 'Free cancellation, Pay at visit', RoomFacility: 'Television, Internet', Price: 150, - CheckInOut: [] + CheckInOut: [{ CheckIn: startDate4, CheckOut: endDate4 }] }, { HotelID: 129823, - HotelName: 'Oakator Cotel', + HotelName: 'Oakator Hotel', Address: "255, RU Boulevard Tirou", Description: 'Pleasent hotel for sweet people.', HotelImgID: 'hotel_1', Rating: 5, ReviewCount: 50, - Location: { latitude: 40.633829, longitude: -73.967230, TooltipContent: 'Oakator Cotel, New York' }, + Location: { latitude: 40.633829, longitude: -73.967230, TooltipContent: 'Oakator Hotel, New York' }, HotelFacility: 'Swiming pool, Restaurant', RoomID: 1, RoomImgID: 'room_2', @@ -790,17 +805,17 @@ var hotelData = [ Extras: 'Credit card accepted', RoomFacility: 'Projector, Balcony, Kitchen, Internet', Price: 300, - CheckInOut: [{ CheckIn: startDate2, CheckOut: endDate2 }] + CheckInOut: [{ CheckIn: startDate2, CheckOut: endDate2 }, { CheckIn: startDate3, CheckOut: endDate3 }] }, { HotelID: 129823, - HotelName: 'Oakator Cotel', + HotelName: 'Oakator Hotel', Address: "255, RU Boulevard Tirou", Description: 'Pleasent hotel for sweet people.', HotelImgID: 'hotel_1', Rating: 5, ReviewCount: 50, - Location: { latitude: 40.633829, longitude: -73.967230, TooltipContent: 'Oakator Cotel, New York' }, + Location: { latitude: 40.633829, longitude: -73.967230, TooltipContent: 'Oakator Hotel, New York' }, HotelFacility: 'Swiming pool, Restaurant', RoomID: 2, RoomImgID: 'room_3', @@ -817,13 +832,13 @@ var hotelData = [ }, { HotelID: 129823, - HotelName: 'Oakator Cotel', + HotelName: 'Oakator Hotel', Address: "255, RU Boulevard Tirou", Description: 'Pleasent hotel for sweet people.', HotelImgID: 'hotel_1', Rating: 5, ReviewCount: 50, - Location: { latitude: 40.633829, longitude: -73.967230, TooltipContent: 'Oakator Cotel, New York' }, + Location: { latitude: 40.633829, longitude: -73.967230, TooltipContent: 'Oakator Hotel, New York' }, HotelFacility: 'Swiming pool, Restaurant', RoomID: 3, RoomImgID: 'room_4', @@ -836,7 +851,7 @@ var hotelData = [ Extras: 'Free cancellation', RoomFacility: 'Television, Internet', Price: 100, - CheckInOut: [] + CheckInOut: [{ CheckIn: startDate5, CheckOut: endDate5 }] }, { HotelID: 332221, @@ -882,7 +897,7 @@ var hotelData = [ Extras: 'Free cancellation', RoomFacility: 'Television, Internet, Shower', Price: 600, - CheckInOut: [{ CheckIn: startDate1, CheckOut: endDate1 }] + CheckInOut: [{ CheckIn: startDate1, CheckOut: endDate1 }, { CheckIn: startDate3, CheckOut: endDate3 }] }, { HotelID: 332221, @@ -928,7 +943,7 @@ var hotelData = [ Extras: 'Free cancellation, Credit card accepted, Pay at visit', RoomFacility: 'Television, Kitchen, Internet, Shower', Price: 600, - CheckInOut: [] + CheckInOut: [{ CheckIn: startDate4, CheckOut: endDate4 }] }, { HotelID: 342311, @@ -951,7 +966,7 @@ var hotelData = [ Extras: 'Free cancellation, Credit card accepted, Pay at visit', RoomFacility: 'Television, Internet, Shower', Price: 300, - CheckInOut: [{ CheckIn: startDate1, CheckOut: endDate1 }] + CheckInOut: [{ CheckIn: startDate1, CheckOut: endDate1 }, { CheckIn: startDate3, CheckOut: endDate3 }] }, { HotelID: 342311, @@ -978,13 +993,13 @@ var hotelData = [ }, { HotelID: 192278, - HotelName: 'Zekaorza Cotel', + HotelName: 'Zekaorza Hotel', Address: "68 rue de l'Abbaye GG", Description: 'We have different theme hotel.', HotelImgID: 'hotel_4', Rating: 1, ReviewCount: 30, - Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'Zekaorza Cotel, Montana' }, + Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'Zekaorza Hotel, Montana' }, HotelFacility: 'Pet allowed, Swiming pool, Restaurant', RoomID: 1, RoomImgID: 'room_11', @@ -997,17 +1012,17 @@ var hotelData = [ Extras: 'Pay at visit', RoomFacility: 'Television, Kitchen, Internet, Shower', Price: 100, - CheckInOut: [] + CheckInOut: [{ CheckIn: startDate4, CheckOut: endDate4 }] }, { HotelID: 192278, - HotelName: 'Zekaorza Cotel', + HotelName: 'Zekaorza Hotel', Address: "68 rue de l'Abbaye GG", Description: 'We have different theme hotel.', HotelImgID: 'hotel_4', Rating: 1, ReviewCount: 30, - Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'Zekaorza Cotel, Montana' }, + Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'Zekaorza Hotel, Montana' }, HotelFacility: 'Pet allowed, Swiming pool, Restaurant', RoomID: 2, RoomImgID: 'room_12', @@ -1024,13 +1039,13 @@ var hotelData = [ }, { HotelID: 192278, - HotelName: 'Zekaorza Cotel', + HotelName: 'Zekaorza Hotel', Address: "68 rue de l'Abbaye GG", Description: 'We have different theme hotel.', HotelImgID: 'hotel_4', Rating: 1, ReviewCount: 30, - Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'Zekaorza Cotel, Montana' }, + Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'Zekaorza Hotel, Montana' }, HotelFacility: 'Pet allowed, Swiming pool, Restaurant', RoomID: 3, RoomImgID: 'room_13', @@ -1043,17 +1058,17 @@ var hotelData = [ Extras: 'Free cancellation, Pay at visit', RoomFacility: 'Television, Internet', Price: 250, - CheckInOut: [] + CheckInOut: [{ CheckIn: startDate4, CheckOut: endDate4 }] }, { HotelID: 197823, - HotelName: 'Zabatorza Cotel', + HotelName: 'Zabatorza Hotel', Address: "Luisenstr. 56 GG", Description: 'Pleasent hotel for polite people.', HotelImgID: 'hotel_5', Rating: 3, ReviewCount: 10, - Location: { latitude: 40.633829, longitude: -73.967230, TooltipContent: 'Zabatorza Cotel, New York' }, + Location: { latitude: 40.633829, longitude: -73.967230, TooltipContent: 'Zabatorza Hotel, New York' }, HotelFacility: 'Parking, Pet allowed', RoomID: 1, RoomImgID: 'room_14', @@ -1070,13 +1085,13 @@ var hotelData = [ }, { HotelID: 197823, - HotelName: 'Zabatorza Cotel', + HotelName: 'Zabatorza Hotel', Address: "Luisenstr. 56 GG", Description: 'Pleasent hotel for polite people.', HotelImgID: 'hotel_5', Rating: 3, ReviewCount: 10, - Location: { latitude: 40.633829, longitude: -73.967230, TooltipContent: 'Zabatorza Cotel, New York' }, + Location: { latitude: 40.633829, longitude: -73.967230, TooltipContent: 'Zabatorza Hotel, New York' }, HotelFacility: 'Parking, Pet allowed', RoomID: 2, RoomImgID: 'room_15', @@ -1093,13 +1108,13 @@ var hotelData = [ }, { HotelID: 197823, - HotelName: 'Zabatorza Cotel', + HotelName: 'Zabatorza Hotel', Address: "Luisenstr. 56 GG", Description: 'Pleasent hotel for polite people.', HotelImgID: 'hotel_5', Rating: 3, ReviewCount: 10, - Location: { latitude: 40.633829, longitude: -73.967230, TooltipContent: 'Zabatorza Cotel, New York' }, + Location: { latitude: 40.633829, longitude: -73.967230, TooltipContent: 'Zabatorza Hotel, New York' }, HotelFacility: 'Parking, Pet allowed', RoomID: 3, RoomImgID: 'room_16', @@ -1112,7 +1127,7 @@ var hotelData = [ Extras: 'Free cancellation', RoomFacility: 'Television', Price: 300, - CheckInOut: [] + CheckInOut: [{ CheckIn: startDate4, CheckOut: endDate4 }] }, { HotelID: 393211, @@ -1181,17 +1196,17 @@ var hotelData = [ Extras: 'Free cancellation', RoomFacility: 'Internet, Shower', Price: 250, - CheckInOut: [{ CheckIn: startDate2, CheckOut: endDate2 }] + CheckInOut: [{ CheckIn: startDate2, CheckOut: endDate2 }, { CheckIn: startDate3, CheckOut: endDate3 }] }, { HotelID: 199278, - HotelName: 'Zoontor Cotel', + HotelName: 'Zoontor Hotel', Address: "333, rue du Commerce", Description: 'We are the winner hotel.', HotelImgID: 'hotel_7', Rating: 1, ReviewCount: 35, - Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'Zoontor Cotel, Montana' }, + Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'Zoontor Hotel, Montana' }, HotelFacility: 'Parking, Swiming pool', RoomID: 1, RoomImgID: 'room_4', @@ -1204,17 +1219,17 @@ var hotelData = [ Extras: 'Free cancellation', RoomFacility: 'Television, Whiteboard, Kitchen, Internet, Shower', Price: 290, - CheckInOut: [] + CheckInOut: [{ CheckIn: startDate3, CheckOut: endDate3 }] }, { HotelID: 199278, - HotelName: 'Zoontor Cotel', + HotelName: 'Zoontor Hotel', Address: "333, rue du Commerce", Description: 'We are the winner hotel.', HotelImgID: 'hotel_7', Rating: 1, ReviewCount: 35, - Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'Zoontor Cotel, Montana' }, + Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'Zoontor Hotel, Montana' }, HotelFacility: 'Parking, Swiming pool', RoomID: 2, RoomImgID: 'room_5', @@ -1231,13 +1246,13 @@ var hotelData = [ }, { HotelID: 199278, - HotelName: 'Zoontor Cotel', + HotelName: 'Zoontor Hotel', Address: "333, rue du Commerce", Description: 'We are the winner hotel.', HotelImgID: 'hotel_7', Rating: 1, ReviewCount: 35, - Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'Zoontor Cotel, Montana' }, + Location: { latitude: 45.322690, longitude: -106.781689, TooltipContent: 'Zoontor Hotel, Montana' }, HotelFacility: 'Parking, Swiming pool', RoomID: 3, RoomImgID: 'room_6', @@ -1250,17 +1265,17 @@ var hotelData = [ Extras: 'Free cancellation, Pay at visit', RoomFacility: 'Television, Internet', Price: 150, - CheckInOut: [] + CheckInOut: [{ CheckIn: startDate3, CheckOut: endDate3 }] }, { HotelID: 199923, - HotelName: 'Sasktor Cotel', + HotelName: 'Sasktor Hotel', Address: "255, RU Boulevard Tirou GG", Description: 'Pleasent hotel for sweet people.', HotelImgID: 'hotel_8', Rating: 2, ReviewCount: 50, - Location: { latitude: 40.633829, longitude: -73.967230, TooltipContent: 'Sasktor Cotel, New York' }, + Location: { latitude: 40.633829, longitude: -73.967230, TooltipContent: 'Sasktor Hotel, New York' }, HotelFacility: 'Swiming pool, Restaurant', RoomID: 1, RoomImgID: 'room_7', diff --git a/Hotel-booking-App/src/HotelBookApp.css b/Hotel-booking-App/src/HotelBookApp.css index 12049fc..c156db5 100644 --- a/Hotel-booking-App/src/HotelBookApp.css +++ b/Hotel-booking-App/src/HotelBookApp.css @@ -4,7 +4,7 @@ font-weight: 400; font-size: 16px; line-height: 24px; - color: #767676; + color: #000000; } .primary-text-style { @@ -12,11 +12,11 @@ font-weight: 400; font-size: 16px; line-height: 24px; - color: #767676; + color: #000000; } .e-title-bar { - background-color: #111827; + background-color: #ffffff; padding: 20px 32px; box-shadow: none; border-bottom: 3px solid #6366f1 !important; @@ -39,7 +39,7 @@ .e-menu-button::before { content: "\e721"; - color: #ffffff; + color: #000000; font-size: 20px; font-family: "e-icons"; cursor: pointer; @@ -47,6 +47,13 @@ .e-main-container { display: flex; + height: calc(100vh - 70.67px); +} + +.e-side-bar { + width: 275px; + min-width: 275px; + overflow-y: scroll; } .e-side-bar-title { @@ -56,7 +63,7 @@ .e-side-bar-close-button::before { content: "\e7e7"; - color: #ffffff; + color: #000000; font-size: 20px; font-family: "e-icons"; margin-left: 15px; @@ -64,7 +71,7 @@ } .e-side-bar-operation-container { - background-color: #111827; + background-color: #ffffff; width: 260px; } @@ -72,6 +79,14 @@ padding-bottom: 10px; } +.e-date-cell-orange { + background-color: #ffedd5; +} + +.e-date-cell-green { + background-color: #d1fae5; +} + .e-side-bar-separator { padding: 15px 15px; } @@ -83,13 +98,13 @@ .e-line-separator, .e-data-line-separator { width: 95%; - background-color: #ffffff; + background-color: #a5b4fc; padding: 1px 0px; margin: 10px auto; } .e-app-container { - background-color: #31353e; + background-color: #eef2ff; width: 100%; } @@ -103,6 +118,7 @@ .e-grid-container { padding: 20px 10px 10px 10px; + height: 100%; } .e-mobile-layout { @@ -126,14 +142,32 @@ .e-title-text { font-weight: 600; - color: #ffffff; + font-size: 25px; + color: #000000; +} + +.e-title-text-book { + font-family: "Rubik Vinyl", serif; + color: #ef4444; +} + +.e-title-text-my { + font-family: "Jersey 15", serif; + color: #10b981; +} + +.e-title-text-room { + font-family: "Josefin Sans", serif; + color: #f59e0b; } .e-header-text { text-align: center; padding: 10px; font-weight: 600; - color: #ffffff; + color: #14b8a6; + font-family: "Josefin Sans", serif; + font-size: 20px; } .e-headercell .e-header-text { @@ -142,33 +176,37 @@ .e-semi-header-text { font-weight: 600; - color: #ffffff; + color: #000000; } .e-semi-title-header-text { font-weight: 200; - color: #ffffff; + color: #000000; } .e-semi-bold-header-text { font-weight: 700; - color: #22d3ee; + color: #ec4899; font-size: 24px; + font-family: "Josefin Sans", serif; } .e-semi-bold-title-header-text { font-weight: 600; - color: #ffffff; + color: #a855f7; + font-family: "Josefin Sans", serif; } -.e-rowcell.e-grid-hotel-name { +.e-grid .e-gridcontent table .e-rowcell.e-grid-hotel-name { font-weight: 700; font-size: 18px; + color: #ec4899; } -.e-rowcell.e-grid-room-name { +.e-grid .e-gridcontent table .e-rowcell.e-grid-room-name { font-weight: 600; font-size: 17px; + color: #a855f7; } .e-rowcell.e-grid-date { @@ -176,7 +214,7 @@ } .e-light-blue-border-bottom { - border-bottom: 3px solid #6366f1 !important; + border-bottom: 3px solid #a5b4fc !important; } .templateRow td { @@ -185,14 +223,14 @@ .e-rowtemplate-border-applier { box-shadow: none; - border: 1px solid #ffffff !important; + border: 1px solid #a5b4fc !important; } .e-room-not-available-cover { position: absolute; width: calc(100% - 2px); height: 100%; - background-color: #4b5563; + background-color: #d1d5db; opacity: 0.5; z-index: 1000; } @@ -211,6 +249,15 @@ height: 210px; } +.e-map-img { + height: 17px; + width: 17px; +} + +.e-grid .e-dialog-map { + max-height: none !important; +} + .e-info-container { padding: 5px; margin-top: 15px; @@ -240,11 +287,11 @@ } .normal-text-color { - color: #e5e7eb; + color: #000000; } .normal-hint-text-color { - color: #9ca3af; + color: #6b7280; } .e-map-text-spacer { @@ -257,6 +304,7 @@ .e-address-text-styler { text-decoration: underline; + color: #22c55e; } .e-rating-container.e-custom-rating .e-rating-item-list { @@ -310,10 +358,20 @@ .e-cost-styler { font-weight: 600; - color: #ffffff; + color: #6366f1; font-size: 24px; } +.e-discount-style { + color: #059669; + font-weight: 500; +} + +.e-tax-style { + color: #dc2626; + font-weight: 500; +} + .e-book-button { padding: 0px 8px 0px 25px; } @@ -332,7 +390,7 @@ } .e-details-container { - background-color: #31353e; + background-color: #eef2ff; padding-top: 30px; } @@ -391,14 +449,14 @@ .e-details-info-container { display: flex; - background-color: #111827; + background-color: #ffffff; margin-top: 30px; } .e-booking-details-container { flex: 3; - border-left: 5px solid #31353e !important; - border-right: 5px solid #31353e !important; + border-left: 5px solid #eef2ff !important; + border-right: 5px solid #eef2ff !important; } .e-booking-details-separator { @@ -407,7 +465,7 @@ .e-hotel-details-container { flex: 1; - border-right: 5px solid #31353e !important; + border-right: 5px solid #eef2ff !important; } .e-hotel-details-side-bar-separator { @@ -440,6 +498,19 @@ margin: 6px 6px 0px 0px; } +@import '../node_modules/@syncfusion/ej2-base/styles/tailwind3.css'; +@import '../node_modules/@syncfusion/ej2-buttons/styles/tailwind3.css'; +@import '../node_modules/@syncfusion/ej2-calendars/styles/tailwind3.css'; +@import '../node_modules/@syncfusion/ej2-dropdowns/styles/tailwind3.css'; +@import '../node_modules/@syncfusion/ej2-inputs/styles/tailwind3.css'; +@import '../node_modules/@syncfusion/ej2-navigations/styles/tailwind3.css'; +@import '../node_modules/@syncfusion/ej2-popups/styles/tailwind3.css'; +@import '../node_modules/@syncfusion/ej2-splitbuttons/styles/tailwind3.css'; +@import "../node_modules/@syncfusion/ej2-react-grids/styles/tailwind3.css"; +@import "../node_modules/@syncfusion/ej2-icons/styles/tailwind3.css"; +@import "../node_modules/@syncfusion/ej2-lists/styles/tailwind3.css"; +@import '../node_modules/@syncfusion/ej2-notifications/styles/tailwind3.css'; + @media only screen and (max-width: 1120px) { .e-booking-details-container { @@ -496,18 +567,21 @@ @media only screen and (max-width: 850px) { .e-details-info-container { - display: block; + flex-direction: column-reverse; } .e-booking-details-container { - width: 100%; - border-left: 0px solid #31353e !important; - border-right: 0px solid #31353e !important; - border-bottom: 5px solid #31353e !important; + border-top: 5px solid #eef2ff !important; + border-left: 5px solid #eef2ff !important; + border-right: 5px solid #eef2ff !important; + border-bottom: 5px solid #eef2ff !important; } .e-hotel-details-container { - border-right: 0px solid #31353e !important; + border-top: 5px solid #eef2ff !important; + border-left: 5px solid #eef2ff !important; + border-right: 5px solid #eef2ff !important; + border-bottom: 5px solid #eef2ff !important; } } @@ -523,10 +597,6 @@ display: block; } - .e-main-container { - display: block; - } - .e-side-bar { display: none; position: fixed; diff --git a/Hotel-booking-App/src/HotelBookApp.js b/Hotel-booking-App/src/HotelBookApp.js index a59d4d2..78e3d78 100644 --- a/Hotel-booking-App/src/HotelBookApp.js +++ b/Hotel-booking-App/src/HotelBookApp.js @@ -6,7 +6,7 @@ import { Inject, Page, Print } from '@syncfusion/ej2-react-grids'; -import { closest } from '@syncfusion/ej2-base'; +import { closest, isNullOrUndefined } from '@syncfusion/ej2-base'; import { DateRangePickerComponent } from '@syncfusion/ej2-react-calendars'; import { ButtonComponent, ChipListComponent, ChipsDirective, ChipDirective } from '@syncfusion/ej2-react-buttons'; import { DialogComponent } from '@syncfusion/ej2-react-popups'; @@ -252,7 +252,7 @@ function HotelBookApp() { priceCollectionData.current = priceCollection; lineThroughPriceText.current.innerText = '$' + price.toFixed(2); taxedPriceText.current.innerText = '$' + priceCollection.TaxedPrice; - priceStatementText.current.innerText = 'includes ' + selectedRoom.DiscountPercentage + '% discount (-$' + priceCollection.DiscountAmount + ') and ' + selectedRoom.TaxPercentage + '% tax (+$' + priceCollection.TaxAmount + ')'; + priceStatementText.current.innerHTML = 'includes ' + selectedRoom.DiscountPercentage + '% discount (-$' + priceCollection.DiscountAmount + ') and ' + selectedRoom.TaxPercentage + '% tax (+$' + priceCollection.TaxAmount + ')'; } // This method calls for navigate the user to booking page and rendering the input field with form validator @@ -369,7 +369,7 @@ function HotelBookApp() {
{props.Address} - (Show on map) + Map
@@ -390,14 +390,14 @@ function HotelBookApp() {
-
+
{props.Description}
Room Name: {props.RoomName} ({props.Capacity} person)
-
(Extra bed capacity: {props.ExtraBed} and per bed cost: ${props.ExtraBedCost})
+
(Extra bed capacity: {props.ExtraBed} and per bed cost: ${props.ExtraBedCost})
@@ -446,8 +446,8 @@ function HotelBookApp() { ${props.Price.toFixed(2)} ${priceCollection.TaxedPrice}
-
- includes {props.DiscountPercentage}% discount (-${priceCollection.DiscountAmount}) and {props.TaxPercentage}% tax (+${priceCollection.TaxAmount}) +
+ includes {props.DiscountPercentage}% discount (-${priceCollection.DiscountAmount}) and {props.TaxPercentage}% tax (+${priceCollection.TaxAmount})
@@ -491,11 +491,8 @@ function HotelBookApp() { hotelGrid = g} dataSource={hotelGridData} - height={620} + height={'100%'} allowPaging={true} - pageSettings={{ - pageSize: 10, pageSizes: true - }} created={hotelGridCreated} rowTemplate={renderHotelGridRow} emptyRecordTemplate={renderHotelGridEmptyRecordRow} @@ -508,12 +505,38 @@ function HotelBookApp() { ); }, [hotelGridData]); + const renderDayCell = (args) => { + if (!isNullOrUndefined(args.isOutOfRange) && !args.isOutOfRange) { + const bookedDate = []; + hotelGridData.map((data) => { + data.CheckInOut.map((date) => { + bookedDate.push(date); + }); + }); + const roomBooked = bookedDate.find(({ CheckIn, CheckOut }) => { + CheckIn.setHours(0, 0, 0, 0); + CheckOut.setHours(0, 0, 0, 0); + if (args.date >= CheckIn && args.date <= CheckOut) { + return true; + } + return false; + }); + if (roomBooked) { + args.element.classList.add('e-date-cell-orange'); + } else { + args.element.classList.add('e-date-cell-green'); + } + } + } + // Memoized the check in, check out data picker to prevent unnecessary rerenders const memoizedCheckInOutDate = React.useMemo(() => { return ( - checkInOutDate.current = dr} min={defaultCheckInDate} startDate={defaultCheckInDate} endDate={defaultCheckOutDate} change={checkInOutDateChange} /> + checkInOutDate.current = dr} min={defaultCheckInDate} startDate={defaultCheckInDate} endDate={defaultCheckOutDate} change={checkInOutDateChange} + renderDayCell={renderDayCell} + /> ); - }, []); + }, [hotelGridData]); // This method calls for rendering the hotel images in a custom way in carousel using itemTemplate feature const hotelImagesItemTemplate = (props) => { @@ -534,6 +557,8 @@ function HotelBookApp() { if (formValidator.current.validate()) { const dataIndex = hotelData.current.findIndex(data => data.HotelID === selectedRoom.HotelID && data.RoomID === selectedRoom.RoomID); hotelData.current[dataIndex].CheckInOut.push({ CheckIn: checkInDate.current, CheckOut: checkOutDate.current }); + checkInDate.current = defaultCheckInDate; + checkOutDate.current = defaultCheckOutDate; setShowHotels(true); printInfo.current = { FirstName: firstName.current.value, @@ -561,6 +586,9 @@ function HotelBookApp() { // This method calls for opening the menu const menuClick = (args) => { menu.current.style.display = 'block'; + setTimeout(() => { + priceRange.current.refresh(); + }, 10); } // This method calls for closing the menu @@ -656,58 +684,69 @@ function HotelBookApp() { printWindow.document.write(""); + printWindow.document.write('
' + '******************************' + '
'); + printWindow.document.write(""); printWindow.document.write(""); - printWindow.document.write(""); - printWindow.document.write(""); printWindow.document.write(""); printWindow.document.write(""); - printWindow.document.write(""); - printWindow.document.write(""); printWindow.document.write(""); printWindow.document.write(""); - printWindow.document.write(""); - printWindow.document.write(""); printWindow.document.write(""); printWindow.document.write(""); - printWindow.document.write(""); - printWindow.document.write(""); printWindow.document.write(""); printWindow.document.write(""); - printWindow.document.write(""); - printWindow.document.write(""); printWindow.document.write(""); printWindow.document.write(""); - printWindow.document.write(""); + printWindow.document.write(""); + printWindow.document.write(""); + + printWindow.document.write(""); + printWindow.document.write(""); - printWindow.document.write(""); printWindow.document.write(""); @@ -758,7 +797,11 @@ function HotelBookApp() {
{showHotels &&
}
- Book My Room + + Book + My + Room +
{showHotels ? @@ -767,7 +810,11 @@ function HotelBookApp() {
- Book My Room + + Book + My + Room +
@@ -802,12 +849,12 @@ function HotelBookApp() {
{memoizedHotelGrid} - +
- map.current = m} background='#111827' mapsArea={{ background: '#111827' }}> + map.current = m} background='#ffffff' mapsArea={{ background: '#ffffff' }}> - +
Upload ID proof *
- + { + setTimeout(() => { + formValidator.current.validate('proof'); + }, 0); + }} />
@@ -921,7 +972,7 @@ function HotelBookApp() { lineThroughPriceText.current = e}> taxedPriceText.current = e}>
-
priceStatementText.current = e}>
+
priceStatementText.current = e}>
Book Room
"); + printWindow.document.write(""); printWindow.document.write("Description"); printWindow.document.write(""); + printWindow.document.write(""); printWindow.document.write("Price"); printWindow.document.write("
"); + printWindow.document.write(""); printWindow.document.write("Room cost"); printWindow.document.write(""); + printWindow.document.write(""); printWindow.document.write("+$" + printInfo.current.HotelData.Price); printWindow.document.write("
"); + printWindow.document.write(""); printWindow.document.write("Extra bed cost ( " + printInfo.current.HotelData.ExtraBedCost + " * " + printInfo.current.ExtraBed + " )"); printWindow.document.write(""); + printWindow.document.write(""); printWindow.document.write("+$" + (printInfo.current.HotelData.ExtraBedCost * printInfo.current.ExtraBed)); printWindow.document.write("
"); + printWindow.document.write(""); printWindow.document.write("Discount " + printInfo.current.HotelData.DiscountPercentage + "%"); printWindow.document.write(""); + printWindow.document.write(""); printWindow.document.write("-$" + printInfo.current.PriceCollection.DiscountAmount); printWindow.document.write("
"); + printWindow.document.write(""); printWindow.document.write("Tax " + printInfo.current.HotelData.TaxPercentage + "%"); printWindow.document.write(""); + printWindow.document.write(""); printWindow.document.write("+$" + printInfo.current.PriceCollection.TaxAmount); printWindow.document.write("
"); + printWindow.document.write(""); + printWindow.document.write("------------------------------------"); + printWindow.document.write(""); + printWindow.document.write("-------------------------"); + printWindow.document.write("
"); printWindow.document.write("Final price"); printWindow.document.write(""); + printWindow.document.write(""); printWindow.document.write("$" + printInfo.current.PriceCollection.TaxedPrice); printWindow.document.write("