From 0084b354d62b240fde528cb65e1b9daaa481c077 Mon Sep 17 00:00:00 2001
From: Pau Navarro <pau@verdnatura.es>
Date: Wed, 23 Nov 2022 07:50:35 +0100
Subject: [PATCH] refs #4834 @1h add workerDescriptorPopover

---
 .../Worker/Card/WorkerDescriptorDialog.vue    | 21 +++++++++++++
 src/pages/Worker/Card/WorkerSummary.vue       | 30 +++++++++++--------
 2 files changed, 39 insertions(+), 12 deletions(-)
 create mode 100644 src/pages/Worker/Card/WorkerDescriptorDialog.vue

diff --git a/src/pages/Worker/Card/WorkerDescriptorDialog.vue b/src/pages/Worker/Card/WorkerDescriptorDialog.vue
new file mode 100644
index 000000000..9c55c474f
--- /dev/null
+++ b/src/pages/Worker/Card/WorkerDescriptorDialog.vue
@@ -0,0 +1,21 @@
+<script setup>
+import { useDialogPluginComponent } from 'quasar';
+import workerDescriptor from './WorkerDescriptor.vue';
+
+const $props = defineProps({
+    id: {
+        type: Number,
+        required: true,
+    },
+});
+
+defineEmits([...useDialogPluginComponent.emits]);
+
+const { dialogRef, onDialogHide } = useDialogPluginComponent();
+</script>
+
+<template>
+    <q-dialog ref="dialogRef" @hide="onDialogHide">
+        <worker-descriptor v-if="$props.id" :id="$props.id" />
+    </q-dialog>
+</template>
diff --git a/src/pages/Worker/Card/WorkerSummary.vue b/src/pages/Worker/Card/WorkerSummary.vue
index e39027dd6..ebb0c0403 100644
--- a/src/pages/Worker/Card/WorkerSummary.vue
+++ b/src/pages/Worker/Card/WorkerSummary.vue
@@ -2,12 +2,15 @@
 import { ref, onMounted, computed } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
+import { useQuasar } from 'quasar';
 import axios from 'axios';
+import workerDescriptorDialog from './WorkerDescriptorDialog.vue';
 
 onMounted(() => fetch());
 
 const route = useRoute();
 const { t } = useI18n();
+const quasar = useQuasar();
 
 t == t;
 
@@ -70,6 +73,15 @@ function sipExtension() {
     if (worker.value.sip) return worker.value.sip.extension;
     return '-';
 }
+
+function openDescriptorDialog(id) {
+    quasar.dialog({
+        component: workerDescriptorDialog,
+        componentProps: {
+            id,
+        },
+    });
+}
 </script>
 
 <template>
@@ -120,22 +132,16 @@ function sipExtension() {
                                     <q-item-label>{{ worker.user.email }}</q-item-label>
                                 </q-item-section>
                             </q-item>
-                            <q-item>
-                                <q-item-section side>
+                            <q-item class="items-start cursor-pointer q-hoverable" v-if="worker.boss">
+                                <q-item-section side @click="openDescriptorDialog(worker.bossFk)">
                                     <q-icon name="person" />
                                 </q-item-section>
-                                <q-item-section>
+                                <q-item-section @click="openDescriptorDialog(worker.bossFk)">
                                     <q-item-label caption>{{ t('worker.summary.boss') }} </q-item-label>
                                     <q-item-label>
-                                        <router-link
-                                            v-if="worker.boss"
-                                            :to="{ name: 'WorkerSummary', params: { id: worker.boss.id } }"
-                                            target="_blank"
-                                        >
-                                            {{ worker.boss.name == '' ? t('worker.summary.noBoss') : worker.boss.name }}
-
-                                            <q-icon name="open_in_new" />
-                                        </router-link>
+                                        <a>
+                                            {{ worker.boss.name }}
+                                        </a>
                                     </q-item-label>
                                 </q-item-section>
                             </q-item>