-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·73 lines (66 loc) · 3.61 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="Will Shu">
<title>Rendez-Vous</title>
<!-- Bootstrap core CSS. Source Attribution: I used Bootstrap Dashboard Template to create the View.-->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- fontello icons -->
<link rel="stylesheet" href="css/fontello/css/fontello.css">
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!-- The code below creates the hamburger menu in the phone mode, which allows user to show/hide the list view panel -->
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#sidebar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Shanghai Rendez-Vous</a>
</div>
</div>
</nav>
<div class="container-fluid">
<div class="row">
<!-- Use aside semantic tag to add Aside page landmark -->
<aside id="sidebar" class="sidebar">
<div class="nav nav-sidebar">
<!-- Use placeholder attribute here to show default value in the input box -->
<input data-bind="textInput: filter" type="text" class="active" placeholder="Input a location from the list below...">
<div id="navbar" class="navbar-collapse">
<ul data-bind="foreach: placeType" class="placeType nav navbar-nav">
<!-- It seems css bind will remove all original classes -->
<li data-bind="html: icon, click: $parent.setType, css: { currentType: currentType()===true }"></li>
</ul>
</div>
<ul data-bind="foreach: placeList" class="placeList nav nav-sidebar">
<li data-bind="text: name, visible: visibility, click: $parent.setMarker"></li>
</ul>
</div>
</aside>
<!-- Use main semantic tag here to add Main page landmark -->
<main id="map" class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main"></main>
</div>
</div>
<!-- Bootstrap core JavaScript -->
<!-- Error handler for Ajax request is not working because jQuery version is too old. Updated to request the latest version for jQuery so that this error handler will work for jsonp request. -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!-- knockout.js must be before app.js otherwise app.js will try to access ko object before it's been defined in the knockout.js file -->
<script src="js/knockout-3.4.2.js"></script>
<script src="js/map-styles.js"></script>
<!-- load app.js before map to make sure Map's callback or error function is ready to be called. -->
<script src="js/app.js"></script>
<script async onerror="googleMapLoadError()" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAJsDobOejh9fdD2h57E6_qDqn5vr66v-U&callback=initMap"></script>
</body>
</html>