vassili/seitime-frappe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 4

Limit text on preview/social card

Browse source
This commit is contained in:
Suraj Shetty 2018-10-21 13:27:10 +05:30
parent 582f6cf553
commit 39ff56b402
1 changed files with 10 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
frappe/public/js/frappe/social/components/Post.vue
View file

@ -133,13 +133,18 @@ export default {
frappe.xcall('frappe.social.doctype.post.post.get_link_info', {
'url': link_element.href
}).then(info => {
if (info['og:title'] || info['title']) {
const title = frappe.ellipsis(info['og:title'] || info['title'], 60)
const description = frappe.ellipsis(info['og:description'] || info['description'], 280)
const image = info['og:image'];
const url = info['og:url'];
if (title) {
link_element.insertAdjacentHTML('afterend', `
<a href="${info['og:url']}" target="blank" class="preview-card" class="flex">
<img src="${info['og:image']}"/>
<a href="${url}" target="blank" class="preview-card" class="flex">
<img src="${image}"/>
<div class="flex-column">
<h5>${info['og:title'] || info['title']}</h5>
<p class="text-muted">${info['og:description'] || info['description']}</p>
<h5>${title}</h5>
<p class="text-muted">${description}</p>
</div>
</a>
` );