Random changes

This commit is contained in:
jacktjong
2022-11-01 15:58:55 +01:00
parent 4bb7b02a96
commit 006e91e1a7
6 changed files with 111 additions and 54 deletions

View File

Binary file not shown.

108
dashboard_static/index.html Normal file
View File

@@ -0,0 +1,108 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Twitter sports dashboard</title>
<link rel="stylesheet" href="./style/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;1,400&display=swap" rel="stylesheet">
<!-- <link href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined" rel="stylesheet"> -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<link rel="icon" type="image/x-icon" href="./media/logo.png">
</head>
<body>
<div id="tweet" style="height: 200px;"></div>
<div class="container">
<div class="header">
<div class="logo">
<img src="./media/logo.png" alt="">
<span class="header-title">Cluccer</span>
</div>
<div class="sports">
<div class="sport baseball">
<span class="material-symbols-outlined">sports_baseball</span>
<span class="sport-name">Baseball</span>
</div>
<div class="sport basketball">
<span class="material-symbols-outlined">sports_basketball</span>
<span class="sport-name">Basketball</span>
</div>
<div class="sport volleyball">
<span class="material-symbols-outlined">sports_volleyball</span>
<span class="sport-name">Volleyball</span>
</div>
<div class="sport tennis">
<span class="material-symbols-outlined">sports_tennis</span>
<span class="sport-name">Tennis</span>
</div>
<div class="sport cricket">
<span class="material-symbols-outlined">sports_cricket</span>
<span class="sport-name">Cricket</span>
</div>
<div class="sport soccer">
<span class="material-symbols-outlined">sports_soccer</span>
<span class="sport-name">Soccer</span>
</div>
<div class="sport football">
<span class="material-symbols-outlined">sports_football</span>
<span class="sport-name">Football</span>
</div>
<div class="sport rugby">
<span class="material-symbols-outlined">sports_rugby</span>
<span class="sport-name">Rugby</span>
</div>
</div>
</div>
<div class="main">
<div class="maintable">
<div class="leftcol column">
<ol class="tweet-list stream-items"></ol>
</div>
<div class="centercol column">
<h1 class="colheader">FILTERED CLUCCS</h1>
</div>
<div class="searchbar column"></div>
<div class="popchart column">
<h1 class="colheader chartheader">SPORTS POPULARITY CHART</h1>
</div>
</div>
</div>
</div>
<script src="/lib/jquery-2.1.1.min.js"></script>
<script src="/lib/jquery.flot.min.js"></script>
<script src="/lib/core.js"></script>
<script src="/lib/charts.js"></script>
<script src="/lib/log.js"></script>
<script src="./lib/tweets.js"></script>
<script src="./js/code.js"></script>
<script src="./js/connection.js"></script>
<script>
block("#tweet").tweets({
memory: 20
});
events.connect("tweet", "#tweet");
// // create a rolling chart block
// block('#graph').rolling_chart({
// memory: 150,
// chart: {
// yaxis: {
// min: -100,
// max: 100
// },
// xaxis: {
// show: false
// }
// }
// });
// // connect sample event to graph
// events.connect('tweet', '#graph');
</script>
</body>
</html>

View File

@@ -52,56 +52,5 @@ function tweetCell(tweet, parent) {
parent.append(cell);
}
var atweet = {
"created_at": "Sat Nov 16 12:51:41 +0000 2019",
"text": "@BobGreenburg @ONeill_Coffee Congrats to the excellent football program at Wilmington. One classy organization!",
"source": "<a href=\"http:\/\/twitter.com\/download\/iphone\" rel=\"nofollow\">Twitter for iPhone<\/a>",
"user": {
"name": "Express Youngstown",
"screen_name": "ExpressProsYO",
"url": "http:\/\/apply.expresspros.com\/",
"profile_image_url": "http:\/\/pbs.twimg.com\/profile_images\/775167844921188353\/fWquHsOK_normal.jpg",
},
"quote_count": 0,
"reply_count": 0,
"retweet_count": 0,
"favorite_count": 0,
"entities": {
"hashtags": [
],
"urls": [
],
"user_mentions": [
{
"screen_name": "BobGreenburg",
"name": "Bob Greenburg",
"id": 483881032,
"id_str": "483881032",
"indices": [
0,
13
]
},
{
"screen_name": "ONeill_Coffee",
"name": "O'NeillCoffeeCompany",
"id": 2804543925,
"id_str": "2804543925",
"indices": [
14,
28
]
}
],
"symbols": [
]
},
}
for (let i = 0; i < 2; i++) {
tweetCell(atweet, $(".leftcol"));
}
$(document).on('tweet', console.log(tweet));

View File

Binary file not shown.

View File

Binary file not shown.

View File

@@ -72,7 +72,7 @@ block.fn.tweets = function(config) {
}, config);
// create the necessary HTML in the block container
this.$element.append('<ol class="tweet-list stream-items"></ol>');
//this.$element.append('<ol class="tweet-list stream-items"></ol>');
// store list for later
var $list = this.$element.find('ol');