+
+
+
+
+
+
+
diff --git a/customize_signup/static/src/css/customize_signup.css b/customize_signup/static/src/css/customize_signup.css
new file mode 100644
index 000000000..7a19c6520
--- /dev/null
+++ b/customize_signup/static/src/css/customize_signup.css
@@ -0,0 +1,10 @@
+.information {
+ display: none;
+}
+#info {
+ margin-left: 76px;
+}
+#hide_info {
+ display:none;
+ margin-left: -43px;
+}
diff --git a/customize_signup/static/src/js/SignUpForm.js b/customize_signup/static/src/js/SignUpForm.js
new file mode 100644
index 000000000..d618c9843
--- /dev/null
+++ b/customize_signup/static/src/js/SignUpForm.js
@@ -0,0 +1,98 @@
+/** @odoo-module **/
+import publicWidget from "@web/legacy/js/public/public_widget";
+import { Dialog } from "@web/core/dialog/dialog";
+import { _t } from "@web/core/l10n/translation";
+
+
+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
+ */
+ init() {
+ this._super.apply(this, arguments);
+ this.notification = this.bindService("notification");
+ },
+ 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 localStorage related to user signup 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= '-37px', 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
+ this.notification.add(_t("Enter a valid number"), { type: 'danger', });
+ }
+ }
+ return;
+ },
+ /**
+ * this method is used to validate File field 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('');
+ this.notification.add(_t("Enter a valid image file"), { type: 'danger', });
+ }
+ }
+ return;
+ }
+});
diff --git a/customize_signup/views/signup_template.xml b/customize_signup/views/signup_template.xml
new file mode 100644
index 000000000..d2780e34e
--- /dev/null
+++ b/customize_signup/views/signup_template.xml
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + This odoo app is helpful if you need to customize the signup page with extra information. +
+Customize Signup +
+
+ 
+
+
+
+
+ 
+ Email Us
+
+
+ 
+ Skype Us
+
+
+
+ Email Us
+
+
+
+ Skype Us
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ Key + Highlights
+
+
+
+
+
+ 
+
+
+ + Customize Signup With Extra Information. +
++
+
+
+
+
+
+
+
+
+ + Button to Show the Extra Information +
++
+
+
+
+
+
+
+
+
+ + Button to Hide the Extra Information +
++
+
+
+
+
+
+
+
+
+ + The Extra Information will be Created Inside the Related Partner of the Signup User. +
++
+
+
+
+
+
+
+
+
+ Customize Signup
+
+ Are you ready to make your business more
+ organized?
+
+
+
+
+ Are you ready to make your business more
+ organized?
+
Improve now!
+
+
+ 
+ 
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ 
+
+
+
+
+
+
+
+
+ + Inside the signup page you can enter extra information using Extra Information button. + +
+
+
+ +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + After clicking the button more fields will be visible, You can add information in it and make it more convenient. Also added a button to hide the information. + + +
+
+
+ +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + + After clicking the Hide information button, extra fields will be hide. + +
+
+
+ +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + + After signup a new user is created. + +
+
+
+ +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + + Related partner of that particular user. + +
+
+
+ +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + + Information added at the time of Signup. + +
+
+
+ +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Customize Signup With Extra Information. +
+
+
+ +
+
+
+
+
+
+
+
+
+
+ + Button to Show the Extra Information..
+
+
+ +
+
+
+
+
+
+
+
+
+
+ + Button to Hide the Extra Information. +
+
+
+ +
+
+
+
+
+
+
+
+
+
+ + The Extra Information will be Created Inside the Related Partner of the Signup User. +
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + This module allows customizing the signup page by adding extra information fields and managing their visibility to enhance user registration experiences. +
+
+
+
+
+
+
+ + The module provides a button to toggle the visibility of the extra information fields, making it easier for users to fill in the necessary details. +
+
+
+
+
+
+ + The extra information entered during signup is automatically linked and stored inside the corresponding partner record associated with the new user. +
+
+
+
+
+
+
+
+ + Latest Release 18.0.1.0.0 +
+ + 17th January, 2025 + +
+
+
+
+
+
+
+ Add
+
+
+
+ -
+
- + Initial Commit + +
+
+
+
+
+
+
+
+ Related Modules
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ + Our Services
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ ....
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+ +