From 280f0f5a786b8efca6fccf3a83a37d313fbf371b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Mon, 8 Nov 2021 13:59:26 +0100
Subject: [PATCH] Implement edit callback, fist step

---
 .../MySomethingList/MySomethingList.vue       |  8 +++++++-
 webapp/pages/settings/my-social-media.vue     | 19 ++++++++++++++++++-
 2 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/webapp/components/_new/features/MySomethingList/MySomethingList.vue b/webapp/components/_new/features/MySomethingList/MySomethingList.vue
index 944ac41f3..1017d3bd1 100644
--- a/webapp/components/_new/features/MySomethingList/MySomethingList.vue
+++ b/webapp/components/_new/features/MySomethingList/MySomethingList.vue
@@ -106,6 +106,10 @@ export default {
       type: Object,
       default: () => ({}),
     },
+    callbackEdit: {
+      type: Function,
+      default: () => {},
+    },
   },
   data() {
     return {
@@ -155,7 +159,9 @@ export default {
     },
     handleEditSocialMedia(link) {
       this.editingLink = link
-      this.formData.socialMediaUrl = link.url
+      // Wolle this.formData.socialMediaUrl = link.url
+      // Wolle this.$refs.socialMediaUrl.$el.focus()
+      this.callbackEdit(this, link)
     },
     handleInput(data) {
       this.disabled = true
diff --git a/webapp/pages/settings/my-social-media.vue b/webapp/pages/settings/my-social-media.vue
index 9c2bacfd8..510bba55f 100644
--- a/webapp/pages/settings/my-social-media.vue
+++ b/webapp/pages/settings/my-social-media.vue
@@ -1,5 +1,9 @@
 <template>
-  <my-something-list :useFormData="useFormData" :useFormSchema="useFormSchema">
+  <my-something-list
+    :useFormData="useFormData"
+    :useFormSchema="useFormSchema"
+    :callbackEdit="callbackEditSocialMedia"
+  >
     <template #list-item="{ link }">
       <social-media-list-item :link="link" />
     </template>
@@ -36,5 +40,18 @@ export default {
       },
     }
   },
+  methods: {
+    callbackEditSocialMedia(thisMySomethingList, link) {
+      // Wolle this.editingLink = link
+      thisMySomethingList.formData.socialMediaUrl = link.url
+      // thisMySomethingList.$refs.socialMediaUrl.$el.focus()
+      // !!! Check for existenz
+      // this.$scopedSlots.default()[0].context.$refs
+      // thisMySomethingList.$scopedSlots['edit-item']()[0].$el.focus()
+      // console.log(thisMySomethingList.$scopedSlots['edit-item']()[0].context.$refs)
+      // console.log(thisMySomethingList.$scopedSlots['edit-item']()[0].context.$refs)
+      // console.log(thisMySomethingList.$refs)
+    },
+  },
 }
 </script>