+
+
+
+
+
+
+
diff --git a/odoo_chatgpt_connector/static/src/css/container.css b/odoo_chatgpt_connector/static/src/css/container.css
new file mode 100644
index 000000000..61b4d3935
--- /dev/null
+++ b/odoo_chatgpt_connector/static/src/css/container.css
@@ -0,0 +1,325 @@
+
+#result_area{
+ overflow:auto;
+ width:1023px !important;
+ font-size:14px;
+ height: 300px !important;
+ margin:0px ;
+ display:block;
+ border-radius:10px;
+ margin-bottom: 40px !important;
+
+}
+background:#eee;
+}
+
+.padding {
+ padding: 50px;
+}
+
+/* GRID */
+.col-md-9{
+width: 106%;
+padding: 129px;
+}
+.col {
+ padding: 10px 20px;
+ margin-bottom: 10px;
+ background: #fff;
+ color: #666666;
+ text-align: center;
+ font-weight: 400;
+ box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
+}
+
+.row h3 {
+ color: #666666;
+}
+
+.row.grid {
+ margin-left: 0;
+}
+
+.grid {
+ position: relative;
+ width: 100%;
+ background: #fff;
+ color: #666666;
+ border-radius: 2px;
+ margin-bottom: 25px;
+ box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
+}
+
+.grid .grid-header {
+ position: relative;
+ border-bottom: 1px solid #ddd;
+ padding: 15px 10px 10px 20px;
+}
+
+.grid .grid-header:before,
+.grid .grid-header:after {
+ display: table;
+ content: " ";
+}
+
+.grid .grid-header:after {
+ clear: both;
+}
+
+.grid .grid-header span,
+.grid .grid-header > .fa {
+ display: inline-block;
+ margin: 0;
+ font-weight: 300;
+ font-size: 1.5em;
+ float: left;
+}
+
+.grid .grid-header span {
+ padding: 0 5px;
+}
+
+.grid .grid-header > .fa {
+ padding: 5px 10px 0 0;
+}
+
+.grid .grid-header > .grid-tools {
+ padding: 4px 10px;
+}
+
+.grid .grid-header > .grid-tools a {
+ color: #999999;
+ padding-left: 10px;
+ cursor: pointer;
+}
+
+.grid .grid-header > .grid-tools a:hover {
+ color: #666666;
+}
+
+.grid .grid-body {
+ padding: 15px 20px 15px 20px;
+ font-size: 0.9em;
+ line-height: 1.9em;
+}
+
+.grid .full {
+ padding: 0 !important;
+}
+
+.grid .transparent {
+ box-shadow: none !important;
+ margin: 0px !important;
+ border-radius: 0px !important;
+}
+
+.grid.top.black > .grid-header {
+ border-top-color: #000000 !important;
+}
+
+.grid.bottom.black > .grid-body {
+ border-bottom-color: #000000 !important;
+}
+
+.grid.top.blue > .grid-header {
+ border-top-color: #007be9 !important;
+}
+
+.grid.bottom.blue > .grid-body {
+ border-bottom-color: #007be9 !important;
+}
+
+.grid.top.green > .grid-header {
+ border-top-color: #00c273 !important;
+}
+
+.grid.bottom.green > .grid-body {
+ border-bottom-color: #00c273 !important;
+}
+
+.grid.top.purple > .grid-header {
+ border-top-color: #a700d3 !important;
+}
+
+.grid.bottom.purple > .grid-body {
+ border-bottom-color: #a700d3 !important;
+}
+
+.grid.top.red > .grid-header {
+ border-top-color: #dc1200 !important;
+}
+
+.grid.bottom.red > .grid-body {
+ border-bottom-color: #dc1200 !important;
+}
+
+.grid.top.orange > .grid-header {
+ border-top-color: #f46100 !important;
+}
+
+.grid.bottom.orange > .grid-body {
+ border-bottom-color: #f46100 !important;
+}
+
+.grid.no-border > .grid-header {
+ border-bottom: 0px !important;
+}
+
+.grid.top > .grid-header {
+ border-top-width: 4px !important;
+ border-top-style: solid !important;
+}
+
+.grid.bottom > .grid-body {
+ border-bottom-width: 4px !important;
+ border-bottom-style: solid !important;
+}
+
+
+/* SUPPORT TICKET */
+.support ul {
+ list-style: none;
+ padding: 0px;
+}
+
+.support ul li {
+ padding: 8px 10px;
+}
+
+.support ul li a {
+ color: #999;
+ display: block;
+}
+
+.support ul li a:hover {
+ color: #666;
+}
+
+.support ul li.active {
+ background: #0073b7;
+}
+
+.support ul li.active a {
+ color: #fff;
+}
+
+.support ul.support-label li {
+ padding: 2px 0px;
+}
+
+.support h2,
+.support-content h2 {
+ margin-top: 5px;
+}
+
+.support-content .list-group li {
+ padding: 15px 20px 12px 20px;
+ cursor: pointer;
+}
+
+.support-content .list-group li:hover {
+ background: #eee;
+}
+
+.support-content .fa-padding .fa {
+ padding-top: 5px;
+ width: 1.5em;
+}
+
+.support-content .info {
+ color: #777;
+ margin: 0px;
+}
+
+.support-content a {
+ color: #111;
+}
+
+.support-content .info a:hover {
+ text-decoration: underline;
+}
+
+.support-content .info .fa {
+ width: 1.5em;
+ text-align: center;
+}
+
+.support-content .number {
+ color: #777;
+}
+
+.support-content img {
+ margin: 0 auto;
+ display: block;
+}
+
+.support-content .modal-body {
+ padding-bottom: 0px;
+}
+
+.support-content-comment {
+ padding: 10px 10px 10px 30px;
+ background: #eee;
+ border-top: 1px solid #ccc;
+}
+
+
+/* BACKGROUND COLORS */
+.bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, bg-gray, bg-black, .bg-red a, .bg-yellow a, .bg-aqua a, .bg-blue a, .bg-light-blue a, .bg-green a, .bg-navy a, .bg-teal a, .bg-olive a, .bg-lime a, .bg-orange a, .bg-fuchsia a, .bg-purple a, .bg-maroon a, bg-gray a, .bg-black a {
+ color: #f9f9f9 !important;
+}
+.bg-white, .bg-white a {
+ color: #999999 !important;
+}
+.bg-red {
+ background-color: #f56954 !important;
+}
+.bg-yellow {
+ background-color: #f39c12 !important;
+}
+.bg-aqua {
+ background-color: #00c0ef !important;
+}
+.bg-blue {
+ background-color: #0073b7 !important;
+}
+.bg-light-blue {
+ background-color: #3c8dbc !important;
+}
+.bg-green {
+ background-color: #00a65a !important;
+}
+.bg-navy {
+ background-color: #001f3f !important;
+}
+.bg-teal {
+ background-color: #39cccc !important;
+}
+.bg-olive {
+ background-color: #3d9970 !important;
+}
+.bg-lime {
+ background-color: #01ff70 !important;
+}
+.bg-orange {
+ background-color: #ff851b !important;
+}
+.bg-fuchsia {
+ background-color: #f012be !important;
+}
+.bg-purple {
+ background-color: #932ab6 !important;
+}
+.bg-maroon {
+ background-color: #85144b !important;
+}
+.bg-gray {
+ background-color: #eaeaec !important;
+}
+.bg-black {
+ background-color: #222222 !important;
+}
+.btn-default{
+ left: 1600%;
+ border: #8e7d6c;
+}
\ No newline at end of file
diff --git a/odoo_chatgpt_connector/static/src/js/submit_request.js b/odoo_chatgpt_connector/static/src/js/submit_request.js
new file mode 100644
index 000000000..c0e40f571
--- /dev/null
+++ b/odoo_chatgpt_connector/static/src/js/submit_request.js
@@ -0,0 +1,85 @@
+/** @odoo-module **/
+import publicWidget from '@web/legacy/js/public/public_widget';
+import { _t } from "@web/core/l10n/translation";
+publicWidget.registry.QuestionInput = publicWidget.Widget.extend({
+ selector: "#main_layout",
+ events: {
+ 'click #send_button': 'get_answer',
+ 'click #copy_content': 'copy',
+ },
+ /**
+ * @constructor
+ */
+ init: function() {
+ this._super(...arguments);
+ this.orm = this.bindService("orm");
+ this.notification = this.bindService("notification");
+ this.api_key = "";
+ },
+ /* For getting the Answer of submitted question */
+ get_answer: async function(event) {
+ $(event.currentTarget).prop("disabled", true);
+ $('#result_area').val('');
+ $('#result_area')[0].placeholder = "Loading.....";
+ if (!this.api_key) {
+ await this.orm.call(
+ "ir.config_parameter", "get_param", ["odoo_chatgpt_connector.api_key"]
+ ).then(result => {
+ this.api_key = result;
+ });
+ }
+ var question = $('#question_input').val();
+ if (!question) {
+ $('#result_area')[0].placeholder = "Please drop your question";
+ this.notification.add(
+ _t("Please drop your question"),
+ { type: 'danger', sticky: false },
+ )
+ $(event.currentTarget).prop("disabled", false);
+ return;
+ }
+ var myHeaders = new Headers();
+ myHeaders.append("Content-Type", "application/json");
+ myHeaders.append("Authorization", "Bearer " + this.api_key);
+ var raw = JSON.stringify({
+ "model": "gpt-3.5-turbo-instruct",
+ "prompt": question,
+ "temperature": 0,
+ "max_tokens": 1000,
+ "top_p": 1,
+ "frequency_penalty": 0,
+ "presence_penalty": 0,
+ });
+ var requestOptions = {
+ method: 'POST',
+ headers: myHeaders,
+ body: raw,
+ redirect: 'follow'
+ };
+ fetch("https://api.openai.com/v1/completions", requestOptions)
+ .then(response => response.json())
+ .then(result => {
+ let area = result.choices[0].text;
+ $('#result_area').val(area.trim());
+ $(event.currentTarget).prop("disabled", false);
+ })
+ .catch(error => {
+ $('#result_area')[0].placeholder = "Couldn't fetch";
+ this.notification.add(
+ _t("Couldn't connect to OpenAI server please check your Credentials"),
+ { type: 'danger', sticky: false },
+ )
+ $(event.currentTarget).prop("disabled", false);
+ });
+ },
+ /* For copying the Answer to the clipboard */
+ copy: function(event) {
+ var textToCopy = $("#result_area").val();
+ var tempTextarea = $('
+
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Allows to leverage the capabilities of the GPT language model to generate human-like responses, providing a more natural and intuitive user experience. +
+Odoo ChatGPT Connector +
+
+ 
+
+
+
+
+ 
+ Email Us
+
+
+ 
+ Skype Us
+
+
+
+ Email Us
+
+
+
+ Skype Us
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ Key + Highlights
+
+
+
+
+
+ 
+
+
+ + Easy to set up. +
++
+
+
+
+
+
+
+
+
+ + Answer of the query. +
++ +
+
+
+
+
+
+
+
+
+ + Copy to clipboard. +
++ +
+
+
+
+
+
+
+
+
+
+ Odoo ChatGPT Connector
+
+ Are you ready to make your business more
+ organized?
+
+
+
+
+ Are you ready to make your business more
+ organized?
+
Improve now!
+
+
+ 
+ 
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ 
+
+
+
+
+
+
+
+
+ + Navigate to the + + API section. +
+
+
+ + If you don't already have an OpenAI account, create an OpenAI account and login your account. https://openai.com/ +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Create new + + secret key. +
+
+
+ + You can see a button "Create new secret key". Click on that button to generate a new API key. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + OpenAI charges for use of its + + API. +
+
+
+ + OpenAI charges for use of its API on a usage basis, so, if you haven't already set up a payment method for billing, you'll need to do so. Otherwise, the API Key you just created won't work. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Set the API inside the settings of + + + Website. +
+
+
+ + You can simply set the API inside the settings of Website. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + ChatGPT + + + Menu. +
+
+
+ + You can see the ChatGPT Menu.Click on the button for redirect to the form. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Enter your question and click the + + + Generate Response button. +
+
+
+ + Enter your question and click the Generate Response button for getting the Answer.You can see the Answer is 'Loading'. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Answer of the Entered question + + + question. +
+
+
+ + +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Copy button for copying the answer into + + + clipboard +
+
+
+ +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Easy to set up API of the ChatGPT.
+
+
+
+
+
+
+
+
+
+
+ + You can get the answer of the query below.
+
+
+
+
+
+
+
+
+
+
+ + Also, possible to copy the Answer into clipboard by simply click on the copy button.
+
+
+
+
+
+
+
+
+
+ + You can simply type your question into the form interface and search it.As like ChatGPT, module is able to respond to a wide variety of questions and prompts.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + The Odoo ChatGPT Connector is + an integration between Odoo + and OpenAI’s GPT language model. + It enables the application to + generate human-like responses in chats, + providing enhanced customer support, + automated replies, and intelligent + conversation capabilities within Odoo. + +
+
+
+
+
+
+
+ + Yes, you will need an API key + from OpenAI to connect Odoo with + the ChatGPT model. This key allows + Odoo to send requests to OpenAI’s + servers and receive responses. +
+
+
+
+
+
+ + The connector leverages the GPT + language model to generate responses + based on the user's queries in Odoo chat + interfaces. It processes the input and + returns contextually relevant responses + in real time, improving communication + efficiency and user engagement. +
+
+
+
+
+
+
+
+ + Latest Release 18.0.1.0.0 +
+ + 04th June, 2025 + +
+
+
+
+
+
+
+ Add
+
+
+
+ -
+
- + Initial Commit + + +
+
+ + Related Products +
+ +
+ 
+ 
+ 
+ 
+ 
+ + Our Services
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ ....
+
+