81 lines
2.1 KiB
JavaScript
81 lines
2.1 KiB
JavaScript
function get_buying_item_message_card_html(item) {
|
|
const item_name = item.item_name || item.name;
|
|
const title = strip_html(item_name);
|
|
|
|
const message = item.recent_message
|
|
const sender = message.sender === frappe.session.user ? 'You' : message.sender
|
|
const content = strip_html(message.content)
|
|
|
|
// route
|
|
item.route = `marketplace/buying/${item.name}`
|
|
|
|
const item_html = `
|
|
<div class="col-md-7">
|
|
<div class="hub-list-item" data-route="${item.route}">
|
|
<div class="hub-list-left">
|
|
<img class="hub-list-image" src="${item.image}">
|
|
<div class="hub-list-body ellipsis">
|
|
<div class="hub-list-title">${item_name}</div>
|
|
<div class="hub-list-subtitle ellipsis">
|
|
<span>${sender}: </span>
|
|
<span>${content}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="hub-list-right">
|
|
<span class="text-muted">${comment_when(message.creation, true)}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
return item_html;
|
|
}
|
|
|
|
function get_selling_item_message_card_html(item) {
|
|
const item_name = item.item_name || item.name;
|
|
const title = strip_html(item_name);
|
|
|
|
// route
|
|
if (!item.route) {
|
|
item.route = `marketplace/item/${item.name}`
|
|
}
|
|
|
|
let received_messages = '';
|
|
item.received_messages.forEach(message => {
|
|
const sender = message.sender === frappe.session.user ? 'You' : message.sender
|
|
const content = strip_html(message.content)
|
|
|
|
received_messages += `
|
|
<div class="received-message">
|
|
<span class="text-muted">${comment_when(message.creation, true)}</span>
|
|
<div class="ellipsis">
|
|
<span class="bold">${sender}: </span>
|
|
<span>${content}</span>
|
|
</div>
|
|
</div>
|
|
`
|
|
});
|
|
|
|
const item_html = `
|
|
<div class="selling-item-message-card">
|
|
<div class="selling-item-detail" data-route="${item.route}">
|
|
<img class="item-image" src="${item.image}">
|
|
<h5 class="item-name">${item_name}</h5>
|
|
<div class="received-message-container">
|
|
${received_messages}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
return item_html;
|
|
}
|
|
|
|
export {
|
|
get_item_card_html,
|
|
get_local_item_card_html,
|
|
get_buying_item_message_card_html,
|
|
get_selling_item_message_card_html
|
|
}
|