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

Twitter Live Feed working

Browse Source
This commit is contained in:
jacktjong
2022-11-02 11:38:17 +01:00
parent 006e91e1a7
commit d539914212
2 changed files with 46 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
dashboard_static/js/code.js
View File

@@ -22,9 +22,10 @@ function getCSSVariable(name) {
return getComputedStyle(root).getPropertyValue(name)
}
function tweetCell(tweet, parent) {
function tweetCell(tweet) {
var cell = document.createElement("div");
cell.innerHTML =
<<<<<<< Updated upstream
'<div class="tweet">'+
'<img src="' + tweet.user.profile_image_url + '" alt="" class="tweet-profilepicture">' +
'<div class="tweet-content">' +
@@ -50,6 +51,33 @@ function tweetCell(tweet, parent) {
'</div>'+
'</div>';
parent.append(cell);
=======
`<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>`
return cell
>>>>>>> Stashed changes
}
$(document).on('tweet', console.log(tweet));