10 |
17 | );
18 | }
19 | }
20 |
21 | export default GithubOauth;
22 |
--------------------------------------------------------------------------------
/src/client/src/components/common/FacebookLogin.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import FacebookLogin from "react-facebook-login";
3 |
4 | class FacebookOauth extends Component {
5 | facebookResponse = () => {};
6 |
7 | render() {
8 | return (
9 |
10 |
17 | );
18 | }
19 | }
20 |
21 | export default FacebookOauth;
22 |
--------------------------------------------------------------------------------
/src/client/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | },
10 | {
11 | "src": "logo192.png",
12 | "type": "image/png",
13 | "sizes": "192x192"
14 | },
15 | {
16 | "src": "logo512.png",
17 | "type": "image/png",
18 | "sizes": "512x512"
19 | }
20 | ],
21 | "start_url": ".",
22 | "display": "standalone",
23 | "theme_color": "#000000",
24 | "background_color": "#ffffff"
25 | }
26 |
--------------------------------------------------------------------------------
/src/server/migrations/script.py.mako:
--------------------------------------------------------------------------------
1 | """${message}
2 |
3 | Revision ID: ${up_revision}
4 | Revises: ${down_revision | comma,n}
5 | Create Date: ${create_date}
6 |
7 | """
8 | from alembic import op
9 | import sqlalchemy as sa
10 | ${imports if imports else ""}
11 |
12 | # revision identifiers, used by Alembic.
13 | revision = ${repr(up_revision)}
14 | down_revision = ${repr(down_revision)}
15 | branch_labels = ${repr(branch_labels)}
16 | depends_on = ${repr(depends_on)}
17 |
18 |
19 | def upgrade():
20 | ${upgrades if upgrades else "pass"}
21 |
22 |
23 | def downgrade():
24 | ${downgrades if downgrades else "pass"}
25 |
--------------------------------------------------------------------------------
/src/client/src/components/common/GoogleLogin.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import { GoogleLogin } from "react-google-login";
3 |
4 | class GoogleOauth extends Component {
5 | googleResponse = () => {};
6 |
7 | render() {
8 | return (
9 |
10 |
19 | );
20 | }
21 | }
22 |
23 | export default GoogleOauth;
24 |
--------------------------------------------------------------------------------
/src/server/app/main/utils/generate_otp.py:
--------------------------------------------------------------------------------
1 | from twilio.rest import Client
2 | import math
3 | import random
4 |
5 |
6 | def generate_random():
7 | digits = "0123456789"
8 | OTP = ""
9 | for i in range(4):
10 | OTP += digits[int(math.floor(random.random() * 10))]
11 |
12 | return OTP
13 |
14 |
15 | def generate_otp(number):
16 | account_sid = ''
17 | auth_token = ''
18 |
19 | client = Client(account_sid, auth_token)
20 | otp = generate_random()
21 |
22 | message = client.messages.create(
23 | from_='+12029723786',
24 | body="EYO login OTP: "+otp,
25 | to='+91'+number
26 | )
27 |
28 | return True, otp
29 |
--------------------------------------------------------------------------------
/src/server/Makefile:
--------------------------------------------------------------------------------
1 | .PHONY:
2 | clean system-packages python-packages install tests run all
3 |
4 | clean:
5 | find . -type f -name '*.pyc' -delete
6 | find . -type d -name '*pycache*' -delete
7 | find . -type f -name '*.log' -delete
8 |
9 | system-packages:
10 | sudo apt install python-pip -y
11 |
12 | python-packages:
13 | pip install -r requirements.txt
14 |
15 | install:
16 | system-packages python-packages
17 |
18 | tests:
19 | python manage.py test
20 |
21 | run:
22 | python manage.py run
23 |
24 | all:
25 | clean install tests run
26 |
27 | dbinit:
28 | python manage.py db init
29 |
30 | migrate:
31 | python manage.py db migrate
32 | python manage.py db upgrade
--------------------------------------------------------------------------------
/src/client/src/redux/store.js:
--------------------------------------------------------------------------------
1 | import { createStore, combineReducers, applyMiddleware, compose } from "redux";
2 | import thunk from "redux-thunk";
3 | import authReducer from "./authentication/reducer";
4 | // import appReducer from "./app/reducer";
5 |
6 | const rootReducer = combineReducers({ auth: authReducer });
7 |
8 | let composeEnhancers = compose;
9 |
10 | if (process.env.NODE_ENV !== "production") {
11 | composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
12 | ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({})
13 | : compose;
14 | }
15 |
16 | const enhancer = composeEnhancers(applyMiddleware(thunk));
17 |
18 | const store = createStore(rootReducer, enhancer);
19 |
20 | export default store;
21 |
--------------------------------------------------------------------------------
/src/client/cypress/plugins/index.js:
--------------------------------------------------------------------------------
1 | // ***********************************************************
2 | // This example plugins/index.js can be used to load plugins
3 | //
4 | // You can change the location of this file or turn off loading
5 | // the plugins file with the 'pluginsFile' configuration option.
6 | //
7 | // You can read more here:
8 | // https://on.cypress.io/plugins-guide
9 | // ***********************************************************
10 |
11 | // This function is called when a project is opened or re-opened (e.g. due to
12 | // the project's config changing)
13 |
14 | module.exports = (on, config) => {
15 | // `on` is used to hook into various events Cypress emits
16 | // `config` is the resolved Cypress config
17 | };
18 |
--------------------------------------------------------------------------------
/src/server/requirements.txt:
--------------------------------------------------------------------------------
1 | alembic==1.3.2
2 | aniso8601==8.0.0
3 | bcrypt==3.1.7
4 | cffi==1.13.2
5 | chardet==3.0.4
6 | Click==7.0
7 | entrypoints==0.3
8 | Flask==1.1.1
9 | Flask-Bcrypt==0.7.1
10 | Flask-Cors==3.0.8
11 | Flask-Migrate==2.5.2
12 | Flask-MySQLdb==0.2.0
13 | Flask-RESTful==0.3.8
14 | Flask-Script==2.0.6
15 | Flask-SQLAlchemy==2.4.1
16 | itsdangerous==1.1.0
17 | Jinja2==2.10.3
18 | Mako==1.1.0
19 | MarkupSafe==1.1.1
20 | mysqlclient==1.4.6
21 | pexpect==4.7.0
22 | ptyprocess==0.6.0
23 | pycparser==2.19
24 | PyJWT==1.7.1
25 | PyMySQL==0.9.3
26 | pyrsistent==0.15.6
27 | python-dateutil==2.8.1
28 | python-editor==1.0.4
29 | pytz==2020.1
30 | six==1.13.0
31 | SQLAlchemy==1.3.12
32 | Werkzeug==0.16.0
33 | pycodestyle==2.6.0
34 | twilio==6.44.0
35 |
36 |
--------------------------------------------------------------------------------
/src/client/cypress/support/index.js:
--------------------------------------------------------------------------------
1 | // ***********************************************************
2 | // This example support/index.js is processed and
3 | // loaded automatically before your test files.
4 | //
5 | // This is a great place to put global configuration and
6 | // behavior that modifies Cypress.
7 | //
8 | // You can change the location of this file or turn off
9 | // automatically serving support files with the
10 | // 'supportFile' configuration option.
11 | //
12 | // You can read more here:
13 | // https://on.cypress.io/configuration
14 | // ***********************************************************
15 |
16 | // Import commands.js using ES2015 syntax:
17 | import "./commands";
18 |
19 | // Alternatively you can use CommonJS syntax:
20 | // require('./commands')
21 |
--------------------------------------------------------------------------------
/src/client/src/index.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import ReactDOM from "react-dom";
3 | import "./index.css";
4 | import { Provider } from "react-redux";
5 | import { BrowserRouter } from "react-router-dom";
6 | import App from "./App";
7 | import * as serviceWorker from "./serviceWorker";
8 | import store from "./redux/store";
9 |
10 | ReactDOM.render(
11 |
23 |
30 | );
31 | }
32 | return children;
33 | }
34 | }
35 |
36 | export default ErrorBoundary;
37 |
--------------------------------------------------------------------------------
/src/client/cypress/support/commands.js:
--------------------------------------------------------------------------------
1 | // ***********************************************
2 | // This example commands.js shows you how to
3 | // create various custom commands and overwrite
4 | // existing commands.
5 | //
6 | // For more comprehensive examples of custom
7 | // commands please read more here:
8 | // https://on.cypress.io/custom-commands
9 | // ***********************************************
10 | //
11 | //
12 | // -- This is a parent command --
13 | // Cypress.Commands.add("login", (email, password) => { ... })
14 | //
15 | //
16 | // -- This is a child command --
17 | // Cypress.Commands.add("drag", { prevSubject: 'element'}, (subject, options) => { ... })
18 | //
19 | //
20 | // -- This is a dual command --
21 | // Cypress.Commands.add("dismiss", { prevSubject: 'optional'}, (subject, options) => { ... })
22 | //
23 | //
24 | // -- This will overwrite an existing command --
25 | // Cypress.Commands.overwrite("visit", (originalFn, url, options) => { ... })
26 |
--------------------------------------------------------------------------------
/src/client/src/components/helperComponent/toggleButton.module.css:
--------------------------------------------------------------------------------
1 | .toggle {
2 | position: relative;
3 | display: inline-block;
4 | width: 64px;
5 | height: 32px;
6 | background-color: #fff;
7 | border-radius: 30px;
8 | border: 1px solid #2196f3;
9 | }
10 |
11 | /* After slide changes */
12 | .toggle:after {
13 | content: "";
14 | position: absolute;
15 | width: 18px;
16 | height: 18px;
17 | border-radius: 50%;
18 | background-color: #2196f3;
19 | top: 5px;
20 | left: 5px;
21 | transition: all 0.5s;
22 | }
23 |
24 | /* Toggle text */
25 | p {
26 | font-family: Arial, Helvetica, sans-serif;
27 | font-weight: bold;
28 | }
29 |
30 | /* Checkbox cheked effect */
31 | .checkbox:checked + .toggle::after {
32 | left: 38px;
33 | background-color: #fff;
34 | }
35 |
36 | /* Checkbox cheked toggle label bg color */
37 | .checkbox:checked + .toggle {
38 | background-color: #2196f3;
39 | }
40 |
41 | /* Checkbox vanished */
42 | .checkbox {
43 | display: none;
44 | }
45 |
--------------------------------------------------------------------------------
/src/server/migrations/alembic.ini:
--------------------------------------------------------------------------------
1 | # A generic, single database configuration.
2 |
3 | [alembic]
4 | # template used to generate migration files
5 | # file_template = %%(rev)s_%%(slug)s
6 |
7 | # set to 'true' to run the environment during
8 | # the 'revision' command, regardless of autogenerate
9 | # revision_environment = false
10 |
11 |
12 | # Logging configuration
13 | [loggers]
14 | keys = root,sqlalchemy,alembic
15 |
16 | [handlers]
17 | keys = console
18 |
19 | [formatters]
20 | keys = generic
21 |
22 | [logger_root]
23 | level = WARN
24 | handlers = console
25 | qualname =
26 |
27 | [logger_sqlalchemy]
28 | level = WARN
29 | handlers =
30 | qualname = sqlalchemy.engine
31 |
32 | [logger_alembic]
33 | level = INFO
34 | handlers =
35 | qualname = alembic
36 |
37 | [handler_console]
38 | class = StreamHandler
39 | args = (sys.stderr,)
40 | level = NOTSET
41 | formatter = generic
42 |
43 | [formatter_generic]
44 | format = %(levelname)-5.5s [%(name)s] %(message)s
45 | datefmt = %H:%M:%S
46 |
--------------------------------------------------------------------------------
/src/client/src/components/detailView/DetailViewContent.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import DetailViewDescription from "../detailView/detailViewDescription/DetailViewDescription";
3 | import DetailViewAmenities from "../detailView/detailViewAmenities/DetailViewAmenities";
4 | import DetailViewYourRoom from "./DetailViewYourRoom/DetailViewYourRoom";
5 | import DetailViewMeal from "./DetailViewMeal/DetailViewMeal";
6 | import DetailViewRating from "./detailViewRating/DetailViewRating";
7 | import DetailViewRecomandation from "./deatilViewRecomandation/DetailViewRecomandation";
8 |
9 | export default class DetailViewContent extends Component {
10 | render() {
11 | return (
12 | <>
13 | Something went wrong.
24 |
25 | {error && error.toString()}
26 |
27 | {errorInfo.componentStack} 28 |
29 | 27 | {errorInfo.componentStack} 28 |
14 |
19 |
20 |
21 | );
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/src/client/src/components/productList/sidebar/sidebarItems/SidebarFilterItems.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import styles from "../../sidebar/sidebar.module.css";
3 | import {
4 | hotelListingDataRequest,
5 | handleParams,
6 | } from "../../../../redux/authentication/actions";
7 | import { connect } from "react-redux";
8 |
9 | function SidebarFilterItems(props) {
10 | // console.log(props)
11 | return (
12 | <>
13 | Howrah Railway station
14 | Dum Dum
15 | Dharamtala
16 | Dum Dum
17 | Dharamtala
18 |
19 | );
20 | }
21 |
22 | const mapStateToProps = (state) => ({
23 | hotelData: state.auth.hotelListData,
24 | });
25 |
26 | const mapDispatchToProps = (dispatch) => ({
27 | hotelListingDataRequest: (payload) =>
28 | dispatch(hotelListingDataRequest(payload)),
29 | });
30 |
31 | export default connect(mapStateToProps, mapDispatchToProps)(SidebarFilterItems);
32 |
--------------------------------------------------------------------------------
/src/client/src/components/detailView/DetailView.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import Navbar from "../navigation/navbar";
3 | import DetailViewContent from "../detailView/DetailViewContent";
4 | import DetailViewCarusel from "../detailView/detailViewCarusel/DetailViewCarusel";
5 | import PriceCard from "../detailView/priceCard/PriceCard";
6 | import DetailViewRecomandation from "./deatilViewRecomandation/DetailViewRecomandation";
7 | import Footer from "../helperComponent/Footer";
8 | export default class DetailView extends Component {
9 | render() {
10 | console.log(this.props.match.params.id);
11 | return (
12 | <>
13 |
16 |
23 |
24 | );
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/src/server/app/main/routes/__init__.py:
--------------------------------------------------------------------------------
1 | # import resprctive blueprints and flask REstful resources
2 | # from .blueprint_test import bp
3 | from app.main import api
4 | from .Authentication import Register, LoginOtpGenerate, UserLogin, LoginOtpVerify, OauthLogin, UserLogout
5 | from .Listing import HotelListing
6 |
7 |
8 | def add_resources(app):
9 | """
10 | Method to add resources to app context
11 |
12 | Args:
13 | app (object): object of Flask representing the app in context
14 | """
15 | api.add_resource(Register, '/register')
16 | api.add_resource(UserLogin, '/login')
17 | api.add_resource(LoginOtpGenerate, '/login/otp_generate')
18 | api.add_resource(LoginOtpVerify, '/login/otp_verify')
19 | api.add_resource(OauthLogin, '/login/oauth')
20 | api.add_resource(UserLogout, '/logout')
21 | api.add_resource(HotelListing, '/hotel_listing')
22 |
23 |
24 | def register_blueprints(app):
25 | """
26 | Method to add blueprints to app context
27 |
28 | Args:
29 | app (object): object of Flask representing the app in context
30 | """
31 | # app.register_blueprint(bp)
32 |
--------------------------------------------------------------------------------
/src/client/src/components/auth/AuthBanner.module.css:
--------------------------------------------------------------------------------
1 | #overview {
2 | background-image: url(/images/background_img.webp);
3 | background-size: cover;
4 | background-position: center;
5 | min-height: 100vh;
6 | }
7 | #navContainer {
8 | padding: 30px 80px;
9 | }
10 | #subNav {
11 | font-weight: 600;
12 | padding-left: 16px;
13 | line-height: 30px;
14 | }
15 |
16 | #headerContainer {
17 | padding: 0px 88px 160px 95px;
18 | }
19 |
20 | #Heading {
21 | font-size: 48px;
22 | font-weight: 700;
23 | padding: 0 0 17px;
24 | line-height: 1.04;
25 | margin: 0;
26 | color: #ffffff;
27 | }
28 |
29 | #subHeading {
30 | font-size: 16px;
31 | font-weight: 600;
32 | padding: 0;
33 | line-height: 1.56;
34 | margin: 0;
35 | color: #ffffff;
36 | }
37 |
38 | #parentHeaderContainer {
39 | padding: 0px 40px 45px 40px;
40 | }
41 | #formHeader {
42 | font-size: 14px;
43 | margin: 0;
44 | color: #ffffff;
45 | display: flex;
46 | align-items: center;
47 | width: 100%;
48 | font-weight: 700;
49 | background-image: linear-gradient(270deg, #d11450, #ee2a24);
50 | height: 36px;
51 | padding-left: 35px !important;
52 | }
53 |
--------------------------------------------------------------------------------
/src/client/src/components/paymentMethod/PaymentMethodDetail/PaymentMethodDetail.module.css:
--------------------------------------------------------------------------------
1 | #backBtn {
2 | font-size: 16px;
3 | font-weight: 600;
4 | color: rgb(238, 42, 36);
5 | }
6 | #saveMoney {
7 | background-color: rgb(254, 246, 233);
8 | color: rgb(211, 140, 23);
9 | font-size: 16px;
10 | text-align: center;
11 | margin-bottom: 16px;
12 | border-radius: 4px;
13 | border-width: 1px;
14 | border-style: solid;
15 | border-color: rgba(245, 166, 35, 0.19);
16 | padding: 16px;
17 | }
18 | #heading {
19 | color: rgb(0, 0, 0);
20 | font-size: 20px;
21 | font-weight: bold;
22 | line-height: 1.6;
23 | padding: 14px 24px;
24 | background: rgb(249, 249, 251);
25 | }
26 | #enterDetail span {
27 | color: rgb(0, 0, 0);
28 | font-size: 20px;
29 | font-weight: bold;
30 | line-height: 1.6;
31 | }
32 | #first {
33 | font-size: 12px;
34 | font-weight: bold;
35 | color: rgb(255, 255, 255);
36 | margin-right: 12px;
37 | padding: 0px 7px;
38 | border-radius: 4px;
39 | background: rgb(0, 0, 0);
40 | line-height: 1.6;
41 | }
42 | #detailDes {
43 | font-size: 14px;
44 | line-height: 1.7;
45 | margin: 24px 0px;
46 | }
47 |
--------------------------------------------------------------------------------
/src/client/src/components/paymentMethod/PaymentGateway.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import { connect } from "react-redux";
3 |
4 | export const PaymentGateway = () => {
5 | const displayRazorpay = () => {
6 | const options = {
7 | key: "rzp_test_PLk8LKPwxMUCZt",
8 | currency: "INR",
9 | amount: "23434",
10 | order_id: "order_FKZRoItYSpJDei",
11 | name: "Booking Transaction",
12 | description: "Thank You for Booking with EYO",
13 | handler: function (response) {
14 | alert(response.razorpay_signature);
15 | },
16 | prefill: {
17 | name: "satish",
18 | email: "satish.b.s.kumar@gmail.com",
19 | phone_number: "8500505795",
20 | },
21 | };
22 | const paymentObject = new window.Razorpay(options);
23 | paymentObject.open();
24 | };
25 | return (
26 |
17 |
22 |
27 |
28 |
29 | );
30 | };
31 |
32 | const mapStateToProps = (state) => ({});
33 |
34 | const mapDispatchToProps = (dispatch) => ({});
35 |
36 | export default connect(mapStateToProps, mapDispatchToProps)(PaymentGateway);
37 |
--------------------------------------------------------------------------------
/src/client/src/components/paymentMethod/paymentMethodComformation/PaymentMethodConfromation.module.css:
--------------------------------------------------------------------------------
1 | #heading {
2 | font-size: 28px;
3 | font-weight: 800;
4 | line-height: 1.71;
5 | color: #1ab64f;
6 | }
7 | #subHeading {
8 | font-size: 16px;
9 | line-height: 1.56;
10 | color: #222;
11 | margin: 0px;
12 | font-weight: 600;
13 | }
14 | #idTitle {
15 | font-size: 24px;
16 | font-weight: bolder;
17 | margin-bottom: 12px;
18 | }
19 | #id {
20 | font-size: 20px;
21 | margin-left: 8px;
22 | }
23 | #divide {
24 | border: 1px solid #d6d6d6;
25 | margin: 24px 0;
26 | }
27 | #table {
28 | font-size: 14px;
29 | table-layout: fixed;
30 | margin-top: 24px;
31 | color: #222;
32 | width: 100%;
33 | border-collapse: collapse;
34 | }
35 | #priceHeading {
36 | font-size: 18px;
37 | font-weight: bolder;
38 | }
39 | #center {
40 | text-align: center;
41 | }
42 | #right {
43 | text-align: right;
44 | font-size: 14px;
45 | font-weight: bold;
46 | }
47 | #total {
48 | font-weight: bolder;
49 | font-size: 16px;
50 | line-height: 2;
51 | }
52 | #cash {
53 | text-align: right;
54 | font-weight: bolder;
55 | font-size: 32px;
56 | }
57 |
--------------------------------------------------------------------------------
/src/client/src/components/detailView/DetailViewYourRoom/DetailViewYourRoom.module.css:
--------------------------------------------------------------------------------
1 | #heading {
2 | font-size: 22px;
3 | font-weight: bold;
4 | margin-bottom: 18px;
5 | }
6 | #header {
7 | background-image: linear-gradient(to right, #797f9d, #d4d1da);
8 | border-radius: 4px 4px 0px 0px;
9 | }
10 | #selected {
11 | color: white;
12 | font-size: 12px;
13 | font-weight: bold;
14 | }
15 | #subHeading {
16 | font-size: 21px;
17 | font-weight: 600;
18 | padding: 2px 0px;
19 | max-width: 85%;
20 | }
21 | #roomSize {
22 | font-size: 14px;
23 | }
24 | #price {
25 | font-size: 18px;
26 | line-height: 24px;
27 | font-weight: bold;
28 | margin-right: 8px;
29 | }
30 | #slashPrice {
31 | text-decoration: line-through;
32 | margin-right: 8px;
33 | color: #6d787d;
34 | }
35 | #discPrice {
36 | margin-right: 8px;
37 | color: #df2020;
38 | font-weight: bold;
39 | }
40 | #whiteBtn {
41 | font-size: 12px;
42 | font-weight: bold;
43 | width: 180px;
44 | padding: 16px 0px;
45 | margin-right: 4px;
46 | border-radius: 4px;
47 | border: solid 1px #d7d7d7;
48 | cursor: pointer;
49 | outline: 0;
50 | background: #fff;
51 | color: #222222;
52 | }
53 |
--------------------------------------------------------------------------------
/src/client/src/components/detailView/deatilViewRecomandation/DetailViewRecomandation.module.css:
--------------------------------------------------------------------------------
1 | #head {
2 | font-size: 26px;
3 | font-weight: 700;
4 | color: #333;
5 | margin: 0px 0px 20px 0px;
6 | }
7 | #heading {
8 | font-size: 20px;
9 | color: #222;
10 | font-weight: 700;
11 | margin: 0 5px 0 0;
12 | }
13 | #subHeading {
14 | font-size: 16px;
15 | color: #222;
16 | margin-bottom: 12px;
17 | margin-top: 4px;
18 | }
19 | #icon {
20 | border-radius: 2px;
21 | padding: 3px 8px;
22 | line-height: 1.5;
23 | margin-right: 8px;
24 | background-color: #52b520;
25 | font-size: 12px;
26 | color: #fff;
27 | }
28 | #review {
29 | font-size: 14px;
30 | color: #222;
31 | padding-top: 2px;
32 | line-height: 1.5;
33 | }
34 | #price {
35 | font-size: 24px;
36 | margin-right: 8px;
37 | color: #ee2e24;
38 | font-weight: 700;
39 | }
40 | #slashed {
41 | font-size: 14px;
42 | text-decoration: line-through;
43 | color: #6d787d;
44 | margin-right: 8px;
45 | }
46 | #off {
47 | color: #ed9a00;
48 | font-size: 14px;
49 | margin-right: 8px;
50 | font-weight: 600;
51 | }
52 | #perNight {
53 | font-size: 12px;
54 | color: #6d787d;
55 | padding-bottom: 4px;
56 | text-transform: lowercase;
57 | }
58 |
--------------------------------------------------------------------------------
/src/server/manage.py:
--------------------------------------------------------------------------------
1 | import os
2 | import unittest
3 |
4 | from flask_migrate import Migrate, MigrateCommand
5 | from flask_script import Manager
6 | from app.main import create_app, db
7 | from app.main.routes import add_resources, register_blueprints
8 | from app.main import api, api_blueprint
9 |
10 |
11 | app = create_app(os.getenv('FLASK_ENV') or 'dev')
12 | app.app_context().push()
13 | manager = Manager(app)
14 | migrate = Migrate(app, db)
15 | manager.add_command('db', MigrateCommand)
16 |
17 |
18 | @manager.command
19 | def run():
20 | """
21 | This method runs the flask app using manager command
22 | after adding the routes using the methods in routes folder
23 | """
24 | add_resources(app)
25 | app.register_blueprint(api_blueprint)
26 | register_blueprints(app)
27 | app.run()
28 |
29 |
30 | @manager.command
31 | def test():
32 | """
33 | This method allows the flask app to be tested with the unit test cases specified in the test folder
34 | """
35 | tests = unittest.TestLoader().discover('app/test', pattern='test*.py')
36 | result = unittest.TextTestRunner(verbosity=2).run(tests)
37 | if result.wasSuccessful():
38 | return 0
39 | return 1
40 |
41 |
42 | if __name__ == "__main__":
43 | manager.run()
44 |
--------------------------------------------------------------------------------
/src/server/README.md:
--------------------------------------------------------------------------------
1 | # Backend Guide
2 |
3 | After cloning follow the steps to setup
4 |
5 | 1. Create virtual environment with Pyenv/virtualenv for python
6 | 2. pip install -r requirements.txt
7 |
8 | ### To start the server
9 |
10 | `python manage.py run`
11 |
12 | ### To migrate the databsae
13 |
14 | 1. python manage.py db init
15 | 2. python manage.py db migrate
16 | 3. python manage.py db upgrade
17 |
18 | ### To add the models
19 |
20 | 1. Create {model}.py files in the models folder
21 | 2. import the same file in the models/init.py
22 | 3. run the db migrate and upgrade command again
23 |
24 | ### To create the routes
25 |
26 | 1. Create the {route}.py file in the route folder
27 | 2. import the file into routes/init.py
28 | 3. if the routes are blueprint then register the blueprint under 'register_blueprints' function in the init.py files
29 | 4. If the routes are flask RESTful, api.add_resource({RESTful_name}, '{route}')
30 |
31 | ### To create the services
32 |
33 | Add any interaction with data and models into the services folder
34 |
35 | ### To create the utils functionality
36 |
37 | Add the utility functions in the 'utils' folder.
38 |
39 | ### To change the DB settings
40 |
41 | 1. Open the settings.py in the root folder
42 | 2. Change the database URI in SQLALCHEMY_DATABASE_URI based on the development env
43 |
--------------------------------------------------------------------------------
/src/server/app/main/models/HotelListingModel.py:
--------------------------------------------------------------------------------
1 | from .. import db
2 |
3 |
4 | # hotel category datbase model for Hotel listing
5 | class HotelCategoryModel(db.Model):
6 |
7 | __tablename__ = "category"
8 |
9 | id = db.Column(db.Integer, primary_key=True)
10 | name = db.Column(db.String(70), nullable=False)
11 | tag = db.Column(db.String(255), nullable=False)
12 |
13 |
14 | # hotel datbase model for Hotel listing
15 | class HotelModel(db.Model):
16 |
17 | __tablename__ = "hotel"
18 |
19 | id = db.Column(db.Integer, primary_key=True)
20 | category_id = db.Column(db.Integer, db.ForeignKey(
21 | 'category.id'), nullable=False)
22 | name = db.Column(db.String(255), nullable=False)
23 | description = db.Column(db.Text, nullable=False)
24 | amenities = db.Column(db.JSON, nullable=False)
25 | hotel_policy = db.Column(db.JSON, nullable=False)
26 | collection = db.Column(db.JSON, nullable=False)
27 | rooms = db.Column(db.JSON, nullable=False)
28 | checkin_features = db.Column(db.String(255), nullable=False)
29 | accomodation_type = db.Column(db.JSON, nullable=False)
30 | created_at = db.Column(db.DateTime, nullable=False)
31 | updated_at = db.Column(db.DateTime, nullable=False)
32 | is_deleted = db.Column(db.Boolean, nullable=False)
33 | images = db.Column(db.JSON, nullable=False)
34 |
--------------------------------------------------------------------------------
/src/client/src/components/auth/Form.module.css:
--------------------------------------------------------------------------------
1 | #signupform {
2 | background-color: #fff;
3 | padding: 20px;
4 | }
5 |
6 | #signupform label {
7 | margin: 0 0 9px;
8 | font-weight: 600;
9 | font-size: 16px;
10 | }
11 | input,
12 | input:focus {
13 | outline: none !important;
14 | }
15 | #button {
16 | outline: none;
17 | cursor: pointer;
18 | color: #fff;
19 | width: 55%;
20 | padding: 9px 0;
21 | border-radius: 4px;
22 | background: #1ab64f;
23 | font-weight: 700;
24 | border: none;
25 | line-height: 1.9;
26 | letter-spacing: 0.4px;
27 | }
28 | #button:disabled {
29 | background: #c9c9c9;
30 | box-shadow: none;
31 | cursor: auto;
32 | }
33 | #loginHeader {
34 | font-size: 32px;
35 | line-height: 1.5;
36 | font-weight: 700;
37 | margin: 0px 0 28px 9px;
38 | }
39 | #formFooter {
40 | color: #222;
41 | margin: 16px 0 73px;
42 | font-weight: 600;
43 | line-height: normal;
44 | }
45 | #codeHeader {
46 | padding-bottom: 10px;
47 | }
48 | #otp {
49 | width: 72px;
50 | height: 72px;
51 | border-radius: 2px !important;
52 | background-color: #fff;
53 | border: 1px solid hsla(0, 0%, 65%, 0.2);
54 | margin-right: 10px;
55 | text-align: center;
56 | outline: none;
57 | -webkit-appearance: textfield;
58 | -moz-appearance: textfield;
59 | appearance: textfield;
60 | box-sizing: border-box;
61 | }
62 |
--------------------------------------------------------------------------------
/src/client/src/components/detailView/detailViewCarusel/DetailViewCarusel.module.css:
--------------------------------------------------------------------------------
1 | #wrapper {
2 | width: 7%;
3 | opacity: 1;
4 | }
5 | #ArrowContainer {
6 | cursor: pointer;
7 | outline: none;
8 | width: 48px;
9 | height: 48px;
10 | box-shadow: 0 7px 8px 0 rgba(0, 0, 0, 0.35);
11 | background-color: #fff;
12 | border: none;
13 | z-index: 2;
14 | border-radius: 50%;
15 | opacity: 1;
16 | -webkit-transition: 0.2s;
17 | transition: 0.2s;
18 | }
19 | #ArrowContainer:hover {
20 | opacity: 1;
21 | color: red;
22 | }
23 |
24 | #carouselArrow {
25 | background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDEzIDI0Ij4KICAgIDxwYXRoIGZpbGw9IiNFRTJBMjQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTIuNzc3LjQ5N0wuMzYgMi45MzEgOS40MjkgMTIgLjM2IDIxLjA2OWwyLjQxNyAyLjQzNCA5LjA2OS05LjA4NmEzLjQyOSAzLjQyOSAwIDAgMCAwLTQuODM0TDIuNzc3LjQ5N3oiLz4KPC9zdmc+");
26 | transform: rotate(180deg);
27 | }
28 | #carouselArrowRight {
29 | background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDEzIDI0Ij4KICAgIDxwYXRoIGZpbGw9IiNFRTJBMjQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTIuNzc3LjQ5N0wuMzYgMi45MzEgOS40MjkgMTIgLjM2IDIxLjA2OWwyLjQxNyAyLjQzNCA5LjA2OS05LjA4NmEzLjQyOSAzLjQyOSAwIDAgMCAwLTQuODM0TDIuNzc3LjQ5N3oiLz4KPC9zdmc+");
30 | }
31 |
--------------------------------------------------------------------------------
/src/client/src/components/detailView/detailViewRating/DetailViewRating.module.css:
--------------------------------------------------------------------------------
1 | #heading {
2 | font-size: 22px;
3 | font-weight: bold;
4 | margin-bottom: 18px;
5 | }
6 | #bar {
7 | width: 100%;
8 | display: block;
9 | height: 4px;
10 | background: rgba(100, 100, 100, 0.15);
11 | border-radius: 100px;
12 | margin-left: 8px;
13 | position: relative;
14 | }
15 | #progress {
16 | position: absolute;
17 | top: 0px;
18 | left: 0px;
19 | display: inline-block;
20 | height: 100%;
21 | width: 79%;
22 | transition: all 0.8s cubic-bezier(0.21, 1.03, 0.45, 1.34) 0s;
23 | border-radius: 100px;
24 | background: rgb(245, 166, 35);
25 | }
26 | #rating {
27 | font-size: 12px;
28 | color: rgba(0, 0, 0, 0.7);
29 | font-weight: 600;
30 | margin-right: 2px;
31 | }
32 | #per {
33 | font-size: 12px;
34 | color: rgba(0, 0, 0, 0.54);
35 | margin-left: 8px;
36 | }
37 | #ratingBox {
38 | background-color: rgb(61, 128, 0);
39 | height: 36px;
40 | padding: 0px 10px;
41 | border-radius: 4px;
42 | font-size: 12px;
43 | line-height: 1;
44 | color: #ffffff;
45 | cursor: default;
46 | }
47 | #status {
48 | text-transform: uppercase;
49 | font-size: 12px;
50 | margin-top: 10px;
51 | margin-bottom: 4px;
52 | font-weight: bold;
53 | color: rgba(0, 0, 0, 0.87);
54 | }
55 | #count {
56 | font-size: 12px;
57 | font-weight: normal;
58 | color: #222;
59 | }
60 |
--------------------------------------------------------------------------------
/src/server/app/main/settings.py:
--------------------------------------------------------------------------------
1 | import os
2 | #from environs import Env, EnvError
3 |
4 | # uncomment the line below for postgres database url from environment variable
5 | # postgres_local_base = os.environ['DATABASE_URL']
6 |
7 | #env = Env()
8 | # env.read_env()
9 |
10 | basedir = os.path.abspath(os.path.dirname(__file__))
11 |
12 |
13 | class Config:
14 | SECRET_KEY = os.getenv('SECRET_KEY', 'my_fullStack_project_eyo_rooms')
15 | DEBUG = False
16 |
17 |
18 | class DevelopmentConfig(Config):
19 | # uncomment the line below to use postgres
20 | # SQLALCHEMY_DATABASE_URI = postgres_local_base
21 | # uncomment the line below to use mysql
22 | # SQLALCHEMY_DATABASE_URI = 'mysql+pymysql://
54 |
55 |
;
56 | }
57 | }
58 |
--------------------------------------------------------------------------------
/src/client/src/components/helperComponent/CardSmall.module.css:
--------------------------------------------------------------------------------
1 | #imgContainer {
2 | height: 145px;
3 | padding: 0px 0px 23px 0px;
4 | }
5 | #imageFit {
6 | height: 100%;
7 | }
8 | #cardBody {
9 | padding: 0px 0px 23px 15px;
10 | }
11 | #cardTitle {
12 | margin: 0;
13 | font-size: 14px;
14 | font-weight: 700;
15 | color: #333;
16 | }
17 | #cardTitle a {
18 | text-decoration: none;
19 | color: #222;
20 | }
21 | #location {
22 | font-size: 12px;
23 | color: #222;
24 | }
25 | #rating {
26 | background-color: #8fc400;
27 |
28 | border-radius: 2px;
29 | margin-right: 9px;
30 | font-size: 12px;
31 | color: #ffffff;
32 | }
33 | #border {
34 | border-bottom: 1px solid #dee2e6 !important;
35 | }
36 | #ratingContainer {
37 | font-size: 12px;
38 | font-weight: 400;
39 | line-height: 1.5;
40 | padding: 1px 4px;
41 | }
42 |
43 | #ratingContainer > span {
44 | margin: 1px;
45 | }
46 | #amenity {
47 | display: none !important;
48 | }
49 |
50 | #facility {
51 | display: none !important;
52 | }
53 |
54 | #whilteButton {
55 | display: none !important;
56 | }
57 | #greenButton {
58 | display: none !important;
59 | }
60 |
61 | #price {
62 | font-size: 18px;
63 | font-weight: 700;
64 | color: #ee2a24;
65 | }
66 | #pernight {
67 | font-weight: 400;
68 | line-height: 1em;
69 | margin-top: 4px;
70 | margin-bottom: 6px;
71 | font-size: 12px;
72 | color: #6d787d;
73 | }
74 | #slashPrice {
75 | text-decoration: line-through;
76 | font-size: 16px;
77 | color: #6d787d;
78 | }
79 | #percentage {
80 | font-size: 14px;
81 | font-weight: 600;
82 | color: #f5a623;
83 | line-height: 25px;
84 | }
85 | #hide {
86 | display: none !important;
87 | }
88 |
--------------------------------------------------------------------------------
/src/client/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "eyo-rooms",
3 | "version": "0.1.0",
4 | "private": true,
5 | "dependencies": {
6 | "@fortawesome/fontawesome-svg-core": "^1.2.30",
7 | "@fortawesome/free-solid-svg-icons": "^5.14.0",
8 | "@fortawesome/react-fontawesome": "^0.1.11",
9 | "@testing-library/jest-dom": "^4.2.4",
10 | "@testing-library/react": "^9.5.0",
11 | "@testing-library/user-event": "^7.2.1",
12 | "axios": "^0.21.1",
13 | "bootstrap": "^4.5.0",
14 | "bootstrap-daterangepicker": "^3.1.0",
15 | "google-maps-react": "^2.0.6",
16 | "jquery": "^3.5.1",
17 | "lodash": "^4.17.15",
18 | "moment": "^2.27.0",
19 | "prop-types": "^15.7.2",
20 | "react": "^16.13.1",
21 | "react-bootstrap-daterangepicker": "^6.0.0",
22 | "react-dom": "^16.13.1",
23 | "react-google-login": "^5.1.21",
24 | "react-google-maps": "^9.4.5",
25 | "react-loading-skeleton": "^2.1.1",
26 | "react-places-autocomplete": "^7.3.0",
27 | "react-redux": "^7.2.0",
28 | "react-router-dom": "^5.2.0",
29 | "react-scripts": "3.4.1",
30 | "redux": "^4.0.5",
31 | "redux-thunk": "^2.3.0",
32 | "search-params": "^3.0.0",
33 | "uuid": "^8.1.0"
34 | },
35 | "scripts": {
36 | "start": "react-scripts start",
37 | "build": "react-scripts build",
38 | "test": "react-scripts test",
39 | "eject": "react-scripts eject"
40 | },
41 | "eslintConfig": {
42 | "extends": "react-app"
43 | },
44 | "browserslist": {
45 | "production": [
46 | ">0.2%",
47 | "not dead",
48 | "not op_mini all"
49 | ],
50 | "development": [
51 | "last 1 chrome version",
52 | "last 1 firefox version",
53 | "last 1 safari version"
54 | ]
55 | },
56 | "devDependencies": {
57 | "husky": "^4.2.5"
58 | }
59 | }
60 |
--------------------------------------------------------------------------------
/src/client/src/components/detailView/detailViewDescription/DetailViewDescription.module.css:
--------------------------------------------------------------------------------
1 | #heading {
2 | font-size: 32px;
3 | font-weight: bold;
4 | line-height: 1.25;
5 | margin-right: 67px;
6 | }
7 |
8 | #ratingIcons {
9 | background: #3d8000;
10 | color: #fff;
11 | font-size: 20px;
12 | font-weight: bolder;
13 | border-top-left-radius: 2px;
14 | border-top-right-radius: 2px;
15 | padding: 8px 0;
16 | }
17 | #rating {
18 | font-size: 12px;
19 | padding: 4px;
20 | border-bottom-left-radius: 2px;
21 | border-bottom-right-radius: 2px;
22 | white-space: nowrap;
23 | background: #f4f4f4;
24 | }
25 | #subHeading {
26 | font-size: 16px;
27 | letter-spacing: 0.4px;
28 | color: #222;
29 | opacity: 0.54;
30 | font-weight: 400;
31 | }
32 | #badgeBox {
33 | margin-right: 8px;
34 | margin-bottom: 8px;
35 | margin-top: 8px;
36 | }
37 | #badgeLeft {
38 | border-radius: 2px;
39 | font-size: 10px;
40 | font-weight: 600;
41 | text-transform: uppercase;
42 | border-radius: 2px;
43 | padding: 4px 4px;
44 | font-weight: 600;
45 | text-transform: uppercase;
46 | background-color: #000000;
47 | color: #fff;
48 | font-size: 9px;
49 | }
50 | #operate {
51 | border-radius: 2px;
52 | background-color: #fff;
53 | border: solid 1px #cecece;
54 | padding: 6px 8px;
55 | font-size: 12px;
56 | color: rgba(0, 0, 0, 0.87);
57 | font-weight: 600;
58 | text-transform: none;
59 | margin-left: 8px;
60 | }
61 | #Des {
62 | font-size: 22px;
63 | font-weight: bold;
64 | margin-bottom: 18px;
65 | }
66 | #DesDetail {
67 | line-height: 1.5;
68 | word-spacing: 2px;
69 | font-style: italic;
70 | color: rgba(0, 0, 0, 0.7);
71 | font-size: 14px;
72 | }
73 | #hotelDetail {
74 | line-height: 1.5;
75 | word-spacing: 2px;
76 | color: rgba(0, 0, 0, 0.7);
77 | font-size: 14px;
78 | }
79 |
--------------------------------------------------------------------------------
/src/server/app/main/models/AuthenticationModel.py:
--------------------------------------------------------------------------------
1 | from .. import db
2 |
3 |
4 | # user datbase model for authentication
5 | class UserModel(db.Model):
6 |
7 | __tablename__ = "user"
8 |
9 | id = db.Column(db.Integer, primary_key=True)
10 | name = db.Column(db.String(70), nullable=False)
11 | username = db.Column(db.String(255), nullable=True)
12 | email = db.Column(db.String(70), nullable=False)
13 | mobile = db.Column(db.String(255), nullable=True)
14 | password = db.Column(db.String(255), nullable=True)
15 | role = db.Column(db.String(70), nullable=False)
16 |
17 |
18 | # OTP authentication databse model
19 | class OtpModel(db.Model):
20 |
21 | __tablename__ = "otp"
22 |
23 | id = db.Column(db.Integer, primary_key=True)
24 | mobile = db.Column(db.String(255), nullable=False)
25 | otp = db.Column(db.String(255), nullable=False)
26 |
27 |
28 | # verifacation database model for reset/forgot-password
29 | class VerificationModel(db.Model):
30 |
31 | __tablename__ = "verification"
32 |
33 | id = db.Column(db.Integer, primary_key=True)
34 | token = db.Column(db.String(255), nullable=False)
35 | usage = db.Column(db.String(255), nullable=False)
36 |
37 |
38 | # database model for OAuth user info
39 | class OauthInfoModel(db.Model):
40 |
41 | __tablename__ = "oauth_info"
42 |
43 | id = db.Column(db.Integer, primary_key=True)
44 | user_id = db.Column(db.Integer, db.ForeignKey('user.id'), nullable=False)
45 | email = db.Column(db.String(70), nullable=False)
46 | provider = db.Column(db.String(255), nullable=True)
47 | access_token = db.Column(db.String(255), nullable=False)
48 | refresh_token = db.Column(db.String(255), nullable=True)
49 |
50 |
51 | # database model for black listing tokens on logout
52 | class BlacklistTokenModel(db.Model):
53 |
54 | __tablename__ = "backlist_token"
55 |
56 | id = db.Column(db.Integer, primary_key=True)
57 | token = db.Column(db.String(255), nullable=False)
58 |
--------------------------------------------------------------------------------
/src/client/public/images/banner.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/client/src/components/auth/AuthBannerSignUp.jsx:
--------------------------------------------------------------------------------
1 |
2 | import React, { Component } from "react";
3 |
4 | import styles from "./AuthBanner.module.css";
5 | import { Link,Redirect } from "react-router-dom";
6 | import SignUp from "./SignUp";
7 |
8 |
9 | export default class AuthBannerSignUp extends Component {
10 |
11 | render() {
12 |
13 | return (
14 |
15 |
47 | );
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/src/client/src/components/auth/AuthBannerOtpVerify.jsx:
--------------------------------------------------------------------------------
1 |
2 | import React, { Component } from "react";
3 |
4 | import styles from "./AuthBanner.module.css";
5 | import { Link,Redirect } from "react-router-dom";
6 | import OtpForm from "./OtpForm";
7 |
8 |
9 | export default class AuthBannerOtpVerify extends Component {
10 |
11 |
12 | render() {
13 |
14 |
15 | return (
16 |
16 |
33 |
46 |
34 |
45 |
35 |
44 |
36 |
39 | There is a smarter way to EYO around
37 | Sign up with your phone number and get exclusive access to discounts and savings on EYO stays and with our many travel partners.
38 |
40 |
43 | Sign up & Get 500 EYO Money
41 |
17 |
49 | );
50 | }
51 | }
52 |
--------------------------------------------------------------------------------
/src/client/src/components/auth/AuthBannerLoginOtp.jsx:
--------------------------------------------------------------------------------
1 |
2 | import React, { Component } from "react";
3 |
4 | import styles from "./AuthBanner.module.css";
5 | import { Link,Redirect } from "react-router-dom";
6 | import LoginWithOTP from "./LoginWithOTP";
7 |
8 |
9 | export default class AuthBannerLoginOtp extends Component {
10 |
11 |
12 | render() {
13 |
14 | return (
15 |
18 |
35 |
48 |
36 |
47 |
37 |
46 |
38 |
41 | There is a smarter way to EYO around
39 | Sign up with your phone number and get exclusive access to discounts and savings on EYO stays and with our many travel partners.
40 |
42 |
45 | Sign up & Get 500 EYO Money
43 |
16 |
48 | );
49 | }
50 | }
51 |
--------------------------------------------------------------------------------
/src/client/src/components/auth/AuthBannerLogin.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 |
3 | import styles from "./AuthBanner.module.css";
4 | import { Link,Redirect } from "react-router-dom";
5 | import LoginWithPassword from "./LoginWithPassword";
6 |
7 |
8 | export default class AuthBannerLogin extends Component {
9 |
10 |
11 | render() {
12 |
13 | return (
14 |
17 |
34 |
47 |
35 |
46 |
36 |
45 |
37 |
40 | There is a smarter way to EYO around
38 | Sign up with your phone number and get exclusive access to discounts and savings on EYO stays and with our many travel partners.
39 |
41 |
44 | Sign up & Get 500 EYO Money
42 |
15 |
47 | );
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/src/client/src/components/paymentMethod/paymentMethodCard/PaymentMethodCard.module.css:
--------------------------------------------------------------------------------
1 | #heading {
2 | font-size: 16px;
3 | font-weight: bold;
4 | line-height: 1.5;
5 | margin-bottom: 8px;
6 | }
7 | #ratingContainer {
8 | border-radius: 2px;
9 | padding: 0px 4px 2px 1px;
10 | background-color: #52b520;
11 | font-size: 12px;
12 | font-weight: 600;
13 | color: #fff;
14 | }
15 | #ratingCount {
16 | font-size: 12px;
17 | line-height: 1.2;
18 | margin-left: 10px;
19 | }
20 | #days {
21 | font-size: 12px;
22 | font-weight: bold;
23 | line-height: 2;
24 | color: rgb(12, 10, 21);
25 | margin-top: 8px;
26 | }
27 | #img {
28 | box-shadow: rgba(125, 125, 125, 0.1) 0px 2px 6px 0px;
29 | width: 79px;
30 | height: 62px;
31 | opacity: 1.2;
32 | border-radius: 4px;
33 | border-width: 1px;
34 | border-style: solid;
35 | border-color: rgb(151, 151, 151);
36 | }
37 | #SecduleContainer {
38 | margin-top: 16px;
39 | cursor: pointer;
40 | border: solid 1px #f0f0f0;
41 | border: 0;
42 | width: 100%;
43 | padding: 14px 12px;
44 | border-bottom: 1px solid rgb(240, 240, 240);
45 | }
46 | #SecduleContainer span {
47 | font-size: 14px;
48 | color: #0c0a15;
49 | line-height: 1.71;
50 | font-weight: 600;
51 | }
52 | #divide {
53 | border-right: solid 1px #f0f0f0;
54 | }
55 | #quality {
56 | cursor: pointer;
57 | width: 100%;
58 | padding: 14px 12px;
59 | }
60 | #quality span {
61 | font-size: 14px;
62 | color: #0c0a15;
63 | line-height: 1.71;
64 | font-weight: 600;
65 | }
66 | #priceDes {
67 | font-size: 14px;
68 | line-height: 2;
69 | color: rgb(34, 34, 34);
70 | }
71 | #price {
72 | font-size: 14px;
73 | font-weight: 600;
74 | line-height: 2;
75 | color: rgb(34, 34, 34);
76 | }
77 | #divider {
78 | border-width: 1px;
79 | border-style: solid;
80 | border-color: rgb(240, 240, 240);
81 | margin: 24px 0px;
82 | }
83 | #payable {
84 | color: rgb(34, 34, 34);
85 | font-size: 16px;
86 | line-height: 1.56;
87 | }
88 | #inc {
89 | font-size: 12px;
90 | font-weight: 600;
91 | line-height: 1.67;
92 | opacity: 0.54;
93 | }
94 | #total {
95 | color: rgb(34, 34, 34);
96 | font-size: 22px;
97 | font-weight: bold;
98 | line-height: 1.33;
99 | }
100 |
--------------------------------------------------------------------------------
/src/client/src/components/paymentMethod/paymentMethodBooking/PaymentMethodBooking.module.css:
--------------------------------------------------------------------------------
1 | #backBtn {
2 | font-size: 16px;
3 | font-weight: 600;
4 | color: rgb(238, 42, 36);
5 | }
6 | #saveMoney {
7 | background-color: rgb(254, 246, 233);
8 | color: rgb(211, 140, 23);
9 | font-size: 16px;
10 | text-align: center;
11 | margin-bottom: 16px;
12 | border-radius: 4px;
13 | border-width: 1px;
14 | border-style: solid;
15 | border-color: rgba(245, 166, 35, 0.19);
16 | padding: 16px;
17 | }
18 | #heading {
19 | color: rgb(0, 0, 0);
20 | font-size: 20px;
21 | font-weight: bold;
22 | line-height: 1.6;
23 | padding: 14px 29px;
24 | }
25 | #enterDetail span {
26 | color: rgb(0, 0, 0);
27 | font-size: 20px;
28 | font-weight: bold;
29 | line-height: 1.6;
30 | }
31 | #first {
32 | font-size: 12px;
33 | font-weight: bold;
34 | margin-right: 16px;
35 | color: rgb(26, 182, 79);
36 | background: rgba(26, 182, 79, 0.12);
37 | padding: 3px 7px;
38 | border-radius: 4px;
39 | }
40 | #modify {
41 | font-size: 14px;
42 | font-weight: 600;
43 | line-height: 1.71;
44 | color: rgb(238, 46, 36);
45 | cursor: pointer;
46 | border-width: 1px;
47 | border-style: solid;
48 | border-color: rgb(240, 240, 240);
49 | border-image: initial;
50 | padding: 6px 12px;
51 | border-radius: 4px;
52 | }
53 | #detailDes {
54 | font-size: 14px;
55 | line-height: 1.7;
56 | margin: 24px 0px;
57 | }
58 | #info {
59 | padding: 10px 20px;
60 | font-size: 14px;
61 | line-height: 1.71;
62 | }
63 | #divide {
64 | width: 1px;
65 | height: 20px;
66 | border-right: 1px solid rgb(223, 223, 223);
67 | }
68 |
69 | #anotherHeading {
70 | color: rgb(0, 0, 0);
71 | font-size: 20px;
72 | font-weight: bold;
73 | line-height: 1.6;
74 | padding: 14px 24px;
75 | background: rgb(249, 249, 251);
76 | }
77 | #secure {
78 | font-size: 14px;
79 | line-height: 1.14;
80 | color: rgb(124, 134, 138);
81 | font-weight: 400;
82 | display: flex;
83 | -webkit-box-align: center;
84 | align-items: center;
85 | -webkit-box-pack: justify;
86 | justify-content: space-between;
87 | }
88 | #sec {
89 | font-size: 12px;
90 | font-weight: bold;
91 | color: rgb(255, 255, 255);
92 | margin-right: 12px;
93 | border-radius: 4px;
94 | background: rgb(0, 0, 0);
95 | padding: 1px 7px;
96 | }
97 |
--------------------------------------------------------------------------------
/src/client/src/components/productList/contentSection/contentSectionHeader.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import ToggleButton from "../../helperComponent/toggleButton";
3 | import styles from "./contentSectionHeader.module.css";
4 | import { hotelListingDataRequest } from "../../../redux/authentication/actions";
5 | import { connect } from "react-redux";
6 |
7 | import Skelton from "../../helperComponent/SkeltonListing";
8 | import { loadData } from "../../../redux/authentication/localStorage";
9 |
10 | class contentSectionHeader extends Component {
11 | render() {
12 | console.log(this.props, "prosp in header");
13 | let { handleToggle, hotelData } = this.props;
14 | if (hotelData) {
15 | let { total_results } = hotelData;
16 | let address = loadData("address");
17 | return (
18 |
16 |
33 |
46 |
34 |
45 |
35 |
44 |
36 |
39 | There is a smarter way to EYO around
37 | Sign up with your phone number and get exclusive access to discounts and savings on EYO stays and with our many travel partners.
38 |
40 |
43 | Sign up & Get 500 EYO Money
41 |
19 |
42 | );
43 | } else {
44 | return
20 |
41 |
21 |
25 |
22 | {total_results} EYOs {address}{" "}
23 |
24 |
26 | Map View
27 |
29 |
30 | Sort By
31 |
40 |
32 |
38 |
39 |
17 |
47 |
48 | );
49 | }
50 | }
51 | const mapStateToProps = (state) => ({
52 | otpGenerate: state.auth.otpGenarate,
53 | user: state.auth.user,
54 | token: state.auth.token,
55 | isAuth: state.auth.isAuth,
56 | entityData: state.auth.entityData,
57 | review: state.auth.review,
58 | billingData: state.auth.billingData,
59 | });
60 |
61 | const mapDispatchToProps = (dispatch) => ({
62 | loginRequestWithOtp: (payload) => dispatch(loginRequestWithOtp(payload)),
63 | });
64 |
65 | export default connect(mapStateToProps, mapDispatchToProps)(paymentMethod);
66 |
--------------------------------------------------------------------------------
/src/client/docs/cypress.md:
--------------------------------------------------------------------------------
1 | ## Cypress
2 | Cypress is “Fast, easy and reliable testing for anything that runs in a browser”. What you get with Cypress is a tool that makes it simple to set up, write, run, and debug tests.
3 |
4 | Cypress documentation :
5 | https://docs.cypress.io/guides/core-concepts/introduction-to-cypress.html#Cypress-Can-Be-Simple-Sometimes
6 |
7 | Video Link:
8 | https://www.youtube.com/watch?v=KfTH2d-JZ6k&list=PL8GlT7H3xOcJbXNVnM6lTT3Fec8dikotY
9 |
10 | ## How To Write a Test Case In Cypress
11 |
12 | ### Begin with writing describe keyword with Relevant text required for test cases for that particular pg.
13 |
14 | ```
15 | describe('testcase_pg1',()=>{})
16 |
17 | ```
18 |
19 |
20 | ### Inside describe start an anonymous function which will contain test for that particular file/page . The test case starts with it('testcase name',()=>{....})
21 |
22 | ```
23 | describe('Input form',()=>{
24 | it('test1',() =>{
25 |
26 | })
27 | })
28 |
29 | ```
30 |
31 |
32 | ### Inside one test case you can check for the conditions you want to check for that particular test case .
33 |
34 |
35 |
36 |
37 | #### The condition starts with cy which has further methods For example in this test_case cy.visit('address') helps us to reach the link inside method .
38 |
39 | ```
40 | describe('Input form',()=>{
41 | it('visit the address ',() =>{
42 | cy.visit('http://localhost:3000/')
43 | })
44 | })
45 |
46 | ```
47 |
48 | ### If you want to check there exists a form which has a submit button with value 'submit the form!'
49 |
50 | #### So the html for the finding the element:-
51 |
52 |
53 | ```html
54 |
65 |
66 | ```
67 |
68 |
69 | To check whether the submit button is present or not the cypress query will be
70 |
71 | ```
72 | cy.get('form').contains('submit the form!').click()
73 |
74 | ```
75 | this will ensure that whether theres a element which contains the value submit the form! which is under form tag.
76 |
77 |
78 |
79 | ### You can also check the http request using cy.request(url, body, method , options)
80 | for example:-
81 |
82 | ```
83 | cy.request({
84 | method: 'POST',
85 | url: '/login_with_form', // baseUrl is prepended to url
86 | form: true, // indicates the body should be form urlencoded and sets Content-Type: application/x-www-form-urlencoded headers
87 | body: {
88 | username: 'jane.lane',
89 | password: 'password123'
90 | }
91 | })
92 | ```
--------------------------------------------------------------------------------
/src/client/src/components/helperComponent/card.module.css:
--------------------------------------------------------------------------------
1 | #imgContainer {
2 | height: 276px;
3 | padding: 0px 0px 23px 0px;
4 | }
5 | #imageFit {
6 | height: 100%;
7 | }
8 | #cardBody {
9 | padding: 0px 0px 23px 15px;
10 | }
11 | #cardTitle {
12 | font-size: 20px;
13 | font-weight: 700;
14 | line-height: 24px;
15 | color: #222;
16 | }
17 | #cardTitle a {
18 | text-decoration: none;
19 | color: #000;
20 | }
21 | #location {
22 | color: #222;
23 | font-weight: 400;
24 | font-size: 16px;
25 | line-height: 25px;
26 | padding-top: 1px;
27 | }
28 | #rating {
29 | background-color: #1ab64f;
30 | /* padding: 2px; */
31 | }
32 | #border {
33 | border-bottom: 1px solid #dee2e6 !important;
34 | }
35 |
36 | #ratingContainer > span {
37 | font-size: 12px;
38 | font-weight: 400;
39 | line-height: 1.5;
40 | padding: 4px;
41 | }
42 | #amenity > div {
43 | font-size: 14px;
44 | line-height: 28px;
45 | color: #222;
46 | font-weight: 400;
47 | margin: 5px;
48 | }
49 | #amenityWrapper > span {
50 | margin: 3px;
51 | }
52 | #amenityWrapper > a {
53 | text-decoration: none;
54 | color: #000;
55 | }
56 | #facility > span {
57 | margin: 3px;
58 | font-weight: 600;
59 | display: inline-flex;
60 | font-size: 12px;
61 | color: rgba(0, 0, 0, 0.87);
62 | -webkit-box-pack: center;
63 | justify-content: center;
64 | -webkit-box-align: center;
65 | align-items: center;
66 | text-transform: none !important;
67 | line-height: inherit !important;
68 | border-radius: 2px;
69 | border-width: 1px;
70 | border-style: solid;
71 | border-color: rgb(206, 206, 206);
72 | border-image: initial;
73 | padding: 2px 5px;
74 | }
75 |
76 | #whilteButton {
77 | background-color: #fff;
78 | color: #222;
79 | border-radius: 2px !important;
80 | border: 1px solid #222;
81 | padding: 9px;
82 | text-decoration: none;
83 | }
84 | #greenButton {
85 | background-color: #1ab64f;
86 | color: #fff;
87 | border-radius: 2px !important;
88 | border: 1px solid #1ab64f;
89 | /* padding: 9px; */
90 | padding: 9px 4px 9px 4px;
91 | }
92 |
93 | #price {
94 | margin-right: 8px;
95 | font-size: 24px;
96 | font-weight: 700;
97 | color: #ee2a24;
98 | }
99 | #pernight {
100 | font-weight: 400;
101 | line-height: 1em;
102 | margin-top: 4px;
103 | margin-bottom: 6px;
104 | font-size: 12px;
105 | color: #6d787d;
106 | }
107 | #slashPrice {
108 | text-decoration: line-through;
109 | font-size: 16px;
110 | color: #6d787d;
111 | margin-right: 8px;
112 | }
113 | #percentage {
114 | font-size: 14px;
115 | font-weight: 600;
116 | color: #f5a623;
117 | line-height: 25px;
118 | }
119 |
--------------------------------------------------------------------------------
/src/client/src/components/home/HomeContent/HomeContent.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import styles from "./HomeContent.module.css";
3 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
4 | import { faStar } from "@fortawesome/free-solid-svg-icons";
5 | import style from "../../detailView/deatilViewRecomandation/DetailViewRecomandation.module.css";
6 |
7 | export default class HomeContent extends Component {
8 | render() {
9 | return (
10 |
18 |
46 |
19 | {!isAuth &&
32 |
33 |
45 |
11 |
55 | );
56 | }
57 | }
58 |
--------------------------------------------------------------------------------
/src/client/src/components/paymentMethod/paymentMethodComformation/PaymentMethodConformation.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import styles from "../paymentMethodComformation/PaymentMethodConfromation.module.css";
3 |
4 | export default class PaymentMethodConformation extends Component {
5 | render() {
6 | return (
7 |
12 | 
13 |
14 |
13 |
15 | {[
16 | { heading: "OYO 29781 Radhika Ex", subHeading: "Some quick example text to build o", rating: "4", icon: faStar, review: "134", val: "Very Good", price: "1389", off: "46%" },
17 | { heading: "OYO 29781 Radhika Ex", subHeading: "Some quick example text to build o", rating: "4", icon: faStar, review: "134", val: "Very Good", price: "1389", off: "46%" },
18 | { heading: "OYO 29781 Radhika Ex", subHeading: "Some quick example text to build o", rating: "4", icon: faStar, review: "134", val: "Very Good", price: "1389", off: "46%" },
19 | ].map((elem) => {
20 | return (
21 |
54 |
22 |
51 | );
52 | })}
53 |
23 | 
24 |
50 |
24 |
25 |
49 | 26 | {elem.heading} 27 |
28 |29 | {elem.subHeading} 30 |
31 |
32 |
33 | {elem.rating}
34 |
35 |
40 |
41 | ₹ {elem.price}
42 | ₹ {elem.price}
43 | {elem.off} off
44 |
45 |
46 | per room per night{" "}
47 |
48 |
8 |
65 | );
66 | }
67 | }
68 |
--------------------------------------------------------------------------------
/src/client/src/components/routes/Routes.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import { Route, Switch } from "react-router-dom";
3 | // import Home from "../components/Home";
4 | import AuthBannerLogin from "../auth/AuthBannerLogin";
5 | import ProductList from "../productList/ProductList";
6 | import AuthBannerLoginOtp from "../auth/AuthBannerLoginOtp";
7 | import AuthBannerSignUp from "../auth/AuthBannerSignUp";
8 | import AuthBannerOtpVerify from "../auth/AuthBannerOtpVerify";
9 | // import AuthBannerLogin from "../auth/AuthBannerLogin";
10 | // import ProductList from "../productList/ProductList";
11 | // import PaymentMethodConformation from "../paymentMethod/paymentMethodComformation/PaymentMethodConformation";
12 | // import AuthBannerLoginOtp from "../auth/AuthBannerLoginOtp";
13 | // import AuthBannerSignUp from "../auth/AuthBannerSignUp";
14 | // import AuthBannerOtpVerify from "../auth/AuthBannerOtpVerify";
15 | // import PaymentMethodCard from "../paymentMethod/paymentMethod";
16 | import paymentMethod from "../paymentMethod/paymentMethod";
17 | // import PaymentMethodDetail from "../paymentMethod/PaymentMethodDetail/PaymentMethodDetail";
18 | import PaymentMethodBooking from "../paymentMethod/paymentMethodBooking/PaymentMethodBooking";
19 | // import PaymentMethodCard from "../paymentMethod/paymentMethodCard/PaymentMethodCard";
20 |
21 | import DetailView from "../detailView/DetailView";
22 | import Home from "../home/Home";
23 | import PaymentMethodConformation from "../paymentMethod/paymentMethodComformation/PaymentMethodConformation";
24 |
25 | // import AutocompleteForm from "../home/AutocompleteForm";
26 | export default class Routes extends Component {
27 | render() {
28 | return (
29 | <>
30 |
9 |
12 | Great! Your stay is confirmed.
10 |You will soon receive an email confirmation on abhishekkumar9608@gmail.com
11 |
13 |
64 |
14 |
63 |
15 |
62 |
16 |
22 |
23 |
17 | Booking Id
18 |
20 | CWRU9732
19 | Booked by Abhishek on Fri, 31 Jul 2020
21 |
24 |
26 |
27 |
60 |
61 | Payment Details
25 | | Room Tariff | 29 |₹1352 X 3 Nights | 30 |₹ | 31 |
| Jacob | 34 |Thornton | 35 |₹ 3042 | 36 |
| Larry | 39 |the Bird | 40 |₹ 3042 | 41 |
| Larry | 44 |the Bird | 45 |₹ 3042 | 46 |
| Larry | 49 |the Bird | 50 |₹ 3042 | 51 |
| 54 | Total Due(inclusive of all taxes) 55 | | 56 |₹ 3042 | 57 ||
64 |
75 | );
76 | }
77 | }
78 |
79 | const mapStateToProps = (state) => ({
80 | token: state.auth.token,
81 | user: state.auth.user,
82 | });
83 |
84 | const mapDispatchToProps = (dispatch) => ({
85 | hotelListingDataRequest: (payload) =>
86 | dispatch(hotelListingDataRequest(payload)),
87 | });
88 |
89 | export default connect(mapStateToProps, mapDispatchToProps)(ProductList);
90 |
--------------------------------------------------------------------------------
/src/client/src/components/helperComponent/map.jsx:
--------------------------------------------------------------------------------
1 |
2 | // import React,{useState} from 'react'
3 | // import {
4 | // withScriptjs,
5 | // withGoogleMap,
6 | // GoogleMap,
7 | // Marker,
8 | // InfoWindow
9 | // } from "react-google-maps";
10 |
11 | // // var points = [
12 | // // { lat: 42.02, lng: -76.01, name:"hotel cacajaca", key:1 },
13 | // // { lat: 42.03, lng: -77.02,name:"Juncus brachycarpus Engelm.",key:2},
14 | // // { lat: 41.03, lng: -75.04,name:"Gossypianthus lanuginosus (Poir.) Moq.",key:3 },
15 | // // { lat: 42.05, lng: -78.02,name:"Bartonia paniculata (Michx.) Muhl." ,key:4}
16 | // // ]
17 | // export default class map extends React.Component{
18 | // constructor(props){
19 | // super(props)
20 | // this.state={
21 | // select:null
22 | // }
23 | // }
24 | // render(){
25 | // const {hotelData} = this.props
26 | // console.log(hotelData,"map data")
27 |
28 | // return(
29 | // hotelData && hotelData.status && (
30 |
31 | // <>
32 | //
66 |
74 |
57 |
58 | //
61 | // {this.state.select.name}
59 | //{this.state.select.rooms[0].actual_price}
60 | //2 |
OYO Rooms Clone
3 | 4 | 5 | ##### OYO Rooms end-end clone with integrationg payment gateway,Google maps,OAuth,SMS notifications. 6 | 7 |  8 | 9 | ## Features 10 | 11 | - [x] Google Auto-search location 12 | - [x] pagination 13 | - [x] filtering in listing page 14 | - [x] Integration of Google maps 15 | - [x] pin nearby hotels on map 16 | - [x] Google Analytics 17 | - [x] OTP login 18 | - [x] Google OAuth login 19 | - [x] Select type of rooms 20 | - [x] check availability of rooms 21 | - [x] recommendations based on meta data 22 | - [x] Integrate Payment Gateway 23 | - [ ] send emails to user on booking confirmation. 24 | 25 | ## Overview of Application: 26 | 27 | 1. Home Page 28 | 29 |  30 | 31 | 2. Login Page 32 | 33 |  34 | 35 | 3. Listing Page 36 | 37 |  38 | 39 | 4. Entity Page 40 | 41 |  42 |  43 |  44 | 45 | 5) Payment Page 46 | 47 |  48 |  49 | 50 | 6. Booking confirmation Page 51 | 52 |  53 | 54 | ## Table of Contents 55 | 56 | - [About the Project](#about-the-project) 57 | - [Built With](#built-with) 58 | - [Getting Started](#getting-started) 59 | - [Prerequisites](#prerequisites) 60 | - [Installation](#installation) 61 | 62 | ## About The Project 63 | 64 | A Clone of oyorooms.com. Key Features 65 | 66 | - User can book hotels. 67 | - OAuth login and registration. 68 | - User can filter listing of apartments according to services provided. 69 | - Recommendation logic based on filters applied by user. 70 | - Check the availability of hotels. 71 | - Book a hotel by paying through payment gateway. 72 | 73 | ### Built With 74 | 75 | - Frontend 76 | - [React](https://reactjs.org/) 77 | - [Redux](https://redux.js.org/) 78 | - [Bootstrap](https://getbootstrap.com/) 79 | - Backend 80 | - [Python](https://www.python.org/) 81 | - [Flask](https://flask.palletsprojects.com/en/1.1.x/) 82 | - [MySQL](https://www.mysql.com/) 83 | 84 | ## Getting Started 85 | 86 | To get a local copy up and running follow these simple steps. 87 | 88 | ### Prerequisites 89 | 90 | - npm 91 | 92 | ```sh 93 | npm install npm@latest -g 94 | ``` 95 | 96 | - pip 97 | 98 | ```sh 99 | sudo apt install python-pip 100 | sudo pip install virtualenv 101 | ``` 102 | 103 | ### Installation 104 | 105 | 1. Clone the repo 106 | 107 | ```sh 108 | git clone https://github.com/satishbonam/EYO-rooms.git 109 | ``` 110 | 111 | 2. For Frontend,install NPM packages 112 | 113 | ```sh 114 | npm install 115 | ``` 116 | 117 | 3. For Backend,create virtual environment and install pip packages from requirements.txt 118 | 119 | ``` 120 | virtualenv venv 121 | pip install -r requirements.txt 122 | ``` 123 | -------------------------------------------------------------------------------- /src/client/src/components/detailView/DetailViewYourRoom/DetailViewYourRoom.jsx: -------------------------------------------------------------------------------- 1 | import React, { Component } from "react"; 2 | import styles from "./DetailViewYourRoom.module.css"; 3 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; 4 | // import { faStar, faCheckCircle, faFan, faTv, faBed } from "@fortawesome/free-solid-svg-icons"; 5 | import { 6 | faStar, 7 | faCheckCircle, 8 | faFan, 9 | faToilet, 10 | faPersonBooth, 11 | faMusic, 12 | faHandHoldingWater, 13 | faMoneyBillWave, 14 | faBreadSlice, 15 | faWifi, 16 | faFire, 17 | faHotTub, 18 | faCheese, 19 | faRestroom, 20 | faParking, 21 | faBed, 22 | faThermometerEmpty, 23 | faChair, 24 | faTv, 25 | faSoap, 26 | } from "@fortawesome/free-solid-svg-icons"; 27 | import { 28 | hotelEntityDataRequest, 29 | hotelBillingDataRequest, 30 | hotelReviewDataRequest, 31 | } from "../../../redux/authentication/actions"; 32 | import { connect } from "react-redux"; 33 | import DetailViewRoomCard from "./DetialViewRoomCard"; 34 | import DetailViewRoomSelected from "./DetailViewRoomSelected"; 35 | 36 | class DetailViewYourRomm extends Component { 37 | componentDidMount = () => { 38 | const { 39 | hotelEntityDataRequest, 40 | hotelBillingDataRequest, 41 | hotelReviewDataRequest, 42 | } = this.props; 43 | 44 | hotelBillingDataRequest({ 45 | hotel_id: "10", 46 | room_id: "1", 47 | check_in: "01/08/2020", 48 | check_out: "02/08/2020", 49 | no_of_guests: "2", 50 | no_of_rooms: "2", 51 | membership: true, 52 | }); 53 | // hotelReviewDataRequest(10) 54 | }; 55 | 56 | render() { 57 | // let rooms,selected 58 | if (this.props.billingData) { 59 | const { billingData } = this.props; 60 | const { rooms, selected } = billingData; 61 | console.log(billingData); 62 | return ( 63 | <> 64 |
65 | Choose your room
66 |
67 |
68 |
65 |
70 | {this.state.select.name}
66 |67 | Rooms price Rs.{this.state.select.rooms[0].actual_price} 68 |
69 |
28 | Choose your room
29 |
30 |
31 | {[
32 | { heading: "Breakfast", subHeading: "Continental & Indian menu", price: "1902" },
33 | { heading: "Breakfast", subHeading: "Continental & Indian menu", price: "1902" },
34 | { heading: "Breakfast", subHeading: "Continental & Indian menu", price: "1902" },
35 | ].map((elem) => {
36 | return (
37 |
65 |
66 | );
67 | }
68 | }
69 |
70 | const mapStateToProps = (state) => ({
71 | token: state.auth.token,
72 | user: state.auth.user,
73 | entityData: state.auth.entityData,
74 | review: state.auth.review,
75 | billingData:state.auth.billingData
76 | });
77 |
78 | const mapDispatchToProps = (dispatch) => ({
79 | hotelEntityDataRequest: (payload) => dispatch(hotelEntityDataRequest(payload)),
80 | hotelBillingDataRequest: (payload) => dispatch(hotelBillingDataRequest(payload)),
81 | hotelReviewDataRequest: (payload) => dispatch(hotelReviewDataRequest(payload)),
82 | });
83 |
84 | export default connect(mapStateToProps, mapDispatchToProps)(DetailViewMeal);
--------------------------------------------------------------------------------
/src/client/src/components/productList/sidebar/sidebarItems/SidebarCheckinItems.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState, useEffect } from "react";
2 | import styles from "../../sidebar/sidebar.module.css";
3 | import {
4 | hotelListingDataRequest,
5 | handleParams,
6 | } from "../../../../redux/authentication/actions";
7 | import { connect } from "react-redux";
8 | import { build } from "search-params";
9 | import {loadData} from "../../../../redux/authentication/localStorage"
10 |
11 | class SidebarCheckinItems extends React.Component {
12 | componentDidUpdate(prevProps) {
13 | const { hotelListingDataRequest, hotelData } = this.props;
14 | var para = {};
15 | hotelData &&
16 | hotelData.filters.category.forEach((item) => {
17 | if (item.status && para.category) {
18 | para["category"].push(item.label);
19 | } else if (item.status) {
20 | para["category"] = [item.label];
21 | }
22 | });
23 | hotelData &&
24 | hotelData.filters.collections.forEach((item) => {
25 | if (item.status && para.collections) {
26 | para["collections"].push(item.label);
27 | } else if (item.status) {
28 | para["collections"] = [item.label];
29 | }
30 | });
31 | hotelData &&
32 | hotelData.filters.accomodation_type.forEach((item) => {
33 | if (item.status && para.accomodation_type) {
34 | para["accomodation_type"].push(item.label);
35 | } else if (item.status) {
36 | para["accomodation_type"] = [item.label];
37 | }
38 | });
39 | hotelData &&
40 | hotelData.filters.amenities.forEach((item) => {
41 | if (item.status && para.amenities) {
42 | para["amenities"].push(item.label);
43 | } else if (item.status) {
44 | para["amenities"] = [item.label];
45 | }
46 | });
47 | hotelData &&
48 | hotelData.filters.checkin_features.forEach((item) => {
49 | if (item.status && para.checkin_features) {
50 | para["checkin_features"].push(item.label);
51 | } else if (item.status) {
52 | para["checkin_features"] = [item.label];
53 | }
54 | });
55 | if (prevProps.value !== this.props.value) {
56 | this.props.url.history.push("/listing/"+build(para));
57 | let location = loadData("location")
58 | let lat = location.lat.toString()
59 | let lon = location.lng.toString()
60 | hotelListingDataRequest({location:{lat,lon},path:build(para)});
61 | }
62 | }
63 | render() {
64 | const {
65 | label,
66 | onClick,
67 | hotelData,
68 | hotelListingDataRequest,
69 | value,
70 | } = this.props;
71 | return (
72 | <>
73 |
38 |
62 | );
63 | })}
64 |
39 |
61 |
40 |
60 |
41 |
42 |
43 |
42 |
44 |
53 |
54 |
45 |
46 | {elem.heading}
47 |
48 |
49 |
50 |
52 | ₹{elem.price}
51 |
55 |
59 |
56 |
57 |
58 |
74 |
83 |
84 |
85 | );
86 | }
87 | }
88 |
89 | const mapStateToProps = (state) => ({
90 | hotelData: state.auth.hotelListData,
91 | params: state.auth.params,
92 | });
93 |
94 | const mapDispatchToProps = (dispatch) => ({
95 | hotelListingDataRequest: (payload) =>
96 | dispatch(hotelListingDataRequest(payload)),
97 | handleParams: (payload) => dispatch(handleParams(payload)),
98 | });
99 |
100 | export default connect(
101 | mapStateToProps,
102 | mapDispatchToProps
103 | )(SidebarCheckinItems);
104 |
--------------------------------------------------------------------------------
/src/client/src/components/productList/sidebar/sidebarItems/SidebarCategoriesItems.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState, useEffect } from "react";
2 | import styles from "../../sidebar/sidebar.module.css";
3 | import {
4 | hotelListingDataRequest,
5 | handleParams,
6 | } from "../../../../redux/authentication/actions";
7 | import { connect } from "react-redux";
8 | import { build } from "search-params";
9 | import {loadData} from "../../../../redux/authentication/localStorage"
10 |
11 | class SidebarCategoriesItems extends React.Component {
12 | componentDidUpdate(prevProps) {
13 | const { hotelListingDataRequest, hotelData } = this.props;
14 | var para = {};
15 | hotelData &&
16 | hotelData.filters.category.forEach((item) => {
17 | if (item.status && para.category) {
18 | para["category"].push(item.label);
19 | } else if (item.status) {
20 | para["category"] = [item.label];
21 | }
22 | });
23 | hotelData &&
24 | hotelData.filters.collections.forEach((item) => {
25 | if (item.status && para.collections) {
26 | para["collections"].push(item.label);
27 | } else if (item.status) {
28 | para["collections"] = [item.label];
29 | }
30 | });
31 | hotelData &&
32 | hotelData.filters.accomodation_type.forEach((item) => {
33 | if (item.status && para.accomodation_type) {
34 | para["accomodation_type"].push(item.label);
35 | } else if (item.status) {
36 | para["accomodation_type"] = [item.label];
37 | }
38 | });
39 | hotelData &&
40 | hotelData.filters.amenities.forEach((item) => {
41 | if (item.status && para.amenities) {
42 | para["amenities"].push(item.label);
43 | } else if (item.status) {
44 | para["amenities"] = [item.label];
45 | }
46 | });
47 | hotelData &&
48 | hotelData.filters.checkin_features.forEach((item) => {
49 | if (item.status && para.checkin_features) {
50 | para["checkin_features"].push(item.label);
51 | } else if (item.status) {
52 | para["checkin_features"] = [item.label];
53 | }
54 | });
55 | if (prevProps.value !== this.props.value) {
56 | this.props.url.history.push("/listing/"+build(para));
57 | let location = loadData("location")
58 | let lat = location.lat.toString()
59 | let lon = location.lng.toString()
60 | hotelListingDataRequest({location:{lat,lon},path:build(para)});
61 | }
62 | }
63 | render() {
64 | const {
65 | label,
66 | onClick,
67 | hotelData,
68 | hotelListingDataRequest,
69 | value,
70 | } = this.props;
71 | return (
72 | <>
73 |
74 |
83 |
84 |
85 | );
86 | }
87 | }
88 |
89 | const mapStateToProps = (state) => ({
90 | hotelData: state.auth.hotelListData,
91 | params: state.auth.params,
92 | });
93 |
94 | const mapDispatchToProps = (dispatch) => ({
95 | hotelListingDataRequest: (payload) =>
96 | dispatch(hotelListingDataRequest(payload)),
97 | handleParams: (payload) => dispatch(handleParams(payload)),
98 | });
99 |
100 | export default connect(
101 | mapStateToProps,
102 | mapDispatchToProps
103 | )(SidebarCategoriesItems);
104 |
--------------------------------------------------------------------------------
/src/client/src/components/productList/sidebar/sidebarItems/SidebarCollectionItems.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState, useEffect } from "react";
2 | import styles from "../../sidebar/sidebar.module.css";
3 | import {
4 | hotelListingDataRequest,
5 | handleParams,
6 | } from "../../../../redux/authentication/actions";
7 | import { connect } from "react-redux";
8 | import { build } from "search-params";
9 | import {loadData} from "../../../../redux/authentication/localStorage"
10 |
11 | class SidebarCollectionItems extends React.Component {
12 | componentDidUpdate(prevProps) {
13 | const { hotelListingDataRequest, hotelData } = this.props;
14 | var para = {};
15 | hotelData &&
16 | hotelData.filters.category.forEach((item) => {
17 | if (item.status && para.category) {
18 | para["category"].push(item.label);
19 | } else if (item.status) {
20 | para["category"] = [item.label];
21 | }
22 | });
23 | hotelData &&
24 | hotelData.filters.collections.forEach((item) => {
25 | if (item.status && para.collections) {
26 | para["collections"].push(item.label);
27 | } else if (item.status) {
28 | para["collections"] = [item.label];
29 | }
30 | });
31 | hotelData &&
32 | hotelData.filters.accomodation_type.forEach((item) => {
33 | if (item.status && para.accomodation_type) {
34 | para["accomodation_type"].push(item.label);
35 | } else if (item.status) {
36 | para["accomodation_type"] = [item.label];
37 | }
38 | });
39 | hotelData &&
40 | hotelData.filters.amenities.forEach((item) => {
41 | if (item.status && para.amenities) {
42 | para["amenities"].push(item.label);
43 | } else if (item.status) {
44 | para["amenities"] = [item.label];
45 | }
46 | });
47 | hotelData &&
48 | hotelData.filters.checkin_features.forEach((item) => {
49 | if (item.status && para.checkin_features) {
50 | para["checkin_features"].push(item.label);
51 | } else if (item.status) {
52 | para["checkin_features"] = [item.label];
53 | }
54 | });
55 | if (prevProps.value !== this.props.value) {
56 | this.props.url.history.push("/listing/"+build(para));
57 | let location = loadData("location")
58 | let lat = location.lat.toString()
59 | let lon = location.lng.toString()
60 | hotelListingDataRequest({location:{lat,lon},path:build(para)});
61 | }
62 | }
63 | render() {
64 | const {
65 | label,
66 | onClick,
67 | hotelData,
68 | hotelListingDataRequest,
69 | value,
70 | } = this.props;
71 | return (
72 | <>
73 |
74 |
83 |
84 |
85 | );
86 | }
87 | }
88 |
89 | const mapStateToProps = (state) => ({
90 | hotelData: state.auth.hotelListData,
91 | params: state.auth.params,
92 | });
93 |
94 | const mapDispatchToProps = (dispatch) => ({
95 | hotelListingDataRequest: (payload) =>
96 | dispatch(hotelListingDataRequest(payload)),
97 | handleParams: (payload) => dispatch(handleParams(payload)),
98 | });
99 |
100 | export default connect(
101 | mapStateToProps,
102 | mapDispatchToProps
103 | )(SidebarCollectionItems);
104 |
--------------------------------------------------------------------------------
/src/client/src/components/productList/sidebar/sidebarItems/SidebarAccomodationItems.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState, useEffect } from "react";
2 | import styles from "../../sidebar/sidebar.module.css";
3 | import {
4 | hotelListingDataRequest,
5 | handleParams,
6 | } from "../../../../redux/authentication/actions";
7 | import { connect } from "react-redux";
8 | import { build } from "search-params";
9 | import {loadData} from "../../../../redux/authentication/localStorage"
10 |
11 | class SidebarAccomodationItems extends React.Component {
12 | componentDidUpdate(prevProps) {
13 | const { hotelListingDataRequest, hotelData } = this.props;
14 | var para = {};
15 | hotelData &&
16 | hotelData.filters.category.forEach((item) => {
17 | if (item.status && para.category) {
18 | para["category"].push(item.label);
19 | } else if (item.status) {
20 | para["category"] = [item.label];
21 | }
22 | });
23 | hotelData &&
24 | hotelData.filters.collections.forEach((item) => {
25 | if (item.status && para.collections) {
26 | para["collections"].push(item.label);
27 | } else if (item.status) {
28 | para["collections"] = [item.label];
29 | }
30 | });
31 | hotelData &&
32 | hotelData.filters.accomodation_type.forEach((item) => {
33 | if (item.status && para.accomodation_type) {
34 | para["accomodation_type"].push(item.label);
35 | } else if (item.status) {
36 | para["accomodation_type"] = [item.label];
37 | }
38 | });
39 | hotelData &&
40 | hotelData.filters.amenities.forEach((item) => {
41 | if (item.status && para.amenities) {
42 | para["amenities"].push(item.label);
43 | } else if (item.status) {
44 | para["amenities"] = [item.label];
45 | }
46 | });
47 | hotelData &&
48 | hotelData.filters.checkin_features.forEach((item) => {
49 | if (item.status && para.checkin_features) {
50 | para["checkin_features"].push(item.label);
51 | } else if (item.status) {
52 | para["checkin_features"] = [item.label];
53 | }
54 | });
55 | if (prevProps.value !== this.props.value) {
56 | this.props.url.history.push("/listing/"+build(para));
57 | let location = loadData("location")
58 | let lat = location.lat.toString()
59 | let lon = location.lng.toString()
60 | hotelListingDataRequest({location:{lat,lon},path:build(para)});
61 | }
62 | }
63 | render() {
64 | const {
65 | label,
66 | onClick,
67 | hotelData,
68 | hotelListingDataRequest,
69 | value,
70 | } = this.props;
71 | return (
72 | <>
73 |
74 |
83 |
84 |
85 | );
86 | }
87 | }
88 |
89 | const mapStateToProps = (state) => ({
90 | hotelData: state.auth.hotelListData,
91 | params: state.auth.params,
92 | });
93 |
94 | const mapDispatchToProps = (dispatch) => ({
95 | hotelListingDataRequest: (payload) =>
96 | dispatch(hotelListingDataRequest(payload)),
97 | handleParams: (payload) => dispatch(handleParams(payload)),
98 | });
99 |
100 | export default connect(
101 | mapStateToProps,
102 | mapDispatchToProps
103 | )(SidebarAccomodationItems);
104 |
--------------------------------------------------------------------------------
/src/client/src/components/productList/sidebar/sidebarItems/SidebarFacilitiesItems.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState, useEffect } from "react";
2 | import styles from "../../sidebar/sidebar.module.css";
3 | import {
4 | hotelListingDataRequest,
5 | handleParams,
6 | } from "../../../../redux/authentication/actions";
7 | import { connect } from "react-redux";
8 | import { build } from "search-params";
9 | import {loadData} from "../../../../redux/authentication/localStorage"
10 |
11 | class SidebarFacilitiesItems extends React.Component {
12 | componentDidUpdate(prevProps) {
13 | const { hotelListingDataRequest, hotelData } = this.props;
14 | var para = {};
15 | hotelData &&
16 | hotelData.filters.category.forEach((item) => {
17 | if (item.status && para.category) {
18 | para["category"].push(item.label);
19 | } else if (item.status) {
20 | para["category"] = [item.label];
21 | }
22 | });
23 | hotelData &&
24 | hotelData.filters.collections.forEach((item) => {
25 | if (item.status && para.collections) {
26 | para["collections"].push(item.label);
27 | } else if (item.status) {
28 | para["collections"] = [item.label];
29 | }
30 | });
31 | hotelData &&
32 | hotelData.filters.accomodation_type.forEach((item) => {
33 | if (item.status && para.accomodation_type) {
34 | para["accomodation_type"].push(item.label);
35 | } else if (item.status) {
36 | para["accomodation_type"] = [item.label];
37 | }
38 | });
39 | hotelData &&
40 | hotelData.filters.amenities.forEach((item) => {
41 | if (item.status && para.amenities) {
42 | para["amenities"].push(item.label);
43 | } else if (item.status) {
44 | para["amenities"] = [item.label];
45 | }
46 | });
47 | hotelData &&
48 | hotelData.filters.checkin_features.forEach((item) => {
49 | if (item.status && para.checkin_features) {
50 | para["checkin_features"].push(item.label);
51 | } else if (item.status) {
52 | para["checkin_features"] = [item.label];
53 | }
54 | });
55 | if (prevProps.value !== this.props.value) {
56 | this.props.url.history.push("/listing/"+build(para));
57 | let location = loadData("location")
58 | let lat = location.lat.toString()
59 | let lon = location.lng.toString()
60 | hotelListingDataRequest({location:{lat,lon},path:build(para)});
61 | }
62 | }
63 | render() {
64 | const {
65 | label,
66 | onClick,
67 | hotelData,
68 | hotelListingDataRequest,
69 | value,
70 | } = this.props;
71 | return (
72 | <>
73 |
74 |
83 |
84 |
85 | );
86 | }
87 | }
88 |
89 | const mapStateToProps = (state) => ({
90 | hotelData: state.auth.hotelListData,
91 | params: state.auth.params,
92 | });
93 |
94 | const mapDispatchToProps = (dispatch) => ({
95 | hotelListingDataRequest: (payload,params) =>
96 | dispatch(hotelListingDataRequest(payload)),
97 | handleParams: (payload) => dispatch(handleParams(payload)),
98 | });
99 |
100 | export default connect(
101 | mapStateToProps,
102 | mapDispatchToProps
103 | )(SidebarFacilitiesItems);
104 |
--------------------------------------------------------------------------------
/src/client/src/components/navigation/navbar.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import { Link, Redirect } from "react-router-dom";
3 | import styles from "../navigation/Navbar.module.css";
4 | import { logoutRequest, changeLogoutValue } from "../../redux/authentication/actions";
5 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
6 | import { faUserCircle } from "@fortawesome/free-solid-svg-icons";
7 | import { connect } from "react-redux";
8 |
9 | class navbar extends Component {
10 | constructor(props) {
11 | super(props);
12 | this.state = {
13 | isLogin: false,
14 | };
15 | }
16 |
17 | handleLogout = (token) => {
18 | console.log(token);
19 | this.props.logoutRequest(token);
20 | };
21 |
22 | changeValue = () => {
23 | this.props.changeLogoutValue(false);
24 | };
25 |
26 | render() {
27 | const { isLogout, token, user } = this.props;
28 | const { changeValue } = this;
29 | const { isLogin } = this.state;
30 | const { handleLogout } = this;
31 |
32 | //let user = JSON.parse(localStorage.getItem("data"))
33 | //let token = localStorage.getItem("jwt")
34 |
35 | if (isLogout) {
36 | localStorage.setItem("data", undefined);
37 | localStorage.setItem("jwt", undefined);
38 | changeValue();
39 | }
40 |
41 | // if (!token ) {
42 | // return
35 |
77 | );
78 | }
79 | return "loading...";
80 | }
81 | }
82 |
83 | const mapStateToProps = (state) => ({
84 | token: state.auth.token,
85 | user: state.auth.user,
86 | entityData: state.auth.entityData,
87 | review: state.auth.review,
88 | });
89 |
90 | export default connect(mapStateToProps, null)(DetailViewCarusel);
91 |
--------------------------------------------------------------------------------
/src/client/src/components/detailView/detailViewRating/DetailViewRating.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import styles from "./DetailViewRating.module.css";
3 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
4 | // import { faCheckCircle, faStar } from "@fortawesome/free-solid-svg-icons";
5 | import { faStar,faCheckCircle , faFan, faToilet, faPersonBooth, faMusic,faHandHoldingWater,faMoneyBillWave,faBreadSlice,faWifi,faFire, faHotTub, faBed,faCheese, faRestroom,faParking, faThermometerEmpty, faChair, faTv, faSoap} from "@fortawesome/free-solid-svg-icons"
6 | import {hotelReviewDataRequest} from "../../../redux/authentication/actions"
7 | import {connect} from "react-redux"
8 |
9 | class DetailViewRating extends Component {
10 |
11 | componentDidMount=()=>{
12 | const {hotelReviewDataRequest,billingData,entityData} = this.props
13 | hotelReviewDataRequest(this.props.id)
14 | }
15 | render() {
16 | const {review} =this.props
17 | console.log(review)
18 | if(review){
19 |
20 | // const {avg_rating,no_of_ratings} = review
21 | }
22 | return (
23 | <>
24 |
36 |
76 |
37 |
75 |
38 |
63 |
64 |
39 |
46 |
40 | 
41 |
42 |
43 |
44 |
45 |
47 |
54 |
48 |
49 |
50 |
51 |
52 |
53 |
49 |
50 |
55 |
62 |
56 |
57 |
58 |
59 |
60 |
61 |
65 |
66 |
67 | Previous
68 |
69 |
70 |
71 |
72 |
73 |
74 |
25 | Ratings and Reviews
26 |
27 |
28 |
29 |
33 |
34 |
79 |
80 | );
81 | }
82 | }
83 |
84 | const mapStateToProps = (state) => ({
85 | token: state.auth.token,
86 | user: state.auth.user,
87 | review:state.auth.review,
88 | entityData:state.auth.entityData,
89 | billinData:state.auth.billingData
90 | });
91 |
92 | const mapDispatchToProps = (dispatch) => ({
93 | hotelReviewDataRequest: (payload) => dispatch(hotelReviewDataRequest(payload)),
94 | });
95 |
96 | export default connect(mapStateToProps, mapDispatchToProps)(DetailViewRating);
--------------------------------------------------------------------------------
/src/server/app/main/routes/Authentication.py:
--------------------------------------------------------------------------------
1 | from flask import request
2 | from flask_restful import Resource, reqparse
3 | from app.main import db
4 | from ..services.authentication import user_register, user_login, otp_generate, otp_verify, oauth_login, user_logout
5 | import jwt
6 | import datetime
7 | from ..utils.token_validate import token_validate
8 |
9 |
10 | # POST route to register
11 | class Register(Resource):
12 | parser = reqparse.RequestParser()
13 | parser.add_argument("name", type=str, required=True)
14 | parser.add_argument("email", type=str, required=True)
15 | parser.add_argument("username", type=str, required=False)
16 | parser.add_argument("password", type=str, required=False)
17 | parser.add_argument("mobile", type=str, required=False)
18 |
19 | @classmethod
20 | def post(self):
21 | payload = Register.parser.parse_args()
22 | flag_request = user_register(payload)
23 |
24 | if flag_request:
25 | return {'status': True, 'msg': "Registration Successfull"}
26 | else:
27 | return {'status': False, 'msg': "User exists or incorrect details"}
28 |
29 |
30 | # Route for User login
31 | class UserLogin(Resource):
32 | parser = reqparse.RequestParser()
33 | parser.add_argument('password', type=str, required=True)
34 | parser.add_argument('email', type=str, required=False)
35 | parser.add_argument('username', type=str, required=False)
36 | parser.add_argument('mobile', type=str, required=False)
37 |
38 | @classmethod
39 | def post(self):
40 | data = UserLogin.parser.parse_args()
41 |
42 | flag_request, token, user_data = user_login(data)
43 |
44 | if flag_request:
45 | return {'status': flag_request, 'token': token, 'msg': 'Login Successful', 'user_data': user_data}
46 | else:
47 | return {'status': flag_request, 'msg': 'Incorrrect Credentials'}
48 |
49 |
50 | # POST route to generate and send OTP to registered mobile number
51 | class LoginOtpGenerate(Resource):
52 | parser = reqparse.RequestParser()
53 | parser.add_argument("mobile", type=str, required=True)
54 |
55 | @classmethod
56 | def post(self):
57 | data = LoginOtpGenerate.parser.parse_args()
58 |
59 | flag_request = otp_generate(data)
60 |
61 | if flag_request:
62 | return {'status': flag_request, 'msg': 'OTP generated'}
63 | else:
64 | return {'status': flag_request, 'msg': 'mobile number not registered'}
65 |
66 |
67 | # POST route to verify OTP for login
68 | class LoginOtpVerify(Resource):
69 | parser = reqparse.RequestParser()
70 | parser.add_argument("mobile", type=str, required=True)
71 | parser.add_argument("otp", type=str, required=True)
72 |
73 | @classmethod
74 | def post(self):
75 | data = LoginOtpVerify.parser.parse_args()
76 |
77 | flag_request, token, user_data = otp_verify(data)
78 |
79 | if flag_request:
80 | return {'status': flag_request, 'token': token, 'msg': 'Login Successful', 'user_data': user_data}
81 | else:
82 | return {'status': flag_request, 'msg': 'Incorrrect OTP'}
83 |
84 |
85 | # POST route for OAuth login
86 | class OauthLogin(Resource):
87 | parser = reqparse.RequestParser()
88 | parser.add_argument("name", type=str, required=True)
89 | parser.add_argument("email", type=str, required=True)
90 | parser.add_argument("provider", type=str, required=False)
91 | parser.add_argument("access_token", type=str, required=False)
92 |
93 | @classmethod
94 | def post(self):
95 | data = OauthLogin.parser.parse_args()
96 |
97 | flag_request, token, user_data = oauth_login(data)
98 |
99 | if flag_request:
100 | return {'status': flag_request, 'token': token, 'msg': 'Login Successful', 'user_data': user_data}
101 | else:
102 | return {'status': flag_request, 'msg': 'Incorrrect Credentials'}
103 |
104 |
105 | # GET route for logout
106 | class UserLogout(Resource):
107 |
108 | @classmethod
109 | def get(self):
110 | auth_token = request.headers.get('auth_token')
111 |
112 | flag = user_logout(auth_token)
113 |
114 | if flag:
115 | return {'status': True, 'msg': 'Logout Successful'}
116 | else:
117 | return {'status': False, "msg": 'Logout Unsucessful'}
118 |
--------------------------------------------------------------------------------
/src/client/src/components/auth/LoginWithOTP.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import styles from "./Form.module.css";
3 | import { connect } from "react-redux";
4 | import { loginRequestWithOtp, loginRequestWithOauth } from "../../redux/authentication/actions";
5 | import GoogleLogin from "react-google-login";
6 | import {Redirect,Link} from "react-router-dom"
7 |
8 | let pattern = {
9 | mobile: /^\d{10}$/,
10 | };
11 |
12 | class LoginWithOTP extends Component {
13 | constructor(props) {
14 | super(props);
15 | this.state = {
16 | mobile: "",
17 | isMobileValid: false,
18 | };
19 | }
20 |
21 | // for google oauth login
22 | googleResponse = (googleUser) => {
23 |
24 | const {accessToken} = googleUser
25 | const{name,email} = googleUser.profileObj
26 | console.log(accessToken,name,email)
27 |
28 | const value = {
29 | name,
30 | email,
31 | provider:"google",
32 | access_token:accessToken
33 | }
34 |
35 | if (value) {
36 | //console.log(value)
37 | this.props.loginRequestWithOauth(value);
38 | }
39 | };
40 |
41 | handleChange = (e) => {
42 | this.setState(
43 | {
44 | [e.target.name]: e.target.value,
45 | }
46 |
47 | );
48 | };
49 |
50 | validate(pattern, value) {
51 | if (pattern.test(value)) {
52 | return true;
53 | } else {
54 | return false;
55 | }
56 | }
57 |
58 | handleLoginWithOtp = (e) => {
59 | e.preventDefault();
60 | const { mobile, isMobileValid } = this.state;
61 | if (!mobile) {
62 | this.setState({ isMobileValid: true });
63 | return;
64 | }
65 |
66 | let mobileValidValue = this.validate(pattern.mobile, mobile);
67 | if (mobileValidValue) {
68 |
69 | this.props.loginRequestWithOtp({mobile});
70 | } else {
71 | this.setState({ isMobileValid: true });
72 | return
73 | }
74 | };
75 |
76 | render() {
77 |
78 |
79 |
80 | const { mobile, handleChange, isMobileValid } = this;
81 | const {showLoginWithPassword,token,user,otpGenerate} = this.props
82 | // console.log(token,user)
83 | if (token ) {
84 | localStorage.setItem("jwt", token);
85 | localStorage.setItem("data", JSON.stringify(user));
86 | return
35 |
78 |
36 |
77 |
37 |
76 |
38 |
49 |
39 |
40 | {review?review.avg_rating:"0"}
41 |
42 |
46 | EXCELLENT
47 | {review?review.no_of_ratings:"0"} ratings
48 |
50 | {[
51 | { rating: "5", icon: faStar, per: "79%" },
52 | { rating: "4", icon: faStar, per: "10%" },
53 | { rating: "3", icon: faStar, per: "4%" },
54 | { rating: "2", icon: faStar, per: "3%" },
55 | { rating: "1", icon: faStar, per: "2%" },
56 | ]?.map((elem) => {
57 | return (
58 |
75 |
59 |
72 | );
73 | })}
74 |
60 |
71 |
61 | {elem.rating}
62 |
63 |
66 |
67 |
68 |
69 | {elem.per}
70 |
10 |
112 |
113 | );
114 | };
115 | export default SkeltonListing;
116 |
--------------------------------------------------------------------------------
/src/client/src/components/productList/contentSection/ContentSection.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import ContentHeader from "../contentSection/contentSectionHeader";
3 | import Card from "../../helperComponent/Card";
4 | import GoogleMap from "../../helperComponent/ShowMap";
5 | import { hotelListingDataRequest } from "../../../redux/authentication/actions";
6 | import { connect } from "react-redux";
7 | import { loadData } from "../../../redux/authentication/localStorage";
8 | // import AutocompleteForm from "../../home/AutocompleteForm";
9 | import { build } from "search-params";
10 |
11 | class ContentSection extends Component {
12 | constructor(props) {
13 | super(props);
14 | this.state = {
15 | // mapView: false,
16 | divStyle: {
17 | maxHeight: "100vh",
18 | },
19 | cardOverflow: {
20 | overflowY: "auto",
21 | overflowX: "hidden",
22 | },
23 | };
24 | }
25 |
26 | handleMoreResults = () => {
27 | const { hotelListingDataRequest, hotelData, page, history } = this.props;
28 | var para = {};
29 | hotelData &&
30 | hotelData.filters.category.forEach((item) => {
31 | if (item.status && para.category) {
32 | para["category"].push(item.label);
33 | } else if (item.status) {
34 | para["category"] = [item.label];
35 | }
36 | });
37 | hotelData &&
38 | hotelData.filters.collections.forEach((item) => {
39 | if (item.status && para.collections) {
40 | para["collections"].push(item.label);
41 | } else if (item.status) {
42 | para["collections"] = [item.label];
43 | }
44 | });
45 | hotelData &&
46 | hotelData.filters.accomodation_type.forEach((item) => {
47 | if (item.status && para.accomodation_type) {
48 | para["accomodation_type"].push(item.label);
49 | } else if (item.status) {
50 | para["accomodation_type"] = [item.label];
51 | }
52 | });
53 | hotelData &&
54 | hotelData.filters.amenities.forEach((item) => {
55 | if (item.status && para.amenities) {
56 | para["amenities"].push(item.label);
57 | } else if (item.status) {
58 | para["amenities"] = [item.label];
59 | }
60 | });
61 | hotelData &&
62 | hotelData.filters.checkin_features.forEach((item) => {
63 | if (item.status && para.checkin_features) {
64 | para["checkin_features"].push(item.label);
65 | } else if (item.status) {
66 | para["checkin_features"] = [item.label];
67 | }
68 | });
69 |
70 | history.push("/listing/" + build(para));
71 | let location = loadData("location");
72 | let lat = location.lat.toString();
73 | let lon = location.lng.toString();
74 | console.log("page data");
75 | hotelListingDataRequest({ location: { lat, lon, page: Number(hotelData.page) + 1 }, path: build(para) });
76 | };
77 | render() {
78 | let maxHeight;
79 | let { mapView } = this.props;
80 | let mapCardClass = mapView ? "col-5 p-0" : "col-12";
81 | let mapClass = mapView ? "col-7" : "d-none";
82 | let scroll = mapView && this.state.cardOverflow;
83 | let heightscrollCard = mapView && this.state.divStyle;
84 | let { hotelData } = this.props;
85 | const { handleMoreResults } = this;
86 |
87 | return (
88 | <>
89 |
11 |
111 |
12 | {" "}
13 |
17 |
14 |
16 |
18 |
31 |
19 |
21 |
22 |
24 |
25 |
27 |
28 |
30 |
32 |
110 |
33 |
34 |
36 |
37 |
39 |
109 |
34 |
36 |
37 |
39 |
40 |
52 |
41 |
42 |
51 |
53 |
70 |
54 |
55 |
61 |
62 |
63 |
69 |
71 |
72 |
81 |
82 |
108 |
83 |
95 |
84 |
85 |
94 |
96 |
107 |
97 |
101 |
98 |
100 |
102 |
106 |
103 |
105 |
90 |
109 |
110 | );
111 | }
112 | }
113 |
114 | const mapStateToProps = (state) => ({
115 | hotelData: state.auth.hotelListData,
116 | page: state.auth.page,
117 | });
118 |
119 | const mapDispatchToProps = (dispatch) => ({
120 | hotelListingDataRequest: (payload) => dispatch(hotelListingDataRequest(payload)),
121 | });
122 |
123 | export default connect(mapStateToProps, mapDispatchToProps)(ContentSection);
124 |
--------------------------------------------------------------------------------
/src/server/app/main/services/listing.py:
--------------------------------------------------------------------------------
1 | from ..models.HotelListingModel import HotelCategoryModel, HotelModel
2 | from app.main import db
3 | from app.main.settings import key
4 | import jwt
5 | import datetime
6 | from ..utils.db_save import db_save
7 | import math
8 | import json
9 |
10 |
11 | # register user if email is not present in the users table
12 | def hotel_listing(params):
13 | per_page = 20
14 |
15 | query = "select h.name as name,h.images->>'$[0]' as images,h.rooms->>'$' as rooms,created_at,updated_at, h.collection->>'$[0]' as collection,c.name as category,c.tag as tag,h.accomodation_type->>'$[0]' as acc_type,h.amenities as amenities,checkin_features as c_f from hotel as h join category as c on h.category_id=c.id WHERE"
16 | base_query = "select h.collection->>'$[0]' as collection,c.name as category,c.tag as tag,h.accomodation_type->>'$[0]' as acc_type,h.amenities as amenities,checkin_features as c_f from hotel as h join category as c on h.category_id=c.id limit 1"
17 | count_query = 'select count(h.id) from hotel as h join category as c on h.category_id=c.id WHERE'
18 |
19 | if params.get('collections'):
20 | collections = list(map(str, params.get('collections').split('&')))
21 | for item in collections:
22 | query = query + \
23 | " h.collection->>'$[0].%s'=" % (item)+'"true"'+" AND"
24 | count_query = count_query + \
25 | " h.collection->>'$[0].%s'=" % (item)+'"true"'+" AND"
26 | if params.get('category'):
27 | category = list(map(str, params.get('category').split('&')))
28 | for item in category:
29 | query = query + " c.name='%s' AND" % (item)
30 | count_query = count_query + " c.name='%s' AND" % (item)
31 | if params.get('accomodation_type'):
32 | accomodation_type = list(
33 | map(str, params.get('accomodation_type').split('&')))
34 | for item in accomodation_type:
35 | query = query + \
36 | " h.accomodation_type->>'$[0].%s'=" % (item)+'"true"'+" AND"
37 | count_query = count_query + \
38 | " h.accomodation_type->>'$[0].%s'=" % (
39 | item) + '"true"' + " AND"
40 |
41 | if params.get('amenities'):
42 | amenities = list(
43 | map(str, params.get('amenities').split('&')))
44 | for item in amenities:
45 | query = query + \
46 | " h.amenities->>'$[0].%s'=" % (item)+'"true"'+" AND"
47 | count_query = count_query + \
48 | " h.amenities->>'$[0].%s'=" % (item)+'"true"'+" AND"
49 | if params.get('checkin_features'):
50 | checkin_features = list(
51 | map(str, params.get('checkin_features').split('&')))
52 | for item in checkin_features:
53 | query = query + " h.checkin_features='%s'" % (item)
54 | count_query = count_query + \
55 | " h.checkin_features='%s'" % (item)
56 |
57 | query = query.strip('AND')
58 | query = query.strip('WHERE')
59 |
60 | count_query = count_query.strip('AND')
61 | count_query = count_query.strip('WHERE')
62 |
63 | if params.get('page'):
64 | page = params.get('page')
65 | offset = (int(page)-1)*per_page
66 | current_items = int(page)*per_page
67 | query = query + " Limit %d, %d" % (offset, per_page)
68 | else:
69 | query = query + " Limit %d" % (per_page)
70 |
71 | query = query + ';'
72 | count_query = count_query + ';'
73 | count_raw = db.engine.execute(count_query)
74 |
75 | for row in count_raw:
76 | total_results = row[0]
77 | total_pages = int(math.ceil((row[0]/per_page)))
78 |
79 | print(query)
80 | data_raw = db.engine.execute(query)
81 | data_base = db.engine.execute(base_query)
82 |
83 | print(data_raw)
84 |
85 | data = []
86 |
87 | for hotel in data_raw:
88 | temp_dict = {}
89 | temp_dict['name'] = hotel['name']
90 | temp_dict['created_at'] = str(hotel['created_at'])
91 | temp_dict['updated_at'] = str(hotel['updated_at'])
92 | temp_dict['rooms'] = json.loads(hotel['rooms'])
93 | temp_dict['collections'] = json.loads(hotel['collection'])
94 | temp_dict['category'] = {
95 | "name": hotel['category'], "tag": hotel['tag']}
96 | temp_dict['images'] = {
97 | "large": json.loads(hotel['images'])['large'].split("#"), "medium": json.loads(hotel['images'])['medium'].split("#"), "thumb": json.loads(hotel['images'])['thumb'].split("#")}
98 | temp_dict['accomodation_type'] = json.loads(hotel['acc_type'])
99 | temp_dict['amenities'] = json.loads(hotel['amenities'])
100 | temp_dict['checkin_features'] = hotel['c_f']
101 | data.append(temp_dict)
102 |
103 | return data, total_pages, total_results
104 |
--------------------------------------------------------------------------------
/src/client/src/components/paymentMethod/paymentMethodCard/PaymentMethodCard.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import styles from "./PaymentMethodCard.module.css";
3 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
4 | import {
5 | faDoorClosed,
6 | faStar,
7 | faCalendar,
8 | } from "@fortawesome/free-solid-svg-icons";
9 |
10 | export default class PaymentMethodCard extends Component {
11 | render() {
12 | const {
13 | title,
14 | rating,
15 | ratings,
16 | rooms,
17 | guests,
18 | type,
19 | price,
20 | discount,
21 | savings,
22 | } = this.props;
23 | return (
24 |
92 |
108 |
93 |
98 |
94 | {hotelData && hotelData.status && hotelData.data.map((ele, index) =>
96 | {hotelData && hotelData.status &&
97 |
99 |
106 |
107 |
25 |
127 | );
128 | }
129 | }
130 |
--------------------------------------------------------------------------------
/src/client/src/components/detailView/detailViewDescription/DetailViewDescription.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import styles from "./DetailViewDescription.module.css";
3 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
4 | import { loadData } from "../../../redux/authentication/localStorage";
5 | // import { faStar } from "@fortawesome/free-solid-svg-icons";
6 | import {
7 | faStar,
8 | faFan,
9 | faToilet,
10 | faPersonBooth,
11 | faMusic,
12 | faHandHoldingWater,
13 | faMoneyBillWave,
14 | faBreadSlice,
15 | faWifi,
16 | faFire,
17 | faHotTub,
18 | faBed,
19 | faCheese,
20 | faRestroom,
21 | faParking,
22 | faThermometerEmpty,
23 | faChair,
24 | faTv,
25 | faSoap,
26 | } from "@fortawesome/free-solid-svg-icons";
27 | import { hotelEntityDataRequest, hotelBillingDataRequest, hotelReviewDataRequest } from "../../../redux/authentication/actions";
28 | import { connect } from "react-redux";
29 |
30 | class DetailViewDescription extends Component {
31 | componentDidMount = () => {
32 | const { hotelEntityDataRequest, hotelBillingDataRequest, hotelReviewDataRequest } = this.props;
33 |
34 | // hotelBillingDataRequest({
35 | // hotel_id:"10",
36 | // room_id:"1",
37 | // check_in:"01/01/2020",
38 | // check_out:"01/01/2020",
39 | // no_of_guests:"2",
40 | // no_of_rooms:"2",
41 | // membership: true
42 | // })
43 | console.log(this.props.id, "data");
44 | hotelEntityDataRequest(this.props.id);
45 | };
46 | // shouldComponentUpdate=()=>{
47 | // // const {hotelBillingDataRequest,entityData} = this.props
48 | // const {entityData,billingData,review} = this.props
49 | // console.log(entityData,billingData,review)
50 | // // setTimeout(()=>{
51 |
52 | // // },1000)
53 | // }
54 | render() {
55 | const { entityData, billingData, review } = this.props;
56 | console.log(entityData, billingData, review);
57 | let address = loadData("address");
58 | return (
59 | <>
60 |
26 |
126 |
27 |
125 |
28 |
124 |
29 |
58 |
30 |
49 | {title}
31 |
32 |
47 |
33 | {rating}
34 |
35 |
42 |
43 | {`${ratings} Ratings .`}
44 |
45 | Excellent
46 | 3 Nights
48 |
50 |
56 |
57 |
56 |
62 |
79 |
63 |
64 |
74 |
75 |
76 | {`${rooms} Rooms , ${guests} Guests`}
77 |
78 |
83 |
94 |
84 |
85 |
93 |
95 | {[
96 | {
97 | priceDes: `Room price for ${rooms} Rooms X ${guests} Guests`,
98 | amount: price,
99 | },
100 | {
101 | priceDes: "Price Drop",
102 | amount: price - discount - savings,
103 | },
104 | { priceDes: "5% Membership Discount", amount: savings },
105 | ].map((elem) => {
106 | return (
107 |
123 |
108 |
111 | );
112 | })}
113 |
114 |
115 | {elem.priceDes}
109 | {elem.amount}
110 |
116 |
122 |
117 | Payable Amount
118 |
120 | inclusive of all taxes
119 | {discount}
121 |
61 |
89 |
62 |
75 | {entityData ? entityData.name : "loading.."}
63 |
64 |
74 |
65 |
70 | {entityData ? Number(entityData.rating).toFixed(1) : 0}
66 |
67 |
71 | {entityData ? entityData.no_of_ratings : 0} Ratings
72 |
73 |
76 |
77 | {address}
78 |
79 |
80 |
81 |
88 |
82 | TOWNHOUSE
83 |
84 |
85 | Operated by EYO
86 |
87 |
90 |
108 |
109 | );
110 | }
111 | }
112 |
113 | const mapStateToProps = (state) => ({
114 | token: state.auth.token,
115 | user: state.auth.user,
116 | entityData: state.auth.entityData,
117 | review: state.auth.review,
118 | });
119 |
120 | const mapDispatchToProps = (dispatch) => ({
121 | hotelEntityDataRequest: (payload) => dispatch(hotelEntityDataRequest(payload)),
122 | hotelBillingDataRequest: (payload) => dispatch(hotelBillingDataRequest(payload)),
123 | hotelReviewDataRequest: (payload) => dispatch(hotelReviewDataRequest(payload)),
124 | });
125 |
126 | export default connect(mapStateToProps, mapDispatchToProps)(DetailViewDescription);
127 |
--------------------------------------------------------------------------------
/src/client/src/components/detailView/detailViewAmenities/DetailViewAmenities.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import styles from "./DetailViewAmenities.module.css";
3 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
4 | // import { faFan, faWifi, faBed } from "@fortawesome/free-solid-svg-icons";
5 | import { faStar ,faCheckCircle, faFan, faToilet, faPersonBooth, faMusic,faHandHoldingWater,faMoneyBillWave,faBreadSlice,faWifi,faFire, faHotTub, faBed,faCheese, faRestroom,faParking,faThermometerEmpty, faChair, faTv, faSoap, faBold, faBone, faDotCircle, faTags, faPen} from "@fortawesome/free-solid-svg-icons"
6 | import {connect} from "react-redux"
7 |
8 | class DetailViewAmenities extends Component {
9 |
10 | constructor(props){
11 | super(props);
12 | this.state={
13 | showFontIcon:false
14 | }
15 | }
16 |
17 |
18 | findFontawesome=(ele)=>{
19 | let fa = [faStar,faPen,faTags ,faCheckCircle, faFan, faToilet, faPersonBooth, faMusic,faHandHoldingWater,faMoneyBillWave,faBreadSlice,faWifi,faFire, faHotTub, faBed,faCheese, faRestroom,faParking,faThermometerEmpty, faChair, faTv, faSoap]
20 | switch(ele){
21 | case "faFan":
22 | return faFan
23 | case "faWifi":
24 | return faWifi
25 | case "faFire":
26 | return faFire
27 | case "faTv":
28 | return faTv
29 | case "faBreadSlice":
30 | return faBreadSlice
31 | case "faToilet":
32 | return faToilet
33 | case "faHotTub":
34 | return faHotTub
35 | case "faParking":
36 | return faParking
37 | case "faSoap":
38 | return faSoap
39 | case "faBed":
40 | return faBed
41 | case "faCheese":
42 | return faCheese
43 | case "faBed":
44 | return faBed
45 | case "faHandHoldingWater":
46 | return faHandHoldingWater
47 | case "faChair":
48 | return faChair
49 | case "faThermometerEmpty":
50 | return faThermometerEmpty
51 | case "faMoneyBillWave":
52 | return faMoneyBillWave
53 | case "faMusic":
54 | return faMusic
55 | case "faHandHoldingWater":
56 | return faHandHoldingWater
57 | case "faBone":
58 | return faBone
59 | case "faRestroom":
60 | return faRestroom
61 | case "faStar":
62 | return faStar
63 | case "faDoorClosed":
64 | return this.faDoorClosed
65 | case "faPen":
66 | return faPen
67 | case "faTags":
68 | return faTags
69 | case "faCheckCircle":
70 | return faCheckCircle
71 | case "faPersonBooth":
72 | return faPersonBooth
73 | default:
74 | return faDotCircle
75 | }
76 | }
77 | render() {
78 | let amenities = []
79 | let amenities2 = []
80 | const {entityData} = this.props
81 | const {showFontIcon} =this.state
82 | const {findFontawesome} = this
83 | console.log(entityData,"amenities")
84 | if(entityData){
85 |
86 | entityData.amenities.map(ele=>{
87 | if(ele.status){
88 | amenities2.push(ele)
89 | }
90 | if(amenities.length<6){
91 | amenities.push(ele)
92 |
93 | }
94 |
95 | })
96 | }
97 | console.log(amenities, typeof faFan)
98 | // let amenities = []
99 | // if(entityData){
100 |
101 | // for (item of entityData.amenities[0]){
102 | // console.log (item)
103 | // }
104 |
105 | // console.log(amenities)
106 | // }
107 | return (
108 |
91 |
107 |
92 | Description
93 |
94 |
95 |
96 | {/* {entityData.description} */}
97 | The COVID19 pandemic has made us all understand the importance of sanitization and not take it for granted. Rest assured, we have reached out to our partners to uphold the highest standards of sanitation and safety.
98 |
99 |
100 |
101 | Location
102 |
106 |
103 | Hotel Mannat International is well-decorated property located close to the famous Tiljala road in Kolkata.
104 |
105 |
109 |
142 | );
143 | }
144 | }
145 |
146 | const mapStateToProps = (state) => ({
147 | token: state.auth.token,
148 | user: state.auth.user,
149 | entityData: state.auth.entityData
150 | });
151 |
152 |
153 |
154 | export default connect(mapStateToProps, null)(DetailViewAmenities);
--------------------------------------------------------------------------------
/src/client/src/components/productList/sidebar/Sidebar.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import styles from "./sidebar.module.css";
3 | // import { Link } from "react-router-dom";
4 | import SidebarFilterItems from "./sidebarItems/SidebarFilterItems";
5 | import SidebarCollectionItems from "./sidebarItems/SidebarCollectionItems";
6 | import SidebarCategoriesItems from "./sidebarItems/SidebarCategoriesItems";
7 | import SidebarViewMoreItems from "./sidebarItems/SidebarViewMoreItmes";
8 | import SidebarAccomodationItems from "./sidebarItems/SidebarAccomodationItems";
9 | import SidebarCheckinItems from "./sidebarItems/SidebarCheckinItems";
10 | import { hotelListingDataRequest, handleFilterAmenities, handleFilterAccomodation, handleFilterCategory, handleFilterCheckin, handleFilterCollection } from "../../../redux/authentication/actions";
11 | import SidebarFacilitiesItems from "./sidebarItems/SidebarFacilitiesItems";
12 | import { connect } from "react-redux";
13 |
14 | class Sidebar extends Component {
15 | constructor(props) {
16 | super(props);
17 | this.state = {
18 | styleSidebar: {
19 | maxHeight: "120vh",
20 | overflow: "hidden auto",
21 | },
22 | };
23 | }
24 |
25 | render() {
26 | let collections, amenities, category, accomodation;
27 | const { hotelData, handleFilterAmenities, url, handleFilterAccomodation, handleFilterCategory, handleFilterCheckin, handleFilterCollection } = this.props;
28 | const { handleRoute } = this;
29 | const { mapView } = this.props;
30 | let sideBarOverFlow = mapView && this.state.styleSidebar;
31 | console.log(mapView, "mapView");
32 |
33 | return (
34 |
92 | );
93 | }
94 | }
95 |
96 | const mapStateToProps = (state) => ({
97 | hotelData: state.auth.hotelListData,
98 | });
99 |
100 | const mapDispatchToProps = (dispatch) => ({
101 | hotelListingDataRequest: (payload) => dispatch(hotelListingDataRequest(payload)),
102 | handleFilterAmenities: (payload) => dispatch(handleFilterAmenities(payload)),
103 | handleFilterCollection: (payload) => dispatch(handleFilterCollection(payload)),
104 | handleFilterCheckin: (payload) => dispatch(handleFilterCheckin(payload)),
105 | handleFilterCategory: (payload) => dispatch(handleFilterCategory(payload)),
106 | handleFilterAccomodation: (payload) => dispatch(handleFilterAccomodation(payload)),
107 | });
108 |
109 | export default connect(mapStateToProps, mapDispatchToProps)(Sidebar);
110 |
--------------------------------------------------------------------------------
110 |
141 |
111 | Amenities
112 |
113 |
114 | {!showFontIcon && amenities && amenities.map((elem) => {
115 | console.log(elem);
116 | return (
117 |
137 |
118 |
119 |
123 | );
124 | })}
125 | {showFontIcon && amenities2 && amenities2.map((elem) => {
126 | console.log(elem);
127 | return (
128 |
129 |
130 |
134 | );
135 | })}
136 | this.setState({showFontIcon:!showFontIcon})} className=" mx-4 mt-3" id={styles.showMore}>
138 | {showFontIcon?"Show Less":"Show More"}
139 |
140 |