Cybrosys Technologies
9 months ago
58 changed files with 2213 additions and 321 deletions
@ -1,70 +0,0 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################### |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
|||
# Author: Aysha Shalin (odoo@cybrosys.com) |
|||
# |
|||
# You can modify it under the terms of the GNU LESSER |
|||
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
|||
# |
|||
# This program is distributed in the hope that it will be useful, |
|||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|||
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
|||
# |
|||
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
|||
# (LGPL v3) along with this program. |
|||
# If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################### |
|||
from odoo import http |
|||
from odoo.exceptions import ValidationError |
|||
from odoo.http import request |
|||
from odoo.addons.website_sale.controllers.main import WebsiteSale |
|||
from odoo import SUPERUSER_ID |
|||
|
|||
|
|||
class WebsiteSalePayment(WebsiteSale): |
|||
""" For creating new record for table reservation """ |
|||
@http.route('/shop/payment/validate', type='http', auth="public", |
|||
website=True, sitemap=False) |
|||
def shop_payment_validate(self, sale_order_id=None, **post): |
|||
""" Payment Validate page """ |
|||
if sale_order_id is None: |
|||
order = request.website.sale_get_order() |
|||
if not order and 'sale_last_order_id' in request.session: |
|||
last_order_id = request.session['sale_last_order_id'] |
|||
order = request.env['sale.order'].sudo().browse( |
|||
last_order_id).exists() |
|||
else: |
|||
order = request.env['sale.order'].sudo().browse(sale_order_id) |
|||
assert order.id == request.session.get('sale_last_order_id') |
|||
errors = self._get_shop_payment_errors(order) |
|||
if errors: |
|||
first_error = errors[0] # only display first error |
|||
error_msg = f"{first_error[0]}\n{first_error[1]}" |
|||
raise ValidationError(error_msg) |
|||
tx_sudo = order.get_portal_last_transaction() if order else order.env['payment.transaction'] |
|||
if order: |
|||
reservation = request.env['table.reservation'].sudo().create({ |
|||
"customer_id": request.env.user.partner_id.id, |
|||
"booked_tables_ids": order.tables_ids, |
|||
"floor_id": order.floors, |
|||
"date": order.date, |
|||
"starting_at": order.starting_at, |
|||
"ending_at": order.ending_at, |
|||
'booking_amount': order.booking_amount, |
|||
'state': 'reserved', |
|||
}) |
|||
order.table_reservation_id = reservation.id |
|||
if not order or (order.amount_total and not tx_sudo): |
|||
return request.redirect('/shop') |
|||
if order and not order.amount_total and not tx_sudo: |
|||
order.with_context(send_email=True).with_user(SUPERUSER_ID).action_confirm() |
|||
return request.redirect(order.get_portal_url()) |
|||
request.website.sale_reset() |
|||
if tx_sudo and tx_sudo.state == 'draft': |
|||
return request.redirect('/shop') |
|||
return request.redirect('/shop/confirmation') |
|||
@ -0,0 +1,155 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################### |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
|||
# Author: Aysha Shalin (odoo@cybrosys.com) |
|||
# |
|||
# You can modify it under the terms of the GNU LESSER |
|||
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
|||
# |
|||
# This program is distributed in the hope that it will be useful, |
|||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|||
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
|||
# |
|||
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
|||
# (LGPL v3) along with this program. |
|||
# If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################### |
|||
from odoo import http |
|||
from odoo.exceptions import ValidationError |
|||
from odoo.http import request |
|||
from odoo.addons.website_sale.controllers.main import WebsiteSale |
|||
from odoo import SUPERUSER_ID |
|||
|
|||
|
|||
class WebsiteSalePayment(WebsiteSale): |
|||
""" For creating new record for table reservation """ |
|||
@http.route('/shop/payment/validate', type='http', auth="public", |
|||
website=True, sitemap=False) |
|||
def shop_payment_validate(self, sale_order_id=None, **post): |
|||
""" Payment Validate page """ |
|||
if sale_order_id is None: |
|||
order = request.website.sale_get_order() |
|||
if not order and 'sale_last_order_id' in request.session: |
|||
last_order_id = request.session['sale_last_order_id'] |
|||
order = request.env['sale.order'].sudo().browse( |
|||
last_order_id).exists() |
|||
else: |
|||
order = request.env['sale.order'].sudo().browse(sale_order_id) |
|||
assert order.id == request.session.get('sale_last_order_id') |
|||
errors = self._get_shop_payment_errors(order) |
|||
if errors: |
|||
first_error = errors[0] # only display first error |
|||
error_msg = f"{first_error[0]}\n{first_error[1]}" |
|||
raise ValidationError(error_msg) |
|||
tx_sudo = order.get_portal_last_transaction() if order else order.env['payment.transaction'] |
|||
if order.tables_ids: |
|||
reservation = request.env['table.reservation'].sudo().create({ |
|||
"customer_id": request.env.user.partner_id.id, |
|||
"booked_tables_ids": order.tables_ids, |
|||
"floor_id": order.floors, |
|||
"date": order.date, |
|||
"starting_at": order.starting_at, |
|||
"ending_at": order.ending_at, |
|||
'booking_amount': order.booking_amount, |
|||
'state': 'reserved', |
|||
'type': 'website' |
|||
}) |
|||
string = f'The reservation amount for the selected table is {order.order_line[0].price_unit}.' if order.order_line[0].price_unit > 0 else '' |
|||
list_of_tables = reservation.booked_tables_ids.mapped('name') |
|||
if len(list_of_tables) > 1: |
|||
tables_sentence = ', '.join(list_of_tables[:-1]) + ', and ' + \ |
|||
list_of_tables[-1] |
|||
else: |
|||
tables_sentence = list_of_tables[0] |
|||
final_sentence = string + " You have reserved table " + tables_sentence + "." |
|||
request.env['mail.mail'].sudo().create({ |
|||
'subject': "Table reservation", |
|||
'email_to': request.env.user.login, |
|||
'recipient_ids': [request.env.user.partner_id.id], |
|||
'body_html': |
|||
'<table border=0 cellpadding=0 cellspacing=0 ' |
|||
'style="padding-top: 16px; background-color: ' |
|||
'#F1F1F1; font-family:Verdana, Arial,sans-serif; ' |
|||
'color: #454748; width: 100%; ' |
|||
'border-collapse:separate;"><tr><td align=center>' |
|||
'<table border=0 cellpadding=0 cellspacing=0 width=590 style="padding: 16px; background-color: white; color: #454748; border-collapse:separate;">' |
|||
'<tbody>' |
|||
'<!-- HEADER -->' |
|||
'<tr>' |
|||
'<td align=center style="min-width: 590px;">' |
|||
'<table border=0 cellpadding=0 cellspacing=0 width=590 style="min-width: 590px; background-color: white; padding: 0px 8px 0px 8px; border-collapse:separate;">' |
|||
'<tr>' |
|||
'<td valign=middle>' |
|||
'<span style="font-size: 10px;">'+reservation.sequence+'</span><br/>' |
|||
'<span style="font-size: 20px; font-weight: bold;">' + 'Table Reservation' + '</span>' |
|||
'</td>' |
|||
'<td valign="middle" align="right">' |
|||
'<img src="/logo.png?company=" + self.company_id.id + style="padding: 0px; margin: 0px; height: auto; width: 80px;"/>' |
|||
'</td>' |
|||
'</tr>' |
|||
'<tr>''<td colspan="2" style="text-align:center;">' |
|||
'<hr width="100%" style="background-color:rgb(204,204,204);border:medium none;clear:both;display:block;font-size:0px;min-height:1px;line-height:0; margin: 16px 0px 16px 0px;"/>' |
|||
'</td>''</tr>' |
|||
'</table>' |
|||
'</td>' |
|||
'</tr>' |
|||
'<!-- CONTENT -->' |
|||
'<tr>' |
|||
'<td align="center" style="min-width: 590px;">' |
|||
'<table border="0" cellpadding="0" cellspacing="0" width="590" style="min-width: 590px; background-color: white; padding: 0px 8px 0px 8px; border-collapse:separate;">' |
|||
'<tr>' |
|||
'<td valign="top" style="font-size: 13px;">' |
|||
'<div>' |
|||
'Dear' + ' ' + request.env.user.name + ',' '<br/>''<br/>' |
|||
'Your table booking at ' + request.env['restaurant.floor'].browse(int(order.floors)).name + ' ' + 'has been confirmed on '+str(reservation.date)+' for '+reservation.starting_at+' to '+reservation.ending_at + '.' + final_sentence + |
|||
'<br/>''<br/>' |
|||
'</span>' |
|||
'</div>' |
|||
'<br/>' |
|||
'Best regards''<br/>' |
|||
'</div>' |
|||
'</td>' |
|||
'</tr>' |
|||
'<tr>' |
|||
'<td style="text-align:center;">' |
|||
'<hr width="100%" style="background-color:rgb(204,204,204);border:medium none;clear:both;display:block;font-size:0px;min-height:1px;line-height:0; margin: 16px 0px 16px 0px;"/>' |
|||
'</td>' |
|||
'</tr>' |
|||
'</table>' |
|||
'</td>' |
|||
'</tr>' |
|||
'<!-- FOOTER -->' |
|||
'<tr>' |
|||
'<td align="center" style="min-width: 590px;">' |
|||
'<table border="0" cellpadding="0" cellspacing="0" width="590" style="min-width: 590px; background-color: white; font-size: 11px; padding: 0px 8px 0px 8px; border-collapse:separate;">' |
|||
'<tr>' |
|||
'<td valign="middle" align="left">' |
|||
+ request.env.company.name + |
|||
'<br/>' |
|||
+ request.env.company.phone + |
|||
'</td>' |
|||
'<td valign="middle" align="right">' |
|||
'<t t-if="%s" % +self.env.company_id.email>' |
|||
'<a href="mailto:%s % +request.env.company_id.email+" style="text-decoration:none; color: #5e6061;">' |
|||
+ request.env.company.email + |
|||
'</a>' |
|||
'</t>' |
|||
'<br/>' |
|||
'<t t-if="%s % +self.env.company.website+ ">' |
|||
'</table>' |
|||
}).send() |
|||
order.table_reservation_id = reservation.id |
|||
if not order or (order.amount_total and not tx_sudo): |
|||
return request.redirect('/shop') |
|||
if order and not order.amount_total and not tx_sudo: |
|||
order.with_context(send_email=True).with_user(SUPERUSER_ID).action_confirm() |
|||
return request.redirect(order.get_portal_url()) |
|||
request.website.sale_reset() |
|||
if tx_sudo and tx_sudo.state == 'draft': |
|||
return request.redirect('/shop') |
|||
return request.redirect('/shop/confirmation') |
|||
@ -0,0 +1,10 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<data noupdate="1"> |
|||
<!--this record enable automatic invoice on online payment--> |
|||
<record id="automatic_invoice_online_payment" model="ir.config_parameter"> |
|||
<field name="key">sale.automatic_invoice</field> |
|||
<field name="value">True</field> |
|||
</record> |
|||
</data> |
|||
</odoo> |
|||
@ -0,0 +1,54 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################### |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
|||
# Author: Aysha Shalin (odoo@cybrosys.com) |
|||
# |
|||
# You can modify it under the terms of the GNU LESSER |
|||
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
|||
# |
|||
# This program is distributed in the hope that it will be useful, |
|||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|||
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
|||
# |
|||
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
|||
# (LGPL v3) along with this program. |
|||
# If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################### |
|||
from odoo import fields, models |
|||
|
|||
|
|||
class PosConfig(models.Model): |
|||
""" Inherited model for adding new field to configuration settings |
|||
that allows to add lead time to reservations """ |
|||
|
|||
_inherit = 'pos.config' |
|||
|
|||
has_lead_time = fields.Boolean( |
|||
string='Lead Time', |
|||
compute="_compute_has_lead_time", |
|||
help="Enable to set lead time for reservations") |
|||
has_reservation_charge = fields.Boolean( |
|||
string="Reservation Charge", |
|||
compute="_compute_has_reservation_charge", |
|||
help="Enable to apply charge for reservations.") |
|||
|
|||
def _compute_has_lead_time(self): |
|||
""" To check whether lead time is enabled from settings """ |
|||
if self.env['ir.config_parameter'].sudo().get_param( |
|||
'table_reservation_on_website.is_lead_time'): |
|||
self.has_lead_time = True |
|||
else: |
|||
self.has_lead_time = False |
|||
|
|||
def _compute_has_reservation_charge(self): |
|||
""" To check whether reservation charge is enabled from settings """ |
|||
if self.env['ir.config_parameter'].sudo().get_param( |
|||
'table_reservation_on_website.reservation_charge'): |
|||
self.has_reservation_charge = True |
|||
else: |
|||
self.has_reservation_charge = False |
|||
@ -0,0 +1,42 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################### |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
|||
# Author: Aysha Shalin (odoo@cybrosys.com) |
|||
# |
|||
# You can modify it under the terms of the GNU LESSER |
|||
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
|||
# |
|||
# This program is distributed in the hope that it will be useful, |
|||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|||
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
|||
# |
|||
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
|||
# (LGPL v3) along with this program. |
|||
# If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################### |
|||
from odoo import models |
|||
|
|||
|
|||
class PosSession(models.Model): |
|||
"""inherited pos session to load the product product""" |
|||
_inherit = 'pos.session' |
|||
|
|||
def _get_pos_ui_product_product(self, params): |
|||
"""load product to pos""" |
|||
result = super()._get_pos_ui_product_product(params) |
|||
product = self.env.ref('table_reservation_on_website' |
|||
'.product_product_table_booking') |
|||
|
|||
data = product.read(fields=params['search_params']['fields']) |
|||
append_data = data[0] |
|||
append_data['categ'] = {'id': product.categ_id.id, |
|||
'name': product.categ_id.name, |
|||
'parent_id': product.categ_id.parent_id.id, |
|||
'parent': None} |
|||
result.append(append_data) |
|||
return result |
|||
@ -0,0 +1,42 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################### |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
|||
# Author: Aysha Shalin (odoo@cybrosys.com) |
|||
# |
|||
# You can modify it under the terms of the GNU LESSER |
|||
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
|||
# |
|||
# This program is distributed in the hope that it will be useful, |
|||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|||
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
|||
# |
|||
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
|||
# (LGPL v3) along with this program. |
|||
# If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################### |
|||
from odoo import api, fields, models |
|||
|
|||
|
|||
class RestaurantFloor(models.Model): |
|||
""" Inherit restaurant table for adding is_show_field field """ |
|||
_inherit = 'restaurant.floor' |
|||
|
|||
is_show_field = fields.Boolean(string='Show field', |
|||
compute='_compute_is_show_field', |
|||
help='Depends on the field value field ' |
|||
'rate visibility is determined') |
|||
|
|||
@api.depends('name') |
|||
def _compute_is_show_field(self): |
|||
"""Compute field rate visibility using this function""" |
|||
for record in self: |
|||
if record.env['ir.config_parameter'].get_param( |
|||
'table_reservation_on_website.reservation_charge'): |
|||
record.is_show_field = True |
|||
else: |
|||
record.is_show_field = False |
|||
|
Before Width: | Height: | Size: 113 KiB After Width: | Height: | Size: 108 KiB |
|
Before Width: | Height: | Size: 201 KiB After Width: | Height: | Size: 167 KiB |
|
After Width: | Height: | Size: 55 KiB |
|
After Width: | Height: | Size: 145 KiB |
|
After Width: | Height: | Size: 67 KiB |
|
After Width: | Height: | Size: 29 KiB |
|
After Width: | Height: | Size: 923 KiB |
|
After Width: | Height: | Size: 39 KiB |
|
After Width: | Height: | Size: 101 KiB |
|
After Width: | Height: | Size: 868 KiB |
|
After Width: | Height: | Size: 90 KiB |
|
Before Width: | Height: | Size: 70 KiB After Width: | Height: | Size: 58 KiB |
|
After Width: | Height: | Size: 163 KiB |
|
After Width: | Height: | Size: 967 KiB |
|
Before Width: | Height: | Size: 72 KiB After Width: | Height: | Size: 58 KiB |
|
Before Width: | Height: | Size: 91 KiB After Width: | Height: | Size: 85 KiB |
|
Before Width: | Height: | Size: 94 KiB After Width: | Height: | Size: 88 KiB |
|
Before Width: | Height: | Size: 58 KiB After Width: | Height: | Size: 69 KiB |
|
Before Width: | Height: | Size: 46 KiB After Width: | Height: | Size: 154 KiB |
|
Before Width: | Height: | Size: 56 KiB After Width: | Height: | Size: 51 KiB |
|
Before Width: | Height: | Size: 113 KiB After Width: | Height: | Size: 105 KiB |
|
Before Width: | Height: | Size: 298 KiB After Width: | Height: | Size: 526 KiB |
@ -0,0 +1,213 @@ |
|||
/**@odoo-module **/ |
|||
import { AbstractAwaitablePopup } from "@point_of_sale/app/popup/abstract_awaitable_popup"; |
|||
import { ConfirmPopup } from "@point_of_sale/app/utils/confirm_popup/confirm_popup"; |
|||
import { ErrorPopup } from "@point_of_sale/app/errors/popups/error_popup"; |
|||
import { usePos } from "@point_of_sale/app/store/pos_hook"; |
|||
import { useService } from "@web/core/utils/hooks"; |
|||
import { useState } from "@odoo/owl"; |
|||
import { _t } from "@web/core/l10n/translation"; |
|||
|
|||
export class createBookingPopup extends AbstractAwaitablePopup { |
|||
setup() { |
|||
super.setup(); |
|||
this.orm = useService('orm'); |
|||
this.pos = usePos(); |
|||
this.popup = useService("popup"); |
|||
this.state = useState({ |
|||
customers: this.env.services.pos.partners, |
|||
partner: '', |
|||
floors: this.env.services.pos.floors, |
|||
floor: '', |
|||
date: '', |
|||
start_time: '', |
|||
end_time: '', |
|||
tables: [], |
|||
table: '', |
|||
amount: '', |
|||
lead_time: '', |
|||
Table: '', |
|||
table_details_header: false, |
|||
}); |
|||
} |
|||
// Filter tables according to floor selected
|
|||
async onSelectFloor(ev) { |
|||
this.state.amount = '' |
|||
const selectedFloorText = ev.target.options[ev.target.selectedIndex].text; |
|||
if (ev.target.options[ev.target.selectedIndex].text != 'Select Floor'){ |
|||
var table_data = [] |
|||
this.state.table_details_header = true |
|||
this.state.Table = '' |
|||
var floor_id = this.state.floor |
|||
var date = this.state.date |
|||
var start_time = this.state.start_time |
|||
var end_time = this.state.end_time |
|||
if (start_time > end_time){ |
|||
this.popup.add(ConfirmPopup, { |
|||
title: _t("Error"), |
|||
body: _t("Start time can't be greater than end time."), |
|||
}); |
|||
} |
|||
if ((start_time && end_time) && (start_time === end_time)) { |
|||
this.popup.add(ConfirmPopup, { |
|||
title: _t("Error"), |
|||
body: _t("Start time and end time can't be same."), |
|||
}); |
|||
} |
|||
if (date && start_time && end_time){ |
|||
var table_data = await this.orm.call('table.reservation', 'get_table_details', [ |
|||
floor_id, date, start_time, end_time]) |
|||
this.state.tables = table_data |
|||
} |
|||
} |
|||
} |
|||
// To Check selected date is valid one
|
|||
async onChangeDate() { |
|||
var selectedDate = new Date(this.state.date); |
|||
const currentDate = new Date(); |
|||
if (selectedDate < currentDate.setHours(0, 0, 0, 0)){ |
|||
this.popup.add(ErrorPopup, { |
|||
title: _t("Invalid Date"), |
|||
body: _t("Please select a valid date."), |
|||
}).then(() => { |
|||
this.state.date = null; |
|||
}); |
|||
} |
|||
this.onChangeTime() |
|||
} |
|||
// To check selected time is not past one
|
|||
onChangeTime() { |
|||
let now = new Date(); |
|||
let currentHours = now.getHours().toString().padStart(2, '0'); |
|||
let currentMinutes = now.getMinutes().toString().padStart(2, '0'); |
|||
let currentTime = `${currentHours}:${currentMinutes}`; |
|||
// Get the current date
|
|||
const currentDate = new Date(); |
|||
const year = currentDate.getFullYear(); |
|||
const month = String(currentDate.getMonth() + 1).padStart(2, '0'); // Months are zero-based
|
|||
const day = String(currentDate.getDate()).padStart(2, '0'); |
|||
// Format the date as YYYY-MM-DD
|
|||
const formattedDate = `${year}-${month}-${day}`; |
|||
if (this.state.date == formattedDate){ |
|||
if (this.state.start_time && this.state.start_time < currentTime) { |
|||
this.popup.add(ErrorPopup, { |
|||
title: _t("Invalid Time"), |
|||
body: _t("You can't select past time."), |
|||
}).then(() => { |
|||
this.state.start_time = null; |
|||
}); |
|||
} |
|||
else if (this.state.end_time && this.state.end_time < currentTime) { |
|||
this.popup.add(ErrorPopup, { |
|||
title: _t("Invalid Time"), |
|||
body: _t("You can't select past time."), |
|||
}).then(() => { |
|||
this.state.end_time = null; |
|||
}); |
|||
} |
|||
} |
|||
// Check start time is not greater than end time
|
|||
if ((this.state.start_time && this.state.end_time) && (this.state.start_time > this.state.end_time)){ |
|||
this.popup.add(ConfirmPopup, { |
|||
title: _t("Error"), |
|||
body: _t("Start time can't be greater than end time."), |
|||
}).then(() => { |
|||
this.state.start_time = null; |
|||
this.state.end_time = null; |
|||
}); |
|||
} |
|||
// Check start and end time not same
|
|||
if ((this.state.start_time && this.state.end_time) && (this.state.start_time === this.state.end_time)) { |
|||
this.popup.add(ConfirmPopup, { |
|||
title: _t("Error"), |
|||
body: _t("Start time and end time can't be same."), |
|||
}).then(() => { |
|||
this.state.start_time = null; |
|||
this.state.end_time = null; |
|||
}); |
|||
} |
|||
} |
|||
// Select tables for booking
|
|||
async onSelectTable(ev) { |
|||
var table_div = ev.target.closest('.card_table'); |
|||
var tableId = table_div.getAttribute('data-id'); |
|||
if (table_div.style.backgroundColor === 'green') { |
|||
table_div.style.backgroundColor = '#96ccd5'; |
|||
this.state.Table = this.state.Table.split(',').filter(id => id !== tableId).join(','); |
|||
} else { |
|||
table_div.style.backgroundColor = 'green'; |
|||
if (this.state.Table.length > 0) { |
|||
this.state.Table += ',' + tableId; |
|||
} else { |
|||
this.state.Table = tableId; |
|||
} |
|||
} |
|||
if (this.state.floor && this.state.Table !== '') { |
|||
var reservation_amount = await this.orm.call('table.reservation', 'get_reservation_amount', [this.state.Table]); |
|||
this.state.amount = reservation_amount; |
|||
} else { |
|||
this.state.amount = 0; |
|||
} |
|||
} |
|||
// Create new reservation
|
|||
createReservation() { |
|||
this.onChangeTime() |
|||
if (this.state.partner && this.state.date && this.state.start_time && this.state.end_time |
|||
&& this.state.floor && this.state.Table) { |
|||
this.orm.call('table.reservation', 'create_table_reservation', [ |
|||
this.state.Table, this.state.date, this.state.start_time, this.state.end_time, |
|||
this.state.partner, this.state.lead_time, this.state.floor]) |
|||
location.reload() |
|||
} |
|||
else{ |
|||
this.popup.add(ErrorPopup, { |
|||
title: _t("Alert"), |
|||
body: _t("Please fill all the required details."), |
|||
}); |
|||
} |
|||
} |
|||
// Create new reservation and make payments if reservation charge enabled
|
|||
async createReservationPayment(ev) { |
|||
this.onChangeTime() |
|||
if (this.state.start_time > this.state.end_time){ |
|||
this.popup.add(ConfirmPopup, { |
|||
title: _t("Error"), |
|||
body: _t("Start time can't be greater than end time."), |
|||
}); |
|||
} |
|||
if ((this.state.start_time && this.state.end_time) && (this.state.start_time === this.state.end_time)) { |
|||
this.popup.add(ConfirmPopup, { |
|||
title: _t("Error"), |
|||
body: _t("Start time and end time can't be same."), |
|||
}); |
|||
} |
|||
if (this.state.partner && this.state.partner != 'Select Customer') { |
|||
if (this.state.date && this.state.start_time && this.state.end_time |
|||
&& this.state.floor && this.state.Table) { |
|||
var data = await this.orm.call('table.reservation', 'create_table_reservation', [ |
|||
this.state.Table, this.state.date, this.state.start_time, this.state.end_time, |
|||
this.state.partner, this.state.lead_time, this.state.floor, this.pos.get_order().name]) |
|||
this.cancel(); |
|||
this.pos.showScreen('ProductScreen'); |
|||
var product = this.pos.db.product_by_id[data] |
|||
product['lst_price'] = this.state.amount |
|||
this.pos.get_order().set_partner(this.pos.db.partner_by_id[parseInt(this.state.partner)]) |
|||
this.pos.get_order().add_product(product, { |
|||
quantity: 1, |
|||
}); |
|||
} |
|||
else{ |
|||
this.popup.add(ErrorPopup, { |
|||
title: _t("Alert"), |
|||
body: _t("Please fill all the required details."), |
|||
}); |
|||
} |
|||
} |
|||
else { |
|||
this.popup.add(ErrorPopup, { |
|||
title: _t("Alert"), |
|||
body: _t("Please fill all the required details."), |
|||
}); |
|||
} |
|||
} |
|||
} |
|||
createBookingPopup.template = "createBookingPopup"; |
|||
@ -0,0 +1,134 @@ |
|||
<?xml version="1.0" encoding="UTF-8"?> |
|||
<templates id="template" xml:space="preserve"> |
|||
<t t-name="createBookingPopup" owl="1"> |
|||
<div class="popup product-line-popup"> |
|||
<div class="modal-header"> |
|||
<h4 class="modal-title title"> |
|||
<span>Reserve Table</span> |
|||
</h4> |
|||
</div> |
|||
<main class="modal-body" style="height: 70vh; overflow-y: scroll;"> |
|||
<div class="partner-details-header d-flex pe-2 gap-2"> |
|||
<label class="col-form-label" for="name">Customer</label> |
|||
<select name="partners" |
|||
class="form-control form-control-lg" |
|||
style="position: absolute; left:100px; width:75%;" |
|||
t-model="state.partner" id="partners" required="true"> |
|||
<option>Select Customer</option> |
|||
<t t-foreach="state.customers" t-as="partner" t-key="partner.id"> |
|||
<option t-att-value="partner.id"> |
|||
<t t-out="partner.name"/> |
|||
</option> |
|||
</t> |
|||
</select> |
|||
<span style="position: absolute; left: 79px; top: 20px; color: red;">*</span> |
|||
</div> |
|||
<br/> |
|||
<br/> |
|||
<div class="partner-details-header d-flex pe-2 gap-2"> |
|||
<label class="col-form-label" for="Date">Date</label> |
|||
<input type="date" class="detail partner-name form-control form-control-lg" |
|||
style="position: absolute; left:100px; width:75%;" |
|||
t-att-required="true" name="Date" id="date" |
|||
t-model="state.date" t-on-change="onChangeDate"/> |
|||
<span style="position: absolute; left: 48px; top: 96px; color: red;">*</span> |
|||
</div> |
|||
<br/> |
|||
<br/> |
|||
<div class="partner-details-header d-flex pe-2 gap-2"> |
|||
<label class="col-form-label" for="starting time">Start Time</label> |
|||
<input type="time" class="detail partner-name form-control form-control-lg" |
|||
style="position: absolute; left:100px; width:75%;" |
|||
t-att-required="true" id="start_time" name="starting time" |
|||
t-model="state.start_time" t-on-change="onChangeTime"/> |
|||
<span style="position: absolute; left: 83px; top: 171px; color: red;">*</span> |
|||
</div> |
|||
<br/> |
|||
<br/> |
|||
<div class="partner-details-header d-flex pe-2 gap-2"> |
|||
<label class="col-form-label" for="ending time">End Time</label> |
|||
<input type="time" class="detail partner-name form-control form-control-lg" |
|||
style="position: absolute; left:100px; width:75%;" |
|||
t-att-required="true" id="end_time" name="ending time" |
|||
t-model="state.end_time" t-on-change="onChangeTime"/> |
|||
<span style="position: absolute; left: 76px; top: 245px; color: red;">*</span> |
|||
</div> |
|||
<br/> |
|||
<br/> |
|||
<div class="partner-details-header d-flex pe-2 gap-2"> |
|||
<label class="col-form-label" for="Floor">Floor</label> |
|||
<select name="floor" |
|||
class="form-control form-control-lg" |
|||
style="position: absolute; left:100px; width:75%;" |
|||
t-model="state.floor" required="true" |
|||
id="floor" t-on-change="onSelectFloor"> |
|||
<option t-att-value="state.floor">Select Floor</option> |
|||
<t t-foreach="state.floors" |
|||
t-as="floor" |
|||
t-key="floor.id"> |
|||
<option t-att-value="floor.id"> |
|||
<t t-out="floor.name"/> |
|||
</option> |
|||
</t> |
|||
</select> |
|||
<span style="position: absolute; left: 51px; top: 320px; color: red;">*</span> |
|||
</div> |
|||
<br/> |
|||
<br/> |
|||
<div class="table-details-header pe-2 gap-2" t-attf-style="{{ this.state.table_details_header ? 'display: block;' : 'display: none;' }}"> |
|||
<div id="table_list"> |
|||
<div class="row" id="table_container_row" style="margin-left: 1%;"> |
|||
<t t-foreach="state.tables" t-as="table" t-key="table.id"> |
|||
<div class="card card_table col-sm-2 text-truncate" t-att-data-id="table.id" t-on-click="onSelectTable" |
|||
style="background-color:#96ccd5; padding-right:0; padding-left: 0; margin:3px; width:30%; height: 50px;"> |
|||
<div class="card-body" style="height: 40px;"> |
|||
<span class="select_table_id text-truncate"><t t-esc="table.name"/></span> |
|||
<br/><br/> |
|||
</div> |
|||
</div> |
|||
</t> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<br/> |
|||
<br/> |
|||
<t t-if="env.services.pos.config.has_reservation_charge"> |
|||
<div class="partner-details-header d-flex pe-2 gap-2"> |
|||
<label class="col-form-label" for="amount">Amount</label> |
|||
<input class="detail partner-name form-control form-control-lg" |
|||
style="position: absolute; left:100px; width:75%;" |
|||
name="amount" readonly="1" t-model="state.amount"/> |
|||
</div> |
|||
</t> |
|||
<br/> |
|||
<br/> |
|||
<t t-if="env.services.pos.config.has_lead_time"> |
|||
<div class="partner-details-header d-flex pe-2 gap-2"> |
|||
<label class="col-form-label" for="Lead Time">Lead Time</label> |
|||
<input type="time" class="detail partner-name form-control form-control-lg" |
|||
style="position: absolute; left:100px; width:75%;" |
|||
t-model="state.lead_time" name="Lead Time"/> |
|||
</div> |
|||
</t> |
|||
</main> |
|||
<footer class="footer modal-footer"> |
|||
<t t-if="env.services.pos.config.has_reservation_charge"> |
|||
<div class="button confirm btn btn-lg btn-primary" |
|||
t-on-click="createReservationPayment"> |
|||
Pay |
|||
</div> |
|||
</t> |
|||
<t t-else=""> |
|||
<div class="button confirm btn btn-lg btn-primary" |
|||
t-on-click="createReservation"> |
|||
Confirm |
|||
</div> |
|||
</t> |
|||
<div class="button cancel btn btn-lg btn-secondary" |
|||
t-on-click="cancel"> |
|||
Cancel |
|||
</div> |
|||
</footer> |
|||
</div> |
|||
</t> |
|||
</templates> |
|||
@ -0,0 +1,227 @@ |
|||
/**@odoo-module **/ |
|||
import { AbstractAwaitablePopup } from "@point_of_sale/app/popup/abstract_awaitable_popup"; |
|||
import { ConfirmPopup } from "@point_of_sale/app/utils/confirm_popup/confirm_popup"; |
|||
import { ErrorPopup } from "@point_of_sale/app/errors/popups/error_popup"; |
|||
import { usePos } from "@point_of_sale/app/store/pos_hook"; |
|||
import { useService } from "@web/core/utils/hooks"; |
|||
import { useState } from "@odoo/owl"; |
|||
import { _t } from "@web/core/l10n/translation"; |
|||
|
|||
export class EditBookingPopup extends AbstractAwaitablePopup { |
|||
async setup() { |
|||
super.setup(); |
|||
this.orm = useService('orm') |
|||
this.popup = useService("popup") |
|||
this.pos = usePos() |
|||
const floors = this.env.services.pos.floors |
|||
const tables = floors.find(floor => floor.id === this.props.data?.floor_id[0])?.tables || []; |
|||
const bookedTableIds = this.props.data?.booked_tables_ids || []; |
|||
const parsedBookedTableIds = typeof bookedTableIds === 'string' |
|||
? bookedTableIds.split(',').map(Number).filter(id => !isNaN(id)) |
|||
: [...bookedTableIds]; |
|||
this.state = useState({ |
|||
customerId: this.props.data?.customer_id[0], |
|||
Date: this.props.data?.date, |
|||
StartingTime: this.props.data?.starting_at, |
|||
EndTime: this.props.data?.ending_at, |
|||
Floor: this.props.data?.floor_id[0], |
|||
TableList: parsedBookedTableIds, |
|||
Table: parsedBookedTableIds.join(','), |
|||
BookingAmount: this.props.data?.booking_amount, |
|||
OrderType: this.props.data?.type, |
|||
LeadTime: this.props.data?.lead_time, |
|||
Partners: this.env.services.pos.partners, |
|||
floors: this.env.services.pos.floors, |
|||
tables: [], |
|||
time:'', |
|||
table_details_header: false, |
|||
}); |
|||
if ((this.state.StartingTime && this.state.EndTime) && (this.state.StartingTime === this.state.EndTime)){ |
|||
this.popup.add(ConfirmPopup, { |
|||
title: _t("Error"), |
|||
body: _t("Start time and end time can't be same."), |
|||
}); |
|||
} |
|||
this.convertDecimalToTime(this.state.LeadTime) |
|||
var table_data = await this.orm.call('table.reservation', 'get_table_details', [ |
|||
this.state.Floor, this.state.Date, this.state.StartingTime, this.state.EndTime, this.state.TableList]) |
|||
this.state.tables = table_data |
|||
} |
|||
// Convert lead time number to string
|
|||
convertDecimalToTime(decimalHours) { |
|||
const [hours, decimalMinutes] = decimalHours.toString().split('.'); |
|||
const minutes = decimalMinutes ? decimalMinutes.padEnd(2, '0') : '00'; |
|||
const formattedHours = String(hours).padStart(2, '0'); |
|||
const formattedMinutes = String(minutes).padStart(2, '0'); |
|||
this.state.time = `${formattedHours}:${formattedMinutes}`; |
|||
} |
|||
// Partner details
|
|||
selectPartner(ev) { |
|||
this.state.customerId = parseInt(ev.target.value) |
|||
} |
|||
// Filter tables according to selected floor
|
|||
async onSelectFloor(ev) { |
|||
this.state.BookingAmount = '' |
|||
this.state.TableList = []; |
|||
if (ev.target.options[ev.target.selectedIndex].text != 'Select Floor'){ |
|||
this.state.table_details_header = true |
|||
this.state.Floor = parseInt(ev.target.value) |
|||
var table_data = [] |
|||
var date = this.state.Date |
|||
var start_time = this.state.StartingTime |
|||
var end_time = this.state.EndTime |
|||
var floor_id = this.state.Floor |
|||
this.state.Table = '' |
|||
if (start_time > end_time){ |
|||
this.popup.add(ErrorPopup, { |
|||
title: _t("Error"), |
|||
body: _t("Start time can't be greater than end time."), |
|||
}); |
|||
} |
|||
if (floor_id && date && start_time && end_time){ |
|||
var table_data = await this.orm.call('table.reservation', 'get_table_details', [ |
|||
floor_id, date, start_time, end_time, this.props.data.booked_tables_ids]) |
|||
this.state.tables = table_data |
|||
} |
|||
} |
|||
} |
|||
// To Check selected date is valid one
|
|||
async onChangeDate() { |
|||
var selectedDate = new Date($("#date").val()); |
|||
const currentDate = new Date(); |
|||
if (selectedDate < currentDate.setHours(0, 0, 0, 0)){ |
|||
this.popup.add(ErrorPopup, { |
|||
title: _t("Invalid Date"), |
|||
body: _t("Please select a valid date."), |
|||
}).then(() => { |
|||
$("#date").val('') |
|||
}); |
|||
} |
|||
this.onChangeTime() |
|||
} |
|||
// To check selected start time is not past one
|
|||
onChangeTime() { |
|||
let now = new Date(); |
|||
let currentHours = now.getHours().toString().padStart(2, '0'); |
|||
let currentMinutes = now.getMinutes().toString().padStart(2, '0'); |
|||
let currentTime = `${currentHours}:${currentMinutes}`; |
|||
// Get the current date
|
|||
const currentDate = new Date(); |
|||
const year = currentDate.getFullYear(); |
|||
const month = String(currentDate.getMonth() + 1).padStart(2, '0'); // Months are zero-based
|
|||
const day = String(currentDate.getDate()).padStart(2, '0'); |
|||
// Format the date as YYYY-MM-DD
|
|||
const formattedDate = `${year}-${month}-${day}`; |
|||
if (this.state.Date == formattedDate){ |
|||
if (this.state.StartingTime && this.state.StartingTime < currentTime) { |
|||
this.popup.add(ErrorPopup, { |
|||
title: _t("Invalid Time"), |
|||
body: _t("You can't select past time."), |
|||
}).then(() => { |
|||
this.state.StartingTime = null; |
|||
}); |
|||
} |
|||
if (this.state.EndTime && this.state.EndTime < currentTime) { |
|||
this.popup.add(ErrorPopup, { |
|||
title: _t("Invalid Time"), |
|||
body: _t("You can't select past time."), |
|||
}).then(() => { |
|||
this.state.EndTime = null; |
|||
}); |
|||
} |
|||
} |
|||
if ((this.state.StartingTime && this.state.EndTime) && (this.state.StartingTime === this.state.EndTime)){ |
|||
this.popup.add(ErrorPopup, { |
|||
title: _t("Error"), |
|||
body: _t("Start time and end time can't be same."), |
|||
}).then(() => { |
|||
this.state.StartingTime = null; |
|||
this.state.EndTime = null; |
|||
}); |
|||
} |
|||
if ((this.state.StartingTime && this.state.EndTime) && (this.state.StartingTime > this.state.EndTime)){ |
|||
this.popup.add(ErrorPopup, { |
|||
title: _t("Error"), |
|||
body: _t("Start time can't be greater than end time."), |
|||
}).then(() => { |
|||
this.state.StartingTime = null; |
|||
this.state.EndTime = null; |
|||
}); |
|||
} |
|||
} |
|||
// To Check selected lead time is valid
|
|||
async onChangeLeadTime(ev) { |
|||
if (isNaN(this.state.LeadTime)) { |
|||
this.popup.add(ErrorPopup, { |
|||
title: _t("Invalid Lead Time"), |
|||
body: _t("Please select a valid lead time."), |
|||
}).then(() => { |
|||
this.state.LeadTime = null; |
|||
}); |
|||
} |
|||
this.state.LeadTime = ev.target.value |
|||
this.convertDecimalToTime(this.state.LeadTime) |
|||
} |
|||
// Save the edited reservation details
|
|||
async saveData() { |
|||
var partners = this.env.services.pos.partners |
|||
var booking_id = this.props.data['id'] |
|||
var date = this.state.Date |
|||
var customer = this.state.customerId |
|||
var start_time = this.state.StartingTime |
|||
var end_time = this.state.EndTime |
|||
var floor = this.state.Floor |
|||
var table_ids = this.state.Table |
|||
var lead_time = this.state.LeadTime |
|||
this.onChangeTime() |
|||
if (partners && booking_id && date && customer && start_time && end_time && floor && table_ids.length>0){ |
|||
var data = await this.orm.call('table.reservation', 'edit_reservations', [ |
|||
booking_id, date, customer, start_time, end_time, floor, table_ids, lead_time, this.pos.get_order().name |
|||
]); |
|||
var order = this.pos.orders.find(order => order.name === this.props.data.order_name); |
|||
if (order){ |
|||
this.pos.removeOrder(order); |
|||
var product = this.pos.db.product_by_id[data] |
|||
if (product){ |
|||
product['lst_price'] = this.state.BookingAmount |
|||
} |
|||
this.pos.get_order().set_partner(this.pos.db.partner_by_id[parseInt(this.state.customerId)]) |
|||
this.pos.get_order().add_product(product, { |
|||
quantity: 1, |
|||
}); |
|||
} |
|||
location.reload(); |
|||
} |
|||
else { |
|||
this.popup.add(ErrorPopup, { |
|||
title: _t("Alert"), |
|||
body: _t("Please fill all the required details."), |
|||
}); |
|||
} |
|||
} |
|||
// Select tables for booking
|
|||
async onSelectTable(event) { |
|||
const tableDiv = event.target.closest('.card_table'); |
|||
const tableId = parseInt(tableDiv.getAttribute('data-id'), 10); |
|||
let currentTableList = [...this.state.TableList]; |
|||
let currentTable = this.state.Table ? this.state.Table.split(',').map(Number) : []; |
|||
if (tableDiv.style.backgroundColor == 'green') { |
|||
tableDiv.style.backgroundColor = '#2980b9'; |
|||
currentTableList = currentTableList.filter(id => id !== tableId); |
|||
currentTable = currentTable.filter(id => id !== tableId); |
|||
} |
|||
else { |
|||
currentTableList.push(tableId); |
|||
currentTable.push(tableId); |
|||
tableDiv.style.backgroundColor = 'green'; |
|||
} |
|||
// Update state with the new values
|
|||
this.state.TableList = currentTableList; |
|||
this.state.Table = currentTable.join(','); |
|||
if(this.state.Floor){ |
|||
var reservation_amount = await this.orm.call('table.reservation', 'get_reservation_amount', [this.state.Table]) |
|||
this.state.BookingAmount = reservation_amount |
|||
} |
|||
} |
|||
} |
|||
EditBookingPopup.template = "EditBookingPopup"; |
|||
@ -0,0 +1,148 @@ |
|||
<?xml version="1.0" encoding="UTF-8"?> |
|||
<templates id="template" xml:space="preserve"> |
|||
<t t-name="EditBookingPopup" owl="1"> |
|||
<div class="popup booking-line-popup" style="display: block;"> |
|||
<div class="modal-header"> |
|||
<h4 class="modal-title title"> |
|||
<span>Edit Booking</span> |
|||
</h4> |
|||
</div> |
|||
<main class="modal-body" style="height: 70vh; overflow-y: scroll;"> |
|||
<div class="partner-details-header d-flex pe-2 gap-2"> |
|||
<label class="col-form-label" for="name">Customer</label> |
|||
<br/> |
|||
<select name="partners" |
|||
class="form-control form-control-lg" |
|||
style="position: absolute; left:100px; width:75%;" |
|||
id="partner" t-on-change="selectPartner"> |
|||
<option>Select Partner</option> |
|||
<t t-foreach="state.Partners" t-as="partner" |
|||
t-key="partner.id"> |
|||
<option t-att-value="partner.id" |
|||
t-att-selected="partner.id == state.customerId ? 'selected' : null"> |
|||
<t t-esc="partner.name"/> |
|||
</option> |
|||
</t> |
|||
</select> |
|||
<span style="position: absolute; left: 79px; top: 20px; color: red;">*</span> |
|||
</div> |
|||
<br/> |
|||
<br/> |
|||
<div class="partner-details-header d-flex pe-2 gap-2"> |
|||
<label class="col-form-label" for="Date">Date</label> |
|||
<input type="date" id="date" |
|||
class="detail partner-name form-control form-control-lg" |
|||
style="position: absolute; left:100px; width:75%;" |
|||
t-model="state.Date" name="Date" t-on-change="onChangeDate"/> |
|||
<span style="position: absolute; left: 48px; top: 96px; color: red;">*</span> |
|||
</div> |
|||
<br/> |
|||
<br/> |
|||
<div class="partner-details-header d-flex pe-2 gap-2"> |
|||
<label class="col-form-label" |
|||
for="starting time">Start Time</label> |
|||
<input type="time" class="detail partner-name form-control form-control-lg" |
|||
style="position: absolute; left:100px; width:75%;" |
|||
t-model="state.StartingTime" name="starting time" |
|||
t-on-change="onChangeTime"/> |
|||
<span style="position: absolute; left: 83px; top: 171px; color: red;">*</span> |
|||
</div> |
|||
<br/> |
|||
<br/> |
|||
<div class="partner-details-header d-flex pe-2 gap-2"> |
|||
<label class="col-form-label" |
|||
for="ending time">End Time</label> |
|||
<input type="time" class="detail partner-name form-control form-control-lg" |
|||
style="position: absolute; left:100px; width:75%;" |
|||
t-model="state.EndTime" name="ending time" |
|||
t-on-change="onChangeTime"/> |
|||
<span style="position: absolute; left: 76px; top: 245px; color: red;">*</span> |
|||
</div> |
|||
<br/> |
|||
<br/> |
|||
<div class="partner-details-header d-flex pe-2 gap-2"> |
|||
<label class="col-form-label" for="Floor">Floor</label> |
|||
<select name="floor" |
|||
class="form-control form-control-lg" |
|||
style="position: absolute; left:100px; width:75%;" |
|||
required="true" |
|||
id="floor" t-on-change="onSelectFloor"> |
|||
<option>Select Floor</option> |
|||
<t t-foreach="state.floors" |
|||
t-as="floor" |
|||
t-key="floor.id" > |
|||
<option t-att-value="floor.id" |
|||
t-att-selected="floor.id == state.Floor ? 'selected' : null"> |
|||
<t t-esc="floor.name"/> |
|||
</option> |
|||
</t> |
|||
</select> |
|||
<span style="position: absolute; left: 51px; top: 320px; color: red;">*</span> |
|||
</div> |
|||
<br/> |
|||
<br/> |
|||
<div class="table-details-header pe-2 gap-2"> |
|||
<div id="table_list" > |
|||
<div class="row" id="table_container_row" style="margin-left: 1%;"> |
|||
<t t-foreach="state.tables" t-as="table" t-key="table.id"> |
|||
<t t-set="isSelected" t-value="state.TableList.includes(table.id)"/> |
|||
<div class="card card_table col-sm-2 text-truncate" t-on-click="onSelectTable" t-att-data-id="table.id" |
|||
t-attf-style="background-color: #{isSelected ? 'green' : '#96ccd5'}; padding-right:0; padding-left: 0; margin:3px; width:30%; height: 70px;"> |
|||
<div class="card-body" style="height: 40px;"> |
|||
<span class="select_table_id text-truncate"><t t-esc="table.name"/></span> |
|||
<br/><br/> |
|||
</div> |
|||
</div> |
|||
</t> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<br/> |
|||
<br/> |
|||
<t t-if="env.services.pos.config.has_reservation_charge"> |
|||
<div class="partner-details-header d-flex pe-2 gap-2"> |
|||
<label class="col-form-label" for="amount">Amount</label> |
|||
<input class="detail partner-name form-control form-control-lg" |
|||
style="position: absolute; left:100px; width:75%;" |
|||
t-model="state.BookingAmount" name="amount" |
|||
readonly="1"/> |
|||
</div> |
|||
</t> |
|||
<br/> |
|||
<br/> |
|||
<div class="partner-details-header d-flex pe-2 gap-2"> |
|||
<label class="col-form-label" |
|||
for="order type">Order Type</label> |
|||
<input class="detail partner-name form-control form-control-lg" |
|||
style="position: absolute; left:100px; width:75%;" |
|||
t-model="state.OrderType" name="order type" |
|||
readonly="1"/> |
|||
</div> |
|||
<br/> |
|||
<br/> |
|||
<t t-if="env.services.pos.config.has_lead_time"> |
|||
<div class="partner-details-header d-flex pe-2 gap-2"> |
|||
<label class="col-form-label" for="Lead Time">Lead Time</label> |
|||
<input type='time' |
|||
class="detail lead-time form-control form-control-lg" |
|||
style="position: absolute; left: 100px; width: 75%;" |
|||
t-model="state.time" name="Lead Time" |
|||
t-on-change="onChangeLeadTime"/> |
|||
</div> |
|||
</t> |
|||
<br/> |
|||
<br/> |
|||
</main> |
|||
<footer class="footer modal-footer"> |
|||
<div class="button confirm btn btn-lg btn-primary" |
|||
t-on-click="saveData"> |
|||
Confirm |
|||
</div> |
|||
<div class="button cancel btn btn-lg btn-secondary" |
|||
t-on-click="cancel"> |
|||
Cancel |
|||
</div> |
|||
</footer> |
|||
</div> |
|||
</t> |
|||
</templates> |
|||
@ -0,0 +1,37 @@ |
|||
/** @odoo-module **/ |
|||
import { patch } from "@web/core/utils/patch"; |
|||
import { FloorScreen } from "@pos_restaurant/app/floor_screen/floor_screen"; |
|||
import { jsonrpc } from "@web/core/network/rpc_service"; |
|||
patch(FloorScreen.prototype, { |
|||
async setup() { |
|||
super.setup(...arguments); |
|||
await this.fetchActiveTables(); |
|||
}, |
|||
/** |
|||
For showing reserved tables in pos floor screen |
|||
**/ |
|||
async fetchActiveTables() { |
|||
try { |
|||
var self = this |
|||
const data = await jsonrpc('/active/floor/tables', { 'floor_id': this.activeFloor.id}); |
|||
this.tables = data; |
|||
let reserved_tables = []; |
|||
for (let rec in this.tables) { |
|||
let new_table = this.activeFloor.tables.find(item => item['id'] == this.tables[rec]); |
|||
if (new_table) { |
|||
reserved_tables.push(new_table); |
|||
} |
|||
} |
|||
reserved_tables.forEach(function(record) { |
|||
record.reserved = true; |
|||
}); |
|||
|
|||
} catch (error) { |
|||
console.error('Error fetching active tables:', error); |
|||
} |
|||
}, |
|||
get activeTables() { |
|||
this.fetchActiveTables(); |
|||
return this.activeFloor ? this.activeFloor.tables : null; |
|||
} |
|||
}); |
|||
@ -0,0 +1,10 @@ |
|||
/** @odoo-module */ |
|||
import { patch } from "@web/core/utils/patch"; |
|||
import { ProductScreen } from "@point_of_sale/app/screens/product_screen/product_screen"; |
|||
|
|||
patch(ProductScreen.prototype, { |
|||
// Override the bookTable function for displaying and booking of tables
|
|||
bookTable() { |
|||
this.pos.showScreen("ReservationsScreen"); |
|||
}, |
|||
}); |
|||
@ -0,0 +1,63 @@ |
|||
/** @odoo-module */ |
|||
|
|||
import { registry } from "@web/core/registry"; |
|||
import { Component, onWillStart } from "@odoo/owl"; |
|||
import { useService } from "@web/core/utils/hooks"; |
|||
import { useState } from "@odoo/owl"; |
|||
import { usePos } from "@point_of_sale/app/store/pos_hook"; |
|||
import { _t } from "@web/core/l10n/translation"; |
|||
import { EditBookingPopup } from "@table_reservation_on_website/app/booking_popup/editBookingPopup"; |
|||
import { createBookingPopup } from "@table_reservation_on_website/app/booking_popup/createBookingPopup"; |
|||
|
|||
export class ReservationsScreen extends Component { |
|||
static template = "table_reservation_on_website.ReservationsScreen"; |
|||
setup() { |
|||
super.setup(...arguments); |
|||
this.orm = useService("orm"); |
|||
this.pos = usePos(); |
|||
this.popup = useService("popup"); |
|||
this.state = useState({ |
|||
bookings: [], |
|||
booking_id: [], |
|||
}); |
|||
onWillStart(async () => { |
|||
await this.getReservationList() |
|||
}) |
|||
} |
|||
// Displays reservations in reservation screen
|
|||
async getReservationList() { |
|||
var data = await this.orm.call('table.reservation', 'table_reservations', [[]]) |
|||
this.state.bookings = data |
|||
const posTables = this.env.services.pos.tables_by_id |
|||
} |
|||
// Get reservation details
|
|||
get bookingList() { |
|||
return this.state.bookings || [] |
|||
} |
|||
// Popup for editing reservations
|
|||
async onClickEdit(data) { |
|||
const { confirmed, payload } = await this.popup.add(EditBookingPopup, { |
|||
title: _t("Edit Reservation"), |
|||
data |
|||
}); |
|||
} |
|||
// For cancelling Reservations
|
|||
async onClickCancel(data){ |
|||
var res_id = data['id'] |
|||
await this.orm.call('table.reservation', 'cancel_reservations', [data['id']]) |
|||
if (data.order_name){ |
|||
var order = this.pos.orders.find(order => order.name === data.order_name); |
|||
if(order){ |
|||
this.pos.removeOrder(order); |
|||
} |
|||
} |
|||
location.reload() |
|||
} |
|||
// Popup for creating reservations
|
|||
async createBooking() { |
|||
const { confirmed, payload } = await this.popup.add(createBookingPopup, { |
|||
title: _t("Reserve Table"), |
|||
}); |
|||
} |
|||
} |
|||
registry.category("pos_screens").add("ReservationsScreen", ReservationsScreen); |
|||
@ -0,0 +1,89 @@ |
|||
<?xml version="1.0" encoding="UTF-8"?> |
|||
<templates id="template" xml:space="preserve"> |
|||
<t t-name="table_reservation_on_website.ReservationsScreen" owl="1"> |
|||
<div class="reservation-screen screen h-100 d-flex flex-column bg-100"> |
|||
<div class="top-content d-flex align-items-center p-2 border-bottom text-center"> |
|||
<button class="button new-booking highlight btn btn-lg btn-primary" role="img" |
|||
aria-label="Reserve table" |
|||
t-on-click="createBooking" |
|||
title="Reserve table"> |
|||
<span> Create</span> |
|||
</button> |
|||
<div class="button back btn btn-lg btn-secondary mx-2" |
|||
t-on-click="() => this.pos.showScreen('ProductScreen')"> |
|||
<span> Discard</span> |
|||
</div> |
|||
</div> |
|||
<div class="orders overflow-y-auto flex-grow-1"> |
|||
<div class="header-row d-flex text-bg-700 fw-bolder"> |
|||
<div class="col wide p-2">Customer</div> |
|||
<div class="col wide p-2">Date</div> |
|||
<div class="col wide p-2">Starts at</div> |
|||
<div class="col wide p-2">Ends at</div> |
|||
<div class="col wide p-2">Floor</div> |
|||
<div class="col wide p-2">Table ID</div> |
|||
<div class="col wide p-2">Booking Amount</div> |
|||
<div class="col wide p-2">Order Type</div> |
|||
<div class="col wide p-2">Lead Time</div> |
|||
<div class="col wide p-2">Details</div> |
|||
<div class="col wide p-2">Cancel</div> |
|||
</div> |
|||
<t t-foreach="bookingList" t-as="res" t-key="res.id"> |
|||
<div class="order-row"> |
|||
<div class="col wide p-2 "> |
|||
<div> |
|||
<t t-esc="res.customer_id[1]"/> |
|||
</div> |
|||
</div> |
|||
<div class="col wide p-2"> |
|||
<div> |
|||
<t t-esc="res.date"/> |
|||
</div> |
|||
</div> |
|||
<div class="col wide p-2"> |
|||
<div> |
|||
<t t-esc="res.starting_at"/> |
|||
</div> |
|||
</div> |
|||
<div class="col wide p-2"> |
|||
<div> |
|||
<t t-esc="res.ending_at"/> |
|||
</div> |
|||
</div> |
|||
<div class="col wide p-2"> |
|||
<div> |
|||
<t t-esc="res.floor_id[1]"/> |
|||
</div> |
|||
</div> |
|||
<div class="col wide p-2"> |
|||
<div> |
|||
<t t-esc="res.booked_tables_ids"/> |
|||
</div> |
|||
</div> |
|||
<div class="col wide p-2"> |
|||
<div> |
|||
<t t-esc="res.booking_amount"/> |
|||
</div> |
|||
</div> |
|||
<div class="col wide p-2"> |
|||
<div> |
|||
<t t-esc="res.type"/> |
|||
</div> |
|||
</div> |
|||
<div class="col wide p-2"> |
|||
<div> |
|||
<t t-esc="res.lead_time"/> |
|||
</div> |
|||
</div> |
|||
<div class="col wide p-2"> |
|||
<button class="edit-partner-button btn btn-light border" t-att-data-id="res.id" t-on-click="() => this.onClickEdit(res)">Edit</button> |
|||
</div> |
|||
<div class="col wide p-2"> |
|||
<button class="delete-partner-button btn btn-light border" t-att-data-id="res.id" t-on-click="() => this.onClickCancel(res)">Cancel</button> |
|||
</div> |
|||
</div> |
|||
</t> |
|||
</div> |
|||
</div> |
|||
</t> |
|||
</templates> |
|||
@ -1,30 +0,0 @@ |
|||
/** @odoo-module **/ |
|||
import { patch } from "@web/core/utils/patch"; |
|||
import { FloorScreen } from "@pos_restaurant/app/floor_screen/floor_screen"; |
|||
import { jsonrpc } from "@web/core/network/rpc_service"; |
|||
patch(FloorScreen.prototype, { |
|||
setup() { |
|||
super.setup(...arguments); |
|||
}, |
|||
/** |
|||
For payment validation in pos |
|||
**/ |
|||
get activeTables() { |
|||
var self = this |
|||
jsonrpc('/active/floor/tables', {'floor_id' : self.activeFloor.id, |
|||
}).then( function(data){ |
|||
self.tables = data |
|||
}); |
|||
let reserved_tables = [] |
|||
for(let rec in self.tables){ |
|||
let new_tables = self.activeFloor.tables.find(item => item['id'] == self.tables[rec]) |
|||
if (new_tables){ |
|||
reserved_tables.push(new_tables) |
|||
} |
|||
} |
|||
reserved_tables.forEach(function(record){ |
|||
record.reserved = true; |
|||
}); |
|||
return self.activeFloor ? self.activeFloor.tables : null; |
|||
} |
|||
}); |
|||
@ -1,18 +0,0 @@ |
|||
/** @odoo-module **/ |
|||
import { _t } from "@web/core/l10n/translation"; |
|||
import { PaymentScreen } from "@point_of_sale/app/screens/payment_screen/payment_screen"; |
|||
import { jsonrpc } from "@web/core/network/rpc_service"; |
|||
import { patch } from "@web/core/utils/patch"; |
|||
import { ConfirmPopup } from "@point_of_sale/app/utils/confirm_popup/confirm_popup"; |
|||
|
|||
patch(PaymentScreen.prototype, { |
|||
/** |
|||
For payment validation in pos |
|||
**/ |
|||
async _finalizeValidation() { |
|||
jsonrpc('/table/reservation/pos',{ |
|||
'table_id': this.currentOrder.tableId |
|||
}).then( function(data){}) |
|||
return super._finalizeValidation() |
|||
} |
|||
}); |
|||
@ -0,0 +1,72 @@ |
|||
/** @odoo-module */ |
|||
import publicWidget from "@web/legacy/js/public/public_widget"; |
|||
|
|||
publicWidget.registry.reservation = publicWidget.Widget.extend({ |
|||
selector: '.container', |
|||
events: { |
|||
'change #date': '_onChangeDate', |
|||
'change #start_time': '_onChangeTime', |
|||
'change #end_time': '_onChangeTime', |
|||
'click .close_btn_alert_modal': '_onClickCloseBtn', |
|||
'click .close_btn_time_alert_modal': '_onClickCloseAlertBtn', |
|||
}, |
|||
// To ensure booking date is a valid one.
|
|||
_onChangeDate: function (ev) { |
|||
var selectedDate = new Date(this.$el.find("#date").val()) |
|||
const currentDate = new Date(); |
|||
if (selectedDate.setHours(0, 0, 0, 0) < currentDate.setHours(0, 0, 0, 0)) { |
|||
this.$el.find("#alert_modal").show(); |
|||
this.$el.find("#date").val('') |
|||
} |
|||
this._onChangeTime() |
|||
}, |
|||
// To close the alert modal if invalid date is chosen.
|
|||
_onClickCloseBtn: function() { |
|||
this.$el.find("#alert_modal").hide(); |
|||
}, |
|||
// Display a modal if invalid start time and end is chosen.
|
|||
_onChangeTime: function() { |
|||
var start_time = this.$el.find("#start_time") |
|||
var end_time = this.$el.find("#end_time") |
|||
let now = new Date(); |
|||
// Get the current time
|
|||
let currentHours = now.getHours().toString().padStart(2, '0'); |
|||
let currentMinutes = now.getMinutes().toString().padStart(2, '0'); |
|||
let currentTime = `${currentHours}:${currentMinutes}`; |
|||
// Get the current date
|
|||
const currentDate = new Date(); |
|||
const year = currentDate.getFullYear(); |
|||
const month = String(currentDate.getMonth() + 1).padStart(2, '0'); // Months are zero-based
|
|||
const day = String(currentDate.getDate()).padStart(2, '0'); |
|||
// Format the date as YYYY-MM-DD
|
|||
const formattedDate = `${year}-${month}-${day}`; |
|||
if (start_time.val() && end_time.val()) { |
|||
if (start_time.val() > end_time.val()) { |
|||
this.$el.find("#time_alert_modal").show() |
|||
start_time.val('') |
|||
end_time.val('') |
|||
} |
|||
} |
|||
if (start_time.val() && end_time.val() && (start_time.val() == end_time.val())) { |
|||
this.$el.find("#time_alert_modal").show() |
|||
start_time.val('') |
|||
end_time.val('') |
|||
} |
|||
if (formattedDate == this.$el.find("#date").val()){ |
|||
if (start_time.val() && start_time.val() < currentTime) { |
|||
this.$el.find("#time_alert_modal").show() |
|||
start_time.val('') |
|||
end_time.val('') |
|||
} |
|||
if (end_time.val() && end_time.val() < currentTime) { |
|||
this.$el.find("#time_alert_modal").show() |
|||
start_time.val('') |
|||
end_time.val('') |
|||
} |
|||
} |
|||
}, |
|||
// To close the alert modal if invalid booking start and end time is chosen.
|
|||
_onClickCloseAlertBtn: function() { |
|||
this.$el.find("#time_alert_modal").hide() |
|||
} |
|||
}); |
|||
Loading…
Reference in new issue