olinpin/twitter-project
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changed tweetcell function

Browse Source
This commit is contained in:
Tim Wijma
2022-11-01 14:39:31 +01:00
parent 1d5b717637
commit 199d769292
1 changed files with 24 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
dashboard_static/js/code.js
View File

@@ -25,30 +25,30 @@ function getCSSVariable(name) {
function tweetCell(tweet, parent) {
var cell = document.createElement("div");
cell.innerHTML =
'<div class="tweet">'+
'<img src="' + tweet.user.profile_image_url + '" alt="" class="tweet-profilepicture">' +
'<div class="tweet-content">' +
'<div class="tweet-name">'+
'<span class="tweet-nickname">'+tweet.user.name+' </span>'+
'<span class="tweet-username">@'+tweet.user.screen_name+'</span>'+
'</div>'+
'<span class="tweet-text">'+tweet.text+'</span>'+
'<div class="tweet-interactions">'+
'<div class="tweet-interaction tweet-likes">'+
'<span class="material-symbols-outlined">favorite</span>'+
'<span>'+tweet.favorite_count+'</span>'+
'</div>'+
'<div class="tweet-interaction tweet-retweets">'+
'<span class="material-symbols-outlined">repeat</span>'+
'<span>'+tweet.retweet_count+'</span>'+
'</div>'+
'<div class="tweet-interaction tweet-replies">'+
'<span class="material-symbols-outlined">chat_bubble</span>'+
'<span>'+tweet.reply_count+'</span>'+
'</div>'+
'</div>'+
'</div>'+
'</div>';
`<div class="tweet">
<img src="${tweet.user.profile_image_url}" alt="" class="tweet-profilepicture">
<div class="tweet-content">
<div class="tweet-name">
<span class="tweet-nickname">${tweet.user.name}</span>
<span class="tweet-username">@${tweet.user.screen_name}</span>
</div>
<span class="tweet-text">${tweet.text}</span>
<div class="tweet-interactions">
<div class="tweet-interaction tweet-likes">
<span class="material-symbols-outlined">favorite</span>
<span>${tweet.favorite_count}</span>
</div>
<div class="tweet-interaction tweet-retweets">
<span class="material-symbols-outlined">repeat</span>
<span>${tweet.retweet_count}</span>
</div>
<div class="tweet-interaction tweet-replies">
<span class="material-symbols-outlined">chat_bubble</span>
<span>${tweet.reply_count}</span>
</div>
</div>
</div>
</div>`
parent.append(cell);
}