From 7d0cb47405a92edc8db89ae04667c8896d4565f4 Mon Sep 17 00:00:00 2001
From: Pau Navarro <pau@verdnatura.es>
Date: Tue, 20 Dec 2022 10:21:31 +0100
Subject: [PATCH] add before and after slots on card descriptor

---
 src/components/ui/CardDescriptor.vue       | 2 ++
 src/pages/Worker/Card/WorkerDescriptor.vue | 6 ++++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/ui/CardDescriptor.vue b/src/components/ui/CardDescriptor.vue
index d80c0498c..4b8f19b77 100644
--- a/src/components/ui/CardDescriptor.vue
+++ b/src/components/ui/CardDescriptor.vue
@@ -45,6 +45,7 @@ const { t } = useI18n();
         </div>
 
         <div v-if="$props.data" class="body q-py-sm">
+            <slot name="before" />
             <q-list>
                 <q-item-label header class="ellipsis text-h5" :lines="1">
                     {{ $props.description }}
@@ -55,6 +56,7 @@ const { t } = useI18n();
                 </q-item>
             </q-list>
             <slot name="body" />
+            <slot name="after" />
         </div>
 
         <!-- Skeleton -->
diff --git a/src/pages/Worker/Card/WorkerDescriptor.vue b/src/pages/Worker/Card/WorkerDescriptor.vue
index ad23f732b..513bb4255 100644
--- a/src/pages/Worker/Card/WorkerDescriptor.vue
+++ b/src/pages/Worker/Card/WorkerDescriptor.vue
@@ -75,9 +75,11 @@ function getWorkerAvatar() {
 }
 </script>
 <template>
-    <card-descriptor v-if="worker" module="Worker" :data="worker" :description="worker.user.nickname">
-        <template #body>
+    <card-descriptor v-if="worker" module="Worker" :data="worker" :description="worker.user.name">
+        <template #before>
             <q-img :src="getWorkerAvatar()" class="q-mb-md" />
+        </template>
+        <template #body>
             <q-list>
                 <q-item>
                     <q-item-section>