14530787bb
Lot de travaux accumulés non commités (plusieurs sessions), vérifiés : hub `node --check` tout OK + build SPA propre. - ops : AssignmentField, CommandPalette, IssueDetail/DetailModal + detail-sections/modules, UserAvatar/useAvatar, UserProfileDialog/EmployeeEditDialog, HelpHint, useSkillIcons, pages (Dashboard/Equipe/Clients/Tickets/Reports/Settings/Evaluations/LegacySync…), usePermissions/useUserGroups/useDetailModal, MainLayout, TicketStatusControl - hub : staff-agent.js (couche commandes NL), agent.js/agent-tools.json/voice-agent.js, avatars.js, conversation.js, payments.js, sync-orchestrator.js, auth.js, campaigns.js, legacy-dispatch-sync.js, server.js Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
34 lines
1.4 KiB
Vue
34 lines
1.4 KiB
Vue
<template>
|
|
<div v-if="others.length" class="rstack">
|
|
<UserAvatar v-for="r in head" :key="r.email" :email="r.email" :name="noteAuthorName(r.email)"
|
|
:size="size" class="rstack-av">
|
|
<q-tooltip>{{ shortAgent(r.email) }}<template v-if="r.readAt"> · {{ relTime(r.readAt) }}</template></q-tooltip>
|
|
</UserAvatar>
|
|
<span v-if="extra > 0" class="rstack-more">+{{ extra }}</span>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { computed } from 'vue'
|
|
import { noteAuthorName, shortAgent, relTime } from 'src/composables/useFormatters'
|
|
import UserAvatar from './UserAvatar.vue'
|
|
|
|
const props = defineProps({
|
|
readers: { type: Array, default: () => [] }, // [{ email, readAt }]
|
|
me: { type: String, default: '' },
|
|
max: { type: Number, default: 3 },
|
|
size: { type: Number, default: 20 },
|
|
})
|
|
// Exclut soi-même (façon Messenger : on voit les AUTRES qui ont lu)
|
|
const others = computed(() => (props.readers || []).filter(r => r && r.email && r.email !== props.me))
|
|
const head = computed(() => others.value.slice(0, props.max))
|
|
const extra = computed(() => Math.max(0, others.value.length - props.max))
|
|
</script>
|
|
|
|
<style scoped>
|
|
.rstack { display: flex; align-items: center; }
|
|
.rstack-av { margin-left: -6px; border: 1.5px solid #fff; font-weight: 600; }
|
|
.rstack-av:first-child { margin-left: 0; }
|
|
.rstack-more { font-size: 0.66rem; color: #64748b; margin-left: 5px; font-weight: 600; }
|
|
</style>
|