-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
149 lines (113 loc) · 3.87 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
137
138
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Napszel ~ NASADatanaut </title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://www.gstatic.com/firebasejs/3.4.0/firebase.js"></script>
<script>
var myApiKey = 'AIzaSyCC-cQ7o34KpP4uqszhQL9lOxoOgu4-5Nc';
var myProjectId = 'datanaut-napszel';
// Initialize Firebase
//Get the API Key on https://console.developers.google.com/apis/credentials?project=PROJECT_ID&pli=1
var config = {
apiKey: myApiKey,
authDomain: myProjectId + ".firebaseapp.com",
databaseURL: "https://"+ myProjectId +".firebaseio.com",
storageBucket: "bucket.appspot.com"
};
firebase.initializeApp(config);
window.onload = function(){
$('#popNameColumn').popover();
$('#popEpochColumn').popover();
$('#popTPColumn').popover();
// Get the Database service for the default app and the data node
var ref = firebase.database().ref('data');
ref = ref.orderByKey();
//ref = ref.startAt('10');
//ref = ref.limitToFirst(5);
//ref = ref.orderByChild("8").equalTo('13P/Olbers');
ref.on('value', function (items) {
$('#comets').empty();
for (var id in items.val()) {
var obj = items.val()[id];
addComet(id, obj);
}
});
}
function addComet(id, comet){
const ObjNameCol = 8;
const EpochCol = 9;
const TpCol = 10;
var row = '<tr> <th scope=row>'+ id + '</th> <td>' + comet[ObjNameCol] + '</td> <td>' + comet[EpochCol] + '</td> <td>' + comet[TpCol] + '</td></tr>';
$('#comets').append(row);
}
</script>
</head>
<body>
<div id="wrap">
<div id="header">
<h1><a href="index.html">Napszel ~ NASADatanaut</a></h1>
<h2>Extracts from data.nasa.gov</h2>
</div>
<div id="menu">
<ul>
<li><a href="https://github.com/NASADatanauts/Napszel">View on GitHub</a></li>
</ul>
</div>
<div id="content">
<div class="left">
<h2><a href="#">Near-Earth Comets - Orbital Elements</a></h2>
The table below provides J2000 heliocentric ecliptic orbital elements
for 170 NECs (Near-Earth Comets) sorted by object number/name. Downloaded from <a href="https://data.nasa.gov/Space-Science/Near-Earth-Comets-Orbital-Elements/b67r-rgxc">data.nasa.gov</a>.
<br /><br />
<section class='container'>
<table class="table table-striped">
<thead>
<tr>
<th>
#
</th>
<th>
Name
</th>
<th>
Epoch (TDB)
</th>
<th>
TP (TDB)
</th>
</tr>
</thead>
<tbody id='comets'>
</tbody>
</table>
</section>
</div> <!-- wrap -->
<div class="right">
<h2>Other data</h2>
<ul>
<li><a href="#">Mars</a></li>
<li><a href="#">Jupiter</a></li>
<li><a href="#">Nature - Africa</a></li>
<li><a href="#">SuperCool</a></li>
<li><a href="#">Last Category</a></li>
</ul>
<h2>Links</h2>
<ul>
<li><a href="https://data.nasa.gov">data.nasa.gov</a></li>
<li><a href="https://www.nasa.gov">NASA</a></li>
</ul>
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
Designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>
</div>
</div>
</body>
</html>