From 16ddf705e61897ce45207edb47d0d81906a75ba4 Mon Sep 17 00:00:00 2001
From: Jessica <jessica@Absolventas-MacBook-Pro.local>
Date: Wed, 19 Sep 2018 18:30:15 +0200
Subject: [PATCH] Add photo getters and setters, updateContact with photo. #603

---
 .../ContactDetails/ContactDetailsAvatar.vue   | 25 +++++--------------
 src/models/contact.js                         | 20 +++++++++++++++
 2 files changed, 26 insertions(+), 19 deletions(-)

diff --git a/src/components/ContactDetails/ContactDetailsAvatar.vue b/src/components/ContactDetails/ContactDetailsAvatar.vue
index ab98cb33e..2c39a942a 100644
--- a/src/components/ContactDetails/ContactDetailsAvatar.vue
+++ b/src/components/ContactDetails/ContactDetailsAvatar.vue
@@ -1,4 +1,5 @@
 <!--
+import rfcProps from '../../models/rfcProps';
  * @copyright Copyright (c) 2018 Team Popcorn <teampopcornberlin@gmail.com>
  *
  * @author Team Popcorn <teampopcornberlin@gmail.com>
@@ -23,7 +24,7 @@
 <template>
 	<div id="contact-header-avatar">
 		<div class="contact-avatar-background" />
-		<img v-if="contact.avatar">
+		<img v-if="contact.photo" :src="contact.photo">
 		<input id="contact-avatar-upload" type="file" class="hidden"
 			accept="image/*" @change="processFile">
 		<label v-tooltip.auto="t('contacts', 'Upload a new picture')" for="contact-avatar-upload" class="icon-upload-white" />
@@ -31,6 +32,8 @@
 </template>
 
 <script>
+import rfcProps from '../../models/rfcProps.js'
+
 export default {
 	name: 'ContactAvatar',
 
@@ -43,27 +46,11 @@ export default {
 	methods: {
 		processFile(event) {
 			let file = event.target.files[0]
-			/* console.log(event.target.files)
-			alert(JSON.stringify(file, undefined, 2))
-			WIP */
 			let reader = new FileReader()
-			/* let selectedAddressbook = this.selectedAddressbook
-			this.$store.dispatch('changeStage', 'parsing')
-			this.$store.dispatch('setAddressbook', selectedAddressbook.displayName)
-			WIP */
 			let self = this
 			reader.onload = function(e) {
-				/* self.$store.dispatch('importContactsIntoAddressbook', { vcf: reader.result, addressbook: selectedAddressbook })
-				WIP */
-				console.log(reader.result) // eslint-disable-line
-				if (!self.contact.vCard.hasProperty('avatar')) {
-					let property = self.contact.vCard.addPropertyWithValue('avatar', reader.result)
-					// ^WIP: need to research how to set type as 'text' same as in following example:
-					// ["version", {…}, "text", "4.0", __ob__: Observer]
-					property.setParameter('type', 'text')
-					// ^WIP: need to research what above function is doing
-					console.log(self.contact.vCard) // eslint-disable-line
-				}
+				self.contact.vCard.addPropertyWithValue('photo', reader.result)
+				self.$store.dispatch('updateContact', self.contact)
 			}
 			reader.readAsDataURL(file)
 		}
diff --git a/src/models/contact.js b/src/models/contact.js
index 438b1f222..05e3683d6 100644
--- a/src/models/contact.js
+++ b/src/models/contact.js
@@ -113,6 +113,26 @@ export default class Contact {
 		return this.uid + '@' + this.addressbook.id
 	}
 
+	/**
+	 * Return the photo
+	 *
+	 * @readonly
+	 * @memberof Contact
+	 */
+	get photo() {
+		return this.vCard.getFirstPropertyValue('photo')
+	}
+
+	/**
+	 * Set the photo
+	 *
+	 * @memberof Contact
+	 */
+	set photo(photo) {
+		this.vCard.updatePropertyWithValue('photo', photo)
+		return true
+	}
+
 	/**
 	 * Return the groups
 	 *