diff options
Diffstat (limited to 'templates')
-rw-r--r-- | templates/contactCarouselDelegate.html | 24 | ||||
-rw-r--r-- | templates/libraryContactDetailDelegate.html | 47 | ||||
-rw-r--r-- | templates/template-contacts.html | 10 |
3 files changed, 81 insertions, 0 deletions
diff --git a/templates/contactCarouselDelegate.html b/templates/contactCarouselDelegate.html new file mode 100644 index 0000000..54a4efd --- /dev/null +++ b/templates/contactCarouselDelegate.html @@ -0,0 +1,24 @@ +<li><div id="carouselBox_{{:#index}}" class="carouselBox borderColorTheme" data-id="{{:id}}" onclick="callContactById('{{:id}}');"> + <div class="carouselPhotoArea borderColorTheme"> + <div class="carouselPhotoBox noContactPhoto"> + <img class="carouselPhoto" src="{{:photoURI}}" /> + </div> + </div> + <!-- <div class="carouselInfoBox carouselCallContact"></div> --> + <div + class="carouselInfoBox carouselName fontSizeLarger fontWeightBold fontColorNormal"> + {{if name}} {{if name.firstName}} {{:name.firstName}} {{/if}} {{if + name.lastName}} {{:name.lastName}} {{/if}} {{/if}}</div> + <div class="carouselInfoBox carouselNumber fontSizeSmall fontWeightBold fontColorTheme"> + {{if phoneNumbers}} {{if phoneNumbers[0]}} + {{:phoneNumbers[0].number}} {{/if}} {{/if}}</div> + <div class="callHistoryElement borderColorTheme"> + <div class="{{if direction == 'missed-new'}}missedNew{{else}}{{:direction.toLowerCase()}}{{/if}}CallIcon callHistoryIcon callHistoryIconGen"></div> + <div class="callHistoryDetails"> + <div class="fontSizeXXSmall fontColorNormal">{{:startTime.toString().toUpperCase()}}</div> + <div class="fontSizeXXSmall fontWeightBold fontColorTheme">{{:direction.toString().toUpperCase()}}</div> + </div> + </div> + + </div> +</li> diff --git a/templates/libraryContactDetailDelegate.html b/templates/libraryContactDetailDelegate.html new file mode 100644 index 0000000..4d46c86 --- /dev/null +++ b/templates/libraryContactDetailDelegate.html @@ -0,0 +1,47 @@ + +<div class="contactDetailBox1"> + <div class="contactDetailPhotoBox noContactPhoto"> + <img class="contactDetailPhoto" src="{{:photoURI}}" /> + </div> + <div + class="contactDetailFavorite isFavorite{{if isFavorite}}True{{else}}False{{/if}}"> + </div> +</div> + +<div class="contactDetailBox2"> + <div class="contactDetailBox3" onClick="callContactById('{{:id}}')"> + <div class="phoneIcon"></div> + <div class="contactDetailBox4"> + <div id="contactDetailMobileTitle">MOBILE</div> + <div id= "contactDetailMobile" class="fontSizeLarger fontWeightBold fontColorNormal">{{:phoneNumber}}</div> + </div> + + </div> + <div class="contactDetailBox3"> + <div class="emailIcon"></div> + <div class="contactDetailBox4"> + <div id="contactDetailEmailTitle">EMAIL</div> + <div class="fontSizeLarger fontWeightBold fontColorNormal">{{:email}}</div> + </div> + </div> + <div class="contactDetailBox3"> + <div class="addressIcon"></div> + <div class="contactDetailBox4"> + <div id="contactDetailAddressTitle">ADDRESS</div> + <div class="fontSizeLarger fontWeightBold fontColorNormal">{{:address.toUpperCase()}}</div> + </div> + </div> +</div> + +<div class="callHistoryBox borderColorTheme"> + {{foreach history}} + <div class="callHistoryElement borderColorTheme"> + <div + class="{{if direction == 'missed-new'}}missedNew{{else}}{{:direction.toString().toLowerCase()}}{{/if}}CallIcon callHistoryIcon"></div> + <div class="callHistoryDetails"> + <div class="fontSizeLarge fontWeightBold fontColorNormal">{{:startTime.toString().toUpperCase()}}</div> + <div class="fontSizeXSmall fontWeightBold fontColorTheme">{{:direction.toString().toUpperCase()}}</div> + </div> + </div> + {{/foreach}} +</div>
\ No newline at end of file diff --git a/templates/template-contacts.html b/templates/template-contacts.html new file mode 100644 index 0000000..b14892a --- /dev/null +++ b/templates/template-contacts.html @@ -0,0 +1,10 @@ +<div class="contactElement boxShadow4 borderColorTheme" + data-bind="click: ContactsLibrary.openContactDetail"> + <div class="phoneIcon"></div> + <div class="contactPhotoBox noContactPhoto"> + <img class="contactPhoto" data-bind="attr:{src: photoURI}" /> + </div> + <div + class="contactName fontSizeLarge fontWeightBold fontColorNormal textBgColorNormalTransparent" + data-bind="text: Phone.getDisplayNameStr($data)"></div> +</div> |