initial commit 2

3 files changed, 137 insertions, 0 deletions

diff --git a/addons/mail/static/src/components/mail_template/mail_template.js b/addons/mail/static/src/components/mail_template/mail_template.js
new file mode 100644
index 00000000..32c334be
--- /dev/null
+++ b/addons/mail/static/src/components/mail_template/mail_template.js
@@ -0,0 +1,81 @@
+odoo.define('mail/static/src/components/mail_template/mail_template.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 { Component } = owl;
+
+class MailTemplate extends Component {
+
+    /**
+     * @override
+     */
+    constructor(...args) {
+        super(...args);
+        useShouldUpdateBasedOnProps();
+        useStore(props => {
+            const activity = this.env.models['mail.activity'].get(props.activityLocalId);
+            const mailTemplate = this.env.models['mail.mail_template'].get(props.mailTemplateLocalId);
+            return {
+                activity: activity ? activity.__state : undefined,
+                mailTemplate: mailTemplate ? mailTemplate.__state : undefined,
+            };
+        });
+    }
+
+    //--------------------------------------------------------------------------
+    // Public
+    //--------------------------------------------------------------------------
+
+    /**
+     * @returns {mail.activity}
+     */
+    get activity() {
+        return this.env.models['mail.activity'].get(this.props.activityLocalId);
+    }
+
+    /**
+     * @returns {mail.mail_template}
+     */
+    get mailTemplate() {
+        return this.env.models['mail.mail_template'].get(this.props.mailTemplateLocalId);
+    }
+
+    //--------------------------------------------------------------------------
+    // Handlers
+    //--------------------------------------------------------------------------
+
+    /**
+     * @private
+     * @param {MouseEvent} ev
+     */
+    _onClickPreview(ev) {
+        ev.stopPropagation();
+        ev.preventDefault();
+        this.mailTemplate.preview(this.activity);
+    }
+
+    /**
+     * @private
+     * @param {MouseEvent} ev
+     */
+    _onClickSend(ev) {
+        ev.stopPropagation();
+        ev.preventDefault();
+        this.mailTemplate.send(this.activity);
+    }
+
+}
+
+Object.assign(MailTemplate, {
+    props: {
+        activityLocalId: String,
+        mailTemplateLocalId: String,
+    },
+    template: 'mail.MailTemplate',
+});
+
+return MailTemplate;
+
+});
diff --git a/addons/mail/static/src/components/mail_template/mail_template.scss b/addons/mail/static/src/components/mail_template/mail_template.scss
new file mode 100644
index 00000000..7800ab62
--- /dev/null
+++ b/addons/mail/static/src/components/mail_template/mail_template.scss
@@ -0,0 +1,27 @@
+// ------------------------------------------------------------------
+// Layout
+// ------------------------------------------------------------------
+
+.o_MailTemplate {
+    display: flex;
+    flex: 0 0 auto;
+    align-items: center;
+}
+
+.o_MailTemplate_button {
+    padding-top: map-get($spacers, 0);
+    padding-bottom: map-get($spacers, 0);
+}
+
+.o_MailTemplate_name {
+    margin-inline-start: map-get($spacers, 2);
+}
+
+// ------------------------------------------------------------------
+// Style
+// ------------------------------------------------------------------
+
+.o_MailTemplate_text {
+    color: gray('500');
+    font-style: italic;
+}
diff --git a/addons/mail/static/src/components/mail_template/mail_template.xml b/addons/mail/static/src/components/mail_template/mail_template.xml
new file mode 100644
index 00000000..48f7c050
--- /dev/null
+++ b/addons/mail/static/src/components/mail_template/mail_template.xml
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates xml:space="preserve">
+
+    <t t-name="mail.MailTemplate" owl="1">
+        <div class="o_MailTemplate">
+            <t t-if="mailTemplate">
+                <i class="fa fa-envelope-o" title="Mail" role="img"/>
+                <span class="o_MailTemplate_name" t-esc="mailTemplate.name"/>
+                <span>:</span>
+                <button
+                    class="o_MailTemplate_button o_MailTemplate_preview btn btn-link"
+                    t-att-data-mail-template-id="mailTemplate.id"
+                    t-on-click="_onClickPreview"
+                >
+                    Preview
+                </button>
+                <span class="o_MailTemplate_text">or</span>
+                <button
+                    class="o_MailTemplate_button o_MailTemplate_send btn btn-link"
+                    t-att-data-mail-template-id="mailTemplate.id"
+                    t-on-click="_onClickSend"
+                >
+                    Send Now
+                </button>
+            </t>
+        </div>
+    </t>
+
+</templates>