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 <!-- <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" />
  11
  12
  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" />
  16
  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>
  22
  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>
  26
  27 <!-- Components -->
  28 <script type='text/javascript' src='./css/car/components/dateTime/dateTime.js'></script>
  29
  30 <link rel="stylesheet" href="./css/car/components/dateTime/dateTime.css" />
  31
  32 <script type='text/javascript' src='./css/car/components/boxCaption/boxCaption.js'></script>
  33 <link rel="stylesheet" href="./css/car/components/boxCaption/boxCaption.css" />
  34
  35 <script type='text/javascript' src='./css/car/components/topBarIcons/topBarIcons.js'></script>
  36 <link rel="stylesheet" href="./css/car/components/topBarIcons/topBarIcons.css" />
  37
  38 <script type='text/javascript' src='./css/car/components/progressBar/progressBar.js'></script>
  39 <link rel="stylesheet" href="./css/car/components/progressBar/progressBar.css" />
  40
  41 <script type="text/javascript" src="./css/car/components/bottomPanel/bottomPanel.js"></script>
  42
  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>
  48
  49 </head>
  50
  51 <body >
  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>
  64                 </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>
  73                 </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
  80                                 FRANCISCO</div>
  81                 </div>
  82
  83                 <div id="leftFrontPressure" class="statusIndicatorClass leftFrontPressure statusBox"></div>
  84                 <div id="leftFrontLine" class="dashboardLineLong leftFrontLine"></div>
  85
  86                 <div id="rightFrontPressure" class="statusIndicatorClass rightFrontPressure statusBox"></div>
  87                 <div id="rightFrontLine" class="dashboardLineLong rightFrontLine"></div>
  88
  89                 <div id="leftRearPressure" class="statusIndicatorClass leftRearPressure statusBox"></div>
  90                 <div id="leftRearLine" class="dashboardLineLong leftRearLine"></div>
  91
  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>
 100                         </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>
 104                 </div>
 105
 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>
 111
 112                 <div id="childLock" class="childLock">
 113
 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>
 118
 119                         <div id="childLockText"
 120                                 class="fontColorNormal fontSizeSmall  fontWeightBold childLockText">CHILD
 121                                 LOCK ACTIVATED</div>
 122                         <div id="childLockLine" class="dashboardLineShort childLockLine"></div>
 123                 </div>
 124                 <div id="frontLightsButton" class="dashboardCircle frontLightsButton"></div>
 125                 <div id="rearLightsButton" class="dashboardCircle rearLightsButton"></div>
 126
 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
 132                                 KW-H / MI</div>
 133                         <div id="avgConsumptionStatus"
 134                                 class="fontColorDimmed  fontSizeXSmall fontWeightBold avgConsumptionStatus">~350 MI
 135                                 / FULL CHARGE</div>
 136                 </div>
 137                 <div id="rearLElement">
 138                         <div id="rearLDisplay" class = "rearLDisplay"></div>
 139                         <div id="rearLButton" class="dashboardButton rearLButton"
 140                                 onClick="dashBoardIndicator.onRearLDisplayClick();">
 141
 142                                 <div
 143                                         class="bgColorThemeTransparent boxShadowInset dashboardButton dashboardButtonOpacity"></div>
 144
 145                                 <div id="rearLButtonText"
 146                                         class="dashboardButtonText fontColorNormal fontSizeMedium fontWeightBold">OFF</div>
 147                         </div>
 148                 </div>
 149                 <div id="rearRElement">
 150                         <div id="rearRDisplay" class = "rearRDisplay"></div>
 151                         <div id="rearRButton" class="dashboardButton rearRButton"
 152                                 onClick="dashBoardIndicator.onRearRDisplayClick();">
 153                                 <div
 154                                         class="bgColorThemeTransparent boxShadowInset dashboardButton dashboardButtonOpacity"></div>
 155                                 <div id="rearRButtonText"
 156                                         class="dashboardButtonText fontColorNormal fontSizeMedium fontWeightBold">OFF</div>
 157                         </div>
 158                 </div>
 159                 <div id="exteriorBrightnessElement" class = "exteriorBrightnessElement">
 160                         <div id="exteriorBrightnessCaption" class="boxIconText exteriorBrightnessCaption"></div>
 161                         <div id="exteriorBrightnessProgressBar" class = "exteriorBrightnessProgressBar"></div>
 162                 </div>
 163                 <div id="topBarIcons"></div>
 164                 <div id="bottomPanel" class="bottomPanel bottomPanelImg"></div>
 165         </div>
 166 </body>
 167 </html>