blob: ae7f5c5c98174e5694ab954d8d6449abccd0de1c (
plain)
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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
|
<!DOCTYPE html>
<html>
<head>
<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>DASHBOARD</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<!-- <meta name = "viewport" content = "width = device-width,height = device-height, user-scalable = no"> -->
<meta name="viewport" content="width=720, height=1280, user-scalable=no" />
<link rel="stylesheet" href="./css/car/car.css" />
<link rel="stylesheet" href="./css/style.css" />
<link rel="stylesheet" href="./css/car/components/incomingCall/incomingCall.css" />
<script type="text/javascript" src="./css/car/components/jQuery/jquery-1.8.2.js"></script>
<script type="text/javascript" src="./css/car/components/knockout/knockout.js"></script>
<script type='text/javascript' src='./css/car/car.js'></script>
<!-- <script type='text/javascript' src='./css/user/blue/user.js'></script> -->
<script type='text/javascript' src='./js/services/bootstrap.js'></script>
<!-- jsRender Library Import -->
<script type="text/javascript" src="./css/car/components/jsViews/jsrender.js"></script>
<script type="text/javascript" src="./css/car/components/jsViews/template.js"></script>
<!-- Components -->
<script type='text/javascript' src='./css/car/components/dateTime/dateTime.js'></script>
<link rel="stylesheet" href="./css/car/components/dateTime/dateTime.css" />
<script type='text/javascript' src='./css/car/components/boxCaption/boxCaption.js'></script>
<link rel="stylesheet" href="./css/car/components/boxCaption/boxCaption.css" />
<script type='text/javascript' src='./css/car/components/topBarIcons/topBarIcons.js'></script>
<link rel="stylesheet" href="./css/car/components/topBarIcons/topBarIcons.css" />
<script type='text/javascript' src='./css/car/components/progressBar/progressBar.js'></script>
<link rel="stylesheet" href="./css/car/components/progressBar/progressBar.css" />
<script type="text/javascript" src="./css/car/components/bottomPanel/bottomPanel.js"></script>
<script type='text/javascript' src='./components/statusBox/statusBox.js'></script>
<link rel="stylesheet" href="./components/statusBox/statusBox.css" />
<!-- end Components -->
<script type='text/javascript' src='./js/dashboardControler.js'></script>
<script type='text/javascript' src='./js/main.js'></script>
</head>
<body >
<div class="dashboardBackGround">
<div id="error" class="fontColorNormal fontSizeMedium" style="z-index: 100;"></div>
<div class="carImage"></div>
<!-- <div class="dashboardCircleAll"></div> -->
<div id="frontLightsImage" class="dashboardFrontLightsActive frontLightsImage"></div>
<div id="rearLightsImage" class="dashboardRearLightsActive rearLightsImage"></div>
<div id="breakLightsImage" class="dashboardBreakLightsActive rearLightsImage"></div>
<div id="clockElement"></div>
<div id="leftWhell" class="whelImage leftWhell"></div>
<div id="rightWhell" class="whelImage rightWhell"></div>
<div id="dayNightElement" class="dayNightElement">
<div id="dayNight" class="dashboardSunElement dayNight"></div>
</div>
<div id="batteryElement" class = "batteryElement">
<div id="batteryLevelCaption" class="boxIconText batteryLevelCaption"></div>
<div id="batteryProgressBar" class = "batteryProgressBar"></div>
<div class="batteryImage"></div>
<div id="batteryStatus"
class="fontSizeLarger fontWeightBold fontColorNormal batteryStatus">82%</div>
<div id="batteryRange"
class="fontSizeLarger fontWeightBold fontColorTheme batteryRange">~215MI</div>
</div>
<div id="weatherElement" class = "weatherElement">
<div id="dashBoardWeatherIcon" class="dashBoardWeatherThunder dashBoardWeatherIcon"></div>
<div id="weatherCaption" class="boxIconText weatherCaption"></div>
<div id="weatherStatus"
class="fontSizeXXLarge fontWeightBold fontColorNormal weatherStatus">15.20°C</div>
<div id="weatherCity" class="fontSizeLarge fontColorDimmed weatherCity">SAN
FRANCISCO</div>
</div>
<div id="leftFrontPressure" class="statusIndicatorClass leftFrontPressure statusBox"></div>
<div id="leftFrontLine" class="dashboardLineLong leftFrontLine"></div>
<div id="rightFrontPressure" class="statusIndicatorClass rightFrontPressure statusBox"></div>
<div id="rightFrontLine" class="dashboardLineLong rightFrontLine"></div>
<div id="leftRearPressure" class="statusIndicatorClass leftRearPressure statusBox"></div>
<div id="leftRearLine" class="dashboardLineLong leftRearLine"></div>
<div id="engineStatus" class="statusIndicatorClass engineStatus">
<div id="leftTopCorner" class="corner leftTopCorner"></div>
<div id="leftBottomCorner" class="corner leftBottomCorner"></div>
<div id="rightTopCorner" class="corner rightTopCorner"></div>
<div id="rightBottomCorner" class="corner rightBottomCorner"></div>
<div class="boxIconText">
<div class="boxIconRectangleSmall bgColorTheme"></div>
<div class="boxIconCaptionSmall fontSizeXXSmall fontWeightBold fontColorLight">ENGINE STATUS</div>
</div>
<div id="gearboxStatus" class="fontSizeXXXLarge fontWeightBold fontColorNormal gearboxStatus">D</div>
<div id="textIndicator" class="fontSizeSmall fontWeightBold fontColorNormal textIndicator">65 mph</div>
<div id="statusIndicator" class="fontSizeXSmall fontWeightBold fontColorDimmed statusIndicator">78.123 mi</div>
</div>
<div id="rightRearPressure" class="statusIndicatorClass rightRearPressure statusBox"></div>
<div id="rightRearLine" class="dashboardLineLong rightRearLine"></div>
<div id="leftPadlock" class="padlocInactive leftPadlock"></div>
<div id="rightPadlock" class="padlocInactive rightPadlock"></div>
<div id="randomizer" class="dashboardCircle randomizer" ></div>
<div id="childLock" class="childLock">
<div id="leftTopCorner" class="corner leftTopCorner"></div>
<div id="leftBottomCorner" class="corner leftBottomCorner"></div>
<div id="rightTopCorner" class="corner rightTopCorner"></div>
<div id="rightBottomCorner" class="corner rightBottomCorner"></div>
<div id="childLockText"
class="fontColorNormal fontSizeSmall fontWeightBold childLockText">CHILD
LOCK ACTIVATED</div>
<div id="childLockLine" class="dashboardLineShort childLockLine"></div>
</div>
<div id="frontLightsButton" class="dashboardCircle frontLightsButton"></div>
<div id="rearLightsButton" class="dashboardCircle rearLightsButton"></div>
<div id="avgConsumptionElement" class = "avgConsumptionElement">
<div id="avgEConsumption" class = "avgEConsumption"></div>
<div class="batteryImage"></div>
<div id="avgConsumptionCaption"
class="fontColorNormal fontSizeSmall fontWeightBold avgConsumptionCaption">0.28
KW-H / MI</div>
<div id="avgConsumptionStatus"
class="fontColorDimmed fontSizeXSmall fontWeightBold avgConsumptionStatus">~350 MI
/ FULL CHARGE</div>
</div>
<div id="rearLElement">
<div id="rearLDisplay" class = "rearLDisplay"></div>
<div id="rearLButton" class="dashboardButton rearLButton"
onClick="dashBoardIndicator.onRearLDisplayClick();">
<div
class="bgColorThemeTransparent boxShadowInset dashboardButton dashboardButtonOpacity"></div>
<div id="rearLButtonText"
class="dashboardButtonText fontColorNormal fontSizeMedium fontWeightBold">OFF</div>
</div>
</div>
<div id="rearRElement">
<div id="rearRDisplay" class = "rearRDisplay"></div>
<div id="rearRButton" class="dashboardButton rearRButton"
onClick="dashBoardIndicator.onRearRDisplayClick();">
<div
class="bgColorThemeTransparent boxShadowInset dashboardButton dashboardButtonOpacity"></div>
<div id="rearRButtonText"
class="dashboardButtonText fontColorNormal fontSizeMedium fontWeightBold">OFF</div>
</div>
</div>
<div id="exteriorBrightnessElement" class = "exteriorBrightnessElement">
<div id="exteriorBrightnessCaption" class="boxIconText exteriorBrightnessCaption"></div>
<div id="exteriorBrightnessProgressBar" class = "exteriorBrightnessProgressBar"></div>
</div>
<div id="topBarIcons"></div>
<div id="bottomPanel" class="bottomPanel bottomPanelImg"></div>
</div>
</body>
</html>
|
