4 <META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
5 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
6 <title>DASHBOARD</title>
7 <meta name="keywords" content="" />
8 <meta name="description" content="" />
9 <!-- <meta name = "viewport" content = "width = device-width,height = device-height, user-scalable = no"> -->
10 <meta name="viewport" content="width=720, height=1280, user-scalable=no" />
13 <link rel="stylesheet" href="./css/car/car.css" />
14 <link rel="stylesheet" href="./css/style.css" />
15 <link rel="stylesheet" href="./css/car/components/incomingCall/incomingCall.css" />
17 <script type="text/javascript" src="./css/car/components/jQuery/jquery-1.8.2.js"></script>
18 <script type="text/javascript" src="./css/car/components/knockout/knockout.js"></script>
19 <script type='text/javascript' src='./css/car/car.js'></script>
20 <!-- <script type='text/javascript' src='./css/user/blue/user.js'></script> -->
21 <script type='text/javascript' src='./js/services/bootstrap.js'></script>
23 <!-- jsRender Library Import -->
24 <script type="text/javascript" src="./css/car/components/jsViews/jsrender.js"></script>
25 <script type="text/javascript" src="./css/car/components/jsViews/template.js"></script>
28 <script type='text/javascript' src='./css/car/components/dateTime/dateTime.js'></script>
30 <link rel="stylesheet" href="./css/car/components/dateTime/dateTime.css" />
32 <script type='text/javascript' src='./css/car/components/boxCaption/boxCaption.js'></script>
33 <link rel="stylesheet" href="./css/car/components/boxCaption/boxCaption.css" />
35 <script type='text/javascript' src='./css/car/components/topBarIcons/topBarIcons.js'></script>
36 <link rel="stylesheet" href="./css/car/components/topBarIcons/topBarIcons.css" />
38 <script type='text/javascript' src='./css/car/components/progressBar/progressBar.js'></script>
39 <link rel="stylesheet" href="./css/car/components/progressBar/progressBar.css" />
41 <script type="text/javascript" src="./css/car/components/bottomPanel/bottomPanel.js"></script>
43 <script type='text/javascript' src='./components/statusBox/statusBox.js'></script>
44 <link rel="stylesheet" href="./components/statusBox/statusBox.css" />
45 <!-- end Components -->
46 <script type='text/javascript' src='./js/dashboardControler.js'></script>
47 <script type='text/javascript' src='./js/main.js'></script>
52 <div class="dashboardBackGround">
53 <div id="error" class="fontColorNormal fontSizeMedium" style="z-index: 100;"></div>
54 <div class="carImage"></div>
55 <!-- <div class="dashboardCircleAll"></div> -->
56 <div id="frontLightsImage" class="dashboardFrontLightsActive frontLightsImage"></div>
57 <div id="rearLightsImage" class="dashboardRearLightsActive rearLightsImage"></div>
58 <div id="breakLightsImage" class="dashboardBreakLightsActive rearLightsImage"></div>
59 <div id="clockElement"></div>
60 <div id="leftWhell" class="whelImage leftWhell"></div>
61 <div id="rightWhell" class="whelImage rightWhell"></div>
62 <div id="dayNightElement" class="dayNightElement">
63 <div id="dayNight" class="dashboardSunElement dayNight"></div>
65 <div id="batteryElement" class = "batteryElement">
66 <div id="batteryLevelCaption" class="boxIconText batteryLevelCaption"></div>
67 <div id="batteryProgressBar" class = "batteryProgressBar"></div>
68 <div class="batteryImage"></div>
69 <div id="batteryStatus"
70 class="fontSizeLarger fontWeightBold fontColorNormal batteryStatus">82%</div>
71 <div id="batteryRange"
72 class="fontSizeLarger fontWeightBold fontColorTheme batteryRange">~215MI</div>
74 <div id="weatherElement" class = "weatherElement">
75 <div id="dashBoardWeatherIcon" class="dashBoardWeatherThunder dashBoardWeatherIcon"></div>
76 <div id="weatherCaption" class="boxIconText weatherCaption"></div>
77 <div id="weatherStatus"
78 class="fontSizeXXLarge fontWeightBold fontColorNormal weatherStatus">15.20°C</div>
79 <div id="weatherCity" class="fontSizeLarge fontColorDimmed weatherCity">SAN
83 <div id="leftFrontPressure" class="statusIndicatorClass leftFrontPressure statusBox"></div>
84 <div id="leftFrontLine" class="dashboardLineLong leftFrontLine"></div>
86 <div id="rightFrontPressure" class="statusIndicatorClass rightFrontPressure statusBox"></div>
87 <div id="rightFrontLine" class="dashboardLineLong rightFrontLine"></div>
89 <div id="leftRearPressure" class="statusIndicatorClass leftRearPressure statusBox"></div>
90 <div id="leftRearLine" class="dashboardLineLong leftRearLine"></div>
92 <div id="engineStatus" class="statusIndicatorClass engineStatus">
93 <div id="leftTopCorner" class="corner leftTopCorner"></div>
94 <div id="leftBottomCorner" class="corner leftBottomCorner"></div>
95 <div id="rightTopCorner" class="corner rightTopCorner"></div>
96 <div id="rightBottomCorner" class="corner rightBottomCorner"></div>
97 <div class="boxIconText">
98 <div class="boxIconRectangleSmall bgColorTheme"></div>
99 <div class="boxIconCaptionSmall fontSizeXXSmall fontWeightBold fontColorLight">ENGINE STATUS</div>
101 <div id="gearboxStatus" class="fontSizeXXXLarge fontWeightBold fontColorNormal gearboxStatus">D</div>
102 <div id="textIndicator" class="fontSizeSmall fontWeightBold fontColorNormal textIndicator">65 mph</div>
103 <div id="statusIndicator" class="fontSizeXSmall fontWeightBold fontColorDimmed statusIndicator">78.123 mi</div>
106 <div id="rightRearPressure" class="statusIndicatorClass rightRearPressure statusBox"></div>
107 <div id="rightRearLine" class="dashboardLineLong rightRearLine"></div>
108 <div id="leftPadlock" class="padlocInactive leftPadlock"></div>
109 <div id="rightPadlock" class="padlocInactive rightPadlock"></div>
110 <div id="randomizer" class="dashboardCircle randomizer" ></div>
112 <div id="childLock" class="childLock">
114 <div id="leftTopCorner" class="corner leftTopCorner"></div>
115 <div id="leftBottomCorner" class="corner leftBottomCorner"></div>
116 <div id="rightTopCorner" class="corner rightTopCorner"></div>
117 <div id="rightBottomCorner" class="corner rightBottomCorner"></div>
119 <div id="childLockText"
120 class="fontColorNormal fontSizeSmall fontWeightBold childLockText">CHILD
122 <div id="childLockLine" class="dashboardLineShort childLockLine"></div>
124 <div id="frontLightsButton" class="dashboardCircle frontLightsButton"></div>
125 <div id="rearLightsButton" class="dashboardCircle rearLightsButton"></div>
127 <div id="avgConsumptionElement" class = "avgConsumptionElement">
128 <div id="avgEConsumption" class = "avgEConsumption"></div>
129 <div class="batteryImage"></div>
130 <div id="avgConsumptionCaption"
131 class="fontColorNormal fontSizeSmall fontWeightBold avgConsumptionCaption">0.28
133 <div id="avgConsumptionStatus"
134 class="fontColorDimmed fontSizeXSmall fontWeightBold avgConsumptionStatus">~350 MI
137 <div id="rearLElement">
138 <div id="rearLDisplay" class = "rearLDisplay"></div>
139 <div id="rearLButton" class="dashboardButton rearLButton"
140 onClick="dashBoardIndicator.onRearLDisplayClick();">
143 class="bgColorThemeTransparent boxShadowInset dashboardButton dashboardButtonOpacity"></div>
145 <div id="rearLButtonText"
146 class="dashboardButtonText fontColorNormal fontSizeMedium fontWeightBold">OFF</div>
149 <div id="rearRElement">
150 <div id="rearRDisplay" class = "rearRDisplay"></div>
151 <div id="rearRButton" class="dashboardButton rearRButton"
152 onClick="dashBoardIndicator.onRearRDisplayClick();">
154 class="bgColorThemeTransparent boxShadowInset dashboardButton dashboardButtonOpacity"></div>
155 <div id="rearRButtonText"
156 class="dashboardButtonText fontColorNormal fontSizeMedium fontWeightBold">OFF</div>
159 <div id="exteriorBrightnessElement" class = "exteriorBrightnessElement">
160 <div id="exteriorBrightnessCaption" class="boxIconText exteriorBrightnessCaption"></div>
161 <div id="exteriorBrightnessProgressBar" class = "exteriorBrightnessProgressBar"></div>
163 <div id="topBarIcons"></div>
164 <div id="bottomPanel" class="bottomPanel bottomPanelImg"></div>