Add popover menu for purpose of checking methods. #603

src/components/ContactDetails.vue

@@ -44,6 +44,10 @@
 				<contact-avatar :contact="contact" />
 				<!-- QUESTION: is it better to pass contact as a prop or get it from the store inside
 				contact-avatar ?  :avatar="contact.photo"-->
+				<!-- temporary popover menu for the purpose of testing methods (WIP, to be deleted) -->
+				<div :class="{open: true}" class="popovermenu">
+					<popover-menu :menu="menu" />
+				</div>
 
 				<!-- fullname, org, title -->
 				<div id="contact-header-infos">
@@ -237,6 +241,23 @@ export default {
 				localContact.updateContact(contact.jCal)
 				return localContact
 			}
+		},
+
+		// building the popover menu for the avatar (WIP, to be deleted)
+		menu() {
+			let menu = [
+				{
+					icon: 'icon-download',
+					text: t('contacts', 'Download')
+					// action: this.deleteContact
+				},
+				{
+					icon: 'icon-delete',
+					text: t('contacts', 'Delete')
+					// action: this.deleteContact
+				}
+			]
+			return menu
 		}
 	},
 

src/components/ContactDetails/ContactDetailsAvatar.vue

@@ -25,8 +25,7 @@ import rfcProps from '../../models/rfcProps';
 	<div id="contact-header-avatar" :class="{'maximised':maximizeAvatar }">
 		<div class="contact-avatar-background" />
 		<img v-if="contact.photo" :src="contact.photo"
-			class="contact-header-avatar__picture"
-			@click="maximise">
+			class="contact-header-avatar__picture">
 		<div class="avatar-options">
 			<input id="contact-avatar-upload" type="file" class="hidden"
 				accept="image/*" @change="processFile">
@@ -37,6 +36,8 @@ import rfcProps from '../../models/rfcProps';
 		</div>
 	</div>
 </template>
+// TODO: add back @click="maximise" to img tag
+// delete the new code in ContactDetails tagged with WIP, to be deleted
 
 <script>
 
@@ -68,7 +69,7 @@ export default {
 		},
 		toggleSize() {
 			// maximise avatar photo
-			this.maximizeAvatar != this.maximizeAvatar
+			this.maximizeAvatar = !this.maximizeAvatar
 		},
 		removePhoto() {
 			// self.contact.vCard.removePropertyWithValue('photo', reader.result)