+
+
+
+
+
+ 
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+ 
+
+ + Customize Signup
++ This Module Helps Customize the Signup Page with Extra Information. +
+ +
+
+
+
+ 
+
+
+ Explore This Module
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ Overview
+
+
+
+
+
+
+ This Odoo Application Improves the Signup Page by Enabling Customization with Additional Information, Enhancing
+ Convenience. If this Feature is Unnecessary, it can be Effortlessly Hidden using the "Hide Information" button.
+
+
+
+
+ 
+
+
+ Features
+
+
+
+
+
+
+
+
+ 
+ Customize Signup With Extra Information.
+
+
+ Customize Signup With Extra Information.
+
+
+ Button to Show the Extra Information.
+
+
+ Button to Show the Extra Information.
+
+
+ Button to Hide the Extra Information.
+
+
+ Button to Hide the Extra Information.
+
+
+
+ The Additional Information will be Included within the Related Partner Profile of the Signed-up User.
+
+
+
+ The Additional Information will be Included within the Related Partner Profile of the Signed-up User.
+
+
+
+ 
+
+
+ Screenshots
+
+
+
+
+
+
+
+
+ 
+
+ To Enable Customers Sign up in to Odoo, go to Settings -> General Settings -> Customer Account and Select Free sign up +
+
+
+ 
+
+ On the Signup Page, you can Input Extra Information + by Selecting 'Extra Information' button. +
+
+
+ 
+
+ + Clicking the button will Reveal more Fields where you can Add Information. Additionally, a button has been Included to Hide this Information. +
+
+
+ 
+
+ After Clicking the 'Hide Information' button, + Extra Fields are Hidden.
+
+
+ 
+
+ After signup, a New User is created with the Related Partner of that Particular User.
+
+
+ 
+
+ Information Added at the time of Signup will be Stored.
+
+
+
+
+ 
+
+
+ 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/customize_signup/static/src/css/signup.css b/customize_signup/static/src/css/signup.css
new file mode 100644
index 000000000..11e9b84d0
--- /dev/null
+++ b/customize_signup/static/src/css/signup.css
@@ -0,0 +1,15 @@
+.information {
+ display: none;
+}
+#info {
+ margin-left: 0px;
+}
+#hide_info {
+ display:none;
+}
+.field-city {
+ margin-top: 10px;
+}
+.field-job-position{
+ margin-top: -15px;
+}
diff --git a/customize_signup/static/src/js/signup.js b/customize_signup/static/src/js/signup.js
new file mode 100644
index 000000000..b239ffc57
--- /dev/null
+++ b/customize_signup/static/src/js/signup.js
@@ -0,0 +1,88 @@
+odoo.define('customize_signup.signup', function (require) {
+'use strict';
+var publicWidget = require('web.public.widget');
+const { _t } = require("web.core");
+const Dialog = require("web.Dialog");
+// Define a new widget named 'SignUpForm' that extends the 'publicWidget.Widget' class
+publicWidget.registry.SignUpForm = publicWidget.Widget.extend({
+ selector: '.oe_signup_form',
+ events: {
+ 'click #info': '_extraInfo',
+ 'click #hide_info': '_hideInfo',
+ 'click .btn-primary':'_signupBtn',
+ "input #phone": "validateNumber",
+ 'change #file': 'validateImageFile',
+ },
+ // This method is used to store the information in the local storage
+ start: function(){
+ if (localStorage.getItem('city')){
+ this.$el.find('#city').val(localStorage.getItem('city'))
+ }
+ this.$el.find('#job_position').val(localStorage.getItem('job_position'))
+ this.$el.find('#phone').val(localStorage.getItem('phone'))
+ this.$el.find('#country').val(localStorage.getItem('country'))
+ },
+ // Removes stored data from local storage related to user sign-up information.
+ _signupBtn:function (){
+ localStorage.removeItem('city')
+ localStorage.removeItem('job_position')
+ localStorage.removeItem('phone')
+ localStorage.removeItem('country');
+ },
+ // This method is used to show the extra information given in the signup form
+ _extraInfo: function () {
+ this.$el.find("#data").toggle();
+ if (info.style.display == 'none') {
+ info.style.display = 'block';
+ } else {
+ info.style.display = 'none';
+ hide_info.style.display = 'block';
+ }
+ },
+ // This method is used to hide the extra information given in the signup form
+ _hideInfo: function () {
+ this.$el.find("#data").toggle();
+ if (hide_info.style.display == 'none') {
+ hide_info.style.display = 'block';
+ } else {
+ hide_info.style.display = 'none';
+ info.style.marginLeft= '0px', info.style.display = 'block';
+ }
+ },
+ // This method is used to validate phone number field given in the signup form.
+ validateNumber: function (ev) {
+ const input = this.$(ev.currentTarget);
+ const inputValue = input.val();
+ if (inputValue.length > 0) {
+ if (!/^\d+$/.test(inputValue)) {
+ input.val(''); // Clear the field
+ return new Dialog(null, {
+ title: "Error:",
+ size: "medium",
+ $content: `
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+ ${_.str.escapeHTML("Enter Valid Number ") || ""}
`, + buttons: [{ text: _t("Ok"), close: true }], + }).open(); + } + } + return; + }, + // This method is used to validate the image given in the signup form. + validateImageFile: function (ev) { + const fileInput = this.$(ev.currentTarget); + const file = fileInput[0].files[0]; + if (file) { + const allowedExtensions = /(\.jpg|\.jpeg|\.png|\.gif)$/i; + if (!allowedExtensions.exec(file.name)) { + fileInput.val(''); // Clear the file input + return new Dialog(null, { + title: 'Error:', + size: 'medium', + $content: 'Enter a valid image file (JPEG, JPG, PNG, GIF).
', + buttons: [{ text: 'Ok', close: true }], + }).open(); + } + } + return; + } +}); +}); diff --git a/customize_signup/views/signup_templates.xml b/customize_signup/views/signup_templates.xml new file mode 100644 index 000000000..a18fd79b8 --- /dev/null +++ b/customize_signup/views/signup_templates.xml @@ -0,0 +1,69 @@ + +
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+ +
+
+
+
+