From a5d234f4ed883b6a4f182def5b07b223056f7c93 Mon Sep 17 00:00:00 2001
From: chris2fr <chris@mann.fr>
Date: Fri, 16 Oct 2020 16:17:46 +0200
Subject: [PATCH] OK for Delete and Reorder Profiles

---
 components/section_basics.js | 23 +++++++++++++++++++++++
 index.html                   |  3 ++-
 2 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/components/section_basics.js b/components/section_basics.js
index 41240c8..1d0b15d 100644
--- a/components/section_basics.js
+++ b/components/section_basics.js
@@ -55,6 +55,29 @@ var sectionBasicsComponent = {
 		{
 			var item = models.newDefaultBasic();
 			this.$root.sections.basics.profiles.push(item);
+		},
+
+		deleteClicked: function(index)
+		{
+			var response = confirm("Are you sure you want to delete this interest?");
+
+			if (response == true)
+			{
+				this.$root.sections.basics.profiles.splice(index, 1);
+			}
+		},
+
+
+		moveUpClicked: function(index)
+		{
+			this.$root.moveArrayPosition(this.$root.sections.basics.profiles, index, index - 1);
+		},
+
+
+		moveDownClicked: function(index)
+		{
+			this.$root.moveArrayPosition(this.$root.sections.basics.profiles, index, index + 1);
 		}
+	
 	}
 };
\ No newline at end of file
diff --git a/index.html b/index.html
index c566449..f32b49a 100644
--- a/index.html
+++ b/index.html
@@ -237,7 +237,8 @@
                         Any social networks that you participate in.
                         <button type="button" class="w3-btn w3-white w3-border w3-border-blue w3-round w3-padding-small" v-on:click="addProfile">+ Add Profile</button>
                         
-                        <form class="w3-container w3-card-4 w3-margin-top" v-for="profile in $root.sections.basics.profiles">
+                        <form class="w3-container w3-card-4 w3-margin-top" v-for="(profile, pr_index) in $root.sections.basics.profiles">
+                            <card-header v-bind:label="profile.network" v-bind:id="pr_index" v-on:delete-clicked="deleteClicked" v-on:move-up-clicked="moveUpClicked" v-on:move-down-clicked="moveDownClicked"></card-header>
                             <p>      
                                 <label for="profiles.network" class="w3-text-blue"><b>Network</b></label>
                                 <input id="profiles.network" class="w3-input w3-border" type="text" v-model="profile.network">