+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+ + Age Verification in Website Login
++ This Module Acts as a Gate,Allowing Only Users Over the + Specified Age Range to Access the Platform.
+ +
+
+
+
+ 
+
+
+ + Explore This + Module
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Overview +
+
+
+
+
+
+
+ This module functions as a gate, permitting only users who fall within
+ the specified age range to access the platform. It also provides the
+ option to include a message for users unable to log in due to age
+ verification within the Website Login process.
+
+
+
+
+ 
+
+
+ + Features +
+
+
+
+
+
+
+
+
+ 
+ Community and Enterprise Support
+
+
+ Community and Enterprise Support
+
+
+ Allowing Users Over the Specified age range
+to access the platform
+
+
+ Allowing Users Over the Specified age range
+to access the platform
+
+
+ Access denied messages will be displayed
+
+
+ Access denied messages will be displayed
+
+
+
+ 
+
+
+ + Screenshots +
+
+
+
+
+
+
+
+
+ 
+
+ + Website -> Settings -> choose "Free sigh up"
+
+
+ 
+
+ + Then login and create a new account
+
+
+ 
+
+ + A pop-up window for age verification will appear.
++ There will be a pop-up window to confirm your age.
+
+
+ 
+
+ + If a user cannot access the website, a message will be + displayed.
++ The user will see a message if they are not permitted to access + the website.
+
+
+
+
+ 
+
+
+ + 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 +
+
+
+
diff --git a/age_verification_odoo/static/src/css/age_form.css b/age_verification_odoo/static/src/css/age_form.css
new file mode 100644
index 000000000..496a3ee7d
--- /dev/null
+++ b/age_verification_odoo/static/src/css/age_form.css
@@ -0,0 +1,136 @@
+body {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ font-family: 'Montserrat', sans-serif;
+}
+.dialog-box{
+
+ max-width: 700px;
+}
+.modal-img {
+text-align: center;
+}
+.verify {
+ text-align: center;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.modal-img img{
+width: 100%;
+height: auto;
+}
+.right-content {
+ padding: 1rem;
+ height: 400px;
+ text-align: center;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+}
+.right-content h2 {
+ text-align: center;
+ font-weight: 700;
+ text-transform: uppercase;
+ color: #009045;
+}
+.right-content span{
+ font-weight: 600;
+ margin-bottom: 12px;
+}
+SELECT {
+ padding: 5px;
+ padding-right: 50px;
+}
+.form-container{
+ padding: 0px;
+}
+ .conform-btn{
+ margin-top: 40px;
+ display: flex;
+ justify-content: center;
+ }
+ .year-picker{
+ display: flex;
+ justify-content: space-between;
+ }
+ .age-verify .btn{
+ padding: 8px 24px;
+ width: 48%;
+ }
+ .btn-submit {
+ color: #FFFFFF;
+ background-color: #35979c;
+ border-color: #35979c;
+ border-radius: 4px;
+ margin-bottom: 16px;
+}
+.btn-submit:hover {
+ color: #FFFFFF;
+ background-color: #35979c;
+ border-color: #35979c;
+}
+.btn-submit:not(:disabled):not(.disabled).active, .btn-submit:not(:disabled):not(.disabled):active, .show>.btn-submit.dropdown-toggle {
+ color: #fff;
+ background-color: #009045 ;
+ border-color: #009045;
+}
+.btn-submit:not(:disabled):not(.disabled).active:focus, .btn-submit:not(:disabled):not(.disabled):active:focus, .show>.btn-submit.dropdown-toggle:focus {
+ box-shadow: 0 0 0 .2rem #00904658;
+}
+@media(max-width:992px){
+
+ .modal-img img {
+ width: 40%;
+ }
+}
+@media(max-width:500px){
+ SELECT {
+ padding: 5px;
+ padding-right: 30px;
+ }
+ .terms-condition label {
+ font-size: 12px;
+ }
+ .right-content h2 {
+
+ font-size: 24px;
+ }
+ .right-content span {
+ font-size: 14px;
+ }
+ .right-content p{
+ font-size: 14px;
+ }
+}
+@media(max-width:375px){
+ SELECT {
+ padding: 5px;
+ padding-right: 12px;
+ }
+}
+@media(max-width:285px){
+ .terms-condition label {
+ font-size: 9px;
+ }
+}
+.age-verify {
+ top:0;
+ position: absolute;
+ height: 100%;
+ width: 100%;
+ background-color: #1e0c0cc7 !important;
+ z-index: 9999;
+ overflow: hidden;
+ padding: 40px;
+ box-sizing: border-box;
+ box-shadow: 0 20px 60px rgba(#000,0.2);
+}
+#start {
+ width: 250px;
+ margin-left: 70px;
+}
+.access_message {
+ color: #ff0000;
+}
diff --git a/age_verification_odoo/static/src/image/check-mark.png b/age_verification_odoo/static/src/image/check-mark.png
new file mode 100644
index 000000000..6aa84d911
Binary files /dev/null and b/age_verification_odoo/static/src/image/check-mark.png differ
diff --git a/age_verification_odoo/static/src/js/age_verification.js b/age_verification_odoo/static/src/js/age_verification.js
new file mode 100644
index 000000000..4931e2384
--- /dev/null
+++ b/age_verification_odoo/static/src/js/age_verification.js
@@ -0,0 +1,43 @@
+odoo.define('age_verification_odoo.verification', function(require) {
+ "use strict";
+ /**
+ * Age Verification Widget for Odoo Website.
+ *
+ * This widget handles the age verification process for users trying to sign up on the Odoo website.
+ * It displays a modal asking users to confirm their date of birth and checks if the user is at least
+ * 18 years old. If the user is 18 or older, the sign-up form is enabled; otherwise, an access
+ * denied message is shown.
+ */
+ var publicWidget = require('web.public.widget');
+ publicWidget.registry.age_verification = publicWidget.Widget.extend({
+ selector: ".oe_website_login_container",
+ events: {
+ 'click #age_confirmed': 'onClickAgeConfirm',
+ },
+ start: function() {
+ this._super.apply(this, arguments);
+ this._showAgeVerificationModal();
+ },
+ _showAgeVerificationModal: function () {
+ var emailField = $('#signup_form input[name="login"]').val();
+ var passwordField = $('#signup_form input[name="password"]').val();
+ if (emailField) {
+ this.$el.find('.age-verify').hide();
+ }
+ },
+ onClickAgeConfirm: function(e) {
+ var date = this.$el.find('#start').val();
+ var dob = new Date(date);
+ var currentDate = new Date();
+ var timeDiff = currentDate.getTime() - dob.getTime();
+ var age = Math.floor(timeDiff / (1000 * 60 * 60 * 24 * 365.25));
+ if (age >= 18) {
+ this.$el.find('.age-verify').hide();
+ this.$el.find('.oe_signup_form :input').prop('disabled', false);
+ sessionStorage.setItem('ageVerified', true);
+ } else {
+ this.$el.find('.access_message').removeClass('d-none');
+ }
+ },
+ });
+});
diff --git a/age_verification_odoo/views/website_layout_templates.xml b/age_verification_odoo/views/website_layout_templates.xml
new file mode 100644
index 000000000..1b96de6d0
--- /dev/null
+++ b/age_verification_odoo/views/website_layout_templates.xml
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ Age Verification
+Please confirm your age...
+ You must be 18 or over to access this + website, else you have to exit + +Please enter Your Date of Birth
+ +
+
+
+
+