From 02b8b4edffe6d7c5abca84ad52240ae6f9fbdb77 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alexandre=20K=C3=BChn?= <aku@odoo.com>
Date: Tue, 5 Apr 2022 15:25:55 +0000
Subject: [PATCH] [IMP] mail: introduce AutocompleteInputView
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

With all its identifying fields

Task-2817076

closes odoo/odoo#88035

Signed-off-by: Alexandre Kühn (aku) <aku@odoo.com>
---
 .../components/chat_window/chat_window.xml    |  2 +-
 .../static/src/components/discuss/discuss.xml |  2 +-
 .../discuss_sidebar_category.xml              |  2 +-
 .../messaging_menu/messaging_menu.xml         |  2 +-
 .../src/models/autocomplete_input_view.js     | 32 +++++++++++++++++++
 addons/mail/static/src/models/chat_window.js  | 15 +++++++++
 .../src/models/discuss_sidebar_category.js    | 15 +++++++++
 addons/mail/static/src/models/discuss_view.js | 21 ++++++++++++
 .../mail/static/src/models/messaging_menu.js  | 15 +++++++++
 9 files changed, 102 insertions(+), 4 deletions(-)
 create mode 100644 addons/mail/static/src/models/autocomplete_input_view.js

diff --git a/addons/mail/static/src/components/chat_window/chat_window.xml b/addons/mail/static/src/components/chat_window/chat_window.xml
index e248dd74189..a4c24bfbc3a 100644
--- a/addons/mail/static/src/components/chat_window/chat_window.xml
+++ b/addons/mail/static/src/components/chat_window/chat_window.xml
@@ -34,7 +34,7 @@
                         onFocusin="_onFocusinThread"
                     />
                 </t>
-                <t t-if="chatWindow.hasNewMessageForm">
+                <t t-if="chatWindow.newMessageAutocompleteInputView">
                     <div class="o_ChatWindow_newMessageForm">
                         <span class="o_ChatWindow_newMessageFormLabel">
                             To:
diff --git a/addons/mail/static/src/components/discuss/discuss.xml b/addons/mail/static/src/components/discuss/discuss.xml
index 6b4317a2de7..48656a1b3c3 100644
--- a/addons/mail/static/src/components/discuss/discuss.xml
+++ b/addons/mail/static/src/components/discuss/discuss.xml
@@ -27,7 +27,7 @@
         <t t-if="messaging.device.isMobile and discussView.discuss.activeMobileNavbarTabId === 'mailbox'">
             <DiscussMobileMailboxSelection className="'o_Discuss_mobileMailboxSelection border-bottom'"/>
         </t>
-        <t t-if="messaging.device.isMobile and (discussView.discuss.isAddingChannel or discussView.discuss.isAddingChat)">
+        <t t-if="discussView.mobileAddItemHeaderAutocompleteInputView">
             <div class="o_Discuss_mobileAddItemHeader border-bottom">
                 <AutocompleteInput
                     className="'o_Discuss_mobileAddItemHeaderInput'"
diff --git a/addons/mail/static/src/components/discuss_sidebar_category/discuss_sidebar_category.xml b/addons/mail/static/src/components/discuss_sidebar_category/discuss_sidebar_category.xml
index 5e504302f17..5ca3cbe1dc1 100644
--- a/addons/mail/static/src/components/discuss_sidebar_category/discuss_sidebar_category.xml
+++ b/addons/mail/static/src/components/discuss_sidebar_category/discuss_sidebar_category.xml
@@ -26,7 +26,7 @@
                 </div>
                 <div class="o_DiscussSidebarCategory_content">
                     <t t-if="category.isOpen">
-                        <t t-if="category.isAddingItem">
+                        <t t-if="category.addingItemAutocompleteInputView">
                             <div class="o_DiscussSidebarCategory_addingItem d-flex mb-2">
                                 <AutocompleteInput
                                     className="'o_DiscussSidebarCategory_addingItemInput flex-grow-1'"
diff --git a/addons/mail/static/src/components/messaging_menu/messaging_menu.xml b/addons/mail/static/src/components/messaging_menu/messaging_menu.xml
index ca5a0589752..7765ffde9ed 100644
--- a/addons/mail/static/src/components/messaging_menu/messaging_menu.xml
+++ b/addons/mail/static/src/components/messaging_menu/messaging_menu.xml
@@ -38,7 +38,7 @@
                                 <t t-if="!messaging.device.isMobile and !messaging.discuss.discussView">
                                     <t t-call="mail.MessagingMenu.newMessageButton"/>
                                 </t>
-                                <t t-if="messaging.device.isMobile and messagingMenu.isMobileNewMessageToggled">
+                                <t t-if="messagingMenu.mobileNewMessageAutocompleteInputView">
                                     <AutocompleteInput
                                         className="'o_MessagingMenu_mobileNewMessageInput'"
                                         customClass="id + '_mobileNewMessageInputAutocomplete'"
diff --git a/addons/mail/static/src/models/autocomplete_input_view.js b/addons/mail/static/src/models/autocomplete_input_view.js
new file mode 100644
index 00000000000..b901cb6a047
--- /dev/null
+++ b/addons/mail/static/src/models/autocomplete_input_view.js
@@ -0,0 +1,32 @@
+/** @odoo-module **/
+
+import { registerModel } from '@mail/model/model_core';
+import { one } from '@mail/model/model_field';
+
+registerModel({
+    name: 'AutocompleteInputView',
+    identifyingFields: [[
+        'chatWindowOwnerAsNewMessage',
+        'discussSidebarCategoryOwnerAsAddingItem',
+        'discussViewOwnerAsMobileAddItemHeader',
+        'messagingMenuOwnerAsMobileNewMessageInput',
+    ]],
+    fields: {
+        chatWindowOwnerAsNewMessage: one('ChatWindow', {
+            inverse: 'newMessageAutocompleteInputView',
+            readonly: true,
+        }),
+        discussSidebarCategoryOwnerAsAddingItem: one('DiscussSidebarCategory', {
+            inverse: 'addingItemAutocompleteInputView',
+            readonly: true,
+        }),
+        discussViewOwnerAsMobileAddItemHeader: one('DiscussView', {
+            inverse: 'mobileAddItemHeaderAutocompleteInputView',
+            readonly: true,
+        }),
+        messagingMenuOwnerAsMobileNewMessageInput: one('MessagingMenu', {
+            inverse: 'mobileNewMessageAutocompleteInputView',
+            readonly: true,
+        }),
+    },
+});
diff --git a/addons/mail/static/src/models/chat_window.js b/addons/mail/static/src/models/chat_window.js
index 9c3661fff0f..558a4304836 100644
--- a/addons/mail/static/src/models/chat_window.js
+++ b/addons/mail/static/src/models/chat_window.js
@@ -286,6 +286,16 @@ registerModel({
             }
             return this.env._t("New message");
         },
+        /**
+         * @private
+         * @returns {FieldCommand}
+         */
+        _computeNewMessageAutocompleteInputView() {
+            if (this.hasNewMessageForm) {
+                return insertAndReplace();
+            }
+            return clear();
+        },
         /**
          * @private
          * @returns {string}
@@ -489,6 +499,11 @@ registerModel({
         name: attr({
             compute: '_computeName',
         }),
+        newMessageAutocompleteInputView: one('AutocompleteInputView', {
+            compute: '_computeNewMessageAutocompleteInputView',
+            inverse: 'chatWindowOwnerAsNewMessage',
+            isCausal: true,
+        }),
         /**
          * The content of placeholder for the autocomplete input of
          * 'new_message' chat window.
diff --git a/addons/mail/static/src/models/discuss_sidebar_category.js b/addons/mail/static/src/models/discuss_sidebar_category.js
index c39f4494a7d..7c7946357de 100644
--- a/addons/mail/static/src/models/discuss_sidebar_category.js
+++ b/addons/mail/static/src/models/discuss_sidebar_category.js
@@ -63,6 +63,16 @@ registerModel({
             }
             return clear();
         },
+        /**
+         * @private
+         * @returns {FieldCommand}
+         */
+        _computeAddingItemAutocompleteInputView() {
+            if (this.isOpen && this.isAddingItem) {
+                return insertAndReplace();
+            }
+            return clear();
+        },
         /**
          * @private
          * @returns {FieldCommand}
@@ -196,6 +206,11 @@ registerModel({
         activeItem: one('DiscussSidebarCategoryItem', {
             compute: '_computeActiveItem',
         }),
+        addingItemAutocompleteInputView: one('AutocompleteInputView', {
+            compute: '_computeAddingItemAutocompleteInputView',
+            inverse: 'discussSidebarCategoryOwnerAsAddingItem',
+            isCausal: true,
+        }),
         /**
          * Determines how the autocomplete of this category should behave.
          * Must be one of: 'channel', 'chat'.
diff --git a/addons/mail/static/src/models/discuss_view.js b/addons/mail/static/src/models/discuss_view.js
index e285708ed37..a27c51b574b 100644
--- a/addons/mail/static/src/models/discuss_view.js
+++ b/addons/mail/static/src/models/discuss_view.js
@@ -2,11 +2,32 @@
 
 import { registerModel } from '@mail/model/model_core';
 import { one } from '@mail/model/model_field';
+import { clear, insertAndReplace } from '@mail/model/model_field_command';
 
 registerModel({
     name: 'DiscussView',
     identifyingFields: ['discuss'],
+    recordMethods: {
+        /**
+         * @private
+         * @returns {FieldCommand}
+         */
+        _computeMobileAddItemHeaderAutocompleteInputView() {
+            if (
+                this.messaging.device.isMobile &&
+                (this.discuss.isAddingChannel || this.discuss.isAddingChat)
+            ) {
+                return insertAndReplace();
+            }
+            return clear();
+        },
+    },
     fields: {
+        mobileAddItemHeaderAutocompleteInputView: one('AutocompleteInputView', {
+            compute: '_computeMobileAddItemHeaderAutocompleteInputView',
+            inverse: 'discussViewOwnerAsMobileAddItemHeader',
+            isCausal: true,
+        }),
         discuss: one('Discuss', {
             inverse: 'discussView',
             readonly: true,
diff --git a/addons/mail/static/src/models/messaging_menu.js b/addons/mail/static/src/models/messaging_menu.js
index 3be53d327df..2c8b23da34a 100644
--- a/addons/mail/static/src/models/messaging_menu.js
+++ b/addons/mail/static/src/models/messaging_menu.js
@@ -59,6 +59,16 @@ registerModel({
             }
             return clear();
         },
+        /**
+         * @private
+         * @returns {FieldCommand}
+         */
+        _computeMobileNewMessageAutocompleteInputView() {
+            if (this.isOpen && this.messaging.isInitialized && this.messaging.device.isMobile && this.isMobileNewMessageToggled) {
+                return insertAndReplace();
+            }
+            return clear();
+        },
         /**
          * @private
          * @returns {string}
@@ -114,6 +124,11 @@ registerModel({
             inverse: 'messagingMenu',
             isCausal: true,
         }),
+        mobileNewMessageAutocompleteInputView: one('AutocompleteInputView', {
+            compute: '_computeMobileNewMessageAutocompleteInputView',
+            inverse: 'messagingMenuOwnerAsMobileNewMessageInput',
+            isCausal: true,
+        }),
         mobileNewMessageInputPlaceholder: attr({
             compute: '_computeMobileNewMessageInputPlaceholder',
         }),