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>
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>
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" />
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>
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" />
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>
49 <link rel="stylesheet" type="text/css" href="./css/phone_style.css" />
50 <link rel="stylesheet" type="text/css" href="./css/contacts_library.css" />
54 <body class="phoneBody">
55 <div id="contactsLibraryButton"
56 class="button libraryButton fontSizeSmaller fontWeightBold fontColorNormal">A-Z</div>
57 <div id="clockElement"></div>
59 <div class="inputPhoneNumberBox">
60 <input id="inputPhoneNumber"
61 class="inputPhoneNumber fontSizeLarge fontSizeBold fontColorTheme boxShadow4 boxShadow4Active"
63 <div id="deleteButton" class="button deleteButton"></div>
67 class="button callButton callingFalse boxShadow4Active"></div>
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">
76 class="numberButtonLetters fontSizeSmall fontWeightBold fontColorTheme">ABC</div>
78 <div id="numberButton" data-id="3"
79 class="button numberButton fontSizeXLarge fontWeightBold fontColorNormal boxShadow4 boxShadow4Active">
82 class="numberButtonLetters fontSizeSmall fontWeightBold fontColorTheme">DEF</div>
84 <div id="numberButton" data-id="4"
85 class="button numberButton fontSizeXLarge fontWeightBold fontColorNormal boxShadow4 boxShadow4Active">
88 class="numberButtonLetters fontSizeSmall fontWeightBold fontColorTheme">GHI</div>
90 <div id="numberButton" data-id="5"
91 class="button numberButton fontSizeXLarge fontWeightBold fontColorNormal boxShadow4 boxShadow4Active">
94 class="numberButtonLetters fontSizeSmall fontWeightBold fontColorTheme">JKL</div>
96 <div id="numberButton" data-id="6"
97 class="button numberButton fontSizeXLarge fontWeightBold fontColorNormal boxShadow4 boxShadow4Active">
100 class="numberButtonLetters fontSizeSmall fontWeightBold fontColorTheme">MNO</div>
102 <div id="numberButton" data-id="7"
103 class="button numberButton fontSizeXLarge fontWeightBold fontColorNormal boxShadow4 boxShadow4Active">
106 class="numberButtonLetters fontSizeSmall fontWeightBold fontColorTheme">PQRS</div>
108 <div id="numberButton" data-id="8"
109 class="button numberButton fontSizeXLarge fontWeightBold fontColorNormal boxShadow4 boxShadow4Active">
112 class="numberButtonLetters fontSizeSmall fontWeightBold fontColorTheme">TUV</div>
114 <div id="numberButton" data-id="9"
115 class="button numberButton fontSizeXLarge fontWeightBold fontColorNormal boxShadow4 boxShadow4Active">
118 class="numberButtonLetters fontSizeSmall fontWeightBold fontColorTheme">WXYZ</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">
126 class="numberButtonLetters fontSizeSmall fontWeightBold fontColorTheme">+</div>
128 <div id="numberButton" data-id="#"
129 class="button numberButton fontSizeXLarge fontWeightBold fontColorTheme boxShadow4 boxShadow4Active specialChar">#</div>
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>
141 <div id = "noPairedDevice" class = "noPairedDevice fontSizeXLarge fontWeightBold fontColorNormal" style="display: none; ">NO BT DEVICE SELECTED</div>
142 <ul id="contactsCarousel" class="contactsCarousel"></ul>
145 <div id="callBox" class="callBox callBoxHidden">
146 <div class="callInfoBox">
147 <div class="callPhotoBox noContactPhoto">
148 <img id="callPhoto" class="callPhoto" />
150 <div id="callDuration"
151 class="callDuration fontSizeLarge fontWeightBold fontColorNormal">00:00</div>
152 <div id="inCallWith" class="inCallWith"></div>
154 class="callName fontSizeXLarge fontWeightBold fontColorNormal"></div>
156 class="callNumber fontSizeSmall fontWeightBold fontColorTheme"></div>
158 <div class="callControlsBox">
160 class="button controlButton fontSizeSmaller fontColorNormal fontWeightBold bgColorDark boxShadow4Active speakerButton">SPEAKER</div>
162 class="button controlButton fontSizeSmaller fontColorNormal fontWeightBold bgColorDark boxShadow4Active muteButton">MUTE</div>
164 class="button controlButton fontSizeSmaller fontColorNormal fontWeightBold bgColorDark boxShadow4Active holdButton">HOLD</div>
166 class="button controlButton fontSizeSmaller fontColorNormal fontWeightBold bgColorDark boxShadow4Active addCallButton">ADD
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>
178 <div id="topBarIcons"></div>
179 <div id="bottomPanel" class="bottomPanel bottomPanelImg"></div>
180 <div id="library" class="library pageBgColorNormalTransparent"></div>