+
+
+
+
+
+
+
diff --git a/easy_chatgpt_access/static/src/js/ChatGPTPromptDialog.js b/easy_chatgpt_access/static/src/js/ChatGPTPromptDialog.js
new file mode 100644
index 000000000..54c8c1940
--- /dev/null
+++ b/easy_chatgpt_access/static/src/js/ChatGPTPromptDialog.js
@@ -0,0 +1,14 @@
+/** @odoo-module **/
+import { ChatGPTPromptDialog } from '@web_editor/js/wysiwyg/widgets/chatgpt_prompt_dialog';
+//Default props are extended to include a 'systray' object with an 'insert' property set to true.
+ChatGPTPromptDialog.defaultProps = {
+ ...ChatGPTPromptDialog.defaultProps,
+ systray: {
+ insert: true,
+ }
+}
+// Adds an optional `systray` property of type Object to `ChatGPTPromptDialog`.
+ChatGPTPromptDialog.props = {
+ ...ChatGPTPromptDialog.props,
+ systray: { type: Object, optional: true },
+}
diff --git a/easy_chatgpt_access/static/src/js/chatgpt_button.js b/easy_chatgpt_access/static/src/js/chatgpt_button.js
new file mode 100644
index 000000000..4897b68b6
--- /dev/null
+++ b/easy_chatgpt_access/static/src/js/chatgpt_button.js
@@ -0,0 +1,146 @@
+/** @odoo-module **/
+import { registry } from "@web/core/registry";
+import { Component, onWillStart, useState } from "@odoo/owl";
+import { Wysiwyg } from "@web_editor/js/wysiwyg/wysiwyg";
+import { QWebPlugin } from '@web_editor/js/backend/QWebPlugin';
+let stripHistoryIds;
+
+import { session } from "@web/session";
+
+/* Export new class SystrayIcon by extending Component */
+export class SystrayIcon extends Component {
+ static components = { Wysiwyg }
+ setup() {
+ this.state = useState({
+ open: false,
+ })
+ this.odoo_version = session.isEnterprise() ? 'Enterprise' : 'Community';
+ onWillStart(async() => await this._lazyloadWysiwyg())
+ };
+ // Lazily loads the Wysiwyg module and its dependencies if not already loaded.
+ async _lazyloadWysiwyg() {
+ let wysiwygModule = await odoo.loader.modules.get('@web_editor/js/wysiwyg/wysiwyg');
+ this.MoveNodePlugin = (await odoo.loader.modules.get('@web_editor/js/wysiwyg/MoveNodePlugin'))?.MoveNodePlugin;
+ // Otherwise, load the module.
+ if (!wysiwygModule) {
+ await loadBundle('web_editor.backend_assets_wysiwyg');
+ wysiwygModule = await odoo.loader.modules.get('@web_editor/js/wysiwyg/wysiwyg');
+ this.MoveNodePlugin = (await odoo.loader.modules.get('@web_editor/js/wysiwyg/MoveNodePlugin')).MoveNodePlugin;
+ }
+ stripHistoryIds = wysiwygModule.stripHistoryIds;
+ this.Wysiwyg = wysiwygModule.Wysiwyg;
+ }
+ /**
+ * Retrieves Wysiwyg properties.
+ * @returns {object} An object containing Wysiwyg properties.
+ */
+ get wysiwygProps() {
+ return {
+ startWysiwyg: this.startWysiwyg.bind(this),
+ editingValue: undefined,
+ options: this.wysiwygOptions
+ }
+ }
+ // Include the 'open' parameter in the object to enable loading the prompt dialog from the Systray.
+ get wysiwygOptions() {
+ return {
+ value: "",
+ allowCommandVideo: false,
+ autostart: false,
+ collaborationChannel: undefined,
+ editorPlugins: [QWebPlugin, this.MoveNodePlugin],
+ field_id: "",
+ height: undefined,
+ inIframe: false,
+ iframeCssAssets: undefined,
+ iframeHtmlClass: undefined,
+ linkOptions: {
+ forceNewWindow: true,
+ },
+ maxHeight: undefined,
+ mediaModalParams: {
+ noVideos: true,
+ useMediaLibrary: true,
+ },
+ minHeight: undefined,
+ noAttachment: undefined,
+ onDblClickEditableMedia: this._onDblClickEditableMedia.bind(this),
+ onWysiwygBlur: this._onWysiwygBlur.bind(this),
+ placeholder: "",
+ resizable: false,
+ snippets: undefined,
+ tabsize: 0,
+ document,
+ openPrompt: this.state.open,
+ systray: {
+ insert: false,
+ }
+ }
+ }
+ /**
+ * Opens an image in fullscreen mode on double-click.
+ */
+ _onDblClickEditableMedia(ev) {
+ const el = ev.currentTarget;
+ if (el.nodeName === 'IMG' && el.src) {
+ this.wysiwyg.showImageFullscreen(el.src);
+ }
+ }
+ _onWysiwygBlur() {
+ // Avoid save on blur if the html field is in inline mode.
+ if (!this.props.isInlineStyle) {
+ this.commitChanges();
+ }
+ }
+ /**
+ * Initializes and starts the WYSIWYG editor with optional features.
+ *
+ * @param {Object} wysiwyg - The WYSIWYG editor instance to be started.
+ *
+ * This function:
+ * - Sets up the WYSIWYG editor instance.
+ * - Adds a CSS class to the editable area.
+ * - Optionally adds a code view button to the toolbar if `this.props.codeview` is true.
+ * - Sets up event listeners for editor history steps and collaborative editing, triggering a "FIELD_IS_DIRTY" event.
+ */
+ async startWysiwyg(wysiwyg) {
+ this.wysiwyg = wysiwyg;
+ await this.wysiwyg.startEdition();
+ wysiwyg.$editable[0].classList.add("odoo-editor-qweb");
+ if (this.props.codeview) {
+ const $codeviewButtonToolbar = $(`
+
+
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Access ChatGPT Dialog Box From Systray. +
+Easy ChatGPT Access +
+
+ 
+
+
+
+
+ 
+ Email Us
+
+
+ 
+ Skype Us
+
+
+
+ Email Us
+
+
+
+ Skype Us
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ Key + Highlights
+
+
+
+
+
+ 
+
+
+ + Easily Access ChatGPT from Systray +
++ No Need of Any Text Editor Field for Opening + ChatGPT Dialog Box.
+
+
+
+
+
+
+
+
+ + Can Copy the Text into the Clipboard. +
++ You Can Copy the AI Generated Text into the + Clipboard. +
+
+
+
+
+
+
+
+
+ Easy ChatGPT Access
+
+ Are you ready to make your business more
+ organized?
+
+
+
+
+ Are you ready to make your business more
+ organized?
+
Improve now!
+
+
+ 
+ 
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ 
+
+
+
+
+
+
+
+
+ + Click on the + + Icon from Systray. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + The + + ChatGPT Dialog Box +
+
+
+ + ChatGPT Dialog Box will Pop Up, + Allowing Users to Input Queries. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Response will Consist of + + AI-Generated Text +
+
+
+ + The Response will Consist of + AI-Generated Text, and Users + will have the Option to Copy + this Text Using a Dedicated Copy + Button.
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ A + Notification is Displayed. +
+
+
+ + Notification is Displayed + Following the Action of Copying + Text to the Clipboard.
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Quickly Access ChatGPT from the + Systray
+
+
+
+
+
+
+
+
+
+ + Copy the Generated Text to + Clipboard.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + This module allows + users to quickly + access ChatGPT + directly from the + systray in Odoo, + without needing a + separate text editor + field. +
+
+
+
+
+
+
+ + Simply click the + ChatGPT icon in the + systray to open the + dialog box, where + you can type in your + queries. +
+
+
+
+
+
+ + Yes, the module + includes a dedicated + “Copy” button, which + lets you instantly + copy AI-generated + text to your + clipboard. +
+
+
+
+
+
+
+
+ + Latest Release 18.0.1.0.0 +
+ + 29th November, 2024 + +
+
+
+
+
+
+
+ Add
+
+
+
+ -
+
- + Initial Commit + + +
+
+ + Related Products +
+ +
+ 
+ 
+ 
+ 
+ 
+ + Our Services
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ ....
+
+
+
+
+ `);
+ this.wysiwyg.toolbarEl.append($codeviewButtonToolbar[0]);
+ $codeviewButtonToolbar.click(this.toggleCodeView.bind(this));
+ }
+ this.wysiwyg.odooEditor.addEventListener("historyStep", () =>
+ this.props.record.model.bus.trigger("FIELD_IS_DIRTY", this._isDirty())
+ );
+ if (this.props.isCollaborative) {
+ this.wysiwyg.odooEditor.addEventListener("onExternalHistorySteps", () =>
+ this.props.record.model.bus.trigger("FIELD_IS_DIRTY", this._isDirty())
+ );
+ }
+ this.isRendered = true;
+ }
+ // Onclick event of systray Icon
+ _onClick() {
+ this.state.open = !this.state.open
+ setTimeout(() => {
+ this.state.open = false;
+ }, 500);
+ };
+};
+session.isEnterprise = function () {
+ return !!session.server_version_info[5];
+};
+SystrayIcon.template = "systray_icon";
+export const systrayItem = {
+ Component: SystrayIcon,
+};
+registry.category("systray").add("SystrayIcon", systrayItem);
diff --git a/easy_chatgpt_access/static/src/js/chatgpt_dialog.js b/easy_chatgpt_access/static/src/js/chatgpt_dialog.js
new file mode 100644
index 000000000..0e4c54ca3
--- /dev/null
+++ b/easy_chatgpt_access/static/src/js/chatgpt_dialog.js
@@ -0,0 +1,41 @@
+/** @odoo-module **/
+import { ChatGPTDialog } from '@web_editor/js/wysiwyg/widgets/chatgpt_dialog';
+import { patch } from "@web/core/utils/patch";
+import { useService } from "@web/core/utils/hooks";
+/**
+ * Patch ChatGPTDialog for modifying the setup and adding copyMessage function.
+ * Modifies the setup function to include initialization of the 'action' service.
+ * Adds the copyMessage function to copy generated AI text into the clipboard and display a notification.
+ */
+patch(ChatGPTDialog.prototype, {
+ setup() {
+ super.setup(...arguments);
+ this.action = useService('action');
+ this.notification = useService("notification");
+ },
+ // Copy the generated AI text into clipboard when hitting the Copy button
+ copyMessage(ev) {
+ var content = ev.target.parentElement.children[1].innerText
+ const message = "Copied to Clipboard!"
+ var textArea = document.createElement("textarea");
+ textArea.value = content;
+ document.body.appendChild(textArea);
+ textArea.select();
+ var successful = document.execCommand('copy');
+ document.body.removeChild(textArea)
+ this.displayNotification(
+ ("Text copied to Clipboard")
+ );
+ return successful;
+ },
+ /**
+ * Displays a notification with a success message.
+ */
+ displayNotification(text) {
+ this.notification.add(text, {
+ type: 'success',
+ title: 'Text copied',
+ sticky: false,
+ });
+ }
+})
diff --git a/easy_chatgpt_access/static/src/js/wysiwyg.js b/easy_chatgpt_access/static/src/js/wysiwyg.js
new file mode 100644
index 000000000..82859b18a
--- /dev/null
+++ b/easy_chatgpt_access/static/src/js/wysiwyg.js
@@ -0,0 +1,84 @@
+/** @odoo-module **/
+import * as OdooEditorLib from "@web_editor/js/editor/odoo-editor/src/OdooEditor";
+import { Wysiwyg } from "@web_editor/js/wysiwyg/wysiwyg";
+import { patch } from "@web/core/utils/patch";
+import { ChatGPTPromptDialog } from '@web_editor/js/wysiwyg/widgets/chatgpt_prompt_dialog';
+import { ChatGPTAlternativesDialog } from '@web_editor/js/wysiwyg/widgets/chatgpt_alternatives_dialog';
+import { _t } from "@web/core/l10n/translation";
+
+const preserveCursor = OdooEditorLib.preserveCursor;
+const closestElement = OdooEditorLib.closestElement;
+/**
+ * Patch method for modifying the setup and openChatGPTDialog functions of the Wysiwyg class.
+ * Modifies the setup function to include functionality for handling the opening of the dialog based on the 'openPrompt' prop.
+ * Modifies the openChatGPTDialog function to include systray options from the component's props in the parameters for opening the dialog.
+ */
+patch(Wysiwyg.prototype, {
+ // Extends the setup method of the superclass and adds functionality to handle the opening
+ // of the dialog based on the 'openPrompt' prop.
+ setup() {
+ super.setup(...arguments);
+ owl.useEffect((openPrompt) => {
+ if (openPrompt) {
+ this.openChatGPTDialog()
+ }
+ }, () => [this.props.options?.openPrompt])
+ },
+ // Modifies this function for loading the dialog box from systray icon
+ openChatGPTDialog(mode = 'prompt') {
+ const restore = preserveCursor(this.odooEditor.document);
+ const params = {
+ insert: content => {
+ this.odooEditor.historyPauseSteps();
+ const insertedNodes = this.odooEditor.execCommand('insert', content);
+ this.odooEditor.historyUnpauseSteps();
+ this.notification.add(_t('Your content was successfully generated.'), {
+ title: _t('Content generated'),
+ type: 'success',
+ });
+ this.odooEditor.historyStep();
+ // Add a frame around the inserted content to highlight it for 2
+ // seconds.
+ const start = insertedNodes?.length && closestElement(insertedNodes[0]);
+ const end = insertedNodes?.length && closestElement(insertedNodes[insertedNodes.length - 1]);
+ if (start && end) {
+ const divContainer = this.odooEditor.editable.parentElement;
+ let [parent, left, top] = [start.offsetParent, start.offsetLeft, start.offsetTop - start.scrollTop];
+ while (parent && !parent.contains(divContainer)) {
+ left += parent.offsetLeft;
+ top += parent.offsetTop - parent.scrollTop;
+ parent = parent.offsetParent;
+ }
+ let [endParent, endTop] = [end.offsetParent, end.offsetTop - end.scrollTop];
+ while (endParent && !endParent.contains(divContainer)) {
+ endTop += endParent.offsetTop - endParent.scrollTop;
+ endParent = endParent.offsetParent;
+ }
+ const div = document.createElement('div');
+ div.classList.add('o-chatgpt-content');
+ const FRAME_PADDING = 3;
+ div.style.left = `${left - FRAME_PADDING}px`;
+ div.style.top = `${top - FRAME_PADDING}px`;
+ div.style.width = `${Math.max(start.offsetWidth, end.offsetWidth) + (FRAME_PADDING * 2)}px`;
+ div.style.height = `${endTop + end.offsetHeight - top + (FRAME_PADDING * 2)}px`;
+ divContainer.prepend(div);
+ setTimeout(() => div.remove(), 2000);
+ }
+ },
+ };
+ if (mode === 'alternatives') {
+ params.originalText = this.odooEditor.document.getSelection().toString() || '';
+ }
+ // If systray options are provided in the component's props, they are included
+ // in the parameters for opening the dialog.
+ if (this.props.options.systray){
+ params.systray = this.props.options.systray
+ }
+ this.odooEditor.document.getSelection().collapseToEnd();
+ this.env.services.dialog.add(
+ mode === 'prompt' ? ChatGPTPromptDialog : ChatGPTAlternativesDialog,
+ params,
+ { onClose: restore },
+ );
+ }
+})
diff --git a/easy_chatgpt_access/static/src/xml/chatgpt_button_views.xml b/easy_chatgpt_access/static/src/xml/chatgpt_button_views.xml
new file mode 100644
index 000000000..b947fe23e
--- /dev/null
+++ b/easy_chatgpt_access/static/src/xml/chatgpt_button_views.xml
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+
+