[REF] mail: first part of the chat refactoring (client side)

Joint work with ged

1 files changed, 57 insertions, 0 deletions

diff --git a/addons/mail/static/src/xml/composer.xml b/addons/mail/static/src/xml/composer.xml
new file mode 100644
index 00000000000..39e0b5afdc2
--- /dev/null
+++ b/addons/mail/static/src/xml/composer.xml
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates xml:space="preserve">
+
+     <div t-name="mail.ChatComposer" class="o_chat_composer">
+        <div class="o_composer">
+            <div class="dropup o_composer_mention_dropdown"/>
+            <input type="text" class="o_composer_input" placeholder="Write something"/>
+            <div class="btn-group o_composer_buttons">
+                <button class="btn btn-sm btn-primary o_composer_button_send" type="button">Send</button> 
+                <button class="btn btn-sm btn-icon fa fa-smile-o o_composer_button_emoji" type="button" data-toggle="popover"/>
+                <button class="btn btn-sm btn-icon fa fa-paperclip o_composer_button_add_attachment" type="button"/>
+            </div>
+        </div>
+        <div class="o_composer_mentioned_partners"/>
+        <div class="o_composer_attachments_list"/>
+
+        <span class="hide">
+            <t t-call="HiddenInputFile">
+                <t t-set="fileupload_id" t-value="widget.fileupload_id"/>
+                <t t-set="fileupload_action" t-translation="off">/web/binary/upload_attachment</t>
+                <input type="hidden" name="model" value="mail.compose.message"/>
+                <input type="hidden" name="id" value="0"/>
+                <input type="hidden" name="session_id" t-att-value="widget.session.session_id"/>
+            </t>
+        </span>
+        <span class="o_composer_emoji"></span>
+    </div>
+
+    <t t-name="mail.ChatComposer.emojis">
+        <t t-foreach="emojis" t-as="emoji">
+            <span t-att-data-emoji="emoji.source" class="o_mail_emoji" t-att-title="emoji.description">
+                <t t-raw="emoji.substitution"/>
+            </span>
+        </t>
+    </t>
+
+    <t t-name="mail.ChatComposer.MentionMenu">
+        <ul class="dropdown-menu" aria-labelledby="dropdownMailMentionMenu">
+            <t t-foreach="partners" t-as="partner">
+                <li t-att-class="'o_mention_proposition ' + (partner_index === 0 ? 'active' : '')"
+                    t-att-data-partner-id="partner.id">
+                    <a href="#">
+                        <t t-esc="partner.name"/> <t t-if="partner.email">(<t t-esc="partner.email"/>)</t>
+                    </a>
+                </li>
+            </t>
+        </ul>
+    </t>
+
+    <t t-name="mail.ChatComposer.MentionTags">
+        <t t-if="partners.length">Mention(s): </t>
+        <t t-foreach="partners" t-as="partner">
+            <span class="badge"><t t-esc="partner.name"/></span>
+        </t>
+    </t>
+
+</templates>