d8936135d4e77a484634c68f53e2a34416266a9e
[odoo/odoo.git] / addons / website_forum / views / website_forum.xml
1 <?xml version="1.0" encoding="utf-8"?>
2 <openerp>
3     <data>
4
5 <!-- Editor custom -->
6 <template id="assets_editor" inherit_id="website.assets_editor" name="Forum Editor Assets" groups="base.group_user">
7     <xpath expr="." position="inside">
8         <script type="text/javascript" src="/website_forum/static/src/js/website_forum.editor.js"/>
9     </xpath>
10 </template>
11
12 <!-- Front-end custom css / js + ckeditor lib and customization -->
13 <template id="assets_frontend" inherit_id="website.assets_frontend" name="Forum Assets">
14     <xpath expr="." position="inside">
15         <link rel='stylesheet' href="/web/static/lib/jquery.textext/jquery.textext.css"/>
16         <link rel='stylesheet' href='/website_forum/static/src/css/website_forum.css'/>
17         <script type="text/javascript" src="/website_forum/static/src/js/website_forum.js"/>
18         <script type="text/javascript" src="/web/static/lib/jquery.textext/jquery.textext.js"/>
19         <script type="text/javascript">
20             var CKEDITOR_BASEPATH = '/web/static/lib/ckeditor/';
21         </script>
22         <script type="text/javascript" src="/web/static/lib/ckeditor/ckeditor.js"></script>
23          <script type="text/javascript">
24                 CKEDITOR.config.toolbar = [['Bold','Italic','Underline','Strike'],['NumberedList','BulletedList', 'Blockquote']
25                 ,['Outdent','Indent','Link','Unlink','Image'],] ;
26         </script>
27
28     </xpath>
29 </template>
30
31 <!-- Layout add nav and footer -->
32 <template id="header_footer_custom" inherit_id="website.footer_default"
33     name="Footer Questions Link">
34     <xpath expr="//ul[@id='products']" position="inside">
35         <li><a t-attf-href="/forum/%(website_forum.forum_help)d">Q&amp;A</a></li>
36         <li><a href="/forum">Forums</a></li>
37     </xpath>
38 </template>
39
40 <!-- helper -->
41 <template id="link_button">
42     <form method="POST" t-att-action="url">
43         <button t-attf-class="fa btn-link #{classes} #{karma and 'karma_required text-muted' or ''}" t-attf-data-karma="#{karma}">
44             <t t-esc="label"/></button>
45     </form>
46 </template>
47
48 <!-- Page Index -->
49 <template id="header" name="Forum Index">
50     <t t-call="website.layout">
51         <div t-if="is_public_user and not no_introduction_message" class="alert alert-success alert-dismissable">
52             <div class="container">
53                 <h1 class="mt0">Welcome!</h1>
54                 <div t-field="forum.description"/>
55                 <a class='btn btn-primary' t-attf-href="/web?redirect=#{ request.httprequest.url }">Register</a>
56                 <button type="button" class="btn btn-link js_close_intro" data-dismiss="alert" aria-hidden="true">Hide Intro</button>
57             </div>
58         </div>
59         <div class="container mt16 website_forum">
60             <div class="navbar navbar-default">
61                 <div class="navbar-header">
62                     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#oe-help-navbar-collapse">
63                         <span class="sr-only">Toggle navigation</span>
64                         <span class="icon-bar"></span>
65                         <span class="icon-bar"></span>
66                     </button>
67                     <a class="navbar-brand" t-attf-href="/forum/#{slug(forum)}">
68                         <span t-field="forum.name"/>
69                     </a>
70                 </div>
71                 <div class="collapse navbar-collapse" id="oe-help-navbar-collapse">
72                     <ul class="nav navbar-nav">
73                         <li t-att-class="sorting == 'relevancy desc' and 'active' or '' ">
74                             <a t-attf-href="/forum/#{ slug(forum) }?{{ keep_query( 'search', 'post_type', 'filters', sorting='relevancy desc') }}">Trending</a>
75                         </li>
76                         <li t-att-class="sorting == 'create_date desc' and 'active' or '' ">
77                             <a t-attf-href="/forum/#{ slug(forum) }?{{ keep_query( 'search', 'post_type', 'filters', sorting='create_date desc') }}">Newest</a>
78                         </li>
79                         <li t-att-class="searches.get('users') and 'active' or '' ">
80                             <a t-attf-href="/forum/#{ slug(forum) }/users">People</a>
81                         </li>
82                         <li t-att-class="searches.get('tags') and 'active' or '' ">
83                             <a t-attf-href="/forum/#{ slug(forum) }/tag">Tags</a>
84                         </li>
85                         <li t-att-class="searches.get('badges') and 'active' or '' ">
86                             <a t-attf-href="/forum/#{ slug(forum) }/badge">Badges</a>
87                         </li>
88                         <li t-if="not is_public_user" t-att-class="searches.get('my_profile') and 'active' or '' ">
89                             <a t-attf-href="/forum/#{ slug(forum) }/user/#{uid}">My Profile</a>
90                         </li>
91                     </ul>
92                     <form class="navbar-form navbar-right" role="search" t-attf-action="/forum/#{ slug(forum) }" method="get">
93                         <div class="input-group">
94                             <input type="search" class="form-control" name="search" t-att-value="search or ''"/>
95                             <span class="input-group-btn">
96                                 <button type="submit" class="btn btn-default">Search</button>
97                             </span>
98                         </div>
99                     </form>
100                 </div>
101             </div>
102         </div>
103
104         <div id="wrap" class="container">
105             <div class="row">
106                 <div class="col-sm-9">
107                     <div t-foreach="notifications or []" t-as="notification" class="alert alert-success alert-dismissable">
108                         <button type="button" class="close notification_close" t-att-id="notification.id" data-dismiss="alert" aria-hidden="true">&amp;times;</button>
109                         <div t-field="notification.body"/>
110                         <a t-attf-href="/forum/#{ slug(forum) }/user/#{ user.id }#badges" class="fa fa-arrow-right">View Your Badges</a>
111                     </div>
112                     <div t-if="not validation_email_sent and not is_public_user and user.karma == 0" class="alert alert-danger alert-dismissable">
113                         <button type="button" class="close validation_email_close" data-dismiss="alert" aria-hidden="true">&amp;times;</button>
114                         <div>
115                             <p>
116                                 It appears your email has not been verified.
117                                 <a class="send_validation_email" href="#" t-att-forum-id="forum.id">Click here to send a verification email allowing you to participate to the forum.</a>
118                             </p>
119                         </div>
120                     </div>
121                     <div t-if="validation_email_done" class="alert alert-success alert-dismissable">
122                         <button type="button" class="close validated_email_close" data-dismiss="alert" aria-hidden="true">&amp;times;</button>
123                         <div>
124                             <p>Congratulations! Your email has just been validated. You may now participate to our forums.</p>
125                         </div>
126                     </div>
127                     <t t-raw="0"/>
128                 </div>
129                 <div class="col-sm-3" id="right-column">
130                     <div t-if="not header.get('ask_hide')" t-attf-class="btn-group btn-block mb16 #{(user.karma &lt; forum.karma_ask) and 'karma_required' or ''}" t-attf-data-karma="#{forum.karma_ask}">
131                         <a type="button" class="btn btn-primary btn-lg col-sm-10" t-attf-href="/forum/#{slug(forum)}/ask?post_type=#{forum.default_post_type}">
132                             <t t-if="forum.default_post_type == 'question'">Ask a Question</t>
133                             <t t-if="forum.default_post_type == 'link'">Submit a Link</t>
134                             <t t-if="forum.default_post_type == 'discussion'">Launch a Discussion</t>
135                         </a>
136                         <button type="button" class="btn btn-primary btn-lg col-sm-2 dropdown-toggle" data-toggle="dropdown">
137                             <span class="caret"></span>
138                             <span class="sr-only">Select Post</span>
139                         </button>
140                         <ul class="dropdown-menu" role="menu">
141                             <li t-if="forum.allow_question"><a t-attf-href="/forum/#{slug(forum)}/ask?post_type=question">Ask a Question</a></li>
142                             <li t-if="forum.allow_link"><a t-attf-href="/forum/#{slug(forum)}/ask?post_type=link">Submit a Link</a></li>
143                             <li t-if="forum.allow_discussion"><a t-attf-href="/forum/#{slug(forum)}/ask?post_type=discussion">Launch a Discussion</a></li>
144                         </ul>
145                     </div>
146                     <div class="panel panel-default">
147                         <div class="panel-heading">
148                             <h3 class="panel-title">Keep Informed</h3>
149                         </div>
150                         <div class="panel-body">
151                             <t t-call="website_mail.follow">
152                                 <t t-set="email" t-value="user.email"/>
153                                 <t t-set="object" t-value="forum"/>
154                             </t>
155                         </div>
156                     </div>
157                     <div class="panel panel-default" id="about_forum">
158                         <div class="panel-heading">
159                             <h3 class="panel-title">About This Community</h3>
160                         </div>
161                         <div class="panel-body">
162                             <t t-raw="forum.description"/>
163                             <a t-if="not header.get('is_guidelines')" t-attf-href="/forum/#{slug(forum)}/faq" class="fa fa-arrow-right"> Read Guidelines</a>
164                             <a t-if="header.get('is_guidelines')" t-attf-href="/forum/#{slug(forum)}" class="fa fa-arrow-right"> Back to <span t-field="forum.name"/></a>
165                         </div>
166                     </div>
167                     <div t-if="header.get('question_data')">
168                         <div class="panel panel-default">
169                             <div class="panel-heading text-center">
170                                 <h3 class="panel-title">Question tools</h3>
171                             </div>
172                             <div class="panel-body text-center">
173                                 <t t-call="website_mail.follow"><t t-set="object" t-value="question"/></t>
174                                 <div class="mt8">
175                                     <strong><t t-raw="len(question.message_follower_ids)"/></strong> follower(s)
176                                 </div>
177                             </div>
178                             <div class="panel-heading text-center">
179                                 <h3 class="panel-title ">Stats</h3>
180                             </div>
181                             <div class="panel-body">
182                                 <table class="table">
183                                     <thead><tr><td> Asked: <strong><span t-field="question.create_date" t-field-options='{"format":"short"}'/></strong></td></tr></thead>
184                                     <tr><td> Seen: <strong><t t-raw="question.views"/></strong>
185                                         <span t-if="question.views&gt;1">times</span>
186                                         <span t-if="question.views&lt;=1">time</span>
187                                     </td></tr>
188                                     <tr><td> Last updated: <strong><span t-field="question.write_date" t-field-options='{"format":"short"}'/></strong></td></tr>
189                                 </table>
190                             </div>
191                         </div>
192                     </div>
193                 </div>
194             </div>
195         </div>
196         <div class="oe_structure"/>
197     </t>
198 </template>
199
200 <!-- Display a post -->
201 <template id="display_post">
202     <div class="question row">
203         <div class="col-md-2 hidden-xs text-center">
204             <t t-call="website_forum.vote">
205                 <t t-set="post" t-value="question"/>
206             </t>
207         </div>
208         <div class="col-md-10 clearfix">
209             <div class="question-name">
210                 <t t-if="question.post_type == 'link'">
211                     <a t-att-href="question.content_link" t-raw="question.name"/>
212                 </t>
213                 <t t-if="question.post_type in ('question', 'discussion')">
214                     <a t-attf-href="/forum/#{ slug(forum) }/question/#{ slug(question) }" t-field="question.name"/>
215                 </t>
216                 <span t-if="not question.active"><b> [Deleted]</b></span>
217                 <span t-if="question.state == 'close'"><b> [Closed]</b></span>
218             </div>
219             <t t-foreach="question.tag_ids" t-as="question_tag">
220                 <a t-attf-href="/forum/#{ slug(forum) }/tag/#{slug(question_tag)}/questions">
221                     <span t-attf-class="pull-right label #{tag and tag.name == question_tag.name and 'label-primary' or 'label-default'}" t-field="question_tag.name"
222                         style="margin-right: 4px;"/>
223                 </a>
224             </t>
225             <small class="text-muted">
226                 By <span t-field="question.create_uid" t-field-options='{"widget": "contact", "country_image": true, "fields": ["name", "country_id"]}' style="display: inline-block;"/>
227                 â€¢ <span t-field="question.write_date" t-field-options='{"format":"short"}'/>
228                 â€¢ <a t-attf-href="/forum/#{ slug(forum) }/question/#{ slug(question) }">
229                     <t t-esc="question.child_count"/>
230                     <t t-if="question.child_count&gt;1">comments</t>
231                     <t t-if="question.child_count&lt;=1">comment</t>
232                 </a>
233             </small>
234         </div>
235     </div>
236 </template>
237
238 <!-- Display a post as an answer -->
239 <template id="display_post_answer">
240     <div class="clearfix">
241         <div t-attf-class="pull-left text-center mb16 box #{len(answer.vote_ids) and 'oe_green' or 'oe_grey'}">
242             <div t-esc="len(answer.vote_ids)"/>
243         </div>
244         <div class="question-name" style="margin-left: 32px;">
245             <a style="font-size: 15px;" t-attf-href="/forum/#{ slug(forum) }/question/#{ answer.parent_id.id }/#answer-#{ answer.id }" t-esc="answer.parent_id.name"/>
246             <t t-if="len(answer.website_message_ids)&gt;0">
247                 (<t t-esc="len(answer.website_message_ids)"/>
248                 <t t-if="len(answer.website_message_ids)&gt;1">Comments</t>
249                 <t t-if="len(answer.website_message_ids)&lt;=1">Comment</t>)
250             </t>
251         </div>
252     </div>
253 </template>
254
255 <!-- FAQ Layout -->
256 <template id="faq">
257     <t t-call="website_forum.header">
258         <div t-field="forum.faq"/>
259     </t>
260 </template>
261
262 <!-- All Forums Layout -->
263 <template id="forum_all">
264     <t t-call="website.layout">
265         <div class="container">
266             <h1 class="mb32">Our forums</h1>
267             <div class="row">
268                 <div t-foreach="forums" t-as="forum" class="col-sm-3 text-center mb32">
269                     <a t-attf-href="/forum/#{ slug(forum) }">
270                         <div class="fa fa-5x fa-comment mb16"/>
271                         <div t-field="forum.name"/>
272                     </a>
273                 </div>
274             </div>
275         </div>
276     </t>
277 </template>
278
279 <!-- Specific Forum Layout -->
280 <template id="forum_index" name="Forum">
281     <t t-call="website_forum.header">
282         <h2 class="page-header mt0">
283             <t t-esc="question_count"/>
284                 <span t-if="post_type == 'all'">Posts</span>
285                 <span t-if="post_type == 'question'">Questions</span>
286                 <span t-if="post_type == 'link'">Posts</span>
287                 <span t-if="post_type == 'discussion'">Discussions</span>
288             <t t-esc="search"/>
289             <small class="dropdown" t-if="filters in ('all', 'unanswered','followed', 'tag')">
290               <a href="#" class="dropdown-toggle" data-toggle="dropdown">
291                   <t t-if="filters == 'unanswered'">Unanswered</t>
292                   <t t-if="filters == 'followed'">Followed</t>
293                   <t t-if="tag"><span t-field="tag.name"/></t>
294                   <t t-if="sorting == 'relevancy desc'"> by relevancy</t>
295                   <t t-if="sorting == 'write_date desc'"> by activity date</t>
296                   <t t-if="sorting == 'create_date desc'"> by newest</t>
297                   <t t-if="sorting == 'child_count desc'"> by most answered</t>
298                   <t t-if="sorting == 'vote_count desc'"> by most voted</t>
299                   <b class="caret"/>
300               </a>
301               <ul class="dropdown-menu">
302                   <li class="dropdown-header">Filter on</li>
303                   <li t-att-class="filters == 'all' and 'active' or '' ">
304                       <a t-att-href="url_for('') + '?' + keep_query( 'search', 'sorting', filters='all')">All</a>
305                   </li>
306                   <li t-att-class="filters == 'unanswered' and 'active' or '' ">
307                       <a t-att-href="url_for('') + '?' + keep_query( 'search', 'sorting', filters='unanswered')">Unanswered</a>
308                   </li>
309                   <li t-if="uid" t-att-class="filters == 'followed' and 'active' or '' ">
310                       <a t-att-href="url_for('') + '?' + keep_query( 'search', 'sorting', filters='followed')">Followed</a>
311                   </li>
312                   <li class="dropdown-header">Tags</li>
313                   <li t-if="tag" t-att-class="tag and 'active' or '' ">
314                       <a href=""><t t-esc="tag.name"/></a>
315                   </li>
316                   <li class="dropdown-header">Sort by</li>
317                   <li t-att-class="sorting == 'relevancy desc' and 'active' or '' ">
318                       <a t-att-href="url_for('') + '?' + keep_query( 'search', 'filters', sorting='relevancy desc')">Relevancy</a>
319                   </li>
320                   <li t-att-class="sorting == 'write_date desc' and 'active' or '' ">
321                       <a t-att-href="url_for('') + '?' + keep_query( 'search', 'filters', sorting='write_date desc')">Last activity date</a>
322                   </li>
323                   <li t-att-class="sorting == 'create_date desc' and 'active' or '' ">
324                       <a t-att-href="url_for('') + '?' + keep_query( 'search', 'filters', sorting='create_date desc')">Newest</a>
325                   </li>
326                   <li t-att-class="sorting == 'child_count desc' and 'active' or '' ">
327                       <a t-att-href="url_for('') + '?' + keep_query( 'search', 'filters', sorting='child_count desc')">Most answered</a>
328                   </li>
329                   <li t-att-class="sorting == 'vote_count desc' and 'active' or '' ">
330                       <a t-att-href="url_for('') + '?' + keep_query( 'search', 'filters', sorting='vote_count desc')">Most voted</a>
331                   </li>
332               </ul>
333             </small>
334         </h2>
335         <div t-foreach="question_ids" t-as="question" class="mb16">
336             <t t-call="website_forum.display_post"/>
337         </div>
338         <t t-call="website.pager"/>
339     </t>
340 </template>
341
342 <template id="404">
343     <t t-call="website_forum.header">
344         <div class="oe_structure oe_empty"/>
345         <h1 class="mt32">Question not found!</h1>
346         <p>Sorry, this question is not available anymore.</p>
347         <p>
348             <a t-attf-href="/forum">Return to the question list.</a>
349         </p>
350     </t>
351 </template>
352
353 <!-- Edition: Post Article -->
354 <template id="new_link">
355     <t t-call="website_forum.header">
356         <h1 class="mt0">Submit a Link</h1>
357         <p class="mb32">
358             Share an awesome link. Your post will appear in the 'Newest' top-menu.
359             If the community vote on your post, it will get traction by being promoted
360             in the homepage.
361         </p><p>
362             We keep a high level of quality in showcased posts, only 20% of the submited
363             posts will be featured.
364         </p>
365         <form t-attf-action="/forum/#{ slug(forum) }/new?post_type=link" method="post" role="form" class="tag_text form-horizontal">
366             <input type="hidden" name="karma" t-attf-value="#{user.karma}" id="karma"/>
367             <div class="form-group">
368                 <label class="col-sm-2 control-label" for="content_link">URL to Share</label>
369                 <div class="col-sm-8">
370                     <input type="text" name="post_name" required="True" t-attf-value="#{post_name}"
371                         class="form-control mb16 link_url" placeholder="e.g. https://www.odoo.com"/>
372                 </div>
373             </div>
374             <div class="form-group">
375                 <label class="col-sm-2 control-label" for="post_name">Post Title</label>
376                 <div class="col-sm-8">
377                     <input type="text" name="content" readonly="True" required="True" t-attf-value="#{content}"
378                         class="form-control"/>
379                 </div>
380             </div>
381             <div class="form-group">
382                 <label class="col-sm-2 control-label" for="post_tags">Tags</label>
383                 <div class="col-sm-8">
384                     <input type="text" name="post_tags" readonly="True" class="form-control load_tags"/>
385                 </div>
386             </div>
387             <div class="form-group">
388                 <div class="col-sm-offset-2 col-sm-8">
389                     <button class="btn btn-primary" disabled="True" id="btn_post_your_article">Post Your Article</button>
390                 </div>
391             </div>
392         </form>
393     </t>
394 </template>
395
396 <!-- Edition: Post your Discussion Topic -->
397 <template id="new_discussion">
398     <t t-call="website_forum.header">
399         <h1 class="mt0">Post Your Discussion Topic</h1>
400         <p>
401             <b>Share</b> Start Something Awesome
402         </p>
403         <form t-attf-action="/forum/#{slug(forum)}/new?post_type=discussion" method="post" role="form" class="tag_text">
404             <input type="text" name="post_name" required="True" t-attf-value="#{post_name}"
405                 class="form-control mb16" placeholder="Your Discussion Title..."/>
406             <input type="hidden" name="karma" t-attf-value="#{user.karma}" id="karma"/>
407             <textarea name="content" id="content" required="True" class="form-control load_editor">
408                 <t t-esc="question_content"/>
409             </textarea>
410             <br/>
411             <input type="text" name="post_tags" placeholder="Tags" class="form-control load_tags"/>
412             <br/><br/>
413             <button class="btn btn-primary">Post Your Topic</button>
414         </form>
415     </t>
416 </template>
417
418 <!-- Edition: ask your question -->
419 <template id="new_question">
420     <t t-call="website_forum.header">
421         <h1 class="mt0">Ask Your Question</h1>
422         <p>
423             To improve your chance getting an answer:
424         </p>
425         <ul>
426             <li>Set a clear, explicit and concise question title
427                 (check
428                 <a href="#" data-placement="top" data-toggle="popover" data-content="Inventory Date Problem, Task remaining hours, Can you help solve solve my tax computation problem in Canada?" title="Click to get bad question samples">bad examples</a>
429                 and
430                 <a href="#" data-placement="bottom" data-toggle="popover" data-content="How to create a physical inventory at an anterior date?, How is the 'remaining hours' field computed on tasks?, How to configure TPS and TVQ's canadian taxes?" title="Click to get good question titles">good examples</a>
431                 ),
432             </li>
433             <li>Avoid unnecessary introductions (Hi,... Please... Thanks...),</li>
434             <li>Provide enough details and, if possible, give an example.</li>
435         </ul>
436         <form t-attf-action="/forum/#{slug(forum)}/new?post_type=question" method="post" role="form" class="tag_text">
437             <input type="text" name="post_name" required="True" t-attf-value="#{post_name}"
438                 class="form-control mb16" placeholder="Your Question Title..."/>
439             <input type="hidden" name="karma" t-attf-value="#{user.karma}" id="karma"/>
440
441             <textarea name="content" required="True" id="content" class="form-control load_editor">
442                 <t t-esc="question_content"/>
443             </textarea>
444             <br/>
445             <input type="hidden" name="karma_retag" t-attf-value="#{forum.karma_retag}" id="karma_retag"/>
446             <input type="hidden" name="post_tags" placeholder="Tags" class="form-control js_select2"/>
447             <br/><br/>
448             <button t-attf-class="btn btn-primary #{(user.karma &lt; forum.karma_ask) and 'karma_required' or ''}"
449                 t-att-data-karma="forum.karma_ask">Post Your Question</button>
450         </form>
451     </t>
452 </template>
453
454 <!-- Edition: edit a post -->
455 <template id="edit_post">
456     <t t-call="website_forum.header">
457         <h3 t-if="not is_answer">Edit <span t-field="post.post_type"/></h3>
458         <h3 t-if="is_answer">Edit reply</h3>
459         <form t-attf-action="/forum/#{slug(forum)}/post/#{slug(post)}/save" method="post" role="form" class="tag_text">
460             <div t-if="not is_answer">
461                 <input type="text" name="post_name" required="True"
462                     t-attf-value="#{post.name}" class="form-control mb8" placeholder="Edit your Post"/>
463                 <h5 t-if="post.post_type == 'question'" class="mt20">Please enter a descriptive question (should finish by a '?')</h5>
464             </div>
465             <input type="hidden" name="karma" t-attf-value="#{user.karma}" id="karma"/>
466             <input type="hidden" name="karma_retag" t-attf-value="#{forum.karma_retag}" id="karma_retag"/>
467             <textarea name="content" id="content" required="True" class="form-control load_editor">
468                 <t t-esc="post.content"/>
469             </textarea>
470             <div t-if="not is_answer">
471                 <br/>
472                 <input type="text" name="post_tag" class="form-control col-md-9 js_select2" placeholder="Tags" t-attf-value="#{tags}"/>
473                 <br/>
474             </div>
475             <button class="btn btn-primary btn-lg">Save</button>
476         </form>
477     </t>
478 </template>
479
480 <!-- Moderation: close a post -->
481 <template id="close_post">
482     <t t-call="website_forum.header">
483         <h1 class="mt0">Close Post</h1>
484         <p class="text-muted">
485             If you close this post, it will be hidden for most users. Only
486             users having a high karma can see closed posts to moderate
487             them.
488         </p>
489         <form t-attf-action="/forum/#{ slug(forum) }/question/#{slug(question)}/close" method="post" role="form" class="form-horizontal mt32 mb64">
490             <input name="post_id" t-att-value="question.id" type="hidden"/>
491             <div class="form-group">
492                 <label class="col-md-3 control-label" for="reason">Post:</label>
493                 <div class="col-md-8 mt8">
494                     <span t-field="question.name"/>
495                 </div>
496             </div>
497             <div class="form-group">
498                 <label class="col-md-3 control-label" for="reason">Reason:</label>
499                 <div class="col-md-8">
500                     <select class="form-control" name="reason_id">
501                         <t t-foreach="reasons or []" t-as="reason">
502                             <option t-att-value="reason.id" t-att-selected="reason.id == question.closed_reason_id.id"><t t-esc="reason.name"/></option>
503                         </t>
504                     </select>
505                 </div>
506             </div>
507             <div class="form-group">
508                 <div class="col-md-offset-3 col-md-8">
509                     <button class="btn btn-primary">Close post</button>
510                     <span class="text-muted">or</span>
511                     <a class="btn btn-link" t-attf-href="/forum/#{ slug(forum) }/question/#{ slug(question) }">back to post</a>
512                 </div>
513             </div>
514         </form>
515     </t>
516 </template>
517
518 <!-- Edition: post a reply -->
519 <template id="post_reply">
520     <div class="css_editable_mode_hidden">
521         <form t-attf-id="reply#{ object._name.replace('.','') + '-' + str(object.id) }" class="collapse oe_comment_grey"
522             t-attf-action="/forum/#{ slug(forum) }/#{slug(object)}/reply" method="post" role="form">
523             <h3 class="mt10">Your Reply</h3>
524             <input type="hidden" name="karma" t-attf-value="#{user.karma}" id="karma"/>
525             <textarea name="content" t-attf-id="content-#{str(object.id)}" class="form-control load_editor" required="True"/>
526             <button class="btn btn-primary">Post Your Reply</button>
527         </form>
528     </div>
529 </template>
530
531 <!-- Edition: post an answer -->
532 <template id="post_answer">
533     <h3 class="mt10">Your Reply</h3>
534     <p t-if="question.post_type == 'question'">
535         <b>Please try to give a substantial answer.</b> If you wanted to comment on the question or answer, just
536         <b>use the commenting tool.</b> Please remember that you can always <b>revise your answers</b>
537         - no need to answer the same question twice. Also, please <b>don't forget to vote</b>
538         - it really helps to select the best questions and answers!
539     </p>
540     <form t-attf-action="/forum/#{ slug(forum) }/#{slug(question)}/reply" method="post" role="form">
541         <input type="hidden" name="karma" t-attf-value="#{user.karma}" id="karma"/>
542         <textarea name="content" t-attf-id="content-#{str(question.id)}" class="form-control load_editor" required="True"/>
543         <button t-attf-class="btn btn-primary mt16 #{not question.can_answer and 'karma_required' or ''}"
544             t-att-data-karma="question.forum_id.karma_answer">Post Your Reply</button>
545     </form>
546 </template>
547
548 <template id="vote">
549     <div t-attf-class="box oe_grey">
550         <a t-attf-class="vote_up fa fa-thumbs-up no-decoration #{post.user_vote == 1 and 'text-success' or ''} #{((post.user_vote == 1 and not post.can_downvote) or not post.can_upvote) and 'karma_required' or ''}"
551             t-attf-data-karma="#{post.user_vote == 1 and post.forum_id.karma_downvote or post.forum_id.karma_upvote}"
552             t-attf-data-href="/forum/#{slug(post.forum_id)}/post/#{slug(post)}/upvote"/>
553         <span id="vote_count" t-esc="post.vote_count"/>
554         <a t-attf-class="vote_down fa fa-thumbs-down no-decoration #{post.user_vote == -1 and 'text-warning' or ''} #{((post.user_vote == -1 and not post.can_upvote) or not post.can_downvote) and 'karma_required' or ''}"
555             t-attf-data-karma="#{post.user_vote == -1 and post.forum_id.karma_upvote or post.forum_id.karma_downvote}"
556             t-attf-data-href="/forum/#{slug(post.forum_id)}/post/#{slug(post)}/downvote"/>
557         <div t-if="vote_count &gt; 1" class="subtitle">
558             votes
559         </div>
560         <div t-if="vote_count &lt; 2" class="subtitle">
561             vote
562         </div>
563     </div>
564 </template>
565
566 <!-- Specific Post Layout -->
567 <template id="post_description_full" name="Question Navigation">
568     <t t-call="website_forum.header">
569         <div t-attf-class="row question">
570             <div class="col-md-2 hidden-xs text-center">
571                 <t t-call="website_forum.vote">
572                     <t t-set="post" t-value="question"/>
573                 </t>
574                 <div class="text-muted text-center">
575                     <span t-field="question.views"/> Views
576                 </div>
577                 <div class="mt4">
578                     <a t-attf-data-href="/forum/#{slug(question.forum_id)}/question/#{slug(question)}/toggle_favourite"
579                         t-attf-class="favourite_question no-decoration fa fa-2x fa-star #{question.user_favourite and 'forum_favourite_question' or ''}"/>
580                 </div>
581             </div>
582             <div t-attf-class="col-md-10 #{not question.active and 'alert alert-danger' or ''}">
583                 <h1 class="mt0">
584                     <t t-if="question.post_type == 'link'">
585                         <a t-att-href="question.content_link" t-raw="question.name"/>
586                     </t>
587                     <t t-if="question.post_type in ('question', 'discussion')">
588                         <a t-attf-href="/forum/#{ slug(forum) }/question/#{ slug(question) }" t-field="question.name"/>
589                     </t>
590                     <span t-if="not question.active"><b> [Deleted]</b></span>
591                     <span t-if="question.state == 'close'"><b> [Closed]</b></span>
592                 </h1>
593                 <div class="alert alert-info text-center" t-if="question.state == 'close'">
594                     <p class="mt16">
595                         <b>The <i t-field="question.post_type"/> has been closed<t t-if="question.closed_reason_id"> for reason: <i t-esc="question.closed_reason_id.name"/></t></b>
596                     </p>
597                     <t t-if="question.closed_uid">
598                         <b>by <a t-attf-href="/forum/#{ slug(forum) }/user/#{ question.closed_uid.id }"
599                             t-field="question.closed_uid"
600                             t-field-options='{"widget": "contact", "fields": ["name"]}'
601                             style="display: inline-block;"/></b>
602                     </t>
603                     <b>on <span t-field="question.closed_date"/></b>
604                     <div class="mt16 mb24 text-center">
605                         <t t-call="website_forum.link_button">
606                             <t t-set="url" t-value="'/forum/' + slug(forum) + '/question/' + slug(question) + '/reopen'"/>
607                             <t t-set="label" t-value="'Reopen'"/>
608                             <t t-set="classes" t-value="'fa-arrow-right'"/>
609                             <t t-set="karma" t-value="not question.can_close and question.karma_close or 0"/>
610                         </t>
611                     </div>
612                 </div>
613                 <div t-if="question.post_type != 'link' and question.create_uid.karma &gt;= forum.karma_dofollow"><span t-field="question.content" class="oe_no_empty"/></div>
614                 <div t-if="question.post_type != 'link' and question.create_uid.karma &lt; forum.karma_dofollow"><span t-field="question.content" class="oe_no_empty" t-field-options='{"nofollow": 1}'/></div>
615                 <div class="mt16 clearfix">
616                     <div class="pull-right">
617                         <div class="text-right">
618                             <t t-foreach="question.tag_ids" t-as="tag">
619                                 <a t-attf-href="/forum/#{ slug(forum) }/tag/#{ tag.id }/questions" class="label label-default" t-field="tag.name"/>
620                             </t>
621                         </div>
622                         <ul class="list-inline" id="options">
623                             <li t-if="question.post_type == 'question'">
624                                 <a style="cursor: pointer" t-att-data-toggle="question.can_comment and 'collapse' or ''"
625                                     t-attf-class="fa fa-comment-o #{not question.can_comment and 'karma_required text-muted' or ''}"
626                                     t-attf-data-karma="#{not question.can_comment and question.karma_comment or 0}"
627                                     t-attf-data-target="#comment#{ question._name.replace('.','') + '-' + str(question.id) }">
628                                     Comment
629                                 </a>
630                             </li>
631                             <li t-if="question.state != 'close'">
632                                 <t t-call="website_forum.link_button">
633                                     <t t-set="url" t-value="'/forum/' + slug(forum) +'/question/' + slug(question) + '/ask_for_close'"/>
634                                     <t t-set="label" t-value="'Close'"/>
635                                     <t t-set="classes" t-value="'fa-times'"/>
636                                     <t t-set="karma" t-value="not question.can_close and question.karma_close or 0"/>
637                                 </t>
638                             </li>
639                             <li t-if="question.state == 'close'">
640                                 <t t-call="website_forum.link_button">
641                                     <t t-set="url" t-value="'/forum/' + slug(forum) +'/question/' + slug(question) + '/reopen'"/>
642                                     <t t-set="label" t-value="'Reopen'"/>
643                                     <t t-set="classes" t-value="'fa-undo'"/>
644                                     <t t-set="karma" t-value="not question.can_close and question.karma_close or 0"/>
645                                 </t>
646                             </li>
647                             <li>
648                                 <t t-call="website_forum.link_button">
649                                     <t t-set="url" t-value="'/forum/' + slug(forum) +'/post/' + slug(question) + '/edit'"/>
650                                     <t t-set="label" t-value="'Edit'"/>
651                                     <t t-set="classes" t-value="'fa-edit'"/>
652                                     <t t-set="karma" t-value="not question.can_edit and question.karma_edit or 0"/>
653                                 </t>
654                             </li>
655                             <li t-if="question.active">
656                                 <t t-call="website_forum.link_button">
657                                     <t t-set="url" t-value="'/forum/' + slug(forum) +'/question/' + slug(question) + '/delete'"/>
658                                     <t t-set="label" t-value="'Delete'"/>
659                                     <t t-set="classes" t-value="'fa-trash-o'"/>
660                                     <t t-set="karma" t-value="not question.can_unlink and question.karma_unlink or 0"/>
661                                 </t>
662                             </li>
663                             <li t-if="not question.active">
664                                 <t t-call="website_forum.link_button">
665                                     <t t-set="url" t-value="'/forum/' + slug(forum) +'/question/' + slug(question) + '/undelete'"/>
666                                     <t t-set="label" t-value="'Undelete'"/>
667                                     <t t-set="classes" t-value="'fa-trash-o'"/>
668                                     <t t-set="karma" t-value="not question.can_unlink and question.karma_unlink or 0"/>
669                                 </t>
670                             </li>
671                         </ul>
672                     </div>
673                     <div>
674                         <img class="pull-left img img-circle img-avatar" t-attf-src="/forum/user/#{question.create_uid.id}/avatar"/>
675                         <div>
676                             <a t-attf-href="/forum/#{ slug(forum) }/user/#{ question.create_uid.id }"
677                                 t-field="question.create_uid"
678                                 t-field-options='{"widget": "contact", "country_image": true, "fields": ["name", "country_id"]}'
679                                 style="display: inline-block;"/>
680                             <div t-field="question.create_uid" t-field-options='{"widget": "contact", "badges": true, "fields": ["karma"]}'/>
681                             <span class="text-muted">Asked on <span t-field="question.create_date" t-field-options='{"format":"short"}'/></span>
682                         </div>
683                     </div>
684                     <div class="visible-xs text-center">
685                         <t t-call="website_forum.vote">
686                             <t t-set="post" t-value="question"/>
687                         </t>
688                         <div class="text-muted text-center">
689                             <span t-field="question.views"/> Views
690                         </div>
691                         <div class="mt4">
692                             <a t-attf-data-href="/forum/#{slug(question.forum_id)}/question/#{slug(question)}/toggle_favourite"
693                                 t-attf-class="favourite_question no-decoration fa fa-2x fa-star #{question.user_favourite and 'forum_favourite_question' or ''}"/>
694                         </div>
695                     </div>
696                 </div>
697                 <t t-call="website_forum.post_comment">
698                     <t t-set="object" t-value="question"/>
699                 </t>
700             </div>
701         </div>
702         <hr/>
703         <div t-foreach="question.child_ids" t-as="post_answer" class="mt16 mb32">
704             <t t-call="website_forum.post_answers">
705                 <t t-set="answer" t-value="post_answer"/>
706             </t>
707         </div>
708         <div t-if="question.post_type != 'question' or question.post_type == 'question' and not question.uid_has_answered and question.state != 'close' and question.active != False">
709             <t t-call="website_forum.post_answer"/>
710         </div>
711         <div t-if="question.post_type == 'question' and question.uid_has_answered" class="mb16">
712             <a class="btn btn-primary" t-attf-href="/forum/#{slug(forum)}/question/#{slug(question)}/edit_answer">Edit Your Previous Answer</a>
713             <span class="text-muted">(only one answer per question is allowed)</span>
714         </div>
715     </t>
716 </template>
717
718 <template id="post_answers">
719     <a t-attf-id="answer-#{str(answer.id)}"/>
720     <div t-attf-class="forum_answer row" t-attf-id="answer_#{answer.id}" >
721         <div class="col-md-2 hidden-xs text-center">
722             <t t-call="website_forum.vote">
723                 <t t-set="post" t-value="answer"/>
724             </t>
725             <div t-if="question.post_type == 'question'" class="text-muted mt8">
726                 <a t-attf-class="accept_answer fa fa-2x fa-check-circle no-decoration #{answer.is_correct and 'oe_answer_true' or 'oe_answer_false'} #{not answer.can_accept and 'karma_required' or ''}"
727                     t-attf-data-karma="#{answer.karma_accept}"
728                     t-attf-data-href="/forum/#{slug(question.forum_id)}/post/#{slug(answer)}/toggle_correct"/>
729             </div>
730         </div>
731         <div class="col-md-10 clearfix">
732             <div t-if="answer.create_uid.karma &gt;= forum.karma_dofollow"><span t-field="answer.content" class="oe_no_empty"/></div>
733             <div t-if="answer.create_uid.karma &lt; forum.karma_dofollow"><span t-field="answer.content" class="oe_no_empty" t-field-options='{"nofollow": 1}'/></div>
734             <div class="mt16">
735                 <ul class="list-inline pull-right">
736                     <li t-if="question.post_type == 'question'">
737                         <a t-attf-class="fa fa-comment-o #{not answer.can_comment and 'karma_required text-muted' or ''}"
738                             t-attf-data-karma="#{not answer.can_comment and answer.karma_comment or 0}"
739                             style="cursor: pointer" t-att-data-toggle="answer.can_comment and 'collapse' or ''"
740                             t-attf-data-target="#comment#{ answer._name.replace('.','') + '-' + str(answer.id) }"> Comment
741                         </a>
742                     </li>
743                     <li t-if="question.post_type != 'question' and not answer.parent_id or answer.parent_id and not answer.parent_id.parent_id">
744                         <a t-attf-class="fa fa-comment-o #{not answer.can_comment and 'karma_required text-muted' or ''}"
745                             t-attf-data-karma="#{not answer.can_comment and answer.karma_comment or 0}"
746                             style="cursor: pointer" data-toggle="collapse"
747                             t-attf-data-target="#reply#{ answer._name.replace('.','') + '-' + str(answer.id) }"> Reply
748                         </a>
749                     </li>
750                     <li>
751                         <t t-call="website_forum.link_button">
752                             <t t-set="url" t-value="'/forum/' + slug(forum) + '/post/' + slug(answer) + '/edit'"/>
753                             <t t-set="label" t-value="'Edit'"/>
754                             <t t-set="classes" t-value="'fa fa-edit'"/>
755                             <t t-set="karma" t-value="not answer.can_edit and answer.karma_edit or 0"/>
756                         </t>
757                     </li>
758                     <li>
759                         <t t-call="website_forum.link_button">
760                             <t t-set="url" t-value="'/forum/' + slug(forum) + '/post/' + slug(answer) + '/delete'"/>
761                             <t t-set="label" t-value="'Delete'"/>
762                             <t t-set="classes" t-value="'fa-trash-o'"/>
763                             <t t-set="karma" t-value="not answer.can_unlink and answer.karma_unlink or 0"/>
764                         </t>
765                     </li>
766                     <li t-if="question.post_type == 'question'">
767                         <t t-call="website_forum.link_button">
768                             <t t-set="url" t-value="'/forum/' + slug(forum) + '/post/' + slug(answer) + '/convert_to_comment'"/>
769                             <t t-set="label" t-value="'Convert as a comment'"/>
770                             <t t-set="classes" t-value="'fa-magic'"/>
771                             <t t-set="karma" t-value="not answer.can_comment_convert and answer.karma_comment_convert or 0"/>
772                         </t>
773                     </li>
774                 </ul>
775                 <img class="pull-left img img-circle img-avatar" t-attf-src="/forum/user/#{answer.create_uid.id}/avatar"/>
776                 <div>
777                     <a t-attf-href="/forum/#{ slug(forum) }/user/#{ answer.create_uid.id }"
778                         t-field="answer.create_uid"
779                         t-field-options='{"widget": "contact", "country_image": true, "fields": ["name", "country_id"]}'
780                         style="display: inline-block;"/>
781                     <div t-field="answer.create_uid" t-field-options='{"widget": "contact", "badges": true, "fields": ["karma"]}'/>
782                     <span class="text-muted">Answered on <span t-field="answer.create_date" t-field-options='{"format":"short"}'/></span>
783                 </div>
784                 <div class="visible-xs text-center">
785                     <t t-call="website_forum.vote">
786                         <t t-set="post" t-value="answer"/>
787                     </t>
788                     <div class="text-muted mt8">
789                         <a t-attf-class="accept_answer fa fa-2x fa-check-circle no-decoration #{answer.is_correct and 'oe_answer_true' or 'oe_answer_false'} #{not answer.can_accept and 'karma_required' or ''}"
790                             t-attf-data-karma="#{answer.karma_accept}"
791                             t-attf-data-href="/forum/#{slug(question.forum_id)}/post/#{slug(answer)}/toggle_correct"/>
792                     </div>
793                 </div>
794             </div>
795             <t t-if="answer.post_type == 'question'" t-call="website_forum.post_comment">
796                 <t t-set="object" t-value="answer"/>
797             </t>
798             <div t-if="answer.post_type != 'question' and question.state != 'close' and question.active != False">
799                 <t t-call="website_forum.post_reply">
800                     <t t-set="object" t-value="answer"/>
801                 </t>
802             </div>
803             <div t-foreach="answer.child_ids" t-as="child_answer" class="mt16 mb16">
804                 <t t-call="website_forum.post_answers">
805                     <t t-set="answer" t-value="child_answer"/>
806                 </t>
807             </div>
808         </div>
809     </div>
810 </template>
811
812 <!-- Utility template: Post a Comment -->
813 <template id="post_comment">
814     <div class="row clearfix">
815         <div class="col-sm-10 col-sm-offset-2">
816             <div t-foreach="reversed(object.website_message_ids)" t-as="message" class="comment oe_comment_grey">
817                 <small class="text-muted">
818                     <t t-set="required_karma" t-value="message.author_id.id == user.partner_id.id and object.forum_id.karma_comment_unlink_own or object.forum_id.karma_comment_unlink_all"/>
819                     <t t-call="website_forum.link_button">
820                         <t t-set="url" t-value="'/forum/' + slug(forum) + '/post/' + slug(object) + '/comment/' + slug(message) + '/delete'"/>
821                         <t t-set="label" t-value="' '"/>
822                         <t t-set="karma" t-value="user.karma&lt;required_karma and required_karma or 0"/>
823                         <t t-set="classes" t-value="'close comment_delete fa-times'"/>
824                     </t>
825
826                     <div t-if="message.create_uid.karma &gt;= forum.karma_dofollow"><span t-field="message.body" class="oe_no_empty"/></div>
827                     <div t-if="message.create_uid.karma &lt; forum.karma_dofollow"><span t-field="message.body" class="oe_no_empty" t-field-options='{"nofollow": 1}'/></div>
828                     <t t-set="required_karma" t-value="message.author_id.id == user.partner_id.id and object.forum_id.karma_comment_convert_own or object.forum_id.karma_comment_convert_all"/>
829                     <t t-if="(object.parent_id and object.parent_id.state != 'close' and object.parent_id.active != False) or (not object.parent_id and object.state != 'close' and object.active != False)">
830                         <t t-set="allow_post_comment" t-value="True" />
831                     </t>
832                     <t t-if="allow_post_comment">
833                         <t t-call="website_forum.link_button" >
834                             <t t-set="url" t-value="'/forum/' + slug(forum) + '/post/' + slug(object) + '/comment/' + slug(message) + '/convert_to_answer'"/>
835                             <t t-set="label" t-value="'Convert as an answer'"/>
836                             <t t-set="karma" t-value="user.karma&lt;required_karma and required_karma or 0"/>
837                             <t t-set="classes" t-value="'fa-magic pull-right'"/>
838                         </t>
839                     </t>
840                     <a t-attf-href="/forum/#{slug(forum)}/partner/#{message.author_id.id}"
841                         t-field="message.author_id" t-field-options='{"widget": "contact", "country_image": true, "fields": ["name", "country_id"]}'
842                         style="display: inline-block;"/>
843                     on <span t-field="message.date" t-field-options='{"format":"short"}'/>
844                 </small>
845             </div>
846             <div class="css_editable_mode_hidden">
847                 <form t-attf-id="comment#{ object._name.replace('.','') + '-' + str(object.id) }" class="collapse oe_comment_grey"
848                         t-attf-action="/forum/#{slug(forum)}/post/#{slug(object)}/comment" method="POST">
849                     <input name="post_id" t-att-value="object.id" type="hidden" class="mt8"/>
850                     <textarea name="comment" class="form-control" placeholder="Comment this post..."/>
851                     <button type="submit" class="btn btn-primary mt8">Post</button>
852                 </form>
853             </div>
854         </div>
855     </div>
856 </template>
857
858 <template id="tag">
859     <t t-call="website_forum.header">
860         <h1 class="mt0">
861             Tags
862         </h1>
863         <p class="text-muted">
864             A tag is a label that categorizes your question with other,
865             similar questions. Using the right tags makes it easier for
866             others to find and answer your question.
867         </p>
868         <div class="row">
869             <div class="col-sm-3 mt16" t-foreach="tags" t-as="tag">
870                 <a t-attf-href="/forum/#{ slug(forum) }/tag/#{ slug(tag) }/questions?{{ keep_query( filters='tag') }}" class="label label-default">
871                     <span t-field="tag.name"/>
872                 </a>
873                 <span>
874                     X <t t-esc="tag.posts_count"/>
875                 </span>
876             </div>
877         </div>
878     </t>
879 </template>
880
881 <template id="badge">
882     <t t-call="website_forum.header">
883         <h1 class="mt0">
884             Badges
885         </h1>
886         <p>
887             Besides gaining reputation with your questions and answers,
888             you receive badges for being especially helpful. Badges
889             appear on your profile page, and your posts.
890         </p>
891         <table class="table mt32 mb64">
892             <tr t-foreach="badges" t-as="badge">
893                 <td>
894                     <a t-attf-href="/forum/#{ slug(forum) }/badge/#{ slug(badge) }" class="badge pull-left">
895                         <span t-if="badge.level == 'gold'" class="fa fa-circle badge-gold"/>
896                         <span t-if="badge.level == 'silver'" class="fa fa-circle badge-silver"/>
897                         <span t-if="badge.level == 'bronze'" class="fa fa-circle badge-bronze"/>
898                         <span t-field="badge.name"/>
899                     </a>
900                 </td><td>
901                     <b t-esc="badge.stat_count_distinct"/>
902                     <i class="text-muted">awarded users</i>
903                 </td><td>
904                     <span t-field="badge.description"/>
905                 </td>
906             </tr>
907         </table>
908     </t>
909 </template>
910
911 <template id="badge_user">
912     <t t-call="website_forum.header">
913         <h3 class="mt32 mb32">
914             <b>Badge "<span t-field="badge.name"/>"</b>
915         </h3>
916         <div>
917             <div class="pull-left badge">
918                 <span t-if="badge.level == 'gold'" class="fa fa-circle badge-gold"/>
919                 <span t-if="badge.level == 'silver'" class="fa fa-circle badge-silver"/>
920                 <span t-if="badge.level == 'bronze'" class="fa fa-circle badge-bronze"/>
921                 <span t-field="badge.name"/>
922             </div>
923             <span t-field="badge.description" style="margin-left:20px"/>
924         </div>
925         <h4 class="mt32">
926             <t class="pull-left" t-esc="badge.stat_count_distinct"/>
927             <span t-if="badge.stat_count_distinct&gt;1">users</span>
928             <span t-if="badge.stat_count_distinct&lt;=1">user</span>
929             received this badge:
930         </h4>
931         <div class="row">
932             <div class="col-sm-3 mt16" t-foreach="users" t-as="user">
933                 <img class="pull-left img img-circle img-avatar" t-attf-src="/forum/user/#{user.id}/avatar"/>
934                 <div>
935                     <a t-attf-href="/forum/#{slug(forum)}/user/#{user.id}" t-field="user.name"/>
936                 </div>
937             </div>
938         </div>
939     </t>
940 </template>
941
942 <template id="users">
943     <t t-call="website_forum.header">
944         <div t-foreach="users" t-as="row_users" class="row mt16">
945             <div t-foreach="row_users" t-as="user" class="col-sm-4">
946                 <img class="pull-left img img-circle img-avatar" t-attf-src="/forum/user/#{user.id}/avatar"/>
947                 <div>
948                     <a t-attf-href="/forum/#{slug(forum)}/user/#{user.id}" t-field="user.name"/>
949                     <t t-if="user.country_id">
950                         <span t-field="user.country_id.image" t-field-options='{"widget": "image", "class": "country_flag"}'/>
951                     </t>
952                     <b><t t-esc="user.karma"/></b>
953                     <t t-raw="separator"/>
954                     <div>
955                         <b> badges:</b>
956                         <span class="fa fa-circle badge-gold"/>
957                         <t t-esc="user.gold_badge"/>
958                         <span class="fa fa-circle badge-silver"/>
959                         <t t-esc="user.silver_badge"/>
960                         <span class="fa fa-circle badge-bronze"/>
961                         <t t-esc="user.bronze_badge"/>
962                     </div>
963                     <t t-raw="0"/>
964                 </div>
965             </div>
966         </div>
967         <div class="pull-left">
968             <t t-call="website.pager"/>
969         </div>
970     </t>
971 </template>
972
973 <!--Private profile-->
974 <template id="private_profile">
975     <t t-call="website_forum.header">
976         <h1 class="mt32">This profile is private!</h1>
977         <p>
978             <a t-attf-href="/forum/#{slug(forum)}">Return to the question list.</a>
979         </p>
980     </t>
981 </template>
982
983 <template id="edit_profile">
984     <t t-call="website_forum.header">
985         <h3>Edit Profile</h3>
986         <div class="row">
987             <div class="col-md-2">
988                 <img class="img img-responsive img-circle" t-attf-src="/forum/user/#{user.id}/avatar"/>
989             </div>
990             <div class="col-md-10">
991             <form t-attf-action="/forum/#{slug(forum)}/user/#{slug(user)}/save" method="post" role="form" class="form-horizontal">
992                 <input name="user_id" t-att-value="user.id" type="hidden"/>
993                 <div class="form-group">
994                     <label class="col-md-2 control-label mb16" for="user_name">Real name</label>
995                     <div class="col-md-8 mb16">
996                         <input type="text" class="form-control" name="name" id="user_name" required="True" t-attf-value="#{user.name}"/>
997                     </div>
998                 </div>
999                 <div class="form-group">
1000                     <label class="col-md-2 control-label mb16" for="user_website_published" t-if="user.id == uid">Public profile</label>
1001                     <div class="col-md-8 mb16" t-if="user.id == uid">
1002                         <input type="checkbox" class="mt8" name="website_published" id="user_website_published" value="True" t-if="not user.website_published"/>
1003                         <input type="checkbox" class="mt8" name="website_published" id="user_website_published" value="True" checked="checked" t-if="user.website_published"/>
1004                     </div>
1005                 </div>
1006                 <div class="form-group">
1007                     <label class="col-md-2 control-label mb16" for="user_website">Website</label>
1008                     <div class="col-md-8 mb16">
1009                         <input type="text" class="form-control" name="website" id="user_website" t-attf-value="#{user.partner_id.website or ''}"/>
1010                     </div>
1011                 </div>
1012                 <div class="form-group">
1013                     <div t-if="email_required" class="alert alert-danger alert-dismissable oe_forum_email_required">
1014                         <button type="button" class="close" data-dismiss="alert">x</button>
1015                         <p>Please enter a valid email address in order to receive notifications from answers or comments.</p>
1016                     </div>
1017                     <label class="col-md-2 control-label mb16" for="user_email">Email</label>
1018                     <div class="col-md-8 mb16">
1019                         <input type="text" class="form-control" name="email" id="user_email" required="True" t-attf-value="#{user.partner_id.email}"/>
1020                     </div>
1021                 </div>
1022                 <div class="form-group">
1023                     <label class="col-md-2 control-label mb16" for="user_city">City</label>
1024                     <div class="col-md-8 mb16">
1025                         <input type="text" class="form-control" name="city" id="user_city" t-attf-value="#{user.partner_id.city or ''}"/>
1026                     </div>
1027                 </div>
1028                 <div class="form-group">
1029                     <label class="col-md-2 control-label mb16">Country</label>
1030                     <div class="col-md-8 mb16">
1031                         <select class="form-control" name="country">
1032                             <option value="">Country...</option>
1033                             <t t-foreach="countries or []" t-as="country">
1034                                 <option t-att-value="country.id" t-att-selected="country.id == user.partner_id.country_id.id"><t t-esc="country.name"/></option>
1035                             </t>
1036                          </select>
1037                     </div>
1038                 </div>
1039                 <!--Note: using website_description fiels instead of using commnt firld of partner-->
1040                 <div class="form-group">
1041                     <label class="col-md-2 control-label mb16" for="description">Biography</label>
1042                     <div class="col-md-8 mb16">
1043                         <textarea name="description" id="description" style="min-height: 120px" required="True" 
1044                             class="form-control load_editor"><t t-esc="user.partner_id.website_description"/></textarea>
1045                     </div>
1046                 </div>
1047                 <div class="col-sm-offset-2 col-md-2 mb16">
1048                     <button class="btn btn-primary btn-lg">Update</button>
1049                 </div>
1050             </form>
1051             </div>
1052         </div>
1053         <script type="text/javascript">
1054             CKEDITOR.replace("description");
1055         </script>
1056     </t>
1057 </template>
1058
1059 <template id="user_detail_full">
1060     <t t-call="website_forum.header">
1061         <h1 class="mt0 page-header">
1062             <span t-field="user.name"/>
1063             <small>profile</small>
1064             <t t-call="website.publish_management" groups="base.group_website_publisher">
1065                 <t t-set="object" t-value="user"/>
1066             </t>
1067         </h1>
1068         <div class="row">
1069             <div class="col-sm-2">
1070                 <img class="img img-responsive img-circle" t-attf-src="/forum/user/#{user.id}/avatar"/>
1071             </div>
1072             <div class="col-sm-10">
1073                 <table class="table table-condensed">
1074                 <tr>
1075                     <td rowspan="2" valign="top"><span class="text-muted">contributions</span></td>
1076                     <td>member since</td>
1077                     <td><span t-field="user.create_date" t-field-options='{"format": "short"}'/></td>
1078                 </tr><tr>
1079                     <td>last connection</td>
1080                     <td><span t-field="user.login_date" t-field-options='{"format": "short"}'/></td>
1081                 </tr>
1082                 <tr>
1083                     <td rowspan="2" valign="top"><span class="text-muted">bio</span></td>
1084                     <td>website</td>
1085                     <td>
1086                         <a t-att-href="user.website" t-if="user.website">
1087                             <span t-field="user.website"/>
1088                         </a>
1089                     </td>
1090                 </tr><tr>
1091                     <td>location</td>
1092                     <td>
1093                         <span t-field="user.city"/>
1094                         <span t-if="user.city and user.country_id">, </span>
1095                         <span t-field="user.country_id"/>
1096                         <t t-if="user.country_id"> <span t-field="user.country_id.image" t-field-options='{"widget": "image", "class": "country_flag"}'/></t>
1097
1098                     </td>
1099                 </tr>
1100                 <tr>
1101                     <td rowspan="2" valign="top"><span class="text-muted">stats</span></td>
1102                     <td>karma</td>
1103                     <td><span t-field="user.karma"/></td>
1104                 </tr><tr>
1105                     <td>votes</td>
1106                     <td>
1107                         <span class="fa fa-thumbs-up"/>
1108                         <span t-esc="up_votes"/>
1109                         <span class="fa fa-thumbs-down"/>
1110                         <span t-esc="down_votes"/>
1111                     </td>
1112                 </tr>
1113                 </table>
1114                 <div class="well well-sm">
1115                     <div t-if="user.karma &gt;= forum.karma_dofollow"><span t-field="user.partner_id.website_description" class="oe_no_empty"/></div>
1116                     <div t-if="user.karma &lt; forum.karma_dofollow"><span t-field="user.partner_id.website_description" class="oe_no_empty" t-field-options='{"nofollow": 1}'/></div>
1117                     <t t-if="uid == user.id">
1118                         <a class="fa fa-arrow-right" t-attf-href="/forum/#{slug(forum)}/user/#{slug(user)}/edit"> Edit Your Bio</a>
1119                     </t>
1120                 </div>
1121             </div>
1122         </div>
1123
1124         <ul class="nav nav-tabs">
1125             <li class="active">
1126                 <a href="#questions" data-toggle="tab"><t t-esc="count_questions"/> Questions</a>
1127             </li>
1128             <li>
1129                 <a href="#answers" data-toggle="tab"><t t-esc="count_answers"/> Answers</a>
1130             </li>
1131             <li t-if="uid == user.id">
1132                 <a href="#favourite_question" data-toggle="tab"><t t-esc="len(favourite)"/> Favourite Questions</a>
1133             </li>
1134             <li t-if="uid == user.id">
1135                 <a href="#followed_question" data-toggle="tab"><t t-esc="len(followed)"/> Followed Questions</a>
1136             </li>
1137             <li t-if="uid == user.id">
1138                 <a href="#activity" data-toggle="tab">Activity</a>
1139             </li>
1140             <li>
1141                 <a href="#badges" data-toggle="tab">Badges</a>
1142             </li>
1143             <li t-if="uid == user.id">
1144                 <a href="#votes" data-toggle="tab">Votes</a>
1145             </li>
1146         </ul>
1147         <div class="tab-content mt16">
1148             <div class="tab-pane active" id="questions">
1149                 <div class="mb16" t-foreach="questions" t-as="question">
1150                     <t t-call="website_forum.display_post"/>
1151                 </div>
1152             </div><div class="tab-pane" id="answers">
1153                 <div t-foreach="answers" t-as="answer">
1154                     <t t-call="website_forum.display_post_answer"/>
1155                 </div>
1156             </div>
1157             <div class="tab-pane" id="karma">
1158                 <h1>Karma</h1>
1159             </div>
1160             <div class="tab-pane" id="badges">
1161                 <t t-call="website_forum.user_badges"/>
1162             </div>
1163             <div class="tab-pane" id="favourite_question" t-if="uid == user.id">
1164                 <div t-foreach="favourite" t-as="question">
1165                     <t t-call="website_forum.display_post"/>
1166                 </div>
1167             </div>
1168             <div class="tab-pane" id="followed_question" t-if="uid == user.id">
1169                 <div t-foreach="followed" t-as="question" class="mb16">
1170                     <t t-call="website_forum.display_post"/>
1171                 </div>
1172             </div>
1173             <div class="tab-pane" id="votes" t-if="uid == user.id">
1174                 <t t-call="website_forum.user_votes"/>
1175             </div>
1176             <div class="tab-pane" id="activity" t-if="uid == user.id">
1177                 <ul class="list-unstyled">
1178                     <li t-foreach="activities" t-as="activity">
1179                         <span t-field="activity.date" t-field-options='{"format": "short"}'/>
1180                         <span t-esc="activity.subtype_id.name" class="label label-info"/>
1181                         <t t-set="post" t-value="posts[activity.res_id]"/>
1182                         <span t-if="post[1]">
1183                             <a t-attf-href="/forum/#{ slug(forum) }/question/#{ slug(post[0]) }#answer-#{ str(post[1].id) }">
1184                                 <span t-esc="post[0].name"/>
1185                             </a>
1186                         </span>
1187                         <span t-if="not post[1]">
1188                             <a t-attf-href="/forum/#{ slug(forum) }/question/#{ slug(post[0]) }">
1189                                 <span t-esc="post[0].name"/>
1190                             </a>
1191                         </span>
1192                     </li>
1193                 </ul>
1194             </div>
1195         </div>
1196     </t>
1197 </template>
1198
1199 <template id="user_badges">
1200     <table class="table mt32 mb64">
1201         <tr t-foreach="user.badge_ids" t-as="badge">
1202             <td>
1203                 <a t-attf-href="/forum/#{ slug(forum) }/badge/#{ slug(badge.badge_id) }" class="badge pull-left">
1204                     <span t-if="badge.badge_id.level == 'gold'" class="fa fa-circle badge-gold"/>
1205                     <span t-if="badge.badge_id.level == 'silver'" class="fa fa-circle badge-silver"/>
1206                     <span t-if="badge.badge_id.level == 'bronze'" class="fa fa-circle badge-bronze"/>
1207                     <span t-field="badge.badge_id.name"/>
1208                 </a>
1209             </td><td>
1210                 <b t-esc="badge.badge_id.stat_count_distinct"/>
1211                 <i class="text-muted">awarded users</i>
1212             </td><td>
1213                 <span t-field="badge.badge_id.description"/>
1214             </td>
1215         </tr>
1216     </table>
1217     <div class="mb16" t-if="not user.badge_ids">
1218         <b>No badge yet!</b><br/>
1219         <a t-attf-href="/forum/#{ slug(forum) }/badge" class="fa fa-arrow-right"> Check available badges</a>
1220     </div>
1221 </template>
1222
1223 <template id="user_votes">
1224     <div t-foreach="vote_post" t-as="vote">
1225         <t t-esc="vote.post_id.create_date"/>
1226         <span t-if="vote.vote == '1'" class="fa fa-thumbs-up text-success" style="margin-left:30px"/>
1227         <span t-if="vote.vote == '-1'" class="fa fa-thumbs-down text-warning" style="margin-left:30px"/>
1228         <t t-if="vote.post_id.parent_id">
1229             <a t-attf-href="/forum/#{ slug(forum) }/question/#{ vote.post_id.parent_id.id }/#answer-#{ vote.post_id.id }" t-esc="vote.post_id.parent_id.name" style="margin-left:10px"/>
1230         </t>
1231         <t t-if="not vote.post_id.parent_id">
1232             <a t-attf-href="/forum/#{ slug(forum) }/question/#{ vote.post_id.id }" style=" color:black;margin-left:10px" t-esc="vote.post_id.name"/>
1233         </t>
1234     </div>
1235     <div class="mb16" t-if="not vote_post">
1236         <b>No vote given by you yet!</b>
1237     </div>
1238 </template>
1239
1240 <!-- User Navbar -->
1241 <template id="content_new_forum" inherit_id="website.user_navbar" groups="base.group_user">
1242     <xpath expr="//ul[@id='oe_systray']/li/ul[@class='dropdown-menu oe_content_menu']" position="inside">
1243         <li><a href="#" data-action="new_forum">New Forum</a></li>
1244     </xpath>
1245 </template>
1246
1247     </data>
1248 </openerp>