2 <div class="contactDetailBox1">
3 <div class="contactDetailPhotoBox noContactPhoto">
4 <img class="contactDetailPhoto" src="{{:photoURI}}" />
7 class="contactDetailFavorite isFavorite{{if isFavorite}}True{{else}}False{{/if}}">
11 <div class="contactDetailBox2">
12 <div class="contactDetailBox3" onClick="callContactById('{{:id}}')">
13 <div class="phoneIcon"></div>
14 <div class="contactDetailBox4">
15 <div id="contactDetailMobileTitle">MOBILE</div>
16 <div id= "contactDetailMobile" class="fontSizeLarger fontWeightBold fontColorNormal">{{:phoneNumber}}</div>
20 <div class="contactDetailBox3">
21 <div class="emailIcon"></div>
22 <div class="contactDetailBox4">
23 <div id="contactDetailEmailTitle">EMAIL</div>
24 <div class="fontSizeLarger fontWeightBold fontColorNormal">{{:email}}</div>
27 <div class="contactDetailBox3">
28 <div class="addressIcon"></div>
29 <div class="contactDetailBox4">
30 <div id="contactDetailAddressTitle">ADDRESS</div>
31 <div class="fontSizeLarger fontWeightBold fontColorNormal">{{:address.toUpperCase()}}</div>
36 <div class="callHistoryBox borderColorTheme">
38 <div class="callHistoryElement borderColorTheme">
40 class="{{if direction == 'missed-new'}}missedNew{{else}}{{:direction.toString().toLowerCase()}}{{/if}}CallIcon callHistoryIcon"></div>
41 <div class="callHistoryDetails">
42 <div class="fontSizeLarge fontWeightBold fontColorNormal">{{:startTime.toString().toUpperCase()}}</div>
43 <div class="fontSizeXSmall fontWeightBold fontColorTheme">{{:direction.toString().toUpperCase()}}</div>