+
+
+ Seat Number
+
+
+
+
+
+ Seat Number
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+ .gif)
+
+ + Event Seat Booking +
++ The Module Used to Book Seats for the Event
+ +
+
+
+
+ 
+
+
+ + Explore This + Module
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Overview +
+
+
+
+
+
+
+This module helps you to book seminars, conferences, appointments and
+conventions. The event managers can add different types of tickets and screams
+in the backend of any event. The event manager can arrange the seat as per
+the needs, and they can know the name of every participant and full details.
+You can add the event questionnaire before attending the event and the event
+manager can switch the seat before the confirmation.The attached have to
+select just the seat with the total price.After that registration and last is
+payment.
+
+
+
+
+ 
+
+
+ + Features +
+
+
+
+
+
+
+
+
+ 
+ Community &
+ Enterprise Support.
+
+
+
+ Community &
+ Enterprise Support.
+
+
+ Easy to manage online event ticket seat booking.
+
+
+
+
+ Easy to manage online event ticket seat booking.
+
+
+
+ The admin can arrange the seat as per the event. .
+
+
+
+ The admin can arrange the seat as per the event. .
+
+
+
+ You can generate full page ticket report & foldable badge report.
+
+
+
+
+
+ You can generate full page ticket report & foldable badge report.
+
+
+
+
+
+ 
+
+
+ + Screenshots +
+
+
+
+
+
+
+
+
+ 
+
+
+ + Event Creation. +
++ After Install the Module + Go to Event module -> Select an Event -> + -> + Inside that Event we can see the 'Open Seat Arrangement' list view icon to the Ticket page. + Click that button you can arrange the Event Seat. +
+
+
+ 
+
+
+ + Event Seat Arrangement. +
++ Inside this model, you can arrange the event seats according to your needs.
+
+
+ 
+
+
+ + After Seat Arrangement. +
++ After the Seat Arrangement enable the 'Is Seat Booking' Boolean field + to enable the booking through Website. +
+
+
+ 
+
+
+ + Website View. +
++ Click the "Seat Booking" Option to view the Seat Arrangement +
+
+
+ 
+
+ + Event Seat Booking View. +
+
+
+ 
+
+ + Select the seats you want to book and Click on the "Register" Button. +
+
+
+ 
+
+ + After that, it open a wizard and enter the attendees details and then Click the "Continue" Button. +
+
+
+ 
+
+ + Select the payment method and press the "Pay Now " button. +
+
+
+ 
+
+ + Booked Seats are marked with red color, if payment is not done then the seat will not be marked as booked. +
+
+
+ 
+
+ + Now go to the event Backend and click on the Attendees Button to see the attendee's detail. +
+
+
+ 
+
+ + The Seat No details will be shown in tree view. +
+
+
+ 
+
+ + The Seat No details will be shown in form view. +
+
+
+ 
+
+ + You can print full page ticket from Print. +
+
+
+ 
+
+ + Full page Ticket. +
+
+
+ 
+
+ + You can print foldable page ticket from Print. +
+
+
+ 
+
+ + Foldable page Ticket +
+
+
+
+
+ 
+
+
+ + 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/event_seat_booking/static/src/css/template.css b/event_seat_booking/static/src/css/template.css
new file mode 100644
index 000000000..158a95f21
--- /dev/null
+++ b/event_seat_booking/static/src/css/template.css
@@ -0,0 +1,73 @@
+.event_seat_arrangemet{
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: normal;
+ width:100%;
+}
+.separate-event{
+ width: 0%;
+}
+/*.seats-row {
+ text-align: center;
+ justify-content: center;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ }*/
+ .seats-column{
+ display: flex;
+ gap: 5px;
+ }
+ .seat-button {
+ width: 30px;
+ height: 30px;
+ border: 1px solid #000;
+ color: white;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ cursor: pointer;
+ margin: 6px;
+ }
+ .row-button {
+ width: 30px;
+ height: 30px;
+ border: 1px solid #000;
+ background-color: gray;
+ color: white;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin: 6px;
+ }
+ .seat-button.selected {
+ background-color: pink;
+ }
+ .print-clean {
+ border: none;
+ background: transparent;
+ }
+ .event-button {
+ width: 30px;
+ height: 30px;
+ border: 1px solid #000;
+ color: white;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+.VIP {
+ background-color: darksalmon;
+}
+
+.Standard {
+ background-color: #b9dea0;
+}
+
+.Free {
+ background-color: #3a78c3;
+}
+.confirmed-seat {
+ background-color: brown;
+}
diff --git a/event_seat_booking/static/src/js/register.js b/event_seat_booking/static/src/js/register.js
new file mode 100644
index 000000000..0ad453460
--- /dev/null
+++ b/event_seat_booking/static/src/js/register.js
@@ -0,0 +1,81 @@
+odoo.define('event_seat_booking.register', function (require) {
+ 'use strict';
+
+ var core = require('web.core');
+ var event = require('website_event.website_event');
+ var _t = core._t;
+ var ajax = require('web.ajax');
+
+ event.include({
+ init: function () {
+ this._super.apply(this, arguments); // Call the parent's init method if needed
+ },
+ //Handles the click event on the registration form, processes the form data, and makes an AJAX request
+ // to submit the form. It also includes additional logic for seat booking.
+ on_click: function (ev) {
+ ev.preventDefault();
+ ev.stopPropagation();
+ var $form = $(ev.currentTarget).closest('form');
+ var $target = $(ev.currentTarget);
+ var $button = $(ev.currentTarget).closest('[type="submit"]');
+ var post = {};
+ $('#registration_form table').siblings('.alert').remove();
+ $('#registration_form select').each(function () {
+ post[$(this).attr('name')] = $(this).val();
+ console.log(post,"VALUES")
+ });
+ var tickets_ordered = _.some(_.map(post, function (value, key) { return parseInt(value); }));
+ if (!tickets_ordered) {
+ $('')
+ .text(_t('Please select at least one ticket.'))
+ .insertAfter('#registration_form table');
+ return new Promise(function () {});
+ } else {
+ var uniqueId = $('#unique_column_id').val();
+ if (!uniqueId) {
+ this._super(ev);
+ return;
+ }
+
+ var columnNumbers = $('#col_number_id').val(); //
+ var rowNumbers = $('#row_number_id').val();
+
+ var colNumbers = columnNumbers.match(/C(\d+)/g).map(e => e.substring(1)); // ['2', '3']
+ var rowNumbersExtracted = rowNumbers.match(/R(\d+)/g).map(e => e.substring(1)); // ['4', '4']
+
+ post['unique_id'] = uniqueId;
+ post['row_no'] = rowNumbersExtracted;
+ post['column_no'] = colNumbers;
+
+ var colNumbers = columnNumbers.match(/C(\d+)/g).map(e => e.substring(1)); // ['2', '3']
+ var rowNumbersExtracted = rowNumbers.match(/R(\d+)/g).map(e => e.substring(1)); // ['4', '4']
+ $button.attr('disabled', true);
+ var action = $form.data('action') || $form.attr('action');
+ return ajax.jsonRpc(action, 'call', post).then(function (modal) {
+ var $modal = $(modal);
+ $modal.find('.modal-body > div').removeClass('container'); // retrocompatibility - REMOVE ME in master / saas-19
+ const hidden_div = $modal.find('.ticket_essentials')[0]
+ const $hiddenDiv = $(hidden_div);
+ const rowNumberInput = $hiddenDiv.find('input[name="row_number"]')[0];
+ const columnNumberInput = $hiddenDiv.find('input[name="column_number"]')[0];
+ const uniqueIdInput = $hiddenDiv.find('input[name="unique_id"]')[0];
+
+ $modal.appendTo(document.body);
+ const modalBS = new Modal($modal[0], {backdrop: 'static', keyboard: false});
+ modalBS.show();
+ $modal.appendTo('body').modal('show');
+ $modal.on('click', '.js_goto_event', function () {
+ $modal.modal('hide');
+ $button.prop('disabled', false);
+ });
+ $modal.on('click', '.btn-close', function () {
+ $button.prop('disabled', false);
+ });
+ });
+ }
+ },
+
+ });
+});
+
+
diff --git a/event_seat_booking/static/src/js/templates.js b/event_seat_booking/static/src/js/templates.js
new file mode 100644
index 000000000..aec9a34bc
--- /dev/null
+++ b/event_seat_booking/static/src/js/templates.js
@@ -0,0 +1,140 @@
+odoo.define('event_seat_booking.templates', function (require) {
+ 'use strict';
+ var publicWidget = require('web.public.widget');
+ var ajax = require('web.ajax');
+ var core = require('web.core');
+ var _t = core._t;
+
+ publicWidget.registry.SeatBooking = publicWidget.Widget.extend({
+ selector: '.main',
+ events: {
+ 'click .seat-button': '_onSeatClick',
+ },
+ init: function () {
+ this._super.apply(this, arguments);
+ this.selectedSeats = [];
+ this.seatCount = 0;
+ this.totalPrice = 0;
+ this.eventPrices = {}; // Dictionary to store event prices
+ this.seatInformation = {};
+ },
+ //Seat onClick
+ _onSeatClick: function (ev) {
+ const seatButton = document.querySelector('.seat-button');
+ const eventId = seatButton.getAttribute('data-event-id');
+ var $target = $(ev.currentTarget);
+ var ticketId = $target.data('event-id');
+ var uniqueId = $target.data('seat-id');
+ var seatCount = $target.hasClass('selected') ? 0 : 0;
+ // Update the seat count for the ticket ID in the object
+ this.eventPrices[ticketId] = (this.eventPrices[ticketId] || 0) + seatCount;
+ var seatCount = 0;
+ var rowNumber = $target.closest('.seats-column').find('.row-button').text().trim();
+ var seatNumber = $target.text().trim();
+ var eventName = $target.data('event-name');
+ var eventPrice = parseFloat($target.data('event-price'));
+ var selectedSeats = [];
+ // Check if eventPrice is NaN (zero) and handle accordingly
+ if (isNaN(eventPrice)) {
+ eventPrice = 0;
+ }
+ //if reserved seat show alert
+
+ if ($target.hasClass('reserved-seat')) {
+ alert('This seat is already booked. Please choose another seat.');
+
+ return; // Do nothing if the seat is confirmed
+ }
+ // Toggle the "selected" class on the seat-button
+ $target.toggleClass('selected');
+ // Show or hide the seat information in the selected-seats div based on the selected state
+ var seatInfo = eventName + ' Seat' + '#' + 'R' + rowNumber + 'S' + seatNumber + ':' + eventPrice + "
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+ " ; + var SeatID = 'Row' + rowNumber + 'Column' + seatNumber + var uniqueRowKey = uniqueId + 'R' + rowNumber; + var uniqueColumnKey = uniqueId + 'C' + seatNumber + if ($target.hasClass('selected')) { + // Add the uniqueId to the text input field + var currentValue = this.$('#unique_column_id').val(); + var newValue = currentValue ? currentValue + ',' + uniqueId : uniqueId; + this.$('#unique_column_id').val(newValue); + // Add the uniqueRowKey to the row_number_id input field + var currentRowNumberValue = this.$('#row_number_id').val(); + var newRowNumberValue = currentRowNumberValue ? currentRowNumberValue + ',' + uniqueRowKey : uniqueRowKey; + this.$('#row_number_id').val(newRowNumberValue); + // Add the seatNumber to the col_number_id input field + var currentColNumberValue = this.$('#col_number_id').val(); + var newColNumberValue = currentColNumberValue ? currentColNumberValue + ',' + uniqueColumnKey : uniqueColumnKey; + this.$('#col_number_id').val(newColNumberValue); + this.seatCount += $target.hasClass('selected') ? 1 : 0; + this.eventPrices[ticketId] = (this.eventPrices[ticketId] || 0) + 1; + + $('.seat-count').html(this.seatCount); + this.totalPrice += $target.hasClass('selected') ? eventPrice : -eventPrice; + $('.total').html(this.totalPrice); + var seatDetail = $('
').addClass('seat-detail');
+ seatDetail.append(seatInfo);
+ $('.selected-seats').append(seatDetail);
+ }
+ else {
+ // Handle the case where the seat is deselected
+ var currentValue = $('#unique_column_id').val();
+ var newValue = currentValue.split(',').filter(function(value) {
+ return value !== uniqueId;
+ }).join(',');
+ $('#unique_column_id').val(newValue)
+
+ // Remove the seatNumber from the col_number_id input field
+ var currentColNumberValue = $('#col_number_id').val();
+ var newColNumberValue = currentColNumberValue.split(',').filter(function(value) {
+ return value !== uniqueColumnKey;
+ }).join(',');
+ $('#col_number_id').val(newColNumberValue);
+
+ // Remove the uniqueRowKey from the row_number_id input field
+ var currentRowNumberValue = $('#row_number_id').val();
+ var newRowNumberValue = currentRowNumberValue.split(',').filter(function(value) {
+ return value !== uniqueRowKey;
+ }).join(',');
+ $('#row_number_id').val(newRowNumberValue);
+
+ this.seatCount += $target.hasClass('selected') ? 0 : -1;
+ this.eventPrices[ticketId] = (this.eventPrices[ticketId] || 0) + -1;
+ $('.seat-count').html(this.seatCount);
+ this.totalPrice -= eventPrice;
+ $('.total').html(this.totalPrice);
+ var seatToRemove = $('.seat-detail').eq(rowNumber - 1);
+ seatToRemove.remove();
+ }
+ if (this.seatCount === 0) {
+ $('.seat-detail').html('');
+
+ }
+ // Collect selected seat numbers
+ this.$('.seat-button.selected').each(function () {
+ var rowNumber = $(this).closest('.seats-column').find('.row-button').text();
+ var seatNumber = $(this).text();
+ selectedSeats.push("R" + rowNumber.trim() + "S" + seatNumber.trim() );
+ });
+
+ // Attach selected seat numbers to the register button
+ $('#all_selected-seats').html(selectedSeats.join(', '));
+ console.log(this.$('#all_selected-seats'),"the seats")
+ var $nearestSelect = $target.closest('.separate-event').find('#selected_seats_input'); // Find the parent select tag
+ console.log($nearestSelect,34432432)
+ $nearestSelect.empty();
+ for (var id in this.eventPrices) {
+ if (this.eventPrices.hasOwnProperty(id)) {
+ var optionValue = id; // Use the ticket ID as the option value
+ var optionText = optionValue + ': ' + this.eventPrices[id];
+ $nearestSelect.append($('