72 lines
2.0 KiB
JavaScript
72 lines
2.0 KiB
JavaScript
|
import { get_rating_html } from './item_card';
|
||
|
|
|
||
|
|
function get_review_html(review) {
|
||
|
|
let username = review.username || review.user || __("Anonymous");
|
||
|
|
|
||
|
|
let image_html = review.user_image
|
||
|
|
? `<div class="avatar-frame" style="background-image: url(${review.user_image})"></div>`
|
||
|
|
: `<div class="standard-image" style="background-color: #fafbfc">${frappe.get_abbr(username)}</div>`
|
||
|
|
|
||
|
|
let edit_html = review.own
|
||
|
|
? `<div class="pull-right hidden-xs close-btn-container">
|
||
|
|
<span class="small text-muted">
|
||
|
|
${'data.delete'}
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
<div class="pull-right edit-btn-container">
|
||
|
|
<span class="small text-muted">
|
||
|
|
${'data.edit'}
|
||
|
|
</span>
|
||
|
|
</div>`
|
||
|
|
: '';
|
||
|
|
|
||
|
|
let rating_html = get_rating_html(review.rating);
|
||
|
|
|
||
|
|
return get_timeline_item(review, image_html, edit_html, rating_html);
|
||
|
|
}
|
||
|
|
|
||
|
|
function get_timeline_item(data, image_html, edit_html, rating_html) {
|
||
|
|
return `<div class="media timeline-item user-content" data-doctype="${''}" data-name="${''}">
|
||
|
|
<span class="pull-left avatar avatar-medium hidden-xs" style="margin-top: 1px">
|
||
|
|
${image_html}
|
||
|
|
</span>
|
||
|
|
<div class="pull-left media-body">
|
||
|
|
<div class="media-content-wrapper">
|
||
|
|
<div class="action-btns">${edit_html}</div>
|
||
|
|
|
||
|
|
<div class="comment-header clearfix">
|
||
|
|
<span class="pull-left avatar avatar-small visible-xs">
|
||
|
|
${image_html}
|
||
|
|
</span>
|
||
|
|
|
||
|
|
<div class="asset-details">
|
||
|
|
<span class="author-wrap">
|
||
|
|
<i class="octicon octicon-quote hidden-xs fa-fw"></i>
|
||
|
|
<span>${data.username}</span>
|
||
|
|
</span>
|
||
|
|
<a class="text-muted">
|
||
|
|
<span class="text-muted hidden-xs">–</span>
|
||
|
|
<span class="hidden-xs">${comment_when(data.modified)}</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="reply timeline-content-show">
|
||
|
|
<div class="timeline-item-content">
|
||
|
|
<p class="text-muted">
|
||
|
|
${rating_html}
|
||
|
|
</p>
|
||
|
|
<h6 class="bold">${data.subject}</h6>
|
||
|
|
<p class="text-muted">
|
||
|
|
${data.content}
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>`;
|
||
|
|
}
|
||
|
|
|
||
|
|
export {
|
||
|
|
get_review_html
|
||
|
|
}
|