diff options
author | Hendrik Leppelsack <hendrik@leppelsack.de> | 2016-04-20 23:22:58 +0200 |
---|---|---|
committer | skjnldsv <fremulon@protonmail.com> | 2016-05-09 10:03:01 +0200 |
commit | fc005f2b2ac548473ad7ffcca58409d6c88f3f5c (patch) | |
tree | efe00caaabe537ad41a481e8bd29e1b970fc629c /templates | |
parent | ae2fe17e9814b7b8823ca2630ed320d1b5fa68bb (diff) |
avatar upload
Diffstat (limited to 'templates')
-rw-r--r-- | templates/avatarUpload.html | 3 | ||||
-rw-r--r-- | templates/contact.html | 2 | ||||
-rw-r--r-- | templates/contactDetails.html | 4 |
3 files changed, 6 insertions, 3 deletions
diff --git a/templates/avatarUpload.html b/templates/avatarUpload.html new file mode 100644 index 00000000..000e4a1b --- /dev/null +++ b/templates/avatarUpload.html @@ -0,0 +1,3 @@ +<input type="file" id="contact-upload" class="hidden-visually"/> +<label for="contact-upload" id="upload" class="icon-upload-white"> +</label> diff --git a/templates/contact.html b/templates/contact.html index 7052615a..48bb74ed 100644 --- a/templates/contact.html +++ b/templates/contact.html @@ -1,5 +1,5 @@ <a class="app-content-list-item-link" ng-click="ctrl.openContact()"> - <img class="app-content-list-item-icon contact__icon" ng-show="ctrl.contact.photo()!==undefined" data-ng-src="data:image/png;base64,{{ctrl.contact.photo()}}" /> + <img class="app-content-list-item-icon contact__icon" ng-show="ctrl.contact.photo()!==undefined" data-ng-src="{{ctrl.contact.photo()}}" /> <div class="app-content-list-item-icon contact__icon" ng-show="ctrl.contact.photo()===undefined" ng-style="{'background-color': (ctrl.contact.uid() | contactColor) }">{{ ctrl.contact.displayName() | firstCharacter }}</div> <div class="app-content-list-item-star icon-star" data-starred="false"></div> <div class="app-content-list-item-line-one" ng-class="{'no-line-two':!ctrl.contact.email()}">{{ ctrl.contact.displayName() | newContact }}</div> diff --git a/templates/contactDetails.html b/templates/contactDetails.html index 01de16f8..f5016547 100644 --- a/templates/contactDetails.html +++ b/templates/contactDetails.html @@ -8,8 +8,8 @@ </div> <div ng-if="ctrl.contact!==undefined"> <header class="contactdetails__header" ng-style="{'background-color': (ctrl.contact.uid() | contactColor)}"> - <img ng-if="ctrl.photo!==undefined" class="contactdetails__logo avatar" data-ng-src="data:image/png;base64,{{ctrl.photo}}" /> - <div ng-if="ctrl.photo===undefined" class="contactdetails__logo contact__icon avatar--missing"></div> + <img ng-if="ctrl.contact.photo()!==undefined" class="contactdetails__logo avatar" data-ng-src="{{ctrl.contact.photo()}}" /> + <avatarupload ng-if="ctrl.contact.photo()===undefined" data="ctrl.contact" class="contactdetails__logo contact__icon avatar--missing"></avatarupload> <div id="details-contact-infos"> <h2> <input type="text" id="details-fullName" class="contactdetails__name" placeholder="{{ctrl.t.placeholderName}}" autocomplete="off" |