-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
122 lines (103 loc) · 3.54 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<script src="jquery.js"></script>
<script src="data_generator.js"></script>
</head>
<body>
<h1>My Favorite Tweetlers</h1>
<button class="refresh">Refresh New Tweets</button>
<div>
<p></p><button class="bdoug">@douglascalhoun</button>
<ul class="doug"></ul>
<p></p><button class="bmracus">@mracus</button>
<ul class="mracus"></ul>
<p></p><button class="bshark">@sharksforcheap</button>
<ul class="shark"></ul>
<p></p><button class="bshawn">@shawndrost</button>
<ul class="shawn"></ul>
</div>
<script>
$(document).ready(function(){
var $doug = $('.doug');
$doug.html('');
var $mracus = $('.mracus');
$mracus.html('');
var $shark = $('.shark');
$shark.html('');
var $shawn = $('.shawn');
$shawn.html('');
var tweetDisplay = function(elem, loc){
var $tweet = $('<li></li>');
$tweet.text(elem).prependTo(loc);
};
var group = function(arr, loc) {
arr = arr.slice(arr.length - 7, arr.length);
for (var i=0; i<arr.length;i++) {
tweetDisplay(arr[i], loc);
}
};
var onlyOne = function(arr, loc) {
tweetDisplay(arr[arr.length-1], loc);
};
var dougArray = [];
var mracusArray = [];
var sharkArray = [];
var shawnArray = [];
var tweetTest;
var buildArrays = function(x) {
for (var i = x; i < streams.home.length - 1; i++){
var tweet = streams.home[i];
var d = new Date();
d.setDate(0);
var $tweet = $('<li></li>');
var newTweet = tweet.message + " - " + d;
if (tweet.user === "douglascalhoun" && tweet !== tweetTest) dougArray.push(newTweet);
else if (tweet.user === "mracus" && tweet !== tweetTest) mracusArray.push(newTweet);
else if (tweet.user === "sharksforcheap" && tweet !== tweetTest) sharkArray.push(newTweet);
else if (tweet.user === "shawndrost" && tweet !== tweetTest) shawnArray.push(newTweet);
}
tweetTest = tweet;
};
buildArrays(0);
setInterval(function(){buildArrays(streams.home.length - 2)}, 1);
$(".refresh").click(function(){
$("li").remove();
onlyOne(dougArray, $doug);
onlyOne(mracusArray, $mracus);
onlyOne(sharkArray, $shark);
onlyOne(shawnArray, $shawn);
});
$(".bdoug").click(function(){
$("li").remove();
onlyOne(mracusArray, $mracus);
onlyOne(sharkArray, $shark);
onlyOne(shawnArray, $shawn);
group(dougArray, $doug);
});
$(".bmracus").click(function(){
$("li").remove();
onlyOne(dougArray, $doug);
onlyOne(sharkArray, $shark);
onlyOne(shawnArray, $shawn);
group(mracusArray, $mracus);
});
$(".bshark").click(function(){
$("li").remove();
onlyOne(dougArray, $doug);
onlyOne(mracusArray, $mracus);
onlyOne(shawnArray, $shawn);
group(sharkArray, $shark);
});
$(".bshawn").click(function(){
$("li").remove();
onlyOne(dougArray, $doug);
onlyOne(mracusArray, $mracus);
onlyOne(sharkArray, $shark);
group(shawnArray, $shawn);
});
});
</script>
</body>
</html>