index.html

   1 <!DOCTYPE html>
   2 <html>
   3
   4 <head>
   5 <meta charset="utf-8" />
   6 <meta name="viewport" content="width=720, height=1280, user-scalable=no" />
   7 <meta name="description" content="Phone application" />
   8 <title>Phone application</title>
   9
  10 <!--  jquery and plugins  -->
  11 <script type="text/javascript" src="./css/car/components/jQuery/jquery-1.8.2.js"></script>
  12 <script type="text/javascript" src="./css/car/components/knockout/knockout.js"></script>
  13 <script type="text/javascript" src="./css/car/components/jsViews/jsrender.js"></script>
  14 <script type="text/javascript" src="./css/car/components/jsViews/template.js"></script>
  15 <script type="text/javascript" src="./css/car/components/carousel/jquery.carouFredSel-6.2.1-packed.js"></script>
  16 <script type="text/javascript" src="./css/car/components/carousel/jquery.touchSwipe.min.js"></script>
  17 <script type="text/javascript" src="./css/car/components/dateTime/moment.min.js"></script>
  18
  19 <!-- user and car theme, theme engine, ...  -->
  20 <link rel="stylesheet" href="./css/car/car.css" />
  21 <link rel="stylesheet" href="./css/car/components/incomingCall/incomingCall.css" />
  22
  23
  24 <link rel="stylesheet" href="./css/car/car.css" />
  25 <script type="text/javascript" src='./css/car/car.js'></script>
  26 <script type='text/javascript' src='./js/services/bootstrap.js'></script>
  27
  28 <script type='text/javascript' src='./css/car/components/dateTime/dateTime.js'></script>
  29 <link rel="stylesheet" href="./css/car/components/dateTime/dateTime.css" />
  30 <script type='text/javascript' src='./css/car/components/boxCaption/boxCaption.js'></script>
  31 <link rel="stylesheet" href="./css/car/components/boxCaption/boxCaption.css" />
  32 <script type="text/javascript" src='./css/car/components/alphabetBookmark/alphabetBookmark.js'></script>
  33 <link rel="stylesheet" href="./css/car/components/alphabetBookmark/alphabetBookmark.css" />
  34 <script type="text/javascript" src='./css/car/components/library/library.js'></script>
  35 <link rel="stylesheet" href="./css/car/components/library/library.css" />
  36 <script type='text/javascript' src='./css/car/components/topBarIcons/topBarIcons.js'></script>
  37 <link rel="stylesheet" href="./css/car/components/topBarIcons/topBarIcons.css" />
  38 <script type="text/javascript" src="./css/car/components/bottomPanel/bottomPanel.js"></script>
  39 <script type='text/javascript' src='./css/car/components/progressBar/progressBar.js'></script>
  40 <link rel="stylesheet" href="./css/car/components/progressBar/progressBar.css" />
  41 <link rel="stylesheet" href="./css/car/components/progressBar/volumeSlider.css" />
  42
  43 <script type="text/javascript" src="./js/main.js"></script>
  44 <script type="text/javascript" src="./js/callhistorycarousel.js"></script>
  45 <script type="text/javascript" src="./js/phone.js"></script>
  46 <script type="text/javascript" src="./js/contacts_library.js"></script>
  47 <script type="text/javascript" src="./css/car/components/jQuery/jquery.nouisliderix.js"></script>
  48
  49 <link rel="stylesheet" type="text/css" href="./css/phone_style.css" />
  50 <link rel="stylesheet" type="text/css" href="./css/contacts_library.css" />
  51
  52 </head>
  53
  54 <body class="phoneBody">
  55         <div id="contactsLibraryButton"
  56                 class="button libraryButton fontSizeSmaller fontWeightBold fontColorNormal">A-Z</div>
  57         <div id="clockElement"></div>
  58
  59         <div class="inputPhoneNumberBox">
  60                 <input id="inputPhoneNumber"
  61                         class="inputPhoneNumber fontSizeLarge fontSizeBold fontColorTheme boxShadow4 boxShadow4Active"
  62                         type="text" />
  63                 <div id="deleteButton" class="button deleteButton"></div>
  64         </div>
  65
  66         <div id="callButton"
  67                 class="button callButton callingFalse boxShadow4Active"></div>
  68
  69         <div class="numbersBox">
  70                 <div id="numberButton" data-id="1"
  71                         class="button numberButton fontSizeXLarge fontWeightBold fontColorNormal boxShadow4 boxShadow4Active">1</div>
  72                 <div id="numberButton" data-id="2"
  73                         class="button numberButton fontSizeXLarge fontWeightBold fontColorNormal boxShadow4 boxShadow4Active">
  74                         2
  75                         <div
  76                                 class="numberButtonLetters fontSizeSmall fontWeightBold fontColorTheme">ABC</div>
  77                 </div>
  78                 <div id="numberButton" data-id="3"
  79                         class="button numberButton fontSizeXLarge fontWeightBold fontColorNormal boxShadow4 boxShadow4Active">
  80                         3
  81                         <div
  82                                 class="numberButtonLetters fontSizeSmall fontWeightBold fontColorTheme">DEF</div>
  83                 </div>
  84                 <div id="numberButton" data-id="4"
  85                         class="button numberButton fontSizeXLarge fontWeightBold fontColorNormal boxShadow4 boxShadow4Active">
  86                         4
  87                         <div
  88                                 class="numberButtonLetters fontSizeSmall fontWeightBold fontColorTheme">GHI</div>
  89                 </div>
  90                 <div id="numberButton" data-id="5"
  91                         class="button numberButton fontSizeXLarge fontWeightBold fontColorNormal boxShadow4 boxShadow4Active">
  92                         5
  93                         <div
  94                                 class="numberButtonLetters fontSizeSmall fontWeightBold fontColorTheme">JKL</div>
  95                 </div>
  96                 <div id="numberButton" data-id="6"
  97                         class="button numberButton fontSizeXLarge fontWeightBold fontColorNormal boxShadow4 boxShadow4Active">
  98                         6
  99                         <div
 100                                 class="numberButtonLetters fontSizeSmall fontWeightBold fontColorTheme">MNO</div>
 101                 </div>
 102                 <div id="numberButton" data-id="7"
 103                         class="button numberButton fontSizeXLarge fontWeightBold fontColorNormal boxShadow4 boxShadow4Active">
 104                         7
 105                         <div
 106                                 class="numberButtonLetters fontSizeSmall fontWeightBold fontColorTheme">PQRS</div>
 107                 </div>
 108                 <div id="numberButton" data-id="8"
 109                         class="button numberButton fontSizeXLarge fontWeightBold fontColorNormal boxShadow4 boxShadow4Active">
 110                         8
 111                         <div
 112                                 class="numberButtonLetters fontSizeSmall fontWeightBold fontColorTheme">TUV</div>
 113                 </div>
 114                 <div id="numberButton" data-id="9"
 115                         class="button numberButton fontSizeXLarge fontWeightBold fontColorNormal boxShadow4 boxShadow4Active">
 116                         9
 117                         <div
 118                                 class="numberButtonLetters fontSizeSmall fontWeightBold fontColorTheme">WXYZ</div>
 119                 </div>
 120                 <div id="numberButton" data-id="*"
 121                         class="button numberButton fontSizeXLarge fontWeightBold fontColorTheme boxShadow4 boxShadow4Active specialChar">*</div>
 122                 <div id="numberButton" data-id="0"
 123                         class="button numberButton fontSizeXLarge fontWeightBold fontColorNormal boxShadow4 boxShadow4Active">
 124                         0
 125                         <div
 126                                 class="numberButtonLetters fontSizeSmall fontWeightBold fontColorTheme">+</div>
 127                 </div>
 128                 <div id="numberButton" data-id="#"
 129                         class="button numberButton fontSizeXLarge fontWeightBold fontColorTheme boxShadow4 boxShadow4Active specialChar">#</div>
 130         </div>
 131
 132         <div id="contactsCarouselBox" class= "contactsCarouselBox">
 133                 <div id="loadingHistorySpinnerWrapper" class="loadingSpinnerHistory" style="display: none; ">
 134                         <div id="loadingSpinner" class="loadingSpinner ">
 135                         <div id="loadingSpinnerContent" class="loading-container">
 136                                 <div id="loadingSpinnerImg" class="loading"></div>
 137                                 <div id="loadingHistorySpinnerText" class="loading-text fontSizeXXSmall fontWeightBold fontColorNormal">DOWNLOADING HISTORY</div>
 138                         </div>
 139                 </div>
 140                 </div>
 141                 <div id = "noPairedDevice" class = "noPairedDevice fontSizeXLarge fontWeightBold fontColorNormal" style="display: none; ">NO BT DEVICE SELECTED</div>
 142                 <ul id="contactsCarousel" class="contactsCarousel"></ul>
 143         </div>
 144
 145         <div id="callBox" class="callBox callBoxHidden">
 146                 <div class="callInfoBox">
 147                         <div class="callPhotoBox noContactPhoto">
 148                                 <img id="callPhoto" class="callPhoto" />
 149                         </div>
 150                         <div id="callDuration"
 151                                 class="callDuration fontSizeLarge fontWeightBold fontColorNormal">00:00</div>
 152                         <div id="inCallWith" class="inCallWith"></div>
 153                         <div id="callName"
 154                                 class="callName fontSizeXLarge fontWeightBold fontColorNormal"></div>
 155                         <div id="callNumber"
 156                                 class="callNumber fontSizeSmall fontWeightBold fontColorTheme"></div>
 157                 </div>
 158                 <div class="callControlsBox">
 159                         <div
 160                                 class="button controlButton fontSizeSmaller fontColorNormal fontWeightBold bgColorDark boxShadow4Active speakerButton">SPEAKER</div>
 161                         <div
 162                                 class="button controlButton fontSizeSmaller fontColorNormal fontWeightBold bgColorDark boxShadow4Active muteButton">MUTE</div>
 163                         <div
 164                                 class="button controlButton fontSizeSmaller fontColorNormal fontWeightBold bgColorDark boxShadow4Active holdButton">HOLD</div>
 165                         <div
 166                                 class="button controlButton fontSizeSmaller fontColorNormal fontWeightBold bgColorDark boxShadow4Active addCallButton">ADD
 167                                 CALL</div>
 168                 </div>
 169                 <div id="callVolumeControl">
 170                         <div id = "VCicon"></div>
 171                         <div class = "sliderStart"></div>
 172                         <div id = "VCline" class =  "bgColorTheme"></div>
 173                         <div id = "VCinner" class =  "bgColorTheme boxShadow3"></div>
 174                         <div class="noVolumeSlider"></div>
 175                 </div>
 176         </div>
 177
 178         <div id="topBarIcons"></div>
 179         <div id="bottomPanel" class="bottomPanel bottomPanelImg"></div>
 180         <div id="library" class="library pageBgColorNormalTransparent"></div>
 181 </body>
 182 </html>