You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
1.6 KiB
HTML
30 lines
1.6 KiB
HTML
<div class="h-full border-r border-gray-200 bg-gray-50 flex flex-col text-secondosiblue">
|
|
<!-- HEADER -->
|
|
<div class="w-full flex items-center gap-1 py-3 px-3 border-b border-gray-100 text-[17px]">
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
|
|
stroke="currentColor" class="w-5">
|
|
<path stroke-linecap="round" stroke-linejoin="round"
|
|
d="M7.5 8.25h9m-9 3H12m-9.75 1.51c0 1.6 1.123 2.994 2.707 3.227 1.129.166 2.27.293 3.423.379.35.026.67.21.865.501L12 21l2.755-4.133a1.14 1.14 0 0 1 .865-.501 48.172 48.172 0 0 0 3.423-.379c1.584-.233 2.707-1.626 2.707-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0 0 12 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018Z" />
|
|
</svg>
|
|
<p>Chats</p>
|
|
</div>
|
|
|
|
<!-- CHATS -->
|
|
|
|
{% for chat in latest_chat_rooms %}
|
|
<div class="w-full flex flex-col gap-1 py-3 px-3 border-b border-gray-100 text-sm cursor-pointer" data-id="{{chat.id}}" onclick="openConversation({{chat.id}})">
|
|
<div class="w-full flex justify-between items-center">
|
|
<p class="text-secondosiblue font-poppinsBold">{{chat.chatroomguest.name}}</p>
|
|
|
|
<div
|
|
class="w-[20px] h-[20px] bg-osiblue rounded-full shadow-md flex justify-center items-center text-white text-[10px]">
|
|
<p>22</p>
|
|
</div>
|
|
</div>
|
|
|
|
<p class="text-gray-500 text-xs">{{chat.chatmessage_set.all.last.content}}</p>
|
|
|
|
<p class="text-gray-500 opacity-70 text-xs">{{chat.last_updated}}</p>
|
|
</div>
|
|
{% endfor %}
|
|
</div> |