From 350e09cf249d1bff697798aa358bcdde69b6eae3 Mon Sep 17 00:00:00 2001
From: scammo <samuel.brinkmann@googlemail.com>
Date: Fri, 14 Jan 2022 13:57:13 +0100
Subject: [PATCH] =?UTF-8?q?#20=20doppelte=20Kontaktm=C3=B6glichkeiten,=20b?=
 =?UTF-8?q?essere=20Erkl=C3=A4rung=20dazu?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ProfileList.vue | 22 ++++++++++++++++++++++
 src/views/profile/Edit.vue     |  2 +-
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/src/components/ProfileList.vue b/src/components/ProfileList.vue
index bd621d1..11d64d8 100644
--- a/src/components/ProfileList.vue
+++ b/src/components/ProfileList.vue
@@ -6,6 +6,20 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 
 <template>
   <ul class="list-group list-group-flush">
+    <li 
+      v-if="type == 'contacttype'"
+      class="list-group-item">
+      <div class="row">
+        <div class="col-6">
+          Kontaktart
+          <i class="bi bi-info-circle" v-tooltip="contactTypeTooltip"></i>
+        </div>
+        <div class="col-6">
+          Wert
+          <i class="bi bi-info-circle" v-tooltip="contactContentTooltip"></i>
+        </div>
+      </div>
+    </li>
     <li
       class="list-group-item"
       v-for="(value, valueKey) in values"
@@ -102,6 +116,14 @@ export default {
       levelSelection: levelJson,
       languagesSelection: languagesJson,
       editableValues: this.values,
+      contactTypeTooltip: {
+        content:  'Kontaktart z.B. E-Mail, Matrix, Twitter etc...',
+        html: true
+      },
+      contactContentTooltip: {
+        content:  'Wert: zB.: beate@beispiel.de, @beate:beispiel.de, beate_beispiel',
+        html: true
+      }
     };
   },
   watch: {
diff --git a/src/views/profile/Edit.vue b/src/views/profile/Edit.vue
index 0703c34..ff3b610 100644
--- a/src/views/profile/Edit.vue
+++ b/src/views/profile/Edit.vue
@@ -167,7 +167,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
                 <auto-complete
                   type="contacttype"
                   :values="profile.contacts"
-                  placeholder="z.B. E-Mail, Mobiltelefon, Matrix, Web"
+                  placeholder="Zuerst Kontaktart: E-Mail, Matrix, Web, etc.."
                   @update-values="profile.contacts = $event"
                 ></auto-complete>
               </template>