wbuezas
/
salix-front-mindshore-fork2
forked from verdnatura/salix-front
0
0
Fork 0
Code Pull Requests Activity

add before and after slots on card descriptor

This commit is contained in:
Pau 2022-12-20 10:21:31 +01:00
parent b017891508
commit 7d0cb47405
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ui/CardDescriptor.vue
View File

@ -45,6 +45,7 @@ const { t } = useI18n();
</div> </div>
<div v-if="$props.data" class="body q-py-sm"> <div v-if="$props.data" class="body q-py-sm">
<slot name="before" />
<q-list> <q-list>
<q-item-label header class="ellipsis text-h5" :lines="1"> <q-item-label header class="ellipsis text-h5" :lines="1">
{{ $props.description }} {{ $props.description }}
@ -55,6 +56,7 @@ const { t } = useI18n();
</q-item> </q-item>
</q-list> </q-list>
<slot name="body" /> <slot name="body" />
<slot name="after" />
</div> </div>
<!-- Skeleton --> <!-- Skeleton -->

6
src/pages/Worker/Card/WorkerDescriptor.vue
View File

@ -75,9 +75,11 @@ function getWorkerAvatar() {
} }
</script> </script>
<template> <template>
<card-descriptor v-if="worker" module="Worker" :data="worker" :description="worker.user.nickname"> <card-descriptor v-if="worker" module="Worker" :data="worker" :description="worker.user.name">
<template #body> <template #before>
<q-img :src="getWorkerAvatar()" class="q-mb-md" /> <q-img :src="getWorkerAvatar()" class="q-mb-md" />
</template>
<template #body>
<q-list> <q-list>
<q-item> <q-item>
<q-item-section> <q-item-section>