5 <meta charset="utf-8" />
6 <meta name="description" content="Phone application" />
7 <title>Phone application</title>
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>
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" />
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>
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" />
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>
48 <link rel="stylesheet" type="text/css" href="./css/phone_style.css" />
49 <link rel="stylesheet" type="text/css" href="./css/contacts_library.css" />
53 <body class="phoneBody">
54 <div id="contactsLibraryButton"
55 class="button libraryButton fontSizeSmaller fontWeightBold fontColorNormal">A-Z</div>
56 <div id="clockElement"></div>
58 <div class="inputPhoneNumberBox">
59 <input id="inputPhoneNumber"
60 class="inputPhoneNumber fontSizeLarge fontSizeBold fontColorTheme boxShadow4 boxShadow4Active"
62 <div id="deleteButton" class="button deleteButton"></div>
66 class="button callButton callingFalse boxShadow4Active"></div>
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">
75 class="numberButtonLetters fontSizeSmall fontWeightBold fontColorTheme">ABC</div>
77 <div id="numberButton" data-id="3"
78 class="button numberButton fontSizeXLarge fontWeightBold fontColorNormal boxShadow4 boxShadow4Active">
81 class="numberButtonLetters fontSizeSmall fontWeightBold fontColorTheme">DEF</div>
83 <div id="numberButton" data-id="4"
84 class="button numberButton fontSizeXLarge fontWeightBold fontColorNormal boxShadow4 boxShadow4Active">
87 class="numberButtonLetters fontSizeSmall fontWeightBold fontColorTheme">GHI</div>
89 <div id="numberButton" data-id="5"
90 class="button numberButton fontSizeXLarge fontWeightBold fontColorNormal boxShadow4 boxShadow4Active">
93 class="numberButtonLetters fontSizeSmall fontWeightBold fontColorTheme">JKL</div>
95 <div id="numberButton" data-id="6"
96 class="button numberButton fontSizeXLarge fontWeightBold fontColorNormal boxShadow4 boxShadow4Active">
99 class="numberButtonLetters fontSizeSmall fontWeightBold fontColorTheme">MNO</div>
101 <div id="numberButton" data-id="7"
102 class="button numberButton fontSizeXLarge fontWeightBold fontColorNormal boxShadow4 boxShadow4Active">
105 class="numberButtonLetters fontSizeSmall fontWeightBold fontColorTheme">PQRS</div>
107 <div id="numberButton" data-id="8"
108 class="button numberButton fontSizeXLarge fontWeightBold fontColorNormal boxShadow4 boxShadow4Active">
111 class="numberButtonLetters fontSizeSmall fontWeightBold fontColorTheme">TUV</div>
113 <div id="numberButton" data-id="9"
114 class="button numberButton fontSizeXLarge fontWeightBold fontColorNormal boxShadow4 boxShadow4Active">
117 class="numberButtonLetters fontSizeSmall fontWeightBold fontColorTheme">WXYZ</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">
125 class="numberButtonLetters fontSizeSmall fontWeightBold fontColorTheme">+</div>
127 <div id="numberButton" data-id="#"
128 class="button numberButton fontSizeXLarge fontWeightBold fontColorTheme boxShadow4 boxShadow4Active specialChar">#</div>
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>
140 <div id = "noPairedDevice" class = "noPairedDevice fontSizeXLarge fontWeightBold fontColorNormal" style="display: none; ">NO BT DEVICE SELECTED</div>
141 <ul id="contactsCarousel" class="contactsCarousel"></ul>
144 <div id="callBox" class="callBox callBoxHidden">
145 <div class="callInfoBox">
146 <div class="callPhotoBox noContactPhoto">
147 <img id="callPhoto" class="callPhoto" />
149 <div id="callDuration"
150 class="callDuration fontSizeLarge fontWeightBold fontColorNormal">00:00</div>
151 <div id="inCallWith" class="inCallWith"></div>
153 class="callName fontSizeXLarge fontWeightBold fontColorNormal"></div>
155 class="callNumber fontSizeSmall fontWeightBold fontColorTheme"></div>
157 <div class="callControlsBox">
159 class="button controlButton fontSizeSmaller fontColorNormal fontWeightBold bgColorDark boxShadow4Active speakerButton">SPEAKER</div>
161 class="button controlButton fontSizeSmaller fontColorNormal fontWeightBold bgColorDark boxShadow4Active muteButton">MUTE</div>
163 class="button controlButton fontSizeSmaller fontColorNormal fontWeightBold bgColorDark boxShadow4Active holdButton">HOLD</div>
165 class="button controlButton fontSizeSmaller fontColorNormal fontWeightBold bgColorDark boxShadow4Active addCallButton">ADD
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>
177 <div id="topBarIcons"></div>
178 <div id="bottomPanel" class="bottomPanel bottomPanelImg"></div>
179 <div id="library" class="library pageBgColorNormalTransparent"></div>