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

Merged from feat/live-tweets

Browse Source
This commit is contained in:
Oliver Hnát
2022-11-01 14:25:53 +01:00
parent 5521913353 92de18a927
commit e3ab3bdb25
3 changed files with 39 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
dashboard.py
View File

@@ -12,7 +12,7 @@ root_content_path = 'dashboard_static'
# the action will be called with the context and the event
@event('init')
def setup(ctx, e):
start_offline_tweets('sports1.txt', event_name="sample")
start_offline_tweets('sports1.txt', event_name="tweet", time_factor=0.01)
ctx.count = 0
# fire('sample', {'previous': 0.0})
@@ -21,21 +21,14 @@ def setup(ctx, e):
def clip(lower, value, upper):
return max(lower, min(value, upper))
@event('sample')
def generate_sample(ctx, e):
ctx.count += 1
if ctx.count % 50 == 0:
emit('debug', {'text': 'Log message #'+str(ctx.count)+'!'})
@event('tweet')
def generate_tweet(ctx, e):
tweet = e.data
# print(tweet)
# base sample on previous one
# sample = clip(-100, e.data['previous'] + random.uniform(+5.0, -5.0), 100)
# emit to outside world
emit('sample',{
'action': 'add',
'value': tweet
})
emit('tweet', tweet)
# chain event
fire('sample', {'previous': tweet}, delay=0.05)
# # chain event
# fire('tweet', {'previous': tweet}, delay=0.05)

49
dashboard_static/index.html
View File

@@ -13,8 +13,10 @@
<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">
@@ -71,25 +73,36 @@
</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>
</body>
<!-- <script>
// create a rolling chart block
block('#graph').rolling_chart({
memory: 150,
chart: {
yaxis: {
min: -100,
max: 100
},
xaxis: {
show: false
}
}
});
<script>
block("#tweet").tweets({
memory: 20
});
events.connect("tweet", "#tweet");
// connect sample event to graph
events.connect('sample', '#graph');
</script> -->
// // 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>

1
dashboard_static/js/code.js
View File

@@ -27,3 +27,4 @@ function tweetCell(tweet, parent) {
cell.innerHTML =
"<div>"
}