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="" />
10 <link rel="stylesheet" href="./css/car/car.css" />
11 <link rel="stylesheet" href="./css/style.css" />
12 <link rel="stylesheet" href="./css/car/components/incomingCall/incomingCall.css" />
14 <script type="text/javascript" src="./css/car/components/jQuery/jquery-1.8.2.js"></script>
15 <script type="text/javascript" src="./css/car/components/knockout/knockout.js"></script>
16 <script type='text/javascript' src='./css/car/car.js'></script>
17 <!-- <script type='text/javascript' src='./css/user/blue/user.js'></script> -->
18 <script type='text/javascript' src='./js/services/bootstrap.js'></script>
20 <!-- jsRender Library Import -->
21 <script type="text/javascript" src="./css/car/components/jsViews/jsrender.js"></script>
22 <script type="text/javascript" src="./css/car/components/jsViews/template.js"></script>
25 <script type='text/javascript' src='./css/car/components/dateTime/dateTime.js'></script>
27 <link rel="stylesheet" href="./css/car/components/dateTime/dateTime.css" />
29 <script type='text/javascript' src='./css/car/components/boxCaption/boxCaption.js'></script>
30 <link rel="stylesheet" href="./css/car/components/boxCaption/boxCaption.css" />
32 <script type='text/javascript' src='./css/car/components/topBarIcons/topBarIcons.js'></script>
33 <link rel="stylesheet" href="./css/car/components/topBarIcons/topBarIcons.css" />
35 <script type='text/javascript' src='./css/car/components/progressBar/progressBar.js'></script>
36 <link rel="stylesheet" href="./css/car/components/progressBar/progressBar.css" />
38 <script type="text/javascript" src="./css/car/components/bottomPanel/bottomPanel.js"></script>
40 <script type='text/javascript' src='./components/statusBox/statusBox.js'></script>
41 <link rel="stylesheet" href="./components/statusBox/statusBox.css" />
42 <!-- end Components -->
43 <script type='text/javascript' src='./js/dashboardControler.js'></script>
44 <script type='text/javascript' src='./js/main.js'></script>
49 <div class="dashboardBackGround">
50 <div id="error" class="fontColorNormal fontSizeMedium" style="z-index: 100;"></div>
51 <div class="carImage"></div>
52 <!-- <div class="dashboardCircleAll"></div> -->
53 <div id="frontLightsImage" class="dashboardFrontLightsActive frontLightsImage"></div>
54 <div id="rearLightsImage" class="dashboardRearLightsActive rearLightsImage"></div>
55 <div id="breakLightsImage" class="dashboardBreakLightsActive rearLightsImage"></div>
56 <div id="clockElement"></div>
57 <div id="leftWhell" class="whelImage leftWhell"></div>
58 <div id="rightWhell" class="whelImage rightWhell"></div>
59 <div id="dayNightElement" class="dayNightElement">
60 <div id="dayNight" class="dashboardSunElement dayNight"></div>
62 <div id="batteryElement" class = "batteryElement">
63 <div id="batteryLevelCaption" class="boxIconText batteryLevelCaption"></div>
64 <div id="batteryProgressBar" class = "batteryProgressBar"></div>
65 <div class="batteryImage"></div>
66 <div id="batteryStatus"
67 class="fontSizeLarger fontWeightBold fontColorNormal batteryStatus">82%</div>
68 <div id="batteryRange"
69 class="fontSizeLarger fontWeightBold fontColorTheme batteryRange">~215MI</div>
71 <div id="weatherElement" class = "weatherElement">
72 <div id="dashBoardWeatherIcon" class="dashBoardWeatherThunder dashBoardWeatherIcon"></div>
73 <div id="weatherCaption" class="boxIconText weatherCaption"></div>
74 <div id="weatherStatus"
75 class="fontSizeXXLarge fontWeightBold fontColorNormal weatherStatus">15.20°C</div>
76 <div id="weatherCity" class="fontSizeLarge fontColorDimmed weatherCity">SAN
80 <div id="leftFrontPressure" class="statusIndicatorClass leftFrontPressure statusBox"></div>
81 <div id="leftFrontLine" class="dashboardLineLong leftFrontLine"></div>
83 <div id="rightFrontPressure" class="statusIndicatorClass rightFrontPressure statusBox"></div>
84 <div id="rightFrontLine" class="dashboardLineLong rightFrontLine"></div>
86 <div id="leftRearPressure" class="statusIndicatorClass leftRearPressure statusBox"></div>
87 <div id="leftRearLine" class="dashboardLineLong leftRearLine"></div>
89 <div id="engineStatus" class="statusIndicatorClass engineStatus">
90 <div id="leftTopCorner" class="corner leftTopCorner"></div>
91 <div id="leftBottomCorner" class="corner leftBottomCorner"></div>
92 <div id="rightTopCorner" class="corner rightTopCorner"></div>
93 <div id="rightBottomCorner" class="corner rightBottomCorner"></div>
94 <div class="boxIconText">
95 <div class="boxIconRectangleSmall bgColorTheme"></div>
96 <div class="boxIconCaptionSmall fontSizeXXSmall fontWeightBold fontColorLight">ENGINE STATUS</div>
98 <div id="gearboxStatus" class="fontSizeXXXLarge fontWeightBold fontColorNormal gearboxStatus">D</div>
99 <div id="textIndicator" class="fontSizeSmall fontWeightBold fontColorNormal textIndicator">65 mph</div>
100 <div id="statusIndicator" class="fontSizeXSmall fontWeightBold fontColorDimmed statusIndicator">78.123 mi</div>
103 <div id="rightRearPressure" class="statusIndicatorClass rightRearPressure statusBox"></div>
104 <div id="rightRearLine" class="dashboardLineLong rightRearLine"></div>
105 <div id="leftPadlock" class="padlocInactive leftPadlock"></div>
106 <div id="rightPadlock" class="padlocInactive rightPadlock"></div>
107 <div id="randomizer" class="dashboardCircle randomizer" ></div>
109 <div id="childLock" class="childLock">
111 <div id="leftTopCorner" class="corner leftTopCorner"></div>
112 <div id="leftBottomCorner" class="corner leftBottomCorner"></div>
113 <div id="rightTopCorner" class="corner rightTopCorner"></div>
114 <div id="rightBottomCorner" class="corner rightBottomCorner"></div>
116 <div id="childLockText"
117 class="fontColorNormal fontSizeSmall fontWeightBold childLockText">CHILD
119 <div id="childLockLine" class="dashboardLineShort childLockLine"></div>
121 <div id="frontLightsButton" class="dashboardCircle frontLightsButton"></div>
122 <div id="rearLightsButton" class="dashboardCircle rearLightsButton"></div>
124 <div id="avgConsumptionElement" class = "avgConsumptionElement">
125 <div id="avgEConsumption" class = "avgEConsumption"></div>
126 <div class="batteryImage"></div>
127 <div id="avgConsumptionCaption"
128 class="fontColorNormal fontSizeSmall fontWeightBold avgConsumptionCaption">0.28
130 <div id="avgConsumptionStatus"
131 class="fontColorDimmed fontSizeXSmall fontWeightBold avgConsumptionStatus">~350 MI
134 <div id="rearLElement">
135 <div id="rearLDisplay" class = "rearLDisplay"></div>
136 <div id="rearLButton" class="dashboardButton rearLButton"
137 onClick="dashBoardIndicator.onRearLDisplayClick();">
140 class="bgColorThemeTransparent boxShadowInset dashboardButton dashboardButtonOpacity"></div>
142 <div id="rearLButtonText"
143 class="dashboardButtonText fontColorNormal fontSizeMedium fontWeightBold">OFF</div>
146 <div id="rearRElement">
147 <div id="rearRDisplay" class = "rearRDisplay"></div>
148 <div id="rearRButton" class="dashboardButton rearRButton"
149 onClick="dashBoardIndicator.onRearRDisplayClick();">
151 class="bgColorThemeTransparent boxShadowInset dashboardButton dashboardButtonOpacity"></div>
152 <div id="rearRButtonText"
153 class="dashboardButtonText fontColorNormal fontSizeMedium fontWeightBold">OFF</div>
156 <div id="exteriorBrightnessElement" class = "exteriorBrightnessElement">
157 <div id="exteriorBrightnessCaption" class="boxIconText exteriorBrightnessCaption"></div>
158 <div id="exteriorBrightnessProgressBar" class = "exteriorBrightnessProgressBar"></div>
160 <div id="topBarIcons"></div>
161 <div id="bottomPanel" class="bottomPanel bottomPanelImg"></div>