forked from eatvio/eatvio-infra
41 lines
2.9 KiB
PHP
41 lines
2.9 KiB
PHP
<div class="col-md-4 mb-3 mb-md-0 me-md-2 me-lg-4 py-2 position-relative overflow-hidden --bg_white --shadow --radius" id="chatList">
|
|
<input class="form-control ms-2 mb-3 bg_F0F2F5 border-0 --z_search" type="search" placeholder="Поиск" aria-label="Search">
|
|
<div class="contacts_block ps-2">
|
|
@if(count($lastChatUsers) > 0)
|
|
@foreach($lastChatUsers as $user)
|
|
@if(is_null($user))
|
|
<div class="no-user"></div>
|
|
@else
|
|
@php($isActiveUser = ($user['id'] == $activeUserId))
|
|
@php($lastMessageText = App\Models\Chat::withLastMessage($user['id'], $curUserId))
|
|
<div wire:click="switchTo({{ $user['id'] }})" class="d-flex my-1 me-1 px-2 py-2 justify-content-between --radius --item {{ $isActiveUser ? '--active' : ''}}">
|
|
<div class="d-flex align-items-center position-relative overflow-hidden me-5 w-90">
|
|
<img src="{{ $user['profile_photo_url'] }}" width="60px" height="60px" class="me-2 --radius_100 pic-42px">
|
|
<small>
|
|
<span class="d-block --f_bold">{{ $user['name'] }}</span>
|
|
<small class="d-block --f_grey" data-users=[{{ $user['id'] .",". $curUserId}}]>{{ str($lastMessageText['data'])->limit(25) }}</small>
|
|
</small>
|
|
|
|
@if($isActiveUser)
|
|
<svg class="-emj" width="20" height="20">
|
|
<use xlink:href="#CoolSmile"></use>
|
|
</svg>
|
|
@endif
|
|
</div>
|
|
<template x-if="$store.typing && $store.activePeerId == {{ $user['id']}}">
|
|
<div class="is-typing">
|
|
<div class="jump1"></div>
|
|
<div class="jump2"></div>
|
|
<div class="jump3"></div>
|
|
<div class="jump4"></div>
|
|
<div class="jump5"></div>
|
|
</div>
|
|
</template>
|
|
<small class="w-1/4 text-end"><small>{{ $lastMessageText['created_at']->diffForHumans() }}</small></small>
|
|
</div>
|
|
@endif
|
|
@endforeach
|
|
@endif
|
|
</div>
|
|
</div>
|