-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathdata.html
115 lines (111 loc) · 4.79 KB
/
data.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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="data.css" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="data.js" defer></script>
<title>Data</title>
</head>
<body>
<div class="topBar">
<form id="searchForm">
<div id="searchContainer">
<select id="searchField">
<option value="userName">Name</option>
<option value="date">Date</option>
<option value="userSite">Site</option>
<option value="tideEst">Tide</option>
<option value="weatherEst">Weather</option>
<option value="waterSurf">Water Surface</option>
<option value="windSpeed">Wind Speed</option>
<option value="windDir">Wind Direction</option>
<option value="rainfall">Rainfall</option>
<option value="waterDepth">Water Depth</option>
<option value="sampleDist">Sample Distance</option>
<option value="airTempAvg">Air Temperature</option>
<option value="waterTempAvg">Water Temperature</option>
<option value="secchiDepthAvg">Secchi Depth </option>
<option value="bottomedOut">Bottomed Out</option>
<option value="usedTube">Tube Used</option>
<option value="pbottle">Plastic Bottle</option>
<option value="glassbottle">Glass Bottle</option>
</select>
<input type="text" id="searchInput" placeholder="Search...">
<button id="searchButton"><i class="fa fa-search"></i></button>
</div>
</form>
<button id="exportButton">Export</button>
<div class="sortOptions">
<select id="primarySort">
<option value="">Select Primary Sort</option>
<option value="userName">Name</option>
<option value="date">Date</option>
<option value="userSite">Site</option>
<option value="tideEst">Tide</option>
<option value="weatherEst">Weather</option>
<option value="waterSurf">Water Surface</option>
<option value="windSpeed">Wind Speed</option>
<option value="windDir">Wind Direction</option>
<option value="rainfall">Rainfall</option>
<option value="waterDepth">Water Depth</option>
<option value="sampleDist">Sample Distance</option>
<option value="airTempAvg">Air Temperature</option>
<option value="waterTempAvg">Water Temperature</option>
<option value="secchiDepthAvg">Secchi Depth </option>
<option value="bottomedOut">Bottomed Out</option>
<option value="usedTube">Tube Used</option>
<option value="pbottle">Plastic Bottle</option>
<option value="glassbottle">Glass Bottle</option>
</select>
<select id="secondarySort" disabled>
<option value="">Select Secondary Sort</option>
<option value="userName">Name</option>
<option value="date">Date</option>
<option value="userSite">Site</option>
<option value="tideEst">Tide</option>
<option value="weatherEst">Weather</option>
<option value="waterSurf">Water Surface</option>
<option value="windSpeed">Wind Speed</option>
<option value="windDir">Wind Direction</option>
<option value="rainfall">Rainfall</option>
<option value="waterDepth">Water Depth</option>
<option value="sampleDist">Sample Distance</option>
<option value="airTempAvg">Air Temperature</option>
<option value="waterTempAvg">Water Temperature</option>
<option value="secchiDepthAvg">Secchi Depth </option>
<option value="bottomedOut">Bottomed Out</option>
<option value="usedTube">Tube Used</option>
<option value="pbottle">Plastic Bottle</option>
<option value="glassbottle">Glass Bottle</option>
</select>
<button class="sortButton" id="sortButton">Sort Data</button>
</div>
</div>
<div class="homeBtn" id="homebtn"></div>
<div class="mainContainer" id="datamaincontainer">
<div id="headerContainer"></div>
<div id="dataRowsContainer">
<input type="checkbox" class="row-checkbox">
</div>
</div>
<script src="https://www.gstatic.com/firebasejs/8.0.2/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.0.2/firebase-firestore.js"></script>
<script>
// Your Firebase configuration (initialize it here)
const firebaseConfig = {
apiKey: "AIzaSyD1n52beNmzhLyqtv29Exw8CIEzde40LOo",
authDomain: "creekwatchers-88ce2.firebaseapp.com",
databaseURL: "https://creekwatchers-88ce2-default-rtdb.firebaseio.com",
projectId: "creekwatchers-88ce2",
storageBucket: "creekwatchers-88ce2.appspot.com",
messagingSenderId: "799020915481",
appId: "1:799020915481:web:e0ac620892635e99760388",
};
// Initialize Firebasee
firebase.initializeApp(firebaseConfig);
// Reference to the Firestore database
const db = firebase.firestore();
</script>
</body>
</html>