+
+
+
+
+
+ 
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+ + Autosuggestion in Discuss
++ 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 keyboard right arrow key.
++ Select the suggested + message using the right arrow 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 +
+
+
+
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..8d25b9296
--- /dev/null
+++ b/autosuggestion_in_discuss/static/src/js/autosuggest.js
@@ -0,0 +1,203 @@
+odoo.define('autosuggestion_in_discuss.auto_suggest', function (require) {
+//Added the automatic suggestion in keydown and keyup function in the class ComposerTextInput
+ 'use strict';
+ const ComposerTextInput = require('mail/static/src/components/composer_text_input/composer_text_input.js');
+ var rpc = require('web.rpc');
+// Adding suggestion of message to ComposerTextInput
+ Object.assign(ComposerTextInput.prototype, {
+// Keydown function of ComposerTextInput
+ _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(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
+ const matcher = new RegExp(`^${UserInput}`, 'g');
+ var filter_list = data.filter(ard => ard.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':
+ if (UserInput !== '') {
+ userTextAreaEl.value = filter_list[0];
+ userTextAreaEl.focus()
+ }
+ autoCompleteTextAreaEl.value = ' ';
+ break;
+ 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;
+ }
+ },
+// Keyup function of ComposerTextInput
+ _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(/[-\/\\^$*+?.()|[\]{}]/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':
+ if (UserInput !== '') {
+ userTextAreaEl.value = filter_list[0];
+ userTextAreaEl.focus()
+ }
+ autoCompleteTextAreaEl.value = ' ';
+ break;
+ 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();
+ }
+ },
+ });
+ return ComposerTextInput;
+ });
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..ba10dd80f
--- /dev/null
+++ b/autosuggestion_in_discuss/static/src/scss/autosuggest.scss
@@ -0,0 +1,19 @@
+/* message input class */
+.ac-user-input--autocomplete{
+ border: none;
+ resize: none;
+ background: transparent;
+ position: absolute;
+ 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;
+}
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..94000be04
--- /dev/null
+++ b/autosuggestion_in_discuss/static/src/xml/autosuggest_templates.xml
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+