[REF] mail, *: refactor messaging with OWL

This commit is a significant rewriting of client-side discuss, chatter,
chat window, and messaging menu using OWL. The behavior should be broadly
the same, with some slight functional changes here and there.

From a technical standpoint, the code of messaging is mainly organized in 2
main groups of modules:

- models, which are logical entities that depict the client-side state of
  messaging as a whole.
- components, which are in charge of displaying information from models.

This refactoring also introduces new JS guidelines regarding folder structure
(/static) and naming rules for JS modules.

Community PR: https://github.com/odoo/odoo/pull/39023
Enterprise PR: https://github.com/odoo/enterprise/pull/6249

Task-1914207

This PR is a collaborative work by Alexandre, Julien, Sébastien and Xavier,
with the precious help of Lucas to speed it up towards the end.

closes odoo/odoo#39023

Related: odoo/enterprise#6249
Signed-off-by: Alexandre Kühn (aku) <aku@odoo.com>
Co-authored-by: Alexandre Kühn <aku@odoo.com>
Co-authored-by: Julien Giannone <jgi@odoo.com>
Co-authored-by: Lucas Perais <lpe@odoo.com>
Co-authored-by: Sébastien Theys <seb@odoo.com>
Co-authored-by: Xavier Dubuc <xdu@odoo.com>

1 files changed, 115 insertions, 0 deletions

diff --git a/addons/mail/static/src/models/notification_group/notification_group.js b/addons/mail/static/src/models/notification_group/notification_group.js
new file mode 100644
index 00000000000..9fdbefc4979
--- /dev/null
+++ b/addons/mail/static/src/models/notification_group/notification_group.js
@@ -0,0 +1,115 @@
+odoo.define('mail/static/src/models/notification_group/notification_group.js', function (require) {
+'use strict';
+
+const { registerNewModel } = require('mail/static/src/model/model_core.js');
+const { attr, one2many } = require('mail/static/src/model/model_field.js');
+
+function factory(dependencies) {
+
+    class NotificationGroup extends dependencies['mail.model'] {
+
+        //----------------------------------------------------------------------
+        // Public
+        //----------------------------------------------------------------------
+
+        /**
+         * Opens the view that allows to cancel all notifications of the group.
+         */
+        openCancelAction() {
+            const device = this.env.messaging.device;
+            if (this.notification_type === 'email') {
+                this.env.bus.trigger('do-action', {
+                    action: 'mail.mail_resend_cancel_action',
+                    options: {
+                        additional_context: {
+                            default_model: this.res_model,
+                            unread_counter: this.notifications.length,
+                        },
+                    },
+                });
+            }
+            if (!device.isMobile) {
+                this.env.messaging.messagingMenu.close();
+            }
+        }
+
+        /**
+         * Opens the view that displays either the single record of the group or
+         * all the records in the group.
+         */
+        openDocuments() {
+            if (this.res_id) {
+                if (this.res_model === 'mail.channel') {
+                    const channel = this.env.models['mail.thread'].insert({
+                        id: this.res_id,
+                        model: this.res_model,
+                    });
+                    channel.open();
+                } else {
+                    this.env.messaging.openDocument({
+                        id: this.res_id,
+                        model: this.res_model,
+                    });
+                }
+            } else {
+                this._openDocuments();
+            }
+        }
+
+        //----------------------------------------------------------------------
+        // Private
+        //----------------------------------------------------------------------
+
+        /**
+         * @override
+         */
+        _createRecordLocalId(data) {
+            const NotificationGroup = this.env.models['mail.notification_group'];
+            return `${NotificationGroup.modelName}_${data.id}`;
+        }
+
+        /**
+         * Opens the view that displays all the records of the group.
+         *
+         * @private
+         */
+        _openDocuments() {
+            const device = this.env.messaging.device;
+            if (this.notification_type === 'email') {
+                this.env.bus.trigger('do-action', {
+                    action: {
+                        name: this.env._t("Mail Failures"),
+                        type: 'ir.actions.act_window',
+                        view_mode: 'kanban,list,form',
+                        views: [[false, 'kanban'], [false, 'list'], [false, 'form']],
+                        target: 'current',
+                        res_model: this.res_model,
+                        domain: [['message_has_error', '=', true]],
+                    },
+                });
+            }
+            if (!device.isMobile) {
+                this.env.messaging.messagingMenu.close();
+            }
+        }
+
+    }
+
+    NotificationGroup.fields = {
+        date: attr(),
+        id: attr(),
+        notification_type: attr(),
+        notifications: one2many('mail.notification'),
+        res_id: attr(),
+        res_model: attr(),
+        res_model_name: attr(),
+    };
+
+    NotificationGroup.modelName = 'mail.notification_group';
+
+    return NotificationGroup;
+}
+
+registerNewModel('mail.notification_group', factory);
+
+});