[FIX] give some proper style to broken the mail.Wall view
[odoo/odoo.git] / addons / mail / static / src / xml / mail.xml
1 <?xml version="1.0" encoding="UTF-8"?>
2 <template>
3
4     <div t-name="mail.Wall" class="oe_view_manager oe_mail_wall oe_view_manager_global">
5         <table class="oe_view_manager_header">
6           <colgroup>
7             <col width="33%"/>
8             <col width="33%"/>
9             <col width="34%"/>
10           </colgroup>
11           <tbody>
12             <tr class="oe_header_row">
13                 <td colspan="2">
14                     <h2 class="oe_view_title">
15                         <span class="oe_view_title_text">All Feeds</span>
16                     </h2>
17                 </td>
18                 <td><div class="oe_view_manager_view_search" t-opentag="true"/></td>
19             </tr>
20           </tbody>
21         </table>
22         <div class="oe_mail_wall_main">
23             <div class="oe_mail_wall_action">
24                 <img class="oe_mail_msg_image oe_left" alt="User img"/>
25                 <textarea class="oe_mail oe_mail_wall_action_textarea" placeholder="What are you working on?"/>
26                 <button class="oe_right oe_mail_wall_button_comment" type="button">Post comment</button>
27             </div>
28             <div class="oe_clear"></div>
29             <ul class="oe_mail_wall_threads">
30             </ul>
31             <div class="oe_mail_wall_more">
32                 <button class="oe_mail_wall_button_more" type="button">See more discussions</button>
33             </div>
34         </div>
35         <div class="oe_mail_wall_aside"></div>
36     </div>
37
38     <t t-name="mail.WallThreadContainer">
39     </t>
40
41     <div t-name="mail.RecordThread" class="oe_mail_recthread">
42         <div class="oe_mail_recthread_left"></div>
43         <div class="oe_mail_recthread_right">
44             <div class="oe_mail_recthread_actions">
45                 <button type="button" class="oe_mail_button_follow oe_mail_button_mouseout">Not following</button>
46                 <button type="button" class="oe_mail_button_unfollow oe_mail_button_mouseout">Following</button>
47                 <button type="button" class="oe_mail_button_followers">Display followers</button>
48             </div>
49             <div class="oe_mail_recthread_followers">
50                 <h4>Followers</h4>
51                 <ul class="oe_mail_followers_display"></ul>
52             </div>
53         </div>
54     </div>
55
56     <div t-name="mail.Thread" class="oe_mail oe_mail_thread">
57         <div class="oe_mail_thread_action">
58             <img class="oe_mail_msg_image oe_left" alt="User img"/>
59             <div class="oe_mail_msg_content">
60                 <textarea class="oe_mail oe_mail_action_textarea" placeholder="Add your comment here..." onfocus="this.value = '';"/>
61             </div>
62         </div>
63         <div class="oe_mail_thread_display"></div>
64         <div class="oe_mail_thread_more">
65             <button class="oe_mail_button_more" type="button">Load more messages</button>
66         </div>
67     </div>
68
69     <!-- default layout -->
70     <div t-name="mail.Thread.message" class="oe_mail oe_mail_thread_msg">
71         <div t-attf-class="oe_mail_msg_#{record.type}">
72             <img class="oe_email_icon oe_left" t-att-src="record.mini_url"/>
73             <div class="oe_mail_msg_content">
74                 <span class="oe_dropdown_toggle oe_dropdown_arrow">
75                     <ul class="oe_dropdown_menu">
76                         <t t-if="thread._is_author(record.user_id[0]) &amp;&amp; display['show_delete']">
77                             <li><a href="#" t-attf-data-id='{record.id}' class="oe_mail_msg_delete">Delete</a></li>
78                         </t>
79                         <t t-if="!thread._is_author(record.user_id[0]) &amp;&amp; display['show_hide']">
80                             <li><a href="#" t-attf-data-id='{record.id}' class="oe_mail_msg_hide">Hide</a></li>
81                         </t>
82                         <li t-if="record.type == 'email'"><a href="#" class="oe_mail_msg_details">Details</a></li>
83                     </ul>
84                 </span>
85                 <div class="oe_mail_msg">
86                     <h1 t-if="record.subject &amp;&amp; record.subject != 'Reply'" class="oe_mail_msg_title">
87                         <t t-raw="record.subject"/>
88                     </h1>
89                     <div t-if="params.thread_level > 0" class="oe_mail_msg_subtitle">
90                         <a href="#" t-attf-data-res-model='{params.res_model}' t-attf-data-res-id='{params.res_id}' class="oe_mail_internal_link"><t t-raw="record.record_name"/></a>
91                     </div>
92                     <div class="oe_mail_msg_body">
93                         <a href="#" data-res-model='res.users' t-attf-data-res-id='{record.user_id[0]}' class="oe_mail_internal_link"><t t-raw="record.user_id[1]"/></a>
94                         <t t-raw="record.body_head"/>
95                         <t t-if="record.body_tail"><a href="#" class="oe_mail_msg_more">... See more</a>
96                             <span class="oe_mail_msg_tail"><t t-raw="record.body_tail"/></span>
97                         </t>
98                     </div>
99                     <ul class="oe_mail_msg_footer">
100                       <li><span t-att-title="record.date"><t t-raw="record.timerelative"/></span></li>
101                       <li t-if="display['show_reply']"><a href="#" class="oe_mail_msg_reply">Reply</a></li>
102                       <!-- uncomment when merging vote
103                       <li><a href="#">Like</a></li>
104                       -->
105                       <li t-if="record.attachment_ids.length > 0">
106                           <a href="#" class="oe_mail_msg_view_attachments">
107                               <t t-if="record.attachment_ids.length == 1">Attachment</t>
108                               <t t-if="record.attachment_ids.length > 1">Attachments (<t t-raw="record.attachment_ids.length"/>)</t>
109                           </a>
110                       </li>
111                     </ul>
112                     <t t-if="record.attachment_ids.length > 0">
113                         <div class="oe_clear"></div>
114                         <ul class="oe_mail_msg_attachments">
115                             <t t-foreach="record.attachments" t-as="attachment">
116                                 <li> <a t-att-href="attachment.url"><t t-raw="attachment.name"/></a> </li>
117                             </t>
118                         </ul>
119                     </t>
120                 </div>
121             </div>
122         </div>
123     </div>
124 </template>