+
+
+
+
+
+ 
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ odoo.sh
+
+
+
+
+
+
+
+
+ 
+
+ + Website Customer Contact
++ This Module Helps you + to Create, View and Edit Contact and Addresses from Website.
+ +
+
+
+
+ 
+
+
+ + Explore This + Module
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Overview +
+
+
+
+
+
+
+ This module helps you to create contact and addresses from website. You can create,view and edit created contacts and addresses
+ from customer portal.
+
+
+
+
+ 
+
+
+ + Features +
+
+
+
+
+
+
+
+
+ 
+ Add Contacts & Addresses on your account.
+
+
+ Add Contacts & Addresses on your account.
+
+
+
+
+ Create and Edit Contacts & Addresses.
+
+
+ Create and Edit Contacts & Addresses.
+
+
+
+ 
+
+
+ + Screenshots +
+
+
+
+
+
+
+
+
+ 
+ 
+
+ + Contact Request +
++ Go to Website -> + User Dropdown + -> + Contact Request.
+
+ + In the form view ,fill the contact details, and also we can + choose the type of contact from the "Type" field .A contact + will be created after the form is submitted. +
+
+
+ 
+
+ + Customer Contact +
++ Go to Website -> + User Dropdown + -> + My Account -> Contacts. + You can get the following information for each contact: Name, + Type, Email, and Phone. + By clicking the person's name, you can also get their contact + information. +
+
+
+ 
+
+ + Customer Contact + Details +
++ You can get the relevant Name, Email, Phone, Mobile, Addresses, + Title, Job Position, and Notes for the chosen contact and can be edited. +
+
+
+ 
+
+ + Edit Contact + Details +
++ You can make changes in the created contact details. +
+
+
+
+
+ 
+
+
+ + 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/website_customer_contact/static/src/css/website_customer_contact.css b/website_customer_contact/static/src/css/website_customer_contact.css
new file mode 100644
index 000000000..efe4a58aa
--- /dev/null
+++ b/website_customer_contact/static/src/css/website_customer_contact.css
@@ -0,0 +1,105 @@
+a#myModal{
+ margin-top: -56px;
+ margin-left: 1137px;
+}
+@media screen and (max-width: 1600px) {
+ .modal.show .modal-dialog{
+ max-height:56% !important;
+ }
+}
+@media screen and (max-width: 991px) {
+ .modal.show .modal-dialog{
+ max-height:56% !important;
+ }
+}
+@media screen and (max-width: 768px) {
+ .form-field .col-md-3
+ text-align:left !important;
+ }
+ .form-field .o_website_form_input{
+ width:96% !important;
+ }
+ .modal-body{
+ background-color:#fff;
+ }
+ .modal.show .modal-dialog{
+ max-height:50% !important;
+ }
+ .contact_form{
+ width:100% !important;
+ }
+}
+@media screen and (max-width: 500px) {
+ a#myModal{
+ margin-top: -47px;
+ margin-left: 182px;
+ }
+ .modal-dialog.modal-content{
+ min-height: 440px !important;
+ max-width: 100% !important;
+ }
+ .contact_form form label{
+ width:48% !important;
+ }
+ .contact_form form .form-control {
+ width: 100% !important;
+}
+}
+.btn-add-contact{
+ background: none;
+ border: none;
+}
+.btn-add-contact a{
+ color: white !important;
+ padding: 0px 36px !important;
+ height: 36px !important;
+ display: flex;
+ align-items: center;
+ outline: none !important;
+ border-radius: 9px;
+ box-shadow: none;
+ background-color: #35979c;
+ }
+ .o_popup_btn_close{
+ color: #FFFFFF;
+ background-color: #35979c;
+ border-color: #35979c;
+ font-size:1rem !important;
+ margin-left:9px;
+ }
+ .o_popup_btn_close:hover{
+ color:#fff !important;
+ background-color:#2d8084;
+ }
+ a#myModal{
+ position: absolute;
+ right: 17px;
+ top: 12px;
+ margin:0px !important;
+ }
+.contact_form{
+ margin: auto;
+ width: 750px;
+}
+.contact_form .form-group{
+ margin-bottom:16px;
+}
+.contact_form form label {
+ font-weight: 700;
+ float: left;
+ width: 17%;
+}
+.contact_form form .form-control {
+ width:83%;
+}
+.contact-success{
+ width: 369px;
+ margin: auto;
+ margin-top: 14%;
+ font-size:18px;
+ border-radius:43px;
+}
+.contact-success span{
+ padding-right:7px;
+ font-size:22px;
+}
diff --git a/website_customer_contact/static/src/js/customer_contact_edit_form.js b/website_customer_contact/static/src/js/customer_contact_edit_form.js
new file mode 100644
index 000000000..7db1f5a63
--- /dev/null
+++ b/website_customer_contact/static/src/js/customer_contact_edit_form.js
@@ -0,0 +1,35 @@
+odoo.define("website_customer_contact.customer_contact_edit_form",
+ function (require) {
+ "use strict";
+ let publicWidget = require("web.public.widget");
+ const { _t } = require("web.core");
+ const Dialog = require("web.Dialog");
+ // Odoo customer contact form widget.
+ publicWidget.registry.WebsiteCustomerEditContactRequestForm = publicWidget.Widget.extend({
+ selector: ".customer_contact_edit_form",
+ events: {
+ "input #phone": "validateNumber",
+ "input #mobile_number": "validateNumber",
+ },
+ // Validate the input value of the #phone field to ensure it contains only valid numbers.
+ validateNumber: function (ev) {
+ const input = this.$(ev.currentTarget);
+ if (!/^\d+$/.test(input.val())) {
+ this.$("#warranty_submit").attr("disabled", "disabled");
+ return new Dialog(null, {
+ title: "Error:",
+ size: "medium",
+ $content: `
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+ ${ + _.str.escapeHTML("Enter Valid Number ") || "" + }
`, + buttons: [{ text: _t("Ok"), close: true }], + }).open(); + } else { + this.$("#warranty_submit").removeAttr("disabled"); + } + return; + }, + }); + return publicWidget; + } +); diff --git a/website_customer_contact/static/src/js/customer_contact_form.js b/website_customer_contact/static/src/js/customer_contact_form.js new file mode 100644 index 000000000..4ae31e9e8 --- /dev/null +++ b/website_customer_contact/static/src/js/customer_contact_form.js @@ -0,0 +1,77 @@ +odoo.define("website_customer_contact.customer_contact_form", function (require) { + "use strict"; + let publicWidget = require("web.public.widget"); + const { _t } = require("web.core"); + const Dialog = require("web.Dialog"); + publicWidget.registry.WebsiteCustomerContactRequestForm = publicWidget.Widget.extend({ + selector: ".customer_contact_form", + events: { + "change .select_box_test": "_onChangeType", + "change .country_select": "_onChangeCountry", + "input #phone_number": "validateNumber", + "input #mobile_number": "validateNumber", + }, + // Onchange of customer type, fields to fill varies + _onChangeType: function (ev) { + let select = this.$(ev.currentTarget); + let selectedValue = select.val(); + if (selectedValue === "contact") { + this.$el.find(".job_position").show(); + this.$el.find(".contact_title").show(); + this.$el.find(".street").hide(); + this.$el.find(".street2").hide(); + this.$el.find(".city").hide(); + this.$el.find(".zip").hide(); + this.$el.find(".state_id").hide(); + this.$el.find(".country_id").hide(); + } else { + this.$el.find(".job_position").hide(); + this.$el.find(".contact_title").hide(); + this.$el.find(".street").show(); + this.$el.find(".street2").show(); + this.$el.find(".city").show(); + this.$el.find(".zip").show(); + this.$el.find(".state_id").show(); + this.$el.find(".country_id").show(); + } + }, + /** + * Handle the onchange event for the country selection. + * Show only the states of the selected country and hide others. + */ + _onChangeCountry: function (ev) { + let selected_country = + this.$el.find(".country_select")[0].selectedOptions[0].innerText; + let state = this.$el.find(".state_select_option"); + for (let i = 0; i < state.length; i++) { + state[i].style["display"] = ""; + if (state[i].dataset["id"] != selected_country) { + state[i].style["display"] = "none"; + } + } + }, + /** + * Validate the input value of the phone and mobile number fields to ensure they contain only valid numbers. + * If an invalid number is entered, it displays an error dialog with a corresponding message. + */ + validateNumber: function (ev) { + const input = this.$(ev.currentTarget); + if (!/^\d+$/.test(input.val())) { + this.$("#contact_request_form_submit").attr("disabled", "disabled"); + return new Dialog(null, { + title: "Error:", + size: "medium", + $content: `${ + _.str.escapeHTML("Enter Valid Number ") || "" + }
`, + buttons: [{ text: _t("Ok"), close: true }], + }).open(); + } else { + this.$("#contact_request_form_submit").removeAttr("disabled"); + } + return; + }, + }); + return publicWidget; + } +); diff --git a/website_customer_contact/views/portal_templates.xml b/website_customer_contact/views/portal_templates.xml new file mode 100644 index 000000000..91126972f --- /dev/null +++ b/website_customer_contact/views/portal_templates.xml @@ -0,0 +1,315 @@ + +
+ Edit
+
+
+
+ + Contact Details +
+ +
+
+
+
+
+
+
+
+ Name
+
+
+
+ Email
+
+
+
+
+
+
+ Title
+
+
+
+ Address
+
+
+
+
+ Phone
+
+
+
+
+
+
+ Job Position
+
+
+
+ Address2
+
+
+
+
+ Mobile
+
+
+
+
+
+
+
+ City
+
+
+
+ ZIP
+
+
+
+ State
+
+
+
+ Notes
+
+
+
+
+
+
+ Country
+
+
+
+ There are currently no contacts under your account. +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Contact Created Successfully
+
+