initial commit 2

2 files changed, 117 insertions, 0 deletions

diff --git a/addons/mail/static/src/components/moderation_ban_dialog/moderation_ban_dialog.js b/addons/mail/static/src/components/moderation_ban_dialog/moderation_ban_dialog.js
new file mode 100644
index 00000000..c96bd902
--- /dev/null
+++ b/addons/mail/static/src/components/moderation_ban_dialog/moderation_ban_dialog.js
@@ -0,0 +1,94 @@
+odoo.define('mail/static/src/components/moderation_ban_dialog/moderation_ban_dialog.js', function (require) {
+'use strict';
+
+const useShouldUpdateBasedOnProps = require('mail/static/src/component_hooks/use_should_update_based_on_props/use_should_update_based_on_props.js');
+const useStore = require('mail/static/src/component_hooks/use_store/use_store.js');
+
+const components = {
+    Dialog: require('web.OwlDialog'),
+};
+
+const { Component } = owl;
+const { useRef } = owl.hooks;
+
+class ModerationBanDialog extends Component {
+
+    /**
+     * @override
+     */
+    constructor(...args) {
+        super(...args);
+        useShouldUpdateBasedOnProps({
+            compareDepth: {
+                messageLocalIds: 1,
+            },
+        });
+        useStore(props => {
+            const messages = props.messageLocalIds.map(localId =>
+                this.env.models['mail.message'].get(localId)
+            );
+            return {
+                messages: messages.map(message => message ? message.__state : undefined),
+            };
+        }, {
+            compareDepth: {
+                messages: 1,
+            },
+        });
+        // to manually trigger the dialog close event
+        this._dialogRef = useRef('dialog');
+    }
+
+    //--------------------------------------------------------------------------
+    // Public
+    //--------------------------------------------------------------------------
+
+    /**
+     * @returns {mail.message[]}
+     */
+    get messages() {
+        return this.props.messageLocalIds.map(localId => this.env.models['mail.message'].get(localId));
+    }
+
+    /**
+     * @returns {string}
+     */
+    get CONFIRMATION() {
+        return this.env._t("Confirmation");
+    }
+
+    //--------------------------------------------------------------------------
+    // Handlers
+    //--------------------------------------------------------------------------
+
+    /**
+     * @private
+     */
+    _onClickBan() {
+        this._dialogRef.comp._close();
+        this.env.models['mail.message'].moderate(this.messages, 'ban');
+    }
+
+    /**
+     * @private
+     */
+    _onClickCancel() {
+        this._dialogRef.comp._close();
+    }
+
+}
+
+Object.assign(ModerationBanDialog, {
+    components,
+    props: {
+        messageLocalIds: {
+            type: Array,
+            element: String,
+        },
+    },
+    template: 'mail.ModerationBanDialog',
+});
+
+return ModerationBanDialog;
+
+});
diff --git a/addons/mail/static/src/components/moderation_ban_dialog/moderation_ban_dialog.xml b/addons/mail/static/src/components/moderation_ban_dialog/moderation_ban_dialog.xml
new file mode 100644
index 00000000..1e29f731
--- /dev/null
+++ b/addons/mail/static/src/components/moderation_ban_dialog/moderation_ban_dialog.xml
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates xml:space="preserve">
+    <t t-name="mail.ModerationBanDialog" owl="1">
+        <Dialog contentClass="'o_ModerationBanDialog'" title="CONFIRMATION" size="'medium'" t-ref="dialog">
+            <t t-if="messages.length === 1">
+                <p>You are going to ban the following user:</p>
+            </t>
+            <t t-else="">
+                <p>You are going to ban the following users:</p>
+            </t>
+            <ul class="my-5">
+                <t t-foreach="messages" t-as="message" t-key="message.localId">
+                    <li t-esc="message.email_from"/>
+                </t>
+            </ul>
+            <p>Do you confirm the action?</p>
+            <t t-set-slot="buttons">
+                <button class="o-ban btn btn-primary" t-on-click="_onClickBan">Ban</button>
+                <button class="o-cancel btn btn-secondary" t-on-click="_onClickCancel">Cancel</button>
+            </t>
+        </Dialog>
+    </t>
+</templates>