summaryrefslogtreecommitdiffstats
path: root/templates
diff options
context:
space:
mode:
authorHendrik Leppelsack <hendrik@leppelsack.de>2016-04-20 23:22:58 +0200
committerskjnldsv <fremulon@protonmail.com>2016-05-09 10:03:01 +0200
commitfc005f2b2ac548473ad7ffcca58409d6c88f3f5c (patch)
treeefe00caaabe537ad41a481e8bd29e1b970fc629c /templates
parentae2fe17e9814b7b8823ca2630ed320d1b5fa68bb (diff)
avatar upload
Diffstat (limited to 'templates')
-rw-r--r--templates/avatarUpload.html3
-rw-r--r--templates/contact.html2
-rw-r--r--templates/contactDetails.html4
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"