index.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   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
  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" />
  13
  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>
  19
  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>
  23
  24 <!-- Components -->
  25 <script type='text/javascript' src='./css/car/components/dateTime/dateTime.js'></script>
  26
  27 <link rel="stylesheet" href="./css/car/components/dateTime/dateTime.css" />
  28
  29 <script type='text/javascript' src='./css/car/components/boxCaption/boxCaption.js'></script>
  30 <link rel="stylesheet" href="./css/car/components/boxCaption/boxCaption.css" />
  31
  32 <script type='text/javascript' src='./css/car/components/topBarIcons/topBarIcons.js'></script>
  33 <link rel="stylesheet" href="./css/car/components/topBarIcons/topBarIcons.css" />
  34
  35 <script type='text/javascript' src='./css/car/components/progressBar/progressBar.js'></script>
  36 <link rel="stylesheet" href="./css/car/components/progressBar/progressBar.css" />
  37
  38 <script type="text/javascript" src="./css/car/components/bottomPanel/bottomPanel.js"></script>
  39
  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>
  45
  46 </head>
  47
  48 <body >
  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>
  61                 </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>
  70                 </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
  77                                 FRANCISCO</div>
  78                 </div>
  79
  80                 <div id="leftFrontPressure" class="statusIndicatorClass leftFrontPressure statusBox"></div>
  81                 <div id="leftFrontLine" class="dashboardLineLong leftFrontLine"></div>
  82
  83                 <div id="rightFrontPressure" class="statusIndicatorClass rightFrontPressure statusBox"></div>
  84                 <div id="rightFrontLine" class="dashboardLineLong rightFrontLine"></div>
  85
  86                 <div id="leftRearPressure" class="statusIndicatorClass leftRearPressure statusBox"></div>
  87                 <div id="leftRearLine" class="dashboardLineLong leftRearLine"></div>
  88
  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>
  97                         </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>
 101                 </div>
 102
 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>
 108
 109                 <div id="childLock" class="childLock">
 110
 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>
 115
 116                         <div id="childLockText"
 117                                 class="fontColorNormal fontSizeSmall  fontWeightBold childLockText">CHILD
 118                                 LOCK ACTIVATED</div>
 119                         <div id="childLockLine" class="dashboardLineShort childLockLine"></div>
 120                 </div>
 121                 <div id="frontLightsButton" class="dashboardCircle frontLightsButton"></div>
 122                 <div id="rearLightsButton" class="dashboardCircle rearLightsButton"></div>
 123
 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
 129                                 KW-H / MI</div>
 130                         <div id="avgConsumptionStatus"
 131                                 class="fontColorDimmed  fontSizeXSmall fontWeightBold avgConsumptionStatus">~350 MI
 132                                 / FULL CHARGE</div>
 133                 </div>
 134                 <div id="rearLElement">
 135                         <div id="rearLDisplay" class = "rearLDisplay"></div>
 136                         <div id="rearLButton" class="dashboardButton rearLButton"
 137                                 onClick="dashBoardIndicator.onRearLDisplayClick();">
 138
 139                                 <div
 140                                         class="bgColorThemeTransparent boxShadowInset dashboardButton dashboardButtonOpacity"></div>
 141
 142                                 <div id="rearLButtonText"
 143                                         class="dashboardButtonText fontColorNormal fontSizeMedium fontWeightBold">OFF</div>
 144                         </div>
 145                 </div>
 146                 <div id="rearRElement">
 147                         <div id="rearRDisplay" class = "rearRDisplay"></div>
 148                         <div id="rearRButton" class="dashboardButton rearRButton"
 149                                 onClick="dashBoardIndicator.onRearRDisplayClick();">
 150                                 <div
 151                                         class="bgColorThemeTransparent boxShadowInset dashboardButton dashboardButtonOpacity"></div>
 152                                 <div id="rearRButtonText"
 153                                         class="dashboardButtonText fontColorNormal fontSizeMedium fontWeightBold">OFF</div>
 154                         </div>
 155                 </div>
 156                 <div id="exteriorBrightnessElement" class = "exteriorBrightnessElement">
 157                         <div id="exteriorBrightnessCaption" class="boxIconText exteriorBrightnessCaption"></div>
 158                         <div id="exteriorBrightnessProgressBar" class = "exteriorBrightnessProgressBar"></div>
 159                 </div>
 160                 <div id="topBarIcons"></div>
 161                 <div id="bottomPanel" class="bottomPanel bottomPanelImg"></div>
 162         </div>
 163 </body>
 164 </html>