From 5ae985aebb7c9b0e9047bca3dd9d892a1be200a9 Mon Sep 17 00:00:00 2001
From: suntala <33031346+suntala@users.noreply.github.com>
Date: Mon, 6 Aug 2018 20:06:45 +0200
Subject: Add "addAddressBook" method.

---
 .../settingsNavigation/addAddressBook.vue          | 32 +++++++++++++++-------
 src/views/Contacts.vue                             |  2 +-
 2 files changed, 23 insertions(+), 11 deletions(-)

(limited to 'src')

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" />
-- 
cgit v1.2.3