-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsubmit.html
202 lines (195 loc) · 12.7 KB
/
submit.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
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>UFO Finder</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/superhero/bootstrap.min.css">
<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
<link rel="stylesheet" href="static/css/style.css">
</head>
<body>
<div class="wrapper">
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="index.html">UFO Sightings
<img class="nav-ufo" src="static/images/ufo.svg">
</a>
</div>
</div>
</nav>
<div class="hero text-center">
<h1>UFO Sightings</h1>
<p>The Truth is Out There</p>
</div>
<div class="container">
<!-- <div class="row margin-top-50"></div>
<div class="col-md-2"></div> -->
<div class="panel panel-default">
<div class="panel-heading">New Sighting Submittal Form</div>
<div class="panel-body">
<form>
<div class="form-group">
<ul class="list-group" id="filters">
<li class=" list-group-item">
<label for="datetime">Date of Sighting</label>
<input class="form-control" id="date" type="text" placeholder="06/14/1947">
</li>
<li class="list-group-item">
<label for="city">City</label>
<input class="form-control" id="city" type="text" placeholder="Akron">
</li>
<!-- TO DO: Drop down selection black text -->
<!-- Dropdown menu for states and Provinces -->
<li class="list-group-item dropdown">
<label for="ddlState">Select a State/Province</label>
<div class="">
<div class="dropdown-content" >
<select name="state" size="1" id="ddlState">
<option value="">- States/Provinces -</option>
<option disabled>- US States -</option>
<option value="al">Alabama</option>
<option value="ak">Alaska</option>
<option value="az">Arizona</option>
<option value="ar">Arkansas</option>
<option value="ca">California</option>
<option value="co">Colorado</option>
<option value="ct">Connecticut</option>
<option value="de">Delaware</option>
<option value="dc">District Of Columbia</option>
<option value="fl">Florida</option>
<option value="ga">Georgia</option>
<option value="hi">Hawaii</option>
<option value="id">Idaho</option>
<option value="il">Illinois</option>
<option value="in">Indiana</option>
<option value="ia">Iowa</option>
<option value="ks">Kansas</option>
<option value="ky">Kentucky</option>
<option value="la">Louisiana</option>
<option value="me">Maine</option>
<option value="md">Maryland</option>
<option value="ma">Massachusetts</option>
<option value="mi">Michigan</option>
<option value="mn">Minnesota</option>
<option value="ms">Mississippi</option>
<option value="mo">Missouri</option>
<option value="mt">Montana</option>
<option value="ne">Nebraska</option>
<option value="nv">Nevada</option>
<option value="nh">New Hampshire</option>
<option value="nj">New Jersey</option>
<option value="nm">New Mexico</option>
<option value="ny">New York</option>
<option value="nc">North Carolina</option>
<option value="nd">North Dakota</option>
<option value="oh">Ohio</option>
<option value="ok">Oklahoma</option>
<option value="or">Oregon</option>
<option value="pa">Pennsylvania</option>
<option value="ri">Rhode Island</option>
<option value="sc">South Carolina</option>
<option value="sd">South Dakota</option>
<option value="tn">Tennessee</option>
<option value="tx">Texas</option>
<option value="ut">Utah</option>
<option value="vt">Vermont</option>
<option value="va">Virginia</option>
<option value="wa">Washington</option>
<option value="wv">West Virginia</option>
<option value="wi">Wisconsin</option>
<option value="wy">Wyoming</option>
<option disabled>- Canadian Provinces -</option>
<option value="mb">Manitoba</option>
<option value="nb">New Brunswick</option>
<option value="nl">Newfoundland and Labrador</option>
<option value="ns">Nova Scotia</option>
<option value="nt">Northwest Territories</option>
<option value="nu">Nunavut</option>
<option value="on">Ontario</option>
<option value="pe">Prince Edward Island</option>
<option value="qc">Quebec</option>
<option value="sk">Saskatchewan</option>
<option value="yt">Yukon</option>
</select>
</div>
</div>
</li>
<!-- TO DO: Drop down selection black text -->
<!-- Dropdown menu for countries -->
<li class="filter list-group-item dropdown">
<label for="ddlCountry">Country</label>
<!-- <input class="form-control" id="country" type="text" placeholder="Argentina"> -->
<div class="">
<div class="dropdown-content">
<select name="country" size="1" id="ddlCountry">
<option value="">- Country -</option>
<option value="ca">Canada</option>
<option value="us">United States</option>
</select>
</div>
</div>
</li>
<!-- TO DO: Drop down selection black text -->
<li class="list-group-item dropdown">
<label for="ddlshape">Select a Shape</label>
<!-- <input class="form-control" id="country" type="text" placeholder="Argentina"> -->
<div class="">
<div class="dropdown-content">
<select name="shape" size="1" id="ddlshape">
<option value="">- Shape -</option>
<option value="changing">changing</option>
<option value="chevrona">chevron</option>
<option value="cigar">cigar</option>
<option value="circle">circle</option>
<option value="cross">cross</option>
<option value="cylinder">cylinder</option>
<option value="disk">disk</option>
<option value="fireball">fireball</option>
<option value="flash">flash</option>
<option value="formation">formation</option>
<option value="light">light</option>
<option value="other">other</option>
<option value="oval">oval</option>
<option value="rectangle">rectangle</option>
<option value="sphere">sphere</option>
<option value="teardrop">teardrop</option>
<option value="triangle">triangle</option>
<option value="unknown">unknown</option>
</select>
</div>
</div>
</li>
<li class="filter list-group-item">
<label for="shape">If shape is Other:</label>
<input class="form-control" id="othershape" type="text" placeholder="Please describe the shape you saw">
</li>
<li class="list-group-item">
<label for="duration">Duration</label>
<input class="form-control" id="duration" type="text" placeholder="15 minutes">
</li>
<li class="list-group-item">
<label for="comments">Comments</label>
<input class="form-control" id="comments" type="text" placeholder="Additional Comments" >
</li>
</ul>
</div>
<div style="display:flex; justify-content:space-between">
<button id="submitNew-btn" type="submit" class="btn btn-default">Submit</button>
<input type="reset" value="Reset" class="btn btn-default" style="color:darkgray; align-self: flex-end">
</div>
</form>
</div>
</div>
</div>
<footer class="footer">
<span class="bottom">UFO Sightings</span>
</footer>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.11.0/d3.js"></script>
<script src="static/js/approvals.js"></script>
<script src="static/js/app2.js"></script>
<!-- <script src="static/js/data.js"></script> -->
</body>
</html>