/
index.html
120 lines (94 loc) · 3.73 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 lang="en">
<!--
==========================================================================
* Created by tim on 2019-08-23.
==========================================================================
index in noaa-cdo
Author: Tim Erickson
Copyright (c) 2019 by Epistemological Engineering. All rights reserved.
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
==========================================================================
LOCAL: http://localhost:8888/plugins/noaa-cdo/
simple shared doc: http://localhost:8888/codap/static/dg/en/cert/index.html#shared=113045
local in local codap http://localhost:8888/codap/static/dg/en/cert/index.html?di=http://localhost:8888/plugins/noaa-cdo/
-->
<head>
<meta charset="UTF-8">
<title>NOAA</title>
<link rel='stylesheet' type='text/css' href='css/noaa.css'/>
<script src="../common/iframe-phone.js"></script>
<script src="../common/codapInterface.js"></script>
<script src="../common/pluginHelper.js"></script>
<!-- Specific JS for this app -->
<script src="noaa.js"></script>
<script src="noaa.ui.js"></script>
<script src="CODAPconnect.js"></script>
<script src="noaaStations.js"></script>
<script src="noaaDataTypes.js"></script>
</head>
<body>
<div id="results">Data status here</div>
<div class="controlSection">
<label for="startDate">Start:</label>
<input type="date" id="startDate" onchange="noaa.dateChange()" name="data-start"
value="2019-01-01" min="1900-01-01" max="2020-12-31">
<label for="endDate">End:</label>
<input type="date" id="endDate" onchange="noaa.dateChange()" name="data-end"
value="2019-12-31" min="1900-01-01" max="2020-12-31">
<div id="monthOrYear">
Include date plus:
<input type="checkbox" id="getMonth" checked disabled/>
<label for="getMonth">month</label>
<input type="checkbox" id="getYear" checked disabled/>
<label for="getYear">year</label>
</div>
<div id="dataFrequency">
Get data <input type="radio" value="GSOM" name="frequencyControl" checked> monthly |
<input type="radio" value="GHCND" name="frequencyControl"> daily
</div>
</div>
<div class="controlSection" id="actionButtons">
<button onclick="noaa.doGet()">get data</button>
<button onclick="noaa.connect.clearData()">clear data</button>
<button id="makeSpreaderButton" onclick="noaa.connect.createSpreader()">make spreader</button>
</div>
<details>
<summary>
stations
<button class="summaryButton" onclick="noaa.ui.clearStations()">clear stations</button>
</summary>
<div id="stationUI">
</div>
</details>
<details>
<summary>data</summary>
<div id="dataTypeUI">
</div>
</details>
<details>
<summary>credits</summary>
<div>
Menne, M.J., I. Durre, R.S. Vose, B.E. Gleason, and T.G. Houston, 2012: An overview
of the Global Historical Climatology Network-Daily Database.
<i>Journal of Atmospheric and Oceanic Technology</i>, 29, 897-910,
doi:10.1175/JTECH-D-11-00103.1.
</div>
</details>
<hr>
<p class="controlSection">NOAA limits us to 1000 records per request.</p>
</body>
<script>
window.onload = function () {
noaa.initialize();
}
</script>
</html>