-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmy_info.html
117 lines (91 loc) · 3.26 KB
/
my_info.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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=yes" />
<title>TravelTech - My Info</title>
<link rel="stylesheet" type="text/css" href="css/top_bar.css" media="screen"/>
<link rel="stylesheet" type="text/css" href="css/home.css" media="screen"/>
<link rel="stylesheet" type="text/css" href="css/my_info.css" media="screen"/>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDW0nS945cOqUIs777Cqe1huGrvUN76jQ8&sensor=false&libraries=places"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type='text/javascript' src='js/my_info_map.js'></script>
</head>
<body onload="initialize();">
<!-- Navigation bar at top of page -->
<div id='nav_bar'>
<div id='nav_left'>
<a href='home.html'><img id='logo' src='images/logo.jpg' alt='TravelTech' /></a>
</div>
<div id='nav_right'>
<ul>
<li id='my_info_button_container' class='button_containers'>
<a href='my_info.html'><input type='button' id='my_info_button' class='buttons' value='My Info' /></a>
</li>
<li id='logout_button_container' class='button_containers'>
<input type='button' id='logout_button' class='buttons' value='Log Out' />
</li>
</ul>
</div>
</div>
<!-- end nav_bar div-->
<!-- Page body -->
<div id='page_body'>
<div id='info_wrapper'>
<table border='0'>
<tr>
<td>
<div id='my_trips_label'>My Trips</div>
</td>
<td><div id='trip_details_label'>Trip Details</div></td>
</tr>
<tr>
<td>
<div id='my_trips'></div>
<!-- radius slider -->
<div id='slider_container_2' style='display:none'>
<span>Radius</span>
<input type='range' min='0' max='1000' name='radius' id='radius_slider' value='1000' onchange='changeRadius(this.value)' />
<span id="radius_text">1000 km</span>
<input type='button' name='show' id='show_button' class='buttons orange' value='Show All' onclick='showAll()'/>
</div>
</td>
<td>
<div id='trip_details'>
<div id='trip_label'>Trip 1: Boston, MA<br/>Trip 2: Berlin, Germany<br/>Trip 3: Beijing, China</div>
<table border='0' id='trip_details_table'>
<tr>
<td id='trip_details_location'></td>
</tr>
<tr>
<td id='trip_details_start'></td>
</tr>
<tr>
<td id='trip_details_end'></td>
</tr>
</table>
<table>
<tr id='trip_details_buttons'>
<td><input type='button' id='edit_button' class='buttons input_buttons' value='Edit' style='display:none' /></td>
<td><input type='button' id='delete_button' class='buttons input_buttons' value='Delete' style='display:none' /></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
</div>
<!-- end page_body div-->
<!-- bottom bar -->
<!--footer>
<div id='bottom_bar'>
<span id="footer_text">Note: TravelTech is optimized for Google Chrome, and some elements
will not work properly in other browsers. We apologize for the inconvenience.
</span>
</div>
</footer-->
<!-- end bottom bar -->
</body>
</html>