diff options
author | Jessica <jessica@Absolventas-MacBook-Pro.local> | 2018-09-19 18:30:15 +0200 |
---|---|---|
committer | Jessica <jessica@Absolventas-MacBook-Pro.local> | 2018-09-19 18:30:15 +0200 |
commit | 16ddf705e61897ce45207edb47d0d81906a75ba4 (patch) | |
tree | 49857f9b186455a635d549b868b5bb2587dd9c96 /src/components/ContactDetails/ContactDetailsAvatar.vue | |
parent | be004702d36fd86dfc93b6da6e516e72c809a437 (diff) |
Add photo getters and setters, updateContact with photo. #603
Diffstat (limited to 'src/components/ContactDetails/ContactDetailsAvatar.vue')
-rw-r--r-- | src/components/ContactDetails/ContactDetailsAvatar.vue | 25 |
1 files changed, 6 insertions, 19 deletions
diff --git a/src/components/ContactDetails/ContactDetailsAvatar.vue b/src/components/ContactDetails/ContactDetailsAvatar.vue index ab98cb33..2c39a942 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) } |