index.html

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