From 16f1fa2dfde93c4b56997ed2f5cc39d1a0f80673 Mon Sep 17 00:00:00 2001
From: Hendrik Leppelsack <hendrik@leppelsack.de>
Date: Thu, 28 Apr 2016 10:44:48 +0200
Subject: add change avatar functionality

---
 templates/avatar.html         | 5 +++++
 templates/avatarUpload.html   | 3 ---
 templates/contactDetails.html | 3 +--
 3 files changed, 6 insertions(+), 5 deletions(-)
 create mode 100644 templates/avatar.html
 delete mode 100644 templates/avatarUpload.html

(limited to 'templates')

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"
-- 
cgit v1.2.3