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