-
Notifications
You must be signed in to change notification settings - Fork 1
/
busForm.html
170 lines (138 loc) · 4.69 KB
/
busForm.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
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/semantic.min.css">
<link rel = "stylesheet" type = "text/css" href="css/styles.css">
<link rel = "stylesheet" type = "text/css" href="css/table.css">
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/components/icon.min.css'>
<script src="js/date.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/semantic.min.js"></script>
<script src="js/busForm.js"></script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDDp99DlHmrZdX07MWUddvAAkpcNj15B_o"></script>
<script src="js/geocodingStart.js"></script>
<script src="js/map.js"></script>
<script src="js/getDepartures.js"></script>
<script src="js/favorites.js"></script>
<script src="js/selectRoute.js"></script>
<script src="js/planTrip_arriveBy.js"></script>
<script src="js/planTrip_departAt.js"></script>
<script src="js/sidebar.js"></script>
<title>Transit App</title>
</head>
<body class="background">
<h1 class="header">Plan Your Route!</h1><br>
<!--<div class="menuBar"><i class="align justify icon" id="menuSlider"></i> <span id="menuSlider">Menu</span></div>
<div class="ui sidebar inverted vertical menu">
<a class="item close">
<i class="align justify icon"></i> Menu
</a>
<a class="item findStopsMenu">
Find Stops
</a>
<a class="item planTripMenu">
Plan Trip
</a>
<a class="item getRouteMenu">
Find Full Route
</a>
<a class="item favoritesMenu">
Favorites
</a>
</div>
-->
<ul id = "menu">
<li class="findStopsMenu active">Find Stops</li>
<li class="planTripMenu">Plan Trip</li>
<li class="getRouteMenu">Find Full Route</li>
<li class="favoritesMenu">Favorites</li>
</ul>
<div class="dimmed pusher">
<div id = "findStops" class="formBody">
<div id="inputForm" class="ui large form">
<div class="field">
<p class="invalid">* Please Enter Your Location</p>
<input type="text" id="location" placeholder="Location" autofocus><br>
</div>
<div class="two fields">
<div class="field">
<input type="date" id="date" placeholder = "Date">
</div>
<div class="field">
<input type="time" id="time" placeholder = "Time">
</div>
</div>
<button class = "ui huge blue button" id="btnSubmit">Submit</button>
</div>
</div>
<div id = "planTrip" class="formBody">
<div id = "routeForm" class = "ui large form">
<p class="invalid start">* Please Enter Starting Point</p>
<p class="invalid destination">* Please Enter A Destination</p>
<div class = "two fields">
<div class = "field">
<input id = "starting" type = "text" placeholder = "Starting Point">
</div>
<div class = "field">
<input id = "destination" type = "text" placeholder = "Destination">
</div>
</div>
<div class = "three fields">
<div class = "field">
<input id = "date2" type = "date">
</div>
<div class="field">
<select class="ui dropdown" id="timeType">
<option value="departAt">Depart At</option>
<option value = "arriveBy">Arrive By</option>
</select>
</div>
<div class = "field">
<input type ="time" id="time2">
</div>
</div>
<button id = "btnTripSubmit" class = "ui huge blue button">Submit</button>
</div>
</div>
<div id="routesList" class="formBody">
<div id="routes">
</div>
</div>
<div id ="getRoute" class="formBody">
<div id="getFullRoute" class="ui large form">
<div class="field">
<select class="ui dropdown" id="allRoutes">
</select>
</div>
<div class="buttonHolder">
<button id ="btnRouteSubmit" class="ui huge blue button">Submit</button>
<button class='btnAddFave ui huge icon button' id="fullRouteAddFave"><i class='star icon'></i></button>
</div>
</div>
<p id="viewSchedule"><u>View Schedule</u></p><br>
<div class="ui large form" id="dateForm">
<div class="two fields" type = "date">
<input id="routeDate" type="date">
<button class="ui large blue button" id="btnScheduleSubmit">Submit</button>
</div>
</div>
<p id="warning">* Routes and times may change on weekends, holidays, or for special events</p>
</div>
<div id = "viewSchedules" class="formBody">
<table id="tblAllStops" border="1">
<tr>
<th>Stop</th>
<th>Time</th>
</tr>
</table>
</div>
<div id="favorites" class="formBody">
<table id="faves">
</table>
</div>
<div id="stops">
</div>
<div id="map"></div>
</div><!-- End Pusher Div -->
</body>
</html>