July 14: [FIX] Bug Fixed 'odoo_chatgpt_connector'

odoo_chatgpt_connector/__manifest__.py

@@ -41,6 +41,9 @@
             'odoo_chatgpt_connector/static/src/js/submit_request.js',
             'odoo_chatgpt_connector/static/src/css/container.css'
         ],
+        'web.assets_backend': [
+                    'odoo_chatgpt_connector/static/src/discuss/ChatGPT/common/**/*'
+                ],
     },
     'images': ['static/description/banner.jpg'],
     'license': 'AGPL-3',

odoo_chatgpt_connector/static/description/index.html

@@ -261,7 +261,6 @@
                                 </h5>
                                 <p class="m-0"
                                    style="font-size:0.9rem; color:#64728f; font-size: 16px; font-weight: 400;">
-
                                 </p>
                             </div>
                         </div>
@@ -286,6 +285,25 @@
                                 </p>
                             </div>
                         </div>
+                        <div class="col-lg-4">
+                            <div class="mb-4 d-flex flex-column justify-content-center gap-3"
+                                 style="border-radius: 12px; border: 1px solid  #B6BCCD;
+            background:  #FFF;padding:32px ">
+                                <div class="d-flex justify-content-center align-items-center"
+                                     style="background-color:#7847D9 !important; border-radius:8px !important; height:42px; width:42px">
+                                    <img src="./assets/icons/feature-icon.svg"
+                                         class="img-responsive" height="26px"
+                                         width="26px">
+                                </div>
+                                <h5 class="m-0"
+                                    style="color:#000 !important; font-weight:bold">
+                                    ChatGPT in Odoo chatter.
+                                </h5>
+                                <p class="m-0"
+                                   style="font-size:0.9rem; color:#64728f; font-size: 16px; font-weight: 400;">
+                                  </p>
+                            </div>
+                        </div>
                     </div>
                 </div>
                 <!--code  -->
@@ -623,6 +641,64 @@
                                     </div>
                                 </div>
                             </div>
+                             <div class="position-relative mb-4"
+                                 style="border-radius:10px; background-color:#f4f4f4">
+                                <div class="p-md-5 p-3 position-relative">
+                                    <div class="row">
+                                        <div class="col-md-12">
+                                            <h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px;
+                              font-weight: 700;">
+                                      <span style="color:#121212; font-size:calc(1.1rem + 1vw)">Add contents from chatGPT to
+
+                                      </span>
+                                                <span style="color:#7f54b3; font-size:calc(1.1rem + 1vw)">odoo chatter.</span>
+                                            </h1>
+                                        </div>
+                                        <div class="col-md-12 mb-4">
+                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">
+                                                Click GPT button to open chatGPT modal.
+                                            </p>
+                                        </div>
+                                        <div class="col-md-12 text-center">
+                                            <div class="d-inline-block p-3 shadow-sm"
+                                                 style="background-color:#fff; border-radius:10px">
+                                                <img alt="" class="img-fluid"
+                                                     loading="lazy"
+                                                     src="./assets/screenshots/screenshot8.png"
+                                                     style="min-height: 1px;">
+                                            </div>
+                                        </div>
+                                        <div class="col-md-12 mb-4 pt-5">
+                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">
+                                                Search for the content and click on insert to add it in chatter.
+                                            </p>
+                                        </div>
+                                        <div class="col-md-12 text-center">
+                                            <div class="d-inline-block p-3 shadow-sm"
+                                                 style="background-color:#fff; border-radius:10px">
+                                                <img alt="" class="img-fluid"
+                                                     loading="lazy"
+                                                     src="./assets/screenshots/screenshot10.png"
+                                                     style="min-height: 1px;">
+                                            </div>
+                                        </div>
+                                        <div class="col-md-12 mb-4 pt-5">
+                                            <p style="font-weight:400; font-size:16px; line-height:150%; text-align:center;  color:#64728f">
+                                                Content is inserted into the input field when the "Insert" button is clicked.
+                                            </p>
+                                        </div>
+                                        <div class="col-md-12 text-center">
+                                            <div class="d-inline-block p-3 shadow-sm"
+                                                 style="background-color:#fff; border-radius:10px">
+                                                <img alt="" class="img-fluid"
+                                                     loading="lazy"
+                                                     src="./assets/screenshots/screenshot11.png"
+                                                     style="min-height: 1px;">
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
                         </div>
                         <div aria-labelledby="feature-tab"
                              class="tab-pane fade show py-1" id="feature"
@@ -659,6 +735,21 @@
 
                                     </div>
                                 </div>
+                                <div class="col-md-6 col-sm-12 p-3">
+                                    <div class="d-flex flex-column align-items-start h-100"
+                                         style="padding:30px; border-radius:12px; background-color:#faf8ff">
+                                        <div class="d-flex align-items-center justify-content-center">
+                                            <div class="d-flex align-items-center justify-content-center "
+                                                 style="width:36px; height:36px; border-radius:50%; background-color:#7847D9 ; margin-right:10px">
+                                                <i class="fa fa-star  "
+                                                   style="color:#fff; font-size:14px"></i>
+                                            </div>
+                                            <p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px">
+                                                 You can add contents from chatGPT to odoo chatter</p>
+                                        </div>
+
+                                    </div>
+                                </div>
                                 <div class="col-md-6 col-sm-12 p-3">
                                     <div class="d-flex flex-column align-items-start h-100"
                                          style="padding:30px; border-radius:12px; background-color:#faf8ff">

odoo_chatgpt_connector/static/src/discuss/ChatGPT/common/composer.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates xml:space="preserve">
+    <!-- Inherit from the mail.Composer and extend its functionality -->
+    <t t-inherit="mail.Composer.actions" t-inherit-mode="extension">
+        <xpath expr="//t[@t-call='mail.Composer.emojiPicker']" position="before">
+            <button class="btn border-0 rounded-pill" t-on-click="onClickGPT">GPT</button>
+        </xpath>
+    </t>
+</templates>

odoo_chatgpt_connector/static/src/discuss/ChatGPT/common/composer_patch.js

@@ -0,0 +1,20 @@
+/** @odoo-module **/
+import { Composer } from "@mail/core/common/composer";
+import { useService } from "@web/core/utils/hooks";
+import { patch } from "@web/core/utils/patch";
+import { ChatGPTPromptDialog } from "@html_editor/main/chatgpt/chatgpt_prompt_dialog";
+
+patch(Composer.prototype, {
+    setup() {
+        super.setup();
+        this.dialogService = useService("dialog");
+    },
+    onClickGPT() {
+        this.dialogService.add(ChatGPTPromptDialog, {
+            insert: (content) => this.props.composer.text += ` ${content.textContent}`,
+            sanitize: (fragment) => DOMPurify.sanitize(fragment, {
+                IN_PLACE: true, ADD_TAGS: ["#document-fragment"], ADD_ATTR: ["contenteditable"],
+            }),
+        });
+    },
+});