summaryrefslogtreecommitdiffstats
path: root/src/components/ContactDetails.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/ContactDetails.vue')
-rw-r--r--src/components/ContactDetails.vue12
1 files changed, 8 insertions, 4 deletions
diff --git a/src/components/ContactDetails.vue b/src/components/ContactDetails.vue
index cae7cd9c..1d975c14 100644
--- a/src/components/ContactDetails.vue
+++ b/src/components/ContactDetails.vue
@@ -82,13 +82,15 @@
<section class="contact-details">
<!-- properties iteration -->
- <contact-details-property v-for="(property, index) in sortedProperties" :key="index" :index="index"
+ <contact-property v-for="(property, index) in sortedProperties" :key="index" :index="index"
:sorted-properties="sortedProperties" :property="property" :contact="contact"
@updatedcontact="updateContact" />
<!-- addressbook change select -->
<property-select :prop-model="addressbookModel" :value.sync="addressbook"
:options="addressbooksOptions" class="property--addressbooks" />
+
+ <add-new-prop :contact="contact" />
</section>
</template>
</div>
@@ -104,7 +106,8 @@ import Contact from '../models/contact'
import rfcProps from '../models/rfcProps.js'
import PopoverMenu from './core/popoverMenu'
-import ContactDetailsProperty from './ContactDetails/ContactDetailsProperty'
+import ContactProperty from './ContactDetails/ContactDetailsProperty'
+import AddNewProp from './ContactDetails/ContactDetailsAddNewProp'
import PropertySelect from './Properties/PropertySelect'
import PropertyGroups from './Properties/PropertyGroups'
@@ -115,9 +118,10 @@ export default {
components: {
PopoverMenu,
- ContactDetailsProperty,
+ ContactProperty,
PropertySelect,
- PropertyGroups
+ PropertyGroups,
+ AddNewProp
},
directives: {