diff options
Diffstat (limited to 'src/components/contentDetails.vue')
-rw-r--r-- | src/components/contentDetails.vue | 8 |
1 files changed, 5 insertions, 3 deletions
diff --git a/src/components/contentDetails.vue b/src/components/contentDetails.vue index 9e5c6bec..f49a184a 100644 --- a/src/components/contentDetails.vue +++ b/src/components/contentDetails.vue @@ -71,7 +71,7 @@ <!-- actions --> <div id="contact-header-actions"> - <div v-click-outside="closeMenu" class="icon-more" @click="toggleMenu" /> + <div v-click-outside="closeMenu" class="menu-icon icon-more-white" @click="toggleMenu" /> <div :class="{ 'open': openedMenu }" class="popovermenu"> <popover-menu :menu="contactActions" /> </div> @@ -80,7 +80,7 @@ <!-- contact details --> <section> - <input v-model="contact.uid" type="text"> + <property v-for="(property, index) in contact.properties" :key="index" :property="property" /> </section> </template> </div> @@ -90,6 +90,7 @@ import Contact from '../models/contact' import ICAL from 'ical.js' import popoverMenu from './popoverMenu' +import property from './contentDetails/property' import ClickOutside from 'vue-click-outside' import Vue from 'vue' import VTooltip from 'v-tooltip' @@ -99,7 +100,8 @@ Vue.use(VTooltip) export default { name: 'ContentDetails', components: { - popoverMenu + popoverMenu, + property }, directives: { ClickOutside |