+
+
+
+
+
+ 
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+
+ 
+
+ + Table Reservation on Website
++ We Can Reserve Table Through Website
+ +
+
+
+
+ 
+
+
+ Explore This + Module
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ Overview +
+
+
+
+
+
+
+
+ We can reserve table through website. And also user can choose their
+ table on website. Table, and other information is fetch from point of sale.
+
+
+
+
+ 
+
+
+ + Features +
+
+
+
+
+
+
+
+
+ 
+ Community and Enterprise Support.
+
+
+ Community and Enterprise Support.
+
+
+ Can reserve table from website.
+
+
+ Can reserve table from website.
+
+
+
+ 
+
+
+ Screenshots +
+
+
+
+
+
+
+
+
+
+ 
+
+
+ Reservation Charge
+If we enable "Reservation Charge" we want to pay for + reservation. If we disable "Reservation Charge" there is + no payment for table reservation.
+
+
+ 
+ 
+
+
+ Floors
++ We can add "Amount" for reservation in pos floor.
+
+
+
+ 
+
+ Select Your Date and Time
+
+
+ 
+
+ Select your Floor
+
+
+ 
+
Table Reservation
++ Click the button "Booking Confirm" after selecting the + tables.
+
+
+ 
+
+ Successfully Reserved Template
++ we can we Reserved template while clicking"Booking Confirm".
+
+
+ 
+ 
+
Table Reservation Data
+
+
+
+ 
+
+ Reservation Charge
+
+
+ 
+
+ No Refund Note
++ You can see the no refund note in website if enable "Reservation Charge".
+
+
+ 
+
+ Cart
++ Redirect to Cart page while clicking the button "Booking Confirm".
+
+
+ 
+
+ Payment Page
++ Redirect to Payment page while clicking the button "Process Checkout".
+
+
+ 
+
+ Payment Confirmation
++ Redirect to Payment Confirmation page while clicking the button "Pay Now".
+
+
+ 
+
+ Sale Order
++ In sale order we can see the Table Reservation details.
+
+
+ 
+
+ Table Reservation
+
+
+ 
+
+
+ Pos Restaurant
++ We can't view already reserved tables.
+
+
+
+
+ 
+
+
+ + Related + Products +
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ 
+
+
+ Our Services +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Odoo + Customization
+
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+
+
+ 
+
+
+ + Odoo + Support
+
+
+
+
+ 
+
+
+ + Hire + Odoo + Developer
+
+
+
+
+ 
+
+
+ + Odoo + Integration
+
+
+
+
+
+ 
+
+
+ + Odoo + Migration
+
+
+
+
+ 
+
+
+ + Odoo + Consultancy
+
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+ 
+
+
+ + Odoo + Licensing Consultancy
+
+
+
+
+ 
+
+
+ Our + Industries +
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Trading +
++ Easily procure + and + sell your products
+
+
+
+
+ 
+
+
+ + POS +
++ Easy + configuration + and convivial experience
+
+
+
+
+ 
+
+
+ + Education +
++ A platform for + educational management
+
+
+
+
+ 
+
+
+ + Manufacturing +
++ Plan, track and + schedule your operations
+
+
+
+
+ 
+
+
+ + E-commerce & Website +
++ Mobile + friendly, + awe-inspiring product pages
+
+
+
+
+ 
+
+
+ + Service Management +
++ Keep track of + services and invoice
+
+
+
+
+ 
+
+
+ + Restaurant +
++ Run your bar or + restaurant methodically
+
+
+
+ 
+
+
+ + Hotel Management +
++ An + all-inclusive + hotel management application
+
+
+
+ 
+
+
+ Support +
+
+
+
\ No newline at end of file
diff --git a/table_reservation_on_website/static/img/table.png b/table_reservation_on_website/static/img/table.png
new file mode 100644
index 000000000..4d5e8b9d1
Binary files /dev/null and b/table_reservation_on_website/static/img/table.png differ
diff --git a/table_reservation_on_website/static/src/images/logo.jpg b/table_reservation_on_website/static/src/images/logo.jpg
new file mode 100644
index 000000000..4f970096b
Binary files /dev/null and b/table_reservation_on_website/static/src/images/logo.jpg differ
diff --git a/table_reservation_on_website/static/src/js/FloorScreen.js b/table_reservation_on_website/static/src/js/FloorScreen.js
new file mode 100644
index 000000000..470301526
--- /dev/null
+++ b/table_reservation_on_website/static/src/js/FloorScreen.js
@@ -0,0 +1,46 @@
+/** @odoo-module **/
+import FloorScreen from 'pos_restaurant.FloorScreen';
+import rpc from 'web.rpc';
+import ajax from 'web.ajax';
+import Registries from 'point_of_sale.Registries';
+import models from 'point_of_sale.models';
+/** To load model into pos **/
+models.load_models([{
+ model: 'table.reservation',
+ fields: ['id', 'floor_id', 'booked_tables_ids', 'date', 'starting_at',
+ 'ending_at', 'state'],
+ loaded: function(self, table_reservation) {
+ self.table_reservation = table_reservation;
+ }
+}]);
+const TableFloor = (FloorScreen) =>
+class extends FloorScreen {
+ /**
+ For getting active tables
+ **/
+ get activeTables(){
+ var table_record = []
+ var self = this
+ const now = new Date();
+ const utc530Offset = 330 * 60 * 1000;
+ const timeWithOffset = new Date(now.getTime() + utc530Offset);
+ const formattedTime = timeWithOffset.toISOString().replace('T', ' ').substr(0, 16);
+ const [datePart, timePart] = formattedTime.split(' ');
+ self.activeFloor.tables.forEach(function(table){
+ self.env.pos.table_reservation.forEach(function(record){
+ if(record.floor_id[0] == self.activeFloor.id && record.date == datePart && record.state == "reserved"){
+ if(record.starting_at <= timePart && timePart <= record.ending_at){
+ record.booked_tables_ids.forEach(function(rec){
+ if(rec == table['id']){
+ table_record.push(rec);
+ }
+ });
+ }
+ }
+ });
+ });
+ const updatedData = this.activeFloor.tables.filter(item => !table_record.includes(item["id"]));
+ return updatedData;
+ }
+}
+Registries.Component.extend(FloorScreen, TableFloor);
diff --git a/table_reservation_on_website/static/src/js/PaymentScreen.js b/table_reservation_on_website/static/src/js/PaymentScreen.js
new file mode 100644
index 000000000..96fa12217
--- /dev/null
+++ b/table_reservation_on_website/static/src/js/PaymentScreen.js
@@ -0,0 +1,23 @@
+/** @odoo-module **/
+import PaymentScreen from 'point_of_sale.PaymentScreen';
+import rpc from 'web.rpc';
+import ajax from 'web.ajax';
+import Registries from 'point_of_sale.Registries';
+
+const TableReservation = (PaymentScreen) =>
+class extends PaymentScreen {
+ /**
+ For payment validation in pos
+ **/
+ async _finalizeValidation() {
+ var self = this
+ if (this.currentOrder.table){
+ ajax.jsonRpc('/table/reservation/pos','call',{
+ 'partner_id' : this.currentOrder.changed.client.id,
+ 'table_id': this.currentOrder.table.id,
+ }).then( function(data){});
+ }
+ return super._finalizeValidation()
+ }
+}
+Registries.Component.extend(PaymentScreen, TableReservation);
diff --git a/table_reservation_on_website/static/src/js/reservation_floor.js b/table_reservation_on_website/static/src/js/reservation_floor.js
new file mode 100644
index 000000000..098a134ed
--- /dev/null
+++ b/table_reservation_on_website/static/src/js/reservation_floor.js
@@ -0,0 +1,41 @@
+/** @odoo-module */
+import publicWidget from 'web.public.widget';
+let booked_table = []
+publicWidget.registry.table_reservation_floor = publicWidget.Widget.extend({
+ selector: '#tableContainer',
+ events: {
+ 'click .card_table': '_onTableClick',
+ },
+ /**
+ Select table for reservation
+ **/
+ _onTableClick: function () {
+ var current_div_id = event.target.closest('.card_table')
+ var rate = current_div_id.querySelector('#rate').innerText
+ var count = this.$el.find('#count_table')[0];
+ var amount = this.$el.find('#total_amount')[0];
+ var booked = this.$el.find('#tables_input')[0];
+ var table_count = this.$el.find('#tables_counts')[0];
+ count.innerText = table_count.value
+ if (current_div_id.style.backgroundColor == 'green'){
+ booked_table.splice(booked_table.indexOf(Number(current_div_id.id)), 1);
+ current_div_id.style.backgroundColor = '#96ccd5';
+ count.innerText = Number(count.innerText) - 1;
+ amount.innerText = Number(amount.innerText) - Number(rate)
+ table_count.value = Number(count.innerText);
+ }
+ else{
+ current_div_id.style.backgroundColor = 'green'
+ count.innerText = Number(count.innerText) + 1;
+ booked_table.push(Number(current_div_id.id))
+ table_count.value = Number(count.innerText);
+ if (amount.innerText){
+ amount.innerText = Number(rate) + Number(amount.innerText)
+ }
+ else{
+ amount.innerText = Number(rate)
+ }
+ }
+ booked.value = booked_table
+ },
+});
diff --git a/table_reservation_on_website/static/src/js/table_reservation.js b/table_reservation_on_website/static/src/js/table_reservation.js
new file mode 100644
index 000000000..5b7c2f837
--- /dev/null
+++ b/table_reservation_on_website/static/src/js/table_reservation.js
@@ -0,0 +1,43 @@
+/** @odoo-module */
+import publicWidget from 'web.public.widget';
+import ajax from 'web.ajax';
+publicWidget.registry.table_reservation = publicWidget.Widget.extend({
+ selector: '#restaurant_floors',
+ events: {
+ 'change #floors_rest': '_onFloorChange',
+ 'click .card_table': '_onTableClick',
+ },
+ /**
+ To get all tables belongs to the floor
+ **/
+ _onFloorChange: function () {
+ var floors = this.$el.find("#floors_rest")[0].value;
+ var date = this.$el.find("#date_id").prevObject[0].offsetParent.lastElementChild[1].defaultValue
+ var start = this.$el.find("#start_id").prevObject[0].offsetParent.lastElementChild[2].defaultValue
+ document.getElementById('count_table').innerText = 0;
+ document.getElementById('total_amount').innerText = 0;
+ ajax.jsonRpc("/restaurant/floors/tables", 'call', {
+ 'floors_id' : floors,
+ 'date': date,
+ 'start':start,
+ })
+ .then(function (data) {
+ if(floors == 0){
+ $('#table_container_row').empty();
+ $('#info').hide();
+ }
+ else{
+ $('#table_container_row').empty();
+ $('#info').show();
+ for (let i in data){
+ $('#table_container_row').append('
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+ ' +data[i]['name'] +
+ '
'+ data[i]['seats']+ + '
' + + data[i]['rate'] + + '/Slot
'+ data[i]['seats']+ + '
' + + data[i]['rate'] + + '/Slot
'); + } + } + }); + }, +}); diff --git a/table_reservation_on_website/views/pos_config_views.xml b/table_reservation_on_website/views/pos_config_views.xml new file mode 100644 index 000000000..61a9c2c47 --- /dev/null +++ b/table_reservation_on_website/views/pos_config_views.xml @@ -0,0 +1,32 @@ + +
+
+
+
+
+
+
+
+ Enable to show payment option to pre-booking
+ tables.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+ +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+ +
+
+