%
const listingImageSrc = ob.listingImageSrc ?
`url(${ob.listingImageSrc}), ` : '';
const listingImageBgStyle =
`background-image: ${listingImageSrc}url('../imgs/defaultItem.png')`;
if (ob.viewType === 'grid') {
%>
<%= ob.parseEmojis('😲') %>
<%= ob.parseEmojis('😱') %>
<%= ob.polyT('listingCard.blockedUser') %>
<% if (ob.ownListing) { %>
<%= ob.polyT('listingCard.confirmDelete.title') %>
<%= ob.polyT('listingCard.confirmDelete.body') %>
<% } else { %>
<% if (ob.nsfw) { %>
<% } %>
<% } %>
<% if (ob.shipsFreeToMe) { %>
<%= ob.polyT('listingCard.freeShippingBanner') %>
<% } %>
<% } else if (ob.viewType === 'list') { %>
<% // Since we have inconsistent padding/gutters, we'll inline some padding settings. %>
<%= ob.parseEmojis('😲') %>
<% const tooltipClass = ob.title.length > 60 ? 'toolTip' : 'toolTipNoWrap' %>
<%= ob.formatRating(ob.averageRating, ob.ratingCount) %>
<% if (ob.shipsFreeToMe) { %>
<%= ob.polyT('listingCard.freeShippingBanner') %>
<% } %>
<%=
ob.currencyMod.formattedCurrency(
ob.price.amount,
ob.price.currencyCode,
ob.displayCurrency,
{
toolTipClass: 'toolTipTop',
}
)
%>
<%
} else {
// cryptoList
%>
<% const tooltipClass = ob.title.length > 60 ? 'toolTip' : 'toolTipNoWrap' %>
<%= ob.formatRating(ob.averageRating, ob.ratingCount) %>
<%
let averageStoreRating;
let totalStoreRatings;
if (ob.vendor && ob.vendor.stats) {
averageStoreRating = ob.vendor.stats.averageRating;
totalStoreRatings = ob.vendor.stats.ratingCount;
}
%>
<%= ob.formatRating(averageStoreRating, totalStoreRatings) %> <%= ob.vendor.location %>
<%= ob.currencyMod.formattedCurrency(1, ob.coinType, ob.displayCurrency) %>
<%
let inventory = '
';
let inventoryTxClass = '';
if (ob.totalInventoryQuantity >= 0) {
inventory = ob.currencyMod.formatCurrency(ob.totalInventoryQuantity, ob.coinType);
}
if (inventory.length > 14) {
inventoryTxClass = 'tx6';
} else if (inventory.length > 10) {
inventoryTxClass = 'tx5b';
}
%>
<%= inventory %>
<% } %>
<% if (['list', 'cryptoList'].includes(ob.viewType)) { %>