36 lines
1.4 KiB
HTML
36 lines
1.4 KiB
HTML
<div class="m-3">
|
|
<app-title-part textInfo="Début de la conversation"></app-title-part>
|
|
</div>
|
|
|
|
@for (message of messages(); track message.id) {
|
|
@if (message.userId === currentUser) {
|
|
<div class="flex flex-row-reverse items-end">
|
|
<div class="flex flex-col items-end">
|
|
<div class="px-3.5 py-2 text-sm rounded-3xl rounded-br-sm bg-violet-700 text-white max-w-xs">
|
|
{{ message.libelle }}
|
|
</div>
|
|
<span class="text-[10px] mt-0.5 mr-1 mb-0.5">
|
|
{{ message.sendDate | date:'HH:mm' }}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
} @else {
|
|
<div class="flex items-end gap-2">
|
|
<div class="w-8 h-8 rounded-full flex items-center justify-center text-xs mb-2 bg-teal-100 text-teal-700 max-w-xs">
|
|
{{ message.username.substring(0, 2) }}
|
|
</div>
|
|
<div class="flex flex-col">
|
|
<span class="text-[11px] mb-1 ml-1">
|
|
{{ message.username }}
|
|
</span>
|
|
<div class="px-3.5 py-2 text-sm rounded-3xl rounded-bl-sm border">
|
|
{{ message.libelle }}
|
|
</div>
|
|
<span class="text-[10px] mt-0.5 mx-1 mb-0.5">
|
|
{{ message.sendDate | date:'HH:mm' }}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
}
|
|
} |