+
+
+
+
+
+ 
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+ 
+
+ + Autosuggestion in Discuss
++ This module is used to display automatic suggestions of + previous messages of user
+ +
+
+
+
+ 
+
+
+ + Explore This + Module
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Overview +
+
+
+
+
+
+
+ To get a fast message-typing feature, previous messages of user will
+ be seen as autosuggestions in the chat when the user types
+ his/her messages.
+
+
+
+
+ 
+
+
+ + Features +
+
+
+
+
+
+
+
+
+ 
+ Based on past conversations, we can receive
+ recommendations.
+
+
+ Based on past conversations, we can receive
+ recommendations.
+
+
+ Enhances chat speed.
+
+
+ Enhances chat speed.
+
+
+
+ 
+
+
+ + Screenshots +
+
+
+
+
+
+
+
+
+ 
+
+
+ + Chat. +
++ Users can start typing in the text area provided
+
+
+ 
+
+
+ + Message. +
++ In chat, + auto-suggestions from past chats are displayed as you type.
+
+
+ 
+
+ + Use Tab.
++ Select the suggested message using the tab key on your + keyboard.
+
+
+
+
+ 
+
+
+ + Suggested + 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 +
+
+
+
\ No newline at end of file
diff --git a/autosuggestion_in_discuss/static/src/js/autosuggest.js b/autosuggestion_in_discuss/static/src/js/autosuggest.js
new file mode 100644
index 000000000..2ea0deadb
--- /dev/null
+++ b/autosuggestion_in_discuss/static/src/js/autosuggest.js
@@ -0,0 +1,191 @@
+/** @odoo-module **/
+import { registerInstancePatchModel } from '@mail/model/model_core';
+import { ComposerTextInput } from '@mail/components/composer_text_input/composer_text_input';
+import rpc from 'web.rpc';
+import {patch} from 'web.utils';
+/* Add new functionality on keyup of textarea */
+patch(ComposerTextInput.prototype, "my patch", {
+ _onKeydownTextarea(ev){
+ let autoCompleteTextAreaEl = this.el.querySelector('#autoCompleteText');
+ let userTextAreaEl = this.el.querySelector('#userInputText');
+ var UserInput = userTextAreaEl.value;
+ rpc.query({
+ model: 'mail.message',
+ method: 'get_message',
+ }).then(function (data) {
+ if (UserInput !== '/') {
+ /*Matching sentences or words are taken from the list */
+ UserInput = UserInput.replace(new RegExp("\\\\", "g"), "\\\\");
+ const matcher = new RegExp(`^${UserInput}`, 'g');
+ var filter_list = data.filter(word => word.match(matcher));
+ filter_list.sort();
+ if (filter_list[0] == null) {
+ autoCompleteTextAreaEl.value = ' ';
+ }
+ else {
+ autoCompleteTextAreaEl.value = filter_list[0];
+ }
+ if (UserInput == '') {
+ autoCompleteTextAreaEl.value = " ";
+ }
+ switch (ev.key) {
+ case 'Tab':
+ userTextAreaEl.value = filter_list[0];
+ autoCompleteTextAreaEl.value = ' ';
+ case ' ':
+ autoCompleteTextAreaEl.value = ' ';
+ case 'Enter':
+ autoCompleteTextAreaEl.value = ' ';
+ }
+ }
+ })
+ if (!this.composerView) {
+ return;
+ }
+ switch (ev.key) {
+ case 'Escape':
+ if (this.composerView.hasSuggestions) {
+ ev.preventDefault();
+ this.composerView.closeSuggestions();
+ markEventHandled(ev, 'ComposerTextInput.closeSuggestions');
+ }
+ break;
+ // UP, DOWN, TAB: Prevent moving cursor if navigation in mention suggestions
+ case 'ArrowUp':
+ case 'PageUp':
+ case 'ArrowDown':
+ case 'PageDown':
+ case 'Home':
+ case 'End':
+ case 'Tab':
+ if (this.composerView.hasSuggestions) {
+ // We use preventDefault here to avoid keys native actions but actions are handled in keyUp
+ ev.preventDefault();
+ }
+ break;
+ // ENTER: Submit the message only if the dropdown mention proposition is not displayed
+ case 'Enter':
+ this._onKeydownTextareaEnter(ev);
+ break;
+ }
+ },
+ _onKeyupTextarea(ev){
+ let autoCompleteTextAreaEl = this.el.querySelector('#autoCompleteText');
+ let userTextAreaEl = this.el.querySelector('#userInputText');
+ var UserInput = userTextAreaEl.value;
+ rpc.query({
+ model: 'mail.message',
+ method: 'get_message',
+ }).then(function (data) {
+ if (UserInput !== '/') {
+ /*Matching sentences or words are taken from the list */
+ UserInput = UserInput.replace(new RegExp("\\\\", "g"), "\\\\");
+ const matcher = new RegExp(`^${UserInput}`, 'g');
+ var filter_list = data.filter(word => word.match(matcher));
+ filter_list.sort();
+ if (filter_list[0] == null) {
+ autoCompleteTextAreaEl.value = ' ';
+ }
+ else {
+ autoCompleteTextAreaEl.value = filter_list[0];
+ }
+ if (UserInput == '') {
+ autoCompleteTextAreaEl.value = " ";
+ }
+ switch (ev.key) {
+ case 'ArrowRight':
+ userTextAreaEl.value = filter_list[0];
+ autoCompleteTextAreaEl.value = ' ';
+ case ' ':
+ autoCompleteTextAreaEl.value = ' ';
+ case 'Enter':
+ autoCompleteTextAreaEl.value = ' ';
+ }
+ }
+ })
+ if (!this.composerView) {
+ return;
+ }
+ switch (ev.key) {
+ case 'Escape':
+ // Already handled in _onKeydownTextarea, break to avoid default
+ break;
+ // ENTER, HOME, END, UP, DOWN, PAGE UP, PAGE DOWN, TAB: check if navigation in mention suggestions
+ case 'Enter':
+ if (this.composerView.hasSuggestions) {
+ this.composerView.insertSuggestion();
+ this.composerView.closeSuggestions();
+ this.composerView.update({ doFocus: true });
+ }
+ break;
+ case 'ArrowUp':
+ case 'PageUp':
+ if (ev.key === 'ArrowUp' && !this.composerView.hasSuggestions &&
+ !this.composerView.composer.textInputContent &&
+ this.composerView.threadView) {
+ this.composerView.threadView.startEditingLastMessageFromCurrentUser();
+ break;
+ }
+ if (this.composerView.hasSuggestions) {
+ this.composerView.setPreviousSuggestionActive();
+ this.composerView.update({ hasToScrollToActiveSuggestion: true });
+ }
+ break;
+ case 'ArrowDown':
+ case 'PageDown':
+ if (ev.key === 'ArrowDown' && !this.composerView.hasSuggestions
+ && !this.composerView.composer.textInputContent &&
+ this.composerView.threadView) {
+ this.composerView.threadView.startEditingLastMessageFromCurrentUser();
+ break;
+ }
+ if (this.composerView.hasSuggestions) {
+ this.composerView.setNextSuggestionActive();
+ this.composerView.update({ hasToScrollToActiveSuggestion: true });
+ }
+ break;
+ case 'Home':
+ if (this.composerView.hasSuggestions) {
+ this.composerView.setFirstSuggestionActive();
+ this.composerView.update({ hasToScrollToActiveSuggestion: true });
+ }
+ break;
+ case 'End':
+ if (this.composerView.hasSuggestions) {
+ this.composerView.setLastSuggestionActive();
+ this.composerView.update({ hasToScrollToActiveSuggestion: true });
+ }
+ break;
+ case 'Tab':
+ if (this.composerView.hasSuggestions) {
+ if (ev.shiftKey) {
+ this.composerView.setPreviousSuggestionActive();
+ this.composerView.update({ hasToScrollToActiveSuggestion: true });
+ } else {
+ this.composerView.setNextSuggestionActive();
+ this.composerView.update({ hasToScrollToActiveSuggestion: true });
+ }
+ }
+ break;
+ case 'Alt':
+ case 'AltGraph':
+ case 'CapsLock':
+ case 'Control':
+ case 'Fn':
+ case 'FnLock':
+ case 'Hyper':
+ case 'Meta':
+ case 'NumLock':
+ case 'ScrollLock':
+ case 'Shift':
+ case 'ShiftSuper':
+ case 'Symbol':
+ case 'SymbolLock':
+ // Prevent modifier keys from resetting the suggestion state
+ break;
+ // Otherwise, check if a mention is typed
+ default:
+ this.saveStateInStore();
+ }
+ },
+});
\ No newline at end of file
diff --git a/autosuggestion_in_discuss/static/src/scss/autosuggest.scss b/autosuggestion_in_discuss/static/src/scss/autosuggest.scss
new file mode 100644
index 000000000..e29d6568f
--- /dev/null
+++ b/autosuggestion_in_discuss/static/src/scss/autosuggest.scss
@@ -0,0 +1,19 @@
+.ac-user-input--autocomplete{
+ border: none;
+ resize: none;
+ background: transparent;
+ position: absolute;
+ left: 1.15px;
+ top: 1.15px;
+ pointer-events: none;
+ z-index: 0;
+}
+.ac-input-container{
+ position: relative;
+}
+.ac-user-input--user{
+ position: relative;
+ background: transparent;
+ z-index: 2;
+ color: #000;
+}
\ No newline at end of file
diff --git a/autosuggestion_in_discuss/static/src/xml/autosuggest_templates.xml b/autosuggestion_in_discuss/static/src/xml/autosuggest_templates.xml
new file mode 100644
index 000000000..673bf3866
--- /dev/null
+++ b/autosuggestion_in_discuss/static/src/xml/autosuggest_templates.xml
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+