Skip to content

946605: Need to implement UI team suggested changes in hotel booking #18

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Mar 14, 2025
Merged

946605: Need to implement UI team suggested changes in hotel booking #18

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
f103de1
946605: Need to implement UI team suggested changes in hotel booking …
hemanthkumar-syncfusion Mar 13, 2025
b0fd72b
946605: Need to implement UI team suggested changes in hotel booking …
hemanthkumar-syncfusion Mar 14, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
0 Hotel-booking-App/img/hotel-app.gif → Hotel-booking-App/demo-img/hotel-app.gif
View file
Open in desktop
File renamed without changes
22 changes: 22 additions & 0 deletions Hotel-booking-App/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Essential JS 2 for React - Samples template">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<title>Essential JS 2 for React - Hotel room booking application</title>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Jersey+15&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Rubik+Vinyl&display=swap"
rel="stylesheet">
</head>

<body>
<div id="content-area"></div>
</body>

</html>
99 changes: 30 additions & 69 deletions Hotel-booking-App/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,80 +1,41 @@
{
"name": "react-app",
"version": "0.1.0",
"private": true,
"homepage": ".",
"name": "@syncfusion/ej2-react-hotel-room-reserve",
"version": "1.0.0",
"description": "Essential JS 2 - Hotel room booking application",
"author": "Syncfusion Inc.",
"license": "SEE LICENSE IN license",
"scripts": {
"start": "webpack-dev-server --open --mode development",
"build": "webpack --mode production",
"ci-publish": "gulp publish-sample"
},
"devDependencies": {
"@types/node": "^20.4.1",
"@types/react": "^18.2.14",
"@types/react-dom": "^18.2.6",
"@types/react-router-dom": "^5.3.3",
"css-loader": "^6.8.1",
"html-webpack-plugin": "^5.5.3",
"mini-css-extract-plugin": "^2.7.6",
"terser-webpack-plugin": "^5.3.9",
"ts-loader": "^9.4.4",
"typescript": "^5.1.6",
"webpack": "^5.88.1",
"webpack-cli": "^5.1.4",
"webpack-dev-server": "^4.15.1",
"copy-webpack-plugin": "^12.0.2"
},
"dependencies": {
"@babel/plugin-transform-runtime": "^7.23.4",
"@babel/preset-env": "^7.23.3",
"@babel/preset-react": "^7.23.3",
"@babel/preset-typescript": "^7.23.3",
"@headlessui/react": "^1.7.15",
"@heroicons/react": "^2.0.18",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-router-dom": "^6.14.1",
"@syncfusion/ej2-react-grids": "*",
"@syncfusion/ej2-react-calendars": "*",
"@syncfusion/ej2-react-buttons": "*",
"@syncfusion/ej2-react-popups": "*",
"@syncfusion/ej2-react-inputs": "*",
"@syncfusion/ej2-react-dropdowns": "*",
"@syncfusion/ej2-react-navigations": "*",
"@syncfusion/ej2-react-maps": "*",
"@testing-library/jest-dom": "^5.16.5",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0",
"@types/jest": "^27.5.2",
"@types/node": "^16.18.23",
"@types/numeral": "^2.0.2",
"@types/react": "^18.0.37",
"@types/react-dom": "^18.0.11",
"axios": "^1.4.0",
"babel-plugin-inline-react-svg": "^2.0.2",
"babel-plugin-transform-decorators": "^6.24.1",
"buffer": "^6.0.3",
"formik": "^2.4.2",
"moment": "^2.29.4",
"numeral": "^2.0.6",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-inject-env": "^2.1.0",
"react-number-format": "^5.3.1",
"react-router-dom": "^6.11.1",
"react-scripts": "5.0.1",
"typescript": "^4.9.5",
"web-vitals": "^2.1.4",
"yup": "^1.2.0"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject",
"format": "prettier --write \"./src/**/*.{js,jsx,ts,tsx,json,css,scss,md}\"",
"prepare": "husky install"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"@babel/plugin-proposal-private-property-in-object": "^7.21.11",
"autoprefixer": "^10.4.14",
"husky": "^8.0.3",
"postcss": "^8.4.22",
"prettier": "2.8.8",
"tailwindcss": "^3.3.1"
"@syncfusion/ej2-react-maps": "*"
}
}
Binary file removed Hotel-booking-App/public/favicon.ico
View file
Open in desktop
Binary file not shown.
17 changes: 0 additions & 17 deletions Hotel-booking-App/public/index.html
View file
Open in desktop

This file was deleted.

Binary file removed Hotel-booking-App/public/logo192.png
View file
Open in desktop
Binary file not shown.
Binary file removed Hotel-booking-App/public/logo512.png
View file
Open in desktop
Binary file not shown.
25 changes: 0 additions & 25 deletions Hotel-booking-App/public/manifest.json
View file
Open in desktop

This file was deleted.

3 changes: 0 additions & 3 deletions Hotel-booking-App/public/robots.txt
View file
Open in desktop

This file was deleted.

9 changes: 9 additions & 0 deletions Hotel-booking-App/src/common/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
import * as React from "react";
import { createRoot } from 'react-dom/client';
import HotelBook from "../components/HotelBook/HotelBook";
import "../../styles/index.css";

const root = createRoot(document.getElementById("content-area") as HTMLElement);
root.render(
<HotelBook />
);
107 changes: 84 additions & 23 deletions Hotel-booking-App/src/HotelBookApp.css → ...pp/src/components/HotelBook/HotelBook.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -187,7 +187,7 @@
.e-semi-bold-header-text {
font-weight: 700;
color: #ec4899;
font-size: 24px;
font-size: 22px;
font-family: "Josefin Sans", serif;
}

Expand Down Expand Up @@ -223,7 +223,7 @@

.e-rowtemplate-border-applier {
box-shadow: none;
border: 1px solid #a5b4fc !important;
border-top: 1px solid #a5b4fc !important;
}

.e-room-not-available-cover {
Expand Down Expand Up @@ -254,10 +254,6 @@
width: 17px;
}

.e-grid .e-dialog-map {
max-height: none !important;
}

.e-info-container {
padding: 5px;
margin-top: 15px;
Expand Down Expand Up @@ -296,6 +292,11 @@

.e-map-text-spacer {
margin-left: 10px;
margin-top: 1px;
}

.e-margin-top-10 {
margin-top: 10px;
}

.e-map-text-styler {
Expand Down Expand Up @@ -382,7 +383,11 @@
}

.e-book-details-button {
padding-right: 13px;
padding-right: 65px;
}

.e-padding-right {
padding-right: 50px;
}

.emptyRecordTemplate {
Expand All @@ -400,7 +405,7 @@
}

.e-carousel-image-holder-height {
height: 280px;
height: 380px;
}

.e-back-button-carousel-container {
Expand Down Expand Up @@ -443,7 +448,7 @@

.e-carouselcomponent-container,
.e-carousel-img-container img {
height: 240px;
height: 340px;
width: 520px;
}

Expand All @@ -454,6 +459,7 @@

.e-details-info-container {
display: flex;
flex-direction: row-reverse;
background-color: #ffffff;
margin-top: 30px;
}
Expand Down Expand Up @@ -493,6 +499,15 @@

.e-print-info-separator {
margin-top: 10px;
padding-bottom: 10px;
font-weight: 600;
color: #14b8a6;
font-family: "Josefin Sans", serif;
font-size: 20px;
}

.e-print-info-separator.e-print-info-separator-margin-top {
margin-top: 20px;
}

.e-chip-list {
Expand All @@ -512,18 +527,64 @@
color: #15803d !important;
}

@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';
#hotelamenities,
#roomamenities {
border: 0px;
}

.e-dialog.e-dialog-print-info .e-dlg-header {
text-align: center !important;
width: auto !important;
}

.e-dialog .e-footer-content .e-btn {
margin-right: 10px;
}

.e-dialog.e-dlg-modal.e-popup.e-popup-open.e-dialog-map {
max-width: 800px !important;
max-height: 530px !important;
}

.e-dialog.e-dlg-modal.e-popup.e-popup-open.e-dialog-print-info {
max-width: 950px !important;
max-height: 500px !important;
}

.e-dialog.e-dlg-modal.e-popup.e-popup-open.e-dialog-print-info .e-dlg-header-content {
padding-top: 16px;
}

.e-dialog.e-dlg-modal.e-popup.e-popup-open.e-dialog-print-info .e-footer-content {
padding-bottom: 16px;
}

.e-treeview .e-level-1>.e-text-content .e-list-text {
font-size: 16px;
font-weight: 600;
}

.e-slidercomponent-container {
width: 95%;
margin-left: 6px;
}

.e-upload {
width: 96%;
}

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

Expand Down Expand Up @@ -634,7 +695,7 @@

.e-carouselcomponent-container,
.e-carousel-img-container img {
height: 240px;
height: 340px;
width: 420px;
}
}
Expand All @@ -656,7 +717,7 @@

.e-carouselcomponent-container,
.e-carousel-img-container img {
height: 240px;
height: 340px;
width: 320px;
}
}
Loading