diff options
author | Hendrik Leppelsack <hendrik@leppelsack.de> | 2016-04-28 10:44:48 +0200 |
---|---|---|
committer | skjnldsv <fremulon@protonmail.com> | 2016-05-09 10:03:01 +0200 |
commit | 16f1fa2dfde93c4b56997ed2f5cc39d1a0f80673 (patch) | |
tree | ead655eff300adca44dbdba3a116c116679bf44b /templates | |
parent | fc005f2b2ac548473ad7ffcca58409d6c88f3f5c (diff) |
add change avatar functionality
Diffstat (limited to 'templates')
-rw-r--r-- | templates/avatar.html | 5 | ||||
-rw-r--r-- | templates/avatarUpload.html | 3 | ||||
-rw-r--r-- | templates/contactDetails.html | 3 |
3 files changed, 6 insertions, 5 deletions
diff --git a/templates/avatar.html b/templates/avatar.html new file mode 100644 index 00000000..e66936af --- /dev/null +++ b/templates/avatar.html @@ -0,0 +1,5 @@ +<img ng-show="contact.photo()!==undefined" class="contactdetails__logo avatar" data-ng-src="{{contact.photo()}}" /> +<div class="avatar-upload"> + <input type="file" id="avatar-upload" class="hidden-visually"/> + <label for="avatar-upload" class="icon-upload-white"></label> +</div> diff --git a/templates/avatarUpload.html b/templates/avatarUpload.html deleted file mode 100644 index 000e4a1b..00000000 --- a/templates/avatarUpload.html +++ /dev/null @@ -1,3 +0,0 @@ -<input type="file" id="contact-upload" class="hidden-visually"/> -<label for="contact-upload" id="upload" class="icon-upload-white"> -</label> diff --git a/templates/contactDetails.html b/templates/contactDetails.html index f5016547..97f52d72 100644 --- a/templates/contactDetails.html +++ b/templates/contactDetails.html @@ -8,8 +8,7 @@ </div> <div ng-if="ctrl.contact!==undefined"> <header class="contactdetails__header" ng-style="{'background-color': (ctrl.contact.uid() | contactColor)}"> - <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> + <avatar data="ctrl.contact" ng-class="{'avatar--missing': ctrl.contact.photo()===undefined}"></avatar> <div id="details-contact-infos"> <h2> <input type="text" id="details-fullName" class="contactdetails__name" placeholder="{{ctrl.t.placeholderName}}" autocomplete="off" |