+
+
+
+
+ 
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+ 
+
+ + Website Pre Booking
++ This module helps to pre-book the products in website.
+ +
+
+
+
+ 
+
+
+ + Explore This + Module
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Overview +
+
+
+
+
+
+ This module helps to pre-book the products in website.
+
+
+
+
+ 
+
+
+ + Features +
+
+
+
+
+
+
+
+ 
+ Manage the pre-booking orders in the website.
+
+
+ Manage the pre-booking orders in the website.
+
+
+ Track your Pre-bookings.
+
+
+ Track your Pre-bookings.
+
+
+
+ 
+
+
+ + Screenshots +
+
+
+
+
+
+
+
+
+ 
+
+ + Enable option from Product form page. +
++
+
+
+ 
+
+ + Option for pre-booking
+
+
+ 
+
+ + Success message .
+
+
+ 
+
+ + User can view the details in customer portal. +
+
+
+ 
+
+
+ + Pre Booking Orders Portal View. +
+
+
+ 
+
+
+ + Pre Booking Orders Portal View. +
+
+
+ 
+
+ + Pre Booked order. +
+
+
+
+
+ 
+
+
+ + 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/website_pre_booking/static/src/css/prebooking.css b/website_pre_booking/static/src/css/prebooking.css
new file mode 100644
index 000000000..4a4a46563
--- /dev/null
+++ b/website_pre_booking/static/src/css/prebooking.css
@@ -0,0 +1,223 @@
+
+/* CSS */
+.button-40 {
+ background-color: #a31f2bbf;
+ border: 1px solid transparent;
+ box-sizing: border-box;
+ color: #FFFFFF;
+ cursor: pointer;
+ flex: 0 0 auto;
+ font-family: "Inter var",ui-sans-serif,system-ui,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+ font-size: 1.125rem;
+ font-weight: 600;
+ line-height: 1.5rem;
+ padding: .75rem 1.2rem;
+ text-align: center;
+ text-decoration: none #6B7280 solid;
+ text-decoration-thickness: auto;
+ transition-duration: .2s;
+ transition-property: background-color,border-color,color,fill,stroke;
+ transition-timing-function: cubic-bezier(.4, 0, 0.2, 1);
+ user-select: none;
+ -webkit-user-select: none;
+ touch-action: manipulation;
+ width: auto;
+}
+
+.button-40:hover {
+ background-color: #374151;
+}
+
+.button-40:focus {
+ box-shadow: none;
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+}
+
+@media (min-width: 768px) {
+ .button-40 {
+ padding: .75rem 1.5rem;
+ }
+}
+
+
+
+.leaderboard {
+ max-width: 490px;
+ width: 100%;
+ border-radius: 12px;
+
+ header {
+ --start: 15%;
+
+ height: 130px;
+ background-image: repeating-radial-gradient(circle at var(--start), transparent 0%, transparent 10%, rgba(54, 89, 219, .33) 10%, rgba(54, 89, 219, .33) 17%), linear-gradient(to right, #5b7cfa, #3659db);
+ color: #fff;
+ position: relative;
+ border-radius: 12px 12px 0 0;
+ overflow: hidden;
+
+ .leaderboard__title {
+ position: absolute;
+ z-index: 2;
+ top: 50%;
+ right: calc(var(--start) * .75);
+ transform: translateY(-50%);
+ text-transform: uppercase;
+ margin: 0;
+
+ span {
+ display: block;
+ }
+
+ &--top {
+ font-size: 24px;
+ font-weight: 700;
+ letter-spacing: 6.5px;
+ }
+
+ &--bottom {
+ font-size: 13px;
+ font-weight: 500;
+ letter-spacing: 3.55px;
+ opacity: .65;
+ transform: translateY(-2px);
+ }
+ }
+
+ .leaderboard__icon {
+ fill: #fff;
+ opacity: .35;
+ width: 50px;
+ position: absolute;
+ top: 50%;
+ left: var(--start);
+ transform: translate(-50%, -50%);
+ }
+ }
+
+ &__profiles {
+ background-color: #fff;
+ border-radius: 0 0 12px 12px;
+ padding: 15px 15px 20px;
+ display: grid;
+ row-gap: 8px;
+ }
+
+ &__profile {
+ display: grid;
+ grid-template-columns: 1fr 3fr 1fr;
+ align-items: center;
+ padding: 10px 30px 10px 10px;
+ overflow: hidden;
+ border-radius: 10px;
+ box-shadow: 0 5px 7px -1px rgba(51, 51, 51, 0.23);
+ cursor: pointer;
+ transition: transform .25s cubic-bezier(.7,.98,.86,.98), box-shadow .25s cubic-bezier(.7,.98,.86,.98);
+ background-color: #fff;
+
+ &:hover {
+ transform: scale(1.2);
+ box-shadow: 0 9px 47px 11px rgba(51, 51, 51, 0.18);
+ }
+ }
+
+ &__picture {
+ max-width: 100%;
+ width: 60px;
+ border-radius: 50%;
+ box-shadow: 0 0 0 10px #ebeef3, 0 0 0 22px #f3f4f6;
+ }
+
+ &__name {
+ color: #979cb0;
+ font-weight: 600;
+ font-size: 20px;
+ letter-spacing: 0.64px;
+ margin-left: 12px;
+ }
+
+ &__value {
+ color: #35d8ac;
+ font-weight: 700;
+ font-size: 34px;
+ text-align: right;
+
+ & > span {
+ opacity: .8;
+ font-weight: 600;
+ font-size: 13px;
+ margin-left: 3px;
+ }
+ }
+}
+
+
+
+
+// bare minimuu styles
+
+body {
+ margin: 0;
+ background-color: #eaeaea;
+ display: grid;
+ height: 100vh;
+ place-items: center;
+ font-family: 'Source Sans Pro', sans-serif;
+}
+
+.leaderboard {
+ box-shadow: 0 0 40px -10px rgba(0, 0, 0, .4);
+}
+
+.o_image {
+ height:122px;
+ width:81px;
+}
+
+body{
+ background: #f2f2f2;
+ font-family: 'Open Sans', sans-serif;
+}
+
+.search {
+ width: 100%;
+ position: relative;
+ display: flex;
+}
+
+.searchTerm {
+ width: 100%;
+ border: 3px solid #00B4CC;
+ border-right: none;
+ padding: 5px;
+ height: 36px;
+ border-radius: 5px 0 0 5px;
+ outline: none;
+ color: #000000;
+}
+
+.searchTerm:focus{
+ color: #000000;
+}
+
+.searchButton {
+ width: 40px;
+ height: 36px;
+ border: 1px solid #00B4CC;
+ background: #00B4CC;
+ text-align: center;
+ color: #fff;
+ border-radius: 0 5px 5px 0;
+ cursor: pointer;
+ font-size: 20px;
+}
+
+/*Resize the wrap to see the search bar change!*/
+.wrap{
+ width: 19%;
+ position: absolute;
+ top: 30%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+}
\ No newline at end of file
diff --git a/website_pre_booking/static/src/js/pre_booking.js b/website_pre_booking/static/src/js/pre_booking.js
new file mode 100644
index 000000000..99f0f53e7
--- /dev/null
+++ b/website_pre_booking/static/src/js/pre_booking.js
@@ -0,0 +1,25 @@
+/** @odoo-module **/
+
+import publicWidget from 'web.public.widget';
+
+publicWidget.registry.WebsiteSalePrebooking = publicWidget.Widget.extend({
+ selector: '#product_detail',
+ events:{
+ 'click .pre_booking': '_preBooking',
+ },
+
+
+ _preBooking: function (ev) {
+ let pre_max_qty = parseFloat($(ev.currentTarget).data('id'));
+ let add_qty_value = parseFloat($('.quantity').val());
+ if (!isNaN(pre_max_qty) && !isNaN(add_qty_value)) {
+ if (pre_max_qty >= add_qty_value) {
+ window.location = $(ev.currentTarget).val()+'&prod_qty='+add_qty_value
+ } else {
+ window.location = '/sale/fail';
+ }
+ }
+ }
+
+});
+
diff --git a/website_pre_booking/views/portal_views.xml b/website_pre_booking/views/portal_views.xml
new file mode 100644
index 000000000..cf06be28b
--- /dev/null
+++ b/website_pre_booking/views/portal_views.xml
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Prebooking (
+
+
+
+ + Sorry Your entry exceeds the maximum value. +
+
+
+
+ + Create! +
++ Create! +
+
+
+
+
+
+
+
+