-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
136 lines (116 loc) · 5.63 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
134
135
136
<!DOCTYPE html>
<html manifest="t4t.appcache">
<head>
<meta charset="utf-8">
<title>LHC@Home: Test4Theory</title>
<meta name="description" content="LHC@Home: Test4Theory web application">
<!-- Mobile viewport optimized: h5bp.com/viewport -->
<meta name="viewport" content="width=device-width">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons -->
<!-- Do not add any other CSS here, instead @import it in app.css.
It will be inlined when building. That way it will
automatically be minified. -->
<link rel="stylesheet" href="css/app.css">
<!-- If this is also installable in Chrome, provide the store link
(see the "Self-hosted apps" section below) -->
<!-- <link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/itemID"> -->
<!-- More ideas for your <head> here: h5bp.com/d/head-Tips -->
<!-- All JavaScript at the bottom, except this Modernizr build.
Modernizr enables HTML5 elements & feature detects for optimal performance.
Create your own custom Modernizr build: www.modernizr.com/download/ -->
<script src="js/lib/modernizr-2.5.3.min.js"></script>
<script src="js/nonrequire/rickshaw.min.js"></script>
</head>
<body>
<!-- Self-hosted apps:
install.js (https://github.com/wavysandbox/install) provides
an install API that works with iOS, Chrome, and Firefox.
We provide an installation button already hooked up to this.
Use this for self-hosted apps (not in a marketplace) or for
test installing your app. -->
<div class="install-error"></div>
<div class="install-ios-msg">
To install, press the forward arrow in Safari and touch "Add to
Home Screen"
</div>
<!-- Put this install button somewhere on the page and the user
will be able to click it to install your app. You don't need
this if your app will be installed from a marketplace. -->
<button class="install-btn">Install</button>
<!-- Add your site or application content here -->
<div class="container-fluid">
<div id="offline" class="card" style="display:none">
<h5>Offline mode <small>there is no connection</small> </h5>
</div>
<div id="loading" class="alert alert-success" style="display:none">
<strong>Loading data...</strong>
</div>
<div id="settings" class="card" style="display:none">
<h1>Settings</h1>
<hr>
<form class="form-inline">
<input id="boincId" type="text" class="input-large" placeholder="Test4Theory BOINC ID">
<button id="save" type="submit" class="btn">Save</button>
</form>
</div>
<div id="userStats" class="card" style="display:none">
<h1>Your Stats <small class="pull-right">
<a id="updateBtn" class="btn btn-small" href="#">
<i class="icon icon-refresh"></i> Update stats
</a>
<a id="settingsBtn" class="btn btn-small" href="#">
<i class="icon icon-cog"></i> Settings
</a>
</small></h1>
<hr>
<p><strong>CPU Time</strong>: <span id="cpu_time"></span></p>
<hr>
<p><strong>Number of events: </strong><span id="n_events"></span> <i id="billionare" class="icon icon-trophy" style="display:none;"></i></p>
<hr>
<p><strong>Number of Jobs: </strong><span id="n_jobs"></span></p>
<hr>
<p><strong>Number of Good Jobs: </strong><span id="n_good_jobs"></span></p>
<hr>
<p><strong>Number of attached hosts: </strong><span id="n_hosts"></span></p>
</div>
<div id="userCharts" class="card" style="display:none;">
<h1>Project Stats <small>last seven days</small></h1>
<hr>
<h2>CPU time</h2>
<div id="cpu_time_chart" style="height:120px;display:none"></div>
<hr>
<h2>New Number of Events</h2>
<div id="n_events_chart" style="height:120px;display:none"></div>
<hr>
<h2>New Number of Jobs</h2>
<div id="n_jobs_chart" style="height:120px;display:none"></div>
<hr>
<h2>New Number of Good Jobs</h2>
<div id="n_good_jobs_chart" style="height:120px;display:none"></div>
<hr>
<h2>New Number of Hosts</h2>
<div id="n_hosts_chart" style="height:120px;display:none"></div>
</div>
</div>
<footer style="margin-top:12px;">
</footer>
<!-- JavaScript at the bottom for fast page loading: http://developer.yahoo.com/performance/rules.html#js_bottom -->
<!-- Using require.js, a module system for javascript, include the
js files. This loads "main.js", which in turn can load other
files, all handled by require.js:
http://requirejs.org/docs/api.html#jsfiles -->
<script type="text/javascript"
data-main="js/app.js"
src="js/lib/require.js"></script>
<!-- Asynchronous Google Analytics snippet. Change UA-XXXXX-X to be your site's ID.
mathiasbynens.be/notes/async-analytics-snippet -->
<!--
<script>
var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
-->
</body>
</html>