Updated Modello web samples from upstream
[profile/ivi/sdk/web-sample-build.git] / samples / web / Sample / Tizen / Web App / ModelloNavigation / project / index.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta http-equiv="cache-control" content="no-cache" />
5 <title>Navigation</title>
6
7 <!--  jquery and plugins  -->
8 <script type="text/javascript"
9         src="./css/car/components/jQuery/jquery-1.8.2.js"></script>
10 <script type="text/javascript"
11         src="./css/car/components/knockout/knockout.js"></script>
12
13 <!-- user and car theme, theme engine  -->
14 <link rel="stylesheet" href="./css/car/car.css" />
15 <link rel="stylesheet"
16         href="./css/car/components/incomingCall/incomingCall.css" />
17 <script type="text/javascript" src='./css/car/car.js'></script>
18 <script type='text/javascript' src='./js/services/bootstrap.js'></script>
19
20 <script type='text/javascript'
21         src='./css/car/components/boxCaption/boxCaption.js'></script>
22 <link rel="stylesheet"
23         href="./css/car/components/boxCaption/boxCaption.css" />
24 <script type='text/javascript'
25         src='./css/car/components/topBarIcons/topBarIcons.js'></script>
26 <link rel="stylesheet"
27         href="./css/car/components/topBarIcons/topBarIcons.css" />
28 <script type="text/javascript"
29         src="./css/car/components/bottomPanel/bottomPanel.js"></script>
30 <script type="text/javascript"
31         src="./css/car/components/progressBar/progressBar.js"></script>
32 <link rel="stylesheet"
33         href="./css/car/components/progressBar/progressBar.css" />
34 <script type="text/javascript"
35         src="http://maps.google.com/maps/api/js?sensor=false&language=en"></script>
36
37 <!-- jsRender Library Import -->
38 <script type="text/javascript"
39         src="./css/car/components/jsViews/jsrender.js"></script>
40 <script type="text/javascript"
41         src="./css/car/components/jsViews/template.js"></script>
42
43 <script type="text/javascript"
44         src='./css/car/components/alphabetBookmark/alphabetBookmark.js'></script>
45 <link rel="stylesheet"
46         href="./css/car/components/alphabetBookmark/alphabetBookmark.css" />
47 <script type="text/javascript"
48         src="./css/car/components/library/library.js"></script>
49 <link rel="stylesheet" href="./css/car/components/library/library.css" />
50
51 <!-- Navigation -->
52 <script type="text/javascript" src="./js/main.js"></script>
53 <script type="text/javascript" src="./js/v3_epoly.js"></script>
54 <link rel="stylesheet" type="text/css" href="./css/style.css" />
55
56 </head>
57
58 <body>
59         <div id="wrapper" class="wrapper">
60                 <div id="topBarIcons"></div>
61
62                 <div id="placesButton"
63                         class="libraryButton fontSizeSmaller fontWeightBold fontColorNormal">PLACES</div>
64
65                 <div id="upNextRectangle"></div>
66                 <div id="turnArrow"></div>
67
68                 <div id="navigationPanel"
69                         class="navigationPanel fontSizeLarge fontWeightBold fontColorNormal threeLinesEllipsis"></div>
70
71                 <div id="distanceTo" class=" fontSizeSmaller fontColorDimmedLight "></div>
72
73                 <div id="destinationProgress"></div>
74
75                 <div id="destinationItem">
76                         <div id="destinationRectangle"></div>
77                         <div id="destinationAddress"
78                                 class="fontSizeSmall fontWeightBold fontColorNormal twoLinesEllipsis"></div>
79
80                         <div id="destinationAddressTown"
81                                 class="fontSizeXXSmall fontColorDimmedLight"></div>
82                 </div>
83
84                 <div id="stillToGoItem">
85                         <div id="stillToGoRectangle"></div>
86                         <div id="stillToGoTimeAndDistance"
87                                 class="fontSizeXLarge fontColorNormal oneLineEllipsis"></div>
88                         <div id="arrivalText"
89                                 class="fontSizeSmaller fontWeightBold fontColorNormal"></div>
90                 </div>
91
92                 <div data-role="content">
93                         <div id="map_div" class="mapPanel"></div>
94                 </div>
95
96                 <div
97                         class="iconBbox button bgColorDark borderColorDark boxShadow4Active"
98                         onClick="switchMapSatelitteView()">
99                         <div id="satelliteButton" class="satelitteIcon"></div>
100                         <div id="mapButton" class="mapIcon"></div>
101                 </div>
102         </div>
103
104         <div id="placesLibrary" class="library pageBgColorNormalTransparent"></div>
105         <div id="bottomPanel" class="bottomPanel bottomPanelImg"></div>
106 </body>
107
108 </html>