diff options
| author | suntala <33031346+suntala@users.noreply.github.com> | 2018-08-06 20:06:45 +0200 |
|---|---|---|
| committer | suntala <33031346+suntala@users.noreply.github.com> | 2018-08-06 20:06:51 +0200 |
| commit | 5ae985aebb7c9b0e9047bca3dd9d892a1be200a9 (patch) | |
| tree | 2856185df573f46423443eeeac549bccf5a272ed /src | |
| parent | 247bbba158180c8eb60d69f9aa71c1835400d591 (diff) | |
Add "addAddressBook" method.
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/settingsNavigation/addAddressBook.vue | 32 | ||||
| -rw-r--r-- | src/views/Contacts.vue | 2 |
2 files changed, 23 insertions, 11 deletions
diff --git a/src/components/settingsNavigation/addAddressBook.vue b/src/components/settingsNavigation/addAddressBook.vue index 88a5b1ec..c04b9bf7 100644 --- a/src/components/settingsNavigation/addAddressBook.vue +++ b/src/components/settingsNavigation/addAddressBook.vue @@ -22,8 +22,9 @@ <template> <form id="new-addressbook-form" name="new-addressbook-form" class="new-address-book" - @submit="createAddressBook()"> - <input id="newList" placeholder="Address book name" class="new-address-book-input" + v-on:submit.prevent="addAddressBook"> + <input ref="addressBook" :id="addressBook" class="new-address-book-input" + placeholder="Address book name" type="text" autocomplete="off" autocorrect="off" spellcheck="false" @@ -45,14 +46,14 @@ export default { directives: { clickOutside }, - props: { - addressbook: { - type: Object, - default() { - return {} - } - } - }, + // props: { + // addressbooks: { + // type: Array, + // default() { + // return {} + // } + // } + // }, data() { return { } @@ -63,6 +64,17 @@ export default { } }, methods: { + /** + * Set new address book name + * + * @param {string} addressBook The adress book + * @returns {Promise} + */ + addAddressBook() { + let addressBook = this.$refs.addressBook.value + let addressBooks = this.$store.getters.getAddressbooks + let newAddressBooksArray = addressBooks.push(addressBook) + } } } </script> diff --git a/src/views/Contacts.vue b/src/views/Contacts.vue index 3cac74e5..06fb15f2 100644 --- a/src/views/Contacts.vue +++ b/src/views/Contacts.vue @@ -30,7 +30,7 @@ <ul id="address-book-list"> <address-book v-for="addressbook in addressbooks" :key="addressbook.id" :addressbook="addressbook" /> </ul> - <add-address-book /> + <add-address-book :addressbooks="addressbooks" /> <import-contacts :addressbooks="addressbooks" class="settings-section" /> <sort-contacts class="settings-section" /> |