This repository has been archived by the owner on Mar 26, 2019. It is now read-only.
/
index.html
133 lines (118 loc) · 4.26 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
121
122
123
124
125
126
127
128
129
130
131
132
133
<html>
<head>
<meta charset="utf-8">
<title>DEMO: A Google+ Tag Tracker</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Just a demo for showing how to use content from Google+ searches.">
<meta name="author" content="Gus Class">
<!-- Le styles -->
<link href="3p/css/bootstrap.css" rel="stylesheet">
<style type="text/css">
body {
padding-top: 60px;
padding-bottom: 40px;
}
</style>
<link href="3p/css/bootstrap-responsive.css" rel="stylesheet">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- jQuery / Google utils -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="3p/js/jquery.base64.min.js"></script>
<!-- Bootstrap animations -->
<script type="text/javascript" src="3p/js/bootstrap.js"></script>
<!--Load the AJAX API / charts-->
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
// Load the Visualization API and the piechart package.
google.load('visualization', '1.0', {'packages':['corechart']});
</script>
<!-- Scripts specific to this app -->
<script src="./js/chart.js"></script>
<script src="./js/gplusapi.js"></script>
<script src="./js/ui.js"></script>
<script src="./js/utility.js"></script>
<script src="./js/tagtracker.js"></script>
</head>
<body>
<p>
<div style="margin: 0 auto;width:85%;">
<!-- Place this tag where you want the +1 button to render. -->
<div class="g-plusone"></div>
<br/>
<strong> Instructions:</strong>
<ul>
<li>Enter a comma separated list of tags to search into the search field.
</li>
<li>Click the Search button.</li>
<li>Results will be graphed below the input field.</li>
</ul>
<hr/>
<div class="well">
<label>Enter your search:</label>
<input placeholder="search" type="text" id="thetag" />
<button
class="btn btn-primary"
onClick="TagTracker.queryTags(undefined, true)"
>
Search
</button>
</div>
<div class="accordion" id="accordion2">
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="
#accordion2" href="#collapseOne">
Experimental options
</a>
<div id="collapseOne" class="accordion-body collapse">
<table class="table table-striped">
<tr>
<td><nobr>Curve lines:</nobr></td>
<td align="left" width="100%">
<input type="checkbox" onClick="toggleLineType()" />
</td></tr>
<tr>
<td><nobr>Hours of data:</nobr></td>
<td align="left" width="100%">
<input id="thehours" value="4" style="width:50px"
type=text size=2 maxlength=2 onchange="updateHoursAgo()" />
</td>
</tr>
<tr>
<td><nobr>Use sample strategy:</nobr></td>
<td align="left" width="100%">
<input type="checkbox" onClick="toggleStrategy()" />
</td>
</tr>
<tr>
<td><nobr>Number of samples:</nobr></td>
<td align="left" width="100%">
<input type=text value="50" id="samplesLimit" maxlength=3
style="width:50px" onChange="updateSampleLimit()" />
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
<div id="progressbarcontainer"
class="progress progress-striped active"
style="margin: 0 auto;width:85%; display:none;">
<div id="theProgressBar" class="bar" style="width: 0%;"></div>
</div>
<div id="visualization">
</div>
</body>
<!-- Place this tag after the last +1 button tag. -->
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/client:plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</html>