1 <?xml version="1.0" encoding="utf-8"?>
5 <template id="editor_head" inherit_id="website.editor_head"
7 <xpath expr="//script[@id='website_tour_js']" position="after">
8 <script type="text/javascript"
9 src="/website_forum/static/src/js/website.tour.forum.js"/>
10 <script type="text/javascript"
11 src="/website_forum/static/src/js/website_forum.editor.js"/>
15 <!-- Layout add nav and footer -->
16 <template id="header_footer_custom" inherit_id="website.layout"
17 name="Footer Questions Link">
18 <xpath expr="//footer//ul[@name='products']" position="inside">
20 <a t-attf-href="/forum/%(website_forum.forum_help)d/">Q&A</a>
25 <!-- List of Questions -->
26 <template id="post_list">
27 <div class="question clearfix">
28 <div class="pull-left text-center">
29 <div t-attf-class="box #{question.child_count and 'oe_green' or 'oe_grey'}">
30 <span t-esc="question.child_count"/>
31 <span t-if="question.correct" class="fa fa-2x fa-check-circle"/>
32 <div t-if="question.child_count>1">Answers</div>
33 <div t-if="question.child_count<=1">Answer</div>
35 <div class="text-muted text-center">
36 <span t-field="question.views"/> Views
39 <div style="margin-left: 95px;">
40 <div class="question-name">
41 <a t-attf-href="/forum/#{ slug(forum) }/question/#{ slug(question) }" t-field="question.name"/>
42 <span t-if="not question.active"><b> [Deleted]</b></span>
43 <span t-if="question.state == 'close'"><b> [Closed]</b></span>
45 <div class="text-muted">
46 by <a t-attf-href="/forum/#{ slug(forum) }/user/#{ question.user_id.id }" t-field="question.user_id"/>,
47 on <span t-field="question.write_date" t-field-options='{"format":"short"}'/>
48 <div t-if="question.vote_count">
49 <strong>with <span t-esc="question.vote_count"/> votes</strong>
52 <t t-foreach="question.tags" t-as="tag">
53 <a t-attf-href="/forum/#{ slug(forum) }/tag/#{ tag.id }/questions" class="badge" t-field="tag.name"/>
60 <template id="header" name="Forum Index">
61 <t t-call="website.layout">
63 <link rel='stylesheet' href="/web/static/lib/jquery.textext/jquery.textext.css"/>
64 <link rel='stylesheet' href='/website_forum/static/src/css/website_forum.css'/>
66 FP Note: Why do we need this ? Can we remove this code?
67 The problem is that you add your script for every page, not only for the forum
69 <script type="text/javascript" src="/website_forum/static/src/js/website_forum.js"/>
70 <script type="text/javascript" src="/web/static/lib/jquery.textext/jquery.textext.js"/>
71 <script type="text/javascript" src="/web/static/lib/ckeditor/ckeditor.js"/>
72 <script type="text/javascript">
73 CKEDITOR.config.toolbar = [['Bold','Italic','Underline','Strike'],['NumberedList','BulletedList', 'Blockquote']
74 ,['Outdent','Indent','Link','Unlink','Image'],] ;
77 <div class="container mt16">
78 <div class="navbar navbar-default">
79 <div class="navbar-header">
80 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#oe-help-navbar-collapse">
81 <span class="sr-only">Toggle navigation</span>
82 <span class="icon-bar"></span>
83 <span class="icon-bar"></span>
84 <span class="icon-bar"></span>
86 <a class="navbar-brand" t-attf-href="/forum/#{slug(forum)}">
87 <span t-field="forum.name"/>
90 <div class="collapse navbar-collapse" id="oe-help-navbar-collapse">
91 <ul class="nav navbar-nav">
92 <li t-att-class="filters in ('all', 'unanswered','followed','question','tag') and 'active' or '' ">
93 <a t-attf-href="/forum/#{ slug(forum) }">Questions</a>
95 <li t-att-class="searches.get('users') and 'active' or '' ">
96 <a t-attf-href="/forum/#{ slug(forum) }/users">People</a>
98 <li t-att-class="searches.get('tags') and 'active' or '' ">
99 <a t-attf-href="/forum/#{ slug(forum) }/tag">Tags</a>
101 <li t-att-class="searches.get('badges') and 'active' or '' ">
102 <a t-attf-href="/forum/#{ slug(forum) }/badge">Badges</a>
105 <form class="navbar-form navbar-right" role="search" t-attf-action="/forum/#{ slug(forum) }" method="get">
106 <div class="form-group">
107 <input type="search" class="form-control"
108 name="search" placeholder="Search a question..."
109 t-att-value="searches.get('search') or ''"/>
110 <button type="submit" class="btn btn-default">Search</button>
117 <div id="wrap" class="container">
119 <div class="col-sm-9">
120 <div t-foreach="notifications.get('notifications') or []" t-as="notification" class="alert alert-success alert-dismissable">
121 <button type="button" class="close notification_close" t-att-id="notification.id" data-dismiss="alert" aria-hidden="true">&times;</button>
122 <div t-field="notification.body"/>
123 <a t-attf-href="/forum/#{ slug(forum) }/user/#{ slug(notifications.get('user')) }#badges" class="fa fa-arrow-right">View Your Badges</a>
127 <div class="col-sm-3" id="right-column">
128 <a t-if="not ask_question" class="btn btn-primary btn-lg btn-block mb16" t-attf-href="/forum/#{ slug(forum) }/ask">Ask a Question</a>
129 <div t-field="forum.right_column"/>
130 <div t-if="question_data">
131 <div class="panel panel-default">
132 <div class="panel-heading text-center">
133 <h3 class="panel-title">Question tools</h3>
135 <div class="panel-body text-center">
136 <a class="btn btn-block btn-default btn-md" t-if="not following"
137 t-attf-href="/forum/#{ slug(forum) }/question/#{ question.id }/subscribe">Follow</a>
138 <a class="btn btn-block btn-default btn-md" t-if="following"
139 t-attf-href="/forum/#{ slug(forum) }/question/#{ question.id }/unsubscribe">UnFollow</a>
141 <strong><t t-raw="len(question.message_follower_ids)"/></strong> follower
144 <div class="panel-heading text-center">
145 <h3 class="panel-title ">Stats</h3>
147 <div class="panel-body">
148 <table class="table">
149 <thead><tr><td> Asked: <strong><span t-field="question.create_date" t-field-options='{"format":"short"}'/></strong></td></tr></thead>
150 <tr><td> Seen: <strong><t t-raw="question.views"/></strong>
151 <span t-if="question.views>1">times</span>
152 <span t-if="question.views<=1">time</span>
154 <tr><td> Last updated: <strong><span t-field="question.write_date" t-field-options='{"format":"short"}'/></strong></td></tr>
162 <div class="oe_structure"/>
167 <t t-call="website_forum.header">
168 <div t-field="forum.faq"/>
172 <template id="forum_index">
173 <t t-call="website.layout">
174 <div class="container">
175 <h1 class="mb32">Our forums</h1>
177 <div t-foreach="forums" t-as="forum" class="col-sm-3 text-center mb32">
178 <a t-attf-href="/forum/#{ slug(forum) }">
179 <div class="fa fa-5x fa-comment mb16"/>
180 <div t-field="forum.name"/>
188 <template id="index">
189 <t t-call="website_forum.header">
190 <h1 class="page-header mt0">
191 <t t-esc="total_questions"/>
192 <span>Questions</span>
193 <small class="dropdown" t-if="filters in ('all', 'unanswered','followed', 'tag')">
194 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
195 <t t-if="filters == 'all'">All</t>
196 <t t-if="filters == 'unanswered'">Unanswered</t>
197 <t t-if="filters == 'followed'">Followed</t>
198 <t t-if="filters == 'tag'">Tag</t>
199 <t t-if="sorting == 'date'"> by activity date</t>
200 <t t-if="sorting == 'answered'"> by most answered</t>
201 <t t-if="sorting == 'vote'"> by most voted</t>
204 <ul class="dropdown-menu">
205 <li class="dropdown-header">Filter on</li>
206 <li t-att-class="filters == 'all' and 'active' or '' ">
207 <a t-att-href="url_for('') + '?' + keep_query( 'sorting', filters='all')">All</a>
209 <li t-att-class="filters == 'unanswered' and 'active' or '' ">
210 <a t-att-href="url_for('') + '?' + keep_query( 'sorting', filters='unanswered')">Unanswered</a>
212 <li t-if="uid" t-att-class="filters == 'followed' and 'active' or '' ">
213 <a t-att-href="url_for('') + '?' + keep_query( 'sorting', filters='followed')">Followed</a>
215 <li t-if="tag" t-att-class="tag and 'active' or '' ">
216 <a href=""><t t-esc="tag.name"/> Tag</a>
218 <li class="dropdown-header">Sort by</li>
219 <li t-att-class="sorting == 'date' and 'active' or '' ">
220 <a t-att-href="url_for('') + '?' + keep_query( 'filters', sorting='date')">Last activity date</a>
222 <li t-att-class="sorting == 'answered' and 'active' or '' ">
223 <a t-att-href="url_for('') + '?' + keep_query( 'filters', sorting='answered')">Most answered</a>
225 <li t-att-class="sorting == 'vote' and 'active' or '' ">
226 <a t-att-href="url_for('') + '?' + keep_query( 'filters', sorting='vote')">Most voted</a>
231 <div t-foreach="question_ids" t-as="question" class="mb16">
232 <t t-call="website_forum.post_list"/>
234 <t t-call="website.pager"/>
239 <t t-call="website_forum.header">
240 <div class="oe_structure oe_empty"/>
241 <h1 class="mt32">Question not found!</h1>
242 <p>Sorry, this question is not available anymore.</p>
244 <a t-attf-href="/forum">Return to the question list.</a>
249 <template id="user_detail">
251 <span t-field="user.image" t-field-options='{"widget": "image", "class":"pull-left img img-circle img-avatar"}'/>
253 <a t-attf-href="/forum/#{ slug(forum) }/user/#{ slug(user) }" t-field="user.name"/>
254 <t t-raw="separator or ', '"/>
255 <t t-esc="user.karma"/>
257 <span class="fa fa-circle badge-gold"/>
258 <t t-esc="user.gold_badge"/>
259 <span class="fa fa-circle badge-silver"/>
260 <t t-esc="user.silver_badge"/>
261 <span class="fa fa-circle badge-bronze"/>
262 <t t-esc="user.bronze_badge"/>
269 <template id="ask_question">
270 <t t-call="website_forum.header">
271 <h1 class="mt0">Ask your Question</h1>
273 <li> please, try to make your question interesting to others </li>
274 <li> provide enough details and, if possible, give an example </li>
275 <li> be clear and concise, avoid unnecessary introductions (Hi, ... Thanks...) </li>
277 <form t-attf-action="/forum/#{ slug(forum) }/question/ask" method="post" role="form" class="tag_text">
278 <input type="text" name="question_name" required="True" t-attf-value="#{question_name}"
279 class="form-control" placeholder="Enter your Question"/>
280 <h5 class="mt20">Please enter a descriptive question (should finish by a '?')</h5>
281 <input type="hidden" name="karma" t-attf-value="#{user.karma}" id="karma"/>
282 <textarea name="content" required="True" class="form-control load_editor">
283 <t t-esc="question_content"/>
286 <input type="text" name="question_tags" t-attf-value="#{question_tag or ''}"
287 placeholder="Tags" class="form-control load_tags"/>
289 <button class="btn btn-primary" id="btn_ask_your_question">Post Your Question</button>
291 <script type="text/javascript">
292 CKEDITOR.replace("content");
297 <template id="edit_post">
298 <t t-call="website_forum.header">
299 <h3 t-if="not is_answer">Edit question</h3>
300 <h3 t-if="is_answer">Edit answer</h3>
301 <form t-attf-action="/forum/#{ slug(forum) }/post/save" method="post" role="form" class="tag_text">
302 <select class="form-control post_history">
303 <t t-foreach="post_history" t-as="history">
304 <option t-att-value="history.id"><t t-esc="history.name"/></option>
307 <div t-if="not is_answer">
308 <input type="text" name="question_name" id="question_name" required="True"
309 t-attf-value="#{question.name}" class="form-control" placeholder="Edit your Question"/>
310 <h5 class="mt20">Please enter a descriptive question (should finish by a '?')</h5>
311 <input type="hidden" name="karma" t-attf-value="#{user.karma}" id="karma"/>
313 <textarea name="content" required="True" class="form-control load_editor">
314 <t t-if="is_answer"> <t t-esc="answer.content"/></t>
315 <t t-if="not is_answer"><t t-esc="question.content"/></t>
317 <input name="question_id" t-att-value="question.id" type="hidden"/>
318 <div t-if="is_answer">
319 <input name="answer_id" t-att-value="answer.id" type="hidden"/>
321 <div t-if="not is_answer">
323 <input type="text" name="question_tag" class="form-control col-md-9 load_tags" placeholder="Tags" t-attf-value="#{tags}"/>
326 <button class="btn btn-primary btn-lg">Save</button>
328 <script type="text/javascript">
329 CKEDITOR.replace("content");
334 <template id="close_question">
335 <t t-call="website_forum.header">
336 <h3 class=""><b>Close question</b></h3><br/>
337 <form t-attf-action="/forum/#{ slug(forum) }/question/close" method="post" role="form">
338 <input name="post_id" t-att-value="post.id" type="hidden"/>
339 <span class="pull-left">Close the question:</span>
340 <a t-attf-href="/forum/#{ slug(forum) }/question/#{ slug(post) }" t-field="post.name"/>
342 <label class="col-md-2 control-label mb16" for="reason">Reasons:</label>
343 <div class="col-md-9 mb16">
344 <select class="form-control" name="reason">
345 <t t-foreach="reasons or []" t-as="reason">
346 <option t-att-value="reason.id" t-att-selected="reason.id == post.reason_id.id"><t t-esc="reason.name"/></option>
352 <button class="btn btn-primary btn-lg">Close</button>
358 <template id="post_answer">
359 <h3 class="mt10">Your answer</h3>
361 <b>Please try to give a substantial answer.</b> If you wanted to comment on the question or answer, just
362 <b>use the commenting tool.</b> Please remember that you can always <b>revise your answers</b>
363 - no need to answer the same question twice. Also, please <b>don't forget to vote</b>
364 - it really helps to select the best questions and answers!
366 <form t-attf-action="/forum/#{ slug(forum) }/question/postanswer" method="post" role="form">
367 <input type="hidden" name="karma" t-attf-value="#{user.karma}" id="karma"/>
368 <textarea name="content" class="form-control load_editor" required="True"/>
369 <input name="post_id" t-att-value="question.id" type="hidden"/>
370 <button class="btn btn-primary" id="btn_ask_your_question">Post Your Answer</button>
372 <script type="text/javascript">
373 CKEDITOR.replace("content");
378 <div t-attf-class="box oe_grey">
379 <a t-attf-class="vote_up fa fa-thumbs-up #{post.user_vote == 1 and 'text-success' or ''}"
380 t-attf-id="#{post.id}" t-attf-value="1"/>
381 <span id="vote_count" t-esc="post.vote_count"/>
382 <a t-attf-class="vote_down fa fa-thumbs-down #{post.user_vote == -1 and 'text-warning' or ''}"
383 t-attf-id="#{post.id}" t-attf-value="-1"/>
390 <template id="post_description_full" name="Question Navigation">
391 <t t-call="website_forum.header">
393 <div t-attf-class="question #{not question.active and 'alert alert-danger' or ''}">
394 <div class="text-center pull-left">
395 <t t-call="website_forum.vote">
396 <t t-set="post" t-value="question"/>
398 <div class="text-muted">
399 <span t-esc="question.child_count"/>
400 <span t-if="question.child_count>1">Answers</span>
401 <span t-if="question.child_count<=1">Answer</span>
404 <div style="margin-left: 95px;">
406 <span t-field="question.name"/>
407 <span t-if="not question.active"><b> [Deleted]</b></span>
408 <span t-if="question.state == 'close'"><b> [Closed]</b></span>
410 <t t-raw="question.content"/>
412 <div class="mt16 clearfix">
413 <div class="pull-right">
414 <div class="text-right">
415 <t t-foreach="question.tags" t-as="tag">
416 <a t-attf-href="/forum/#{ slug(forum) }/tag/#{ tag.id }/questions" class="badge" t-field="tag.name"/>
419 <ul class="list-inline">
421 <a style="cursor: pointer" data-toggle="collapse" class="text-muted fa fa-comment-o"
422 t-attf-data-target="#comment#{ question._name.replace('.','') + '-' + str(question.id) }">
426 <li t-if="question.state != 'close' and (user.id == question.user_id.id or user.karma>=100)">
427 <a class="text-muted fa fa-times" t-attf-href="/forum/#{ slug(forum) }/close/question/#{ question.id }">close</a>
429 <li t-if="question.state == 'close' and user.karma>=500">
430 <a class="text-muted fa fa-undo" t-attf-href="/forum/#{ slug(forum) }/reopen/question/#{ question.id }">reopen</a>
432 <li t-if="user.id == question.user_id.id or user.karma>=300">
433 <a class="text-muted fa fa-edit" t-attf-href="/forum/#{ slug(forum) }/edit/question/#{ question.id }">edit</a>
435 <li t-if="question.active and user.id == question.user_id.id or user.karma>=1000">
436 <a class="text-muted fa fa-trash-o" t-attf-href="/forum/#{ slug(forum) }/delete/question/#{ question.id }">delete</a>
438 <li t-if="uid == question.user_id.id and not question.active">
439 <a class="text-muted fa fa-trash-o" t-attf-href="/forum/#{ slug(forum) }/undelete/question/#{ question.id }">undelete</a>
441 <li><a class="text-muted fa fa-share" href="">share</a></li>
444 <t t-call="website_forum.user_detail">
445 <t t-set="user" t-value="question.user_id"/>
446 <span class="text-muted">Asked on <span t-field="question.write_date" t-field-options='{"format":"short"}'/></span>
448 <div class="alert alert-info" t-if="question.state == 'close'">
449 <p class="mt32 mb32 text-center">
450 <b>The question has been closed for the following reason "<span t-field="question.reason_id.name"/>"
451 <i>by <a t-attf-href="/forum/#{ slug(forum) }/user/#{ slug(question.closed_by) }" t-field="question.closed_by.name"/> </i>
452 <br/>close date <span t-field="question.closed_date"/></b>
456 <t t-call="website_forum.comments">
457 <t t-set="object" t-value="question"/>
463 <div t-foreach="question.child_ids" t-as="answer" class="mt16 mb32" id="answer">
464 <a t-attf-id="answer-#{str(answer.id)}"/>
465 <div class="text-center pull-left">
466 <t t-call="website_forum.vote">
467 <t t-set="post" t-value="answer"/>
469 <div class="text-muted">
470 <a t-attf-id="#{answer.id}" t-if="answer.correct" class="accept_answer fa fa-2x fa-check-circle oe_answer_true"/>
471 <a t-attf-id="#{answer.id}" t-if="not answer.correct" class="accept_answer fa fa-2x fa-check-circle oe_answer_false"/>
474 <div style="margin-left: 95px;" class="clearfix">
475 <t t-raw="answer.content"/>
477 <ul class="list-inline pull-right">
479 <a style="cursor: pointer" data-toggle="collapse" class="text-muted fa fa-comment-o"
480 t-attf-data-target="#comment#{ answer._name.replace('.','') + '-' + str(answer.id) }">comment
483 <li t-if="user.id == answer.user_id.id or user.karma>=300">
484 <a class="text-muted fa fa-edit" t-attf-href="/forum/#{ slug(forum) }/question/#{ question.id }/edit/#{ answer.id }">edit</a>
486 <li t-if="user.id == answer.user_id.id or user.karma>=1000">
487 <a class="text-muted delete fa fa-trash-o" href="" t-attf-id="#{answer.id}">delete</a>
490 <a class="text-muted fa fa-magic" t-attf-href="/forum/#{ slug(forum) }/post/#{ answer.id }/converttocomment">Convert as a comment</a>
492 <li><a class="text-muted fa fa-share" t-attf-href="/forum/#{ slug(forum) }/question/#{ question.id }/#answer-#{ answer.id }">share</a></li>
494 <t t-call="website_forum.user_detail">
495 <t t-set="user" t-value="answer.user_id"/>
496 <span class="text-muted">Answered on <span t-field="answer.create_date" t-field-options='{"format":"short"}'/></span>
499 <t t-call="website_forum.comments">
500 <t t-set="object" t-value="answer"/>
504 <div t-if="not answer_done">
505 <t t-call="website_forum.post_answer"/>
507 <div t-if="answer_done" class="mb16">
508 <a class="btn btn-primary" t-attf-href="/forum/#{ slug(forum) }/question/#{ question.id }/editanswer">Edit Your Previous Answer</a>
509 <span class="text-muted">(only one answer per question is allowed)</span>
514 <template id="comments">
515 <div class="row clearfix">
516 <div class="col-sm-10 col-sm-offset-2">
517 <div t-foreach="reversed(object.website_message_ids)" t-as="message" id="comment" class="oe_comment_grey" style="padding: 4px;">
518 <small class="text-muted">
519 <button type="button" t-if="user.id == message.create_uid.id or user.karma>=750" t-att-id="message.id" class="close comment_delete">&times;</button>
520 <span t-field="message.body"/>
521 <a t-attf-href="/forum/#{ slug(forum) }/user/#{ message.create_uid.id }" t-field="message.create_uid"/>
522 on <span t-field="message.date" t-field-options='{"format":"short"}'/>
523 <a class="fa fa-magic text-muted pull-right" t-if="uid == message.create_uid.id"
524 t-attf-href="/forum/#{ slug(forum) }/post/#{ object.id }/commet/#{ message.id }/converttoanswer">Convert as an answer</a>
527 <div class="css_editable_mode_hidden">
528 <form t-attf-id="comment#{ object._name.replace('.','') + '-' + str(object.id) }" class="collapse" t-attf-action="/forum/#{ slug(forum) }/comment" method="POST">
529 <input name="post_id" t-att-value="object.id" type="hidden"/>
530 <textarea name="comment" class="form-control" placeholder="Comment this post..."/>
531 <button type="submit" class="btn btn-primary mt8">Post</button>
539 <t t-call="website_forum.header">
543 <p class="text-muted">
544 A tag is a label that categorizes your question with other,
545 similar questions. Using the right tags makes it easier for
546 others to find and answer your question.
549 <div class="col-sm-3 mt16" t-foreach="tags" t-as="tag">
550 <a t-attf-href="/forum/#{ slug(forum) }/tag/#{ slug(tag) }/questions?{{ keep_query( filters='tag') }}" class="badge">
551 <span t-field="tag.name"/>
554 X <t t-esc="tag.posts_count"/>
561 <template id="badge">
562 <t t-call="website_forum.header">
567 Besides gaining reputation with your questions and answers,
568 you receive badges for being especially helpful. Badges
569 appear on your profile page, and your posts.
571 <table class="table mt32 mb64">
572 <tr t-foreach="badges" t-as="badge">
574 <a t-attf-href="/forum/#{ slug(forum) }/badge/#{ slug(badge) }" class="badge pull-left">
575 <span t-if="badge.level == 'gold'" class="fa fa-circle badge-gold"/>
576 <span t-if="badge.level == 'silver'" class="fa fa-circle badge-silver"/>
577 <span t-if="badge.level == 'bronze'" class="fa fa-circle badge-bronze"/>
578 <span t-field="badge.name"/>
581 <b t-esc="badge.stat_count_distinct"/>
582 <i class="text-muted">awarded users</i>
584 <span t-field="badge.description"/>
591 <template id="badge_user">
592 <t t-call="website_forum.header">
593 <h3 class="mt32 mb32">
594 <b>Badge "<span t-field="badge.name"/>"</b>
597 <div class="pull-left badge">
598 <span t-if="badge.level == 'gold'" class="fa fa-circle badge-gold"/>
599 <span t-if="badge.level == 'silver'" class="fa fa-circle badge-silver"/>
600 <span t-if="badge.level == 'bronze'" class="fa fa-circle badge-bronze"/>
601 <span t-field="badge.name"/>
603 <span t-field="badge.description" style="margin-left:20px"/>
606 <t class="pull-left" t-esc="badge.stat_count_distinct"/>
607 <span t-if="badge.stat_count_distinct>1">users</span>
608 <span t-if="badge.stat_count_distinct<=1">user</span>
612 <div class="col-sm-3 mt16" t-foreach="users" t-as="user">
613 <span t-field="user.image" t-field-options='{"widget": "image", "class":"pull-left img img-circle img-avatar"}'/>
615 <a t-attf-href="/forum/#{ slug(forum) }/user/#{ slug(user) }" t-field="user.name"/>
622 <template id="users">
623 <t t-call="website_forum.header">
625 <div t-foreach="users" t-as="user" class="col-sm-4">
626 <t t-set="separator"><br/></t>
627 <t t-call="website_forum.user_detail"/>
628 <span class="text-muted">Joined on <span t-field="user.create_date" t-field-options='{"format":"short"}'/></span>
631 <div class="pull-left">
632 <t t-call="website.pager"/>
637 <template id="edit_profile">
638 <t t-call="website_forum.header">
639 <h3>Edit Profile </h3>
640 <div class="col-md-2">
641 <span t-field="user.image" t-field-options='{"widget": "image", "class": "img img-responsive img-circle"}'/>
643 <form t-attf-action="/forum/#{ slug(forum) }/save/profile" method="post" role="form" class="form-horizontal">
644 <input name="user_id" t-att-value="user.id" type="hidden"/>
645 <label class="col-md-2 control-label mb16" for="user.name">Real name</label>
646 <div class="col-md-7 mb16">
647 <input type="text" class="col-md-7 mb16 form-control" name="name" required="True" t-attf-value="#{user.name}"/>
649 <label class="col-md-2 control-label mb16" for="user.partner_id.website">Website</label>
650 <div class="col-md-7 mb16">
651 <input type="text" class="form-control" name="website" t-attf-value="#{user.partner_id.website or ''}"/>
653 <label class="col-md-4 control-label mb16" for="user.partner_id.email">Email</label>
654 <div class="col-md-7 mb16">
655 <input type="text" class="form-control" name="email" required="True" t-attf-value="#{user.partner_id.email}"/>
657 <label class="col-md-4 control-label mb16" for="user.partner_id.city">City</label>
658 <div class="col-md-7 mb16">
659 <input type="text" class="form-control" name="city" t-attf-value="#{user.partner_id.city or ''}"/>
661 <label class="col-md-4 control-label mb16" for="contact_name">Country</label>
662 <div class="col-md-7 mb16">
663 <select class="form-control" name="country">
664 <option value="">Country...</option>
665 <t t-foreach="countries or []" t-as="country">
666 <option t-att-value="country.id" t-att-selected="country.id == user.partner_id.country.id"><t t-esc="country.name"/></option>
670 <!--Note: using website_description fiels instead of using commnt firld of partner-->
671 <label class="col-md-4 control-label mb16" for="user.partner_id.website_description">Biography</label>
672 <div class="col-md-7 mb16">
673 <textarea name="description" style="min-height: 120px" required="True"
674 class="form-control"><t t-esc="user.partner_id.website_description"/></textarea>
676 <div class="col-sm-offset-4 col-md-4 mb16">
677 <button class="btn btn-primary btn-lg">Update</button>
683 <template id="user_detail_full">
684 <t t-call="website_forum.header">
685 <h1 class="mt0 page-header">
686 <span t-field="user.name"/>
687 <small>profile</small>
690 <div class="col-sm-2">
691 <span t-field="user.image"
692 t-field-options='{"widget": "image", "class": "img img-responsive img-circle"}'/>
694 <div class="col-sm-10">
695 <table class="table table-condensed">
697 <td rowspan="2" valign="top"><span class="text-muted">contributions</span></td>
698 <td>member since</td>
699 <td><span t-field="user.create_date" t-field-options='{"format": "short"}'/></td>
701 <td>last connection</td>
702 <td><span t-field="user.login_date" t-field-options='{"format": "short"}'/></td>
705 <td rowspan="2" valign="top"><span class="text-muted">bio</span></td>
708 <a t-att-href="user.website" t-if="user.website">
709 <span t-field="user.website"/>
715 <span t-field="user.city"/>
716 <span t-if="user.city and user.country_id">, </span>
717 <span t-field="user.country_id"/>
721 <td rowspan="2" valign="top"><span class="text-muted">stats</span></td>
723 <td><span t-field="user.karma"/></td>
727 <span class="fa fa-thumbs-up"/>
728 <span t-esc="up_votes"/>
729 <span class="fa fa-thumbs-down "/>
730 <span t-esc="down_votes"/>
734 <div class="well well-sm">
735 <span t-field="user.partner_id.website_description"/>
736 <t t-if="uid == user.id">
737 <a class="fa fa-arrow-right" t-attf-href="/forum/#{ slug(forum) }/edit/profile/#{ user.id }"> Edit Your Bio</a>
743 <ul class="nav nav-tabs">
745 <a href="#questions" data-toggle="tab"><t t-esc="len(questions)"/> Questions</a>
748 <a href="#answers" data-toggle="tab"><t t-esc="len(answers)"/> Answers</a>
750 <li t-if="uid == user.id">
751 <a href="#activity" data-toggle="tab">Activity</a>
754 <a href="#badges" data-toggle="tab">Badges</a>
756 <li t-if="uid == user.id">
757 <a href="#followed_question" data-toggle="tab"><t t-esc="len(followed)"/> Followed Question</a>
760 <a href="#votes" data-toggle="tab">Votes</a>
763 <div class="tab-content mt16">
764 <div class="tab-pane active" id="questions">
765 <div class="mb16" t-foreach="questions" t-as="question">
766 <t t-call="website_forum.post_list"/>
768 </div><div class="tab-pane" id="answers">
769 <div t-foreach="answers" t-as="answer">
770 <t t-call="website_forum.post_list_answer"/>
773 <div class="tab-pane" id="karma">
776 <div class="tab-pane" id="badges">
777 <t t-call="website_forum.user_badges"/>
779 <div class="tab-pane" id="followed_question">
780 <div t-foreach="followed" t-as="question">
781 <t t-call="website_forum.post_list"/>
784 <div class="tab-pane" id="votes">
785 <t t-call="website_forum.user_votes"/>
787 <div class="tab-pane" id="activity">
788 <ul class="list-unstyled">
789 <li t-foreach="activities" t-as="activity">
790 <span t-esc="activity.date"/>
791 <span t-esc="activity.subtype_id.name" class="label label-info"/>
792 <t t-set="post" t-value="posts[activity.res_id]"/>
793 <span t-if="post[1]">
794 <a t-attf-href="/forum/#{ slug(forum) }/question/#{ slug(post[0]) }#answer-#{ str(post[1].id) }">
798 <a t-attf-href="/forum/#{ slug(forum) }/question/#{ slug(post[0]) }">
799 <span t-esc="post[0].name"/>
808 <template id="user_badges">
809 <table class="table mt32 mb64">
810 <tr t-foreach="user.badges" t-as="badge">
812 <a t-attf-href="/forum/#{ slug(forum) }/badge/#{ slug(badge.badge_id) }" class="badge pull-left">
813 <span t-if="badge.badge_id.level == 'gold'" class="fa fa-circle badge-gold"/>
814 <span t-if="badge.badge_id.level == 'silver'" class="fa fa-circle badge-silver"/>
815 <span t-if="badge.badge_id.level == 'bronze'" class="fa fa-circle badge-bronze"/>
816 <span t-field="badge.badge_id.name"/>
819 <b t-esc="badge.badge_id.stat_count_distinct"/>
820 <i class="text-muted">awarded users</i>
822 <span t-field="badge.badge_id.description"/>
826 <div class="mb16" t-if="not user.badges">
827 <b>No badge yet!</b><br/>
828 <a t-attf-href="/forum/#{ slug(forum) }/badge" class="fa fa-arrow-right"> Check available badges</a>
832 <template id="user_votes">
833 <div t-foreach="vote_post" t-as="vote">
834 <t t-esc="vote.post_id.create_date"/>
835 <span t-if="vote.vote == '1'" class="fa fa-thumbs-up text-success" style="margin-left:30px"/>
836 <span t-if="vote.vote == '-1'" class="fa fa-thumbs-down text-warning" style="margin-left:30px"/>
837 <t t-if="vote.post_id.parent_id">
838 <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"/>
840 <t t-if="not vote.post_id.parent_id">
841 <a t-attf-href="/forum/#{ slug(forum) }/question/#{ vote.post_id.id }" style=" color:black;margin-left:10px" t-esc="vote.post_id.name"/>
844 <div class="mb16" t-if="not vote_post">
845 <b>No vote given by you yet!</b>
849 <template id="post_list_answer">
850 <div class="clearfix">
851 <div t-attf-class="pull-left text-center mb16 box #{len(answer.vote_ids) and 'oe_green' or 'oe_grey'}">
852 <div t-esc="len(answer.vote_ids)"/>
854 <div class="question-name" style="margin-left: 32px;">
855 <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"/>
856 <t t-if="len(answer.website_message_ids)>0">
857 (<t t-esc="len(answer.website_message_ids)"/>
858 <t t-if="len(answer.website_message_ids)>1">Comments</t>
859 <t t-if="len(answer.website_message_ids)<=1">Comment</t>)