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

Merged from main

Browse Source
This commit is contained in:
Oliver Hnát
2022-11-02 13:57:56 +01:00
parent 84b5b8f57a 05f27fb1c5
commit 3bffeddc1f
6 changed files with 34 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
dashboard_static/index.html
View File

@@ -90,20 +90,33 @@
</div>
</div>
<div class="centercol column">
<span class="colheader">Filtered Cluccs</span>
<h1 class="colheader">FILTERED CLUCCS</h1>
</div>
<div class="rightcol column">
<div class="searchcontainer column">
<input class = "searchbar" type = "text" placeholder="SEARCH CLUCCS...">
<button class = "button">SORT BY</button>
<button class = "button">BLOCKED WORDS</button>
<button class = "button">POPULARITY FILTER</button>
</div>
<div class="popchart column">
<h1 class="colheader chartheader">SPORTS POPULARITY CHART</h1>
<input class = "searchbar" type = "text" placeholder="SEARCH CLUCCS...">
<button class = "button">SORT BY</button>
<button class = "button">BLOCKED WORDS</button>
<button class = "button">POPULARITY FILTER</button>
</div>
<div class="popchart column">
<h1 class="colheader chartheader">SPORTS POPULARITY CHART</h1>
</div>
</div>
</div>
-->
<div class = "maintable">
<div class = "leftcol">
<h1 class = 'colheader'>LATEST CLUCCS</h1>
</div>
<div class="centercol">
<h1 class = 'colheader'>FILTERED CLUCCS</h1>
</div>
<div class = "searchbar"></div>
<div class = "popchart">
<h1 class = 'colheader'>SPORTS POPULARITY CHART</h1>
</div>
</div>
</div>
</div>
<script src="/lib/jquery-2.1.1.min.js"></script>

8
dashboard_static/js/code.js
View File

@@ -50,11 +50,11 @@ function tweetCell(tweet) {
var cell = document.createElement("div");
cell.innerHTML =
`<div class="tweet">
<img src="${tweet.user.profile_image_url}" onerror="this.src='media/logo.png'" class="tweet-profilepicture">
<a href ="https://www.twitter.com/${tweet.user.screen_name}"><img src="${tweet.user.profile_image_url}" onerror="this.src='media/logo.png'" class="tweet-profilepicture"></a>
<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>
<a class="tweet-nickname" href = "https://www.twitter.com/${tweet.user.screen_name}" target = "_blank">${tweet.user.name}</a>
<a class="tweet-username" href = "https://www.twitter.com/${tweet.user.screen_name}" target = "_blank">@${tweet.user.screen_name}</a>
</div>
<span class="tweet-text">${tweet.text}</span>
<div class="tweet-interactions">
@@ -172,5 +172,3 @@ function sortTweets(tweets, likesDes=null, retweets=null, replies=null){
}
return tweets
}
var tweets = [{"likes": 2},{"likes": 3},{"likes": 5},{"likes": 1}]

10
dashboard_static/style/style.css
View File

@@ -122,10 +122,20 @@ body {
}
.tweet-nickname {
color: white;
text-decoration: none;
font-weight: bold;
}
.tweet-nickname:active {
color: white;
text-decoration: underline;
font-weight: bold;
}
.tweet-username {
color: white;
text-decoration: none;
opacity: 0.8;
}