|
|
|
@ -598,151 +598,25 @@
|
|
|
|
|
<div class="w-full h-full flex flex-col gap-3 items-center">
|
|
|
|
|
<div class="w-full flex justify-center items-center">
|
|
|
|
|
<p class="text-[20px] text-secondosiblue font-bold text-center"><span
|
|
|
|
|
class="text-green-700">14</span>
|
|
|
|
|
Connected User</p>
|
|
|
|
|
class="text-green-700"></span>
|
|
|
|
|
Connected Users</p>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="w-full flex flex-wrap gap-2">
|
|
|
|
|
|
|
|
|
|
{% for online in online_staff_profiles %}
|
|
|
|
|
<div class="relative userProfileContainer">
|
|
|
|
|
<div
|
|
|
|
|
class="w-fit py-2 px-3 bg-gray-700 bg-opacity-60 text-white absolute bottom-10 whitespace-nowrap hidden userName">
|
|
|
|
|
<p>Salim Elliye</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="w-[30px] h-[30px] rounded-full userImage">
|
|
|
|
|
<img src="{% static 'images/1669023415919.jpeg' %}" alt="User Image"
|
|
|
|
|
class="w-full h-full rounded-full object-cover">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="relative userProfileContainer">
|
|
|
|
|
<div
|
|
|
|
|
class="w-fit py-2 px-3 bg-gray-700 bg-opacity-60 text-white absolute bottom-10 whitespace-nowrap hidden userName">
|
|
|
|
|
<p>Salim Elliye</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="w-[30px] h-[30px] rounded-full userImage">
|
|
|
|
|
<img src="{% static 'images/1686063290067.jpeg' %}" alt="User Image"
|
|
|
|
|
class="w-full h-full rounded-full object-cover">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="relative userProfileContainer">
|
|
|
|
|
<div
|
|
|
|
|
class="w-fit py-2 px-3 bg-gray-700 bg-opacity-60 text-white absolute bottom-10 whitespace-nowrap hidden userName">
|
|
|
|
|
<p>Salim Elliye</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="w-[30px] h-[30px] rounded-full userImage">
|
|
|
|
|
<img src="{% static 'images/avatar3.png' %}" alt="User Image"
|
|
|
|
|
class="w-full h-full rounded-full object-cover">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="relative userProfileContainer">
|
|
|
|
|
<div
|
|
|
|
|
class="w-fit py-2 px-3 bg-gray-700 bg-opacity-60 text-white absolute bottom-10 whitespace-nowrap hidden userName">
|
|
|
|
|
<p>Salim Elliye</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="w-[30px] h-[30px] rounded-full userImage">
|
|
|
|
|
<img src="{% static 'images/1669023415919.jpeg' %}" alt="User Image"
|
|
|
|
|
class="w-full h-full rounded-full object-cover">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="relative userProfileContainer">
|
|
|
|
|
<div
|
|
|
|
|
class="w-fit py-2 px-3 bg-gray-700 bg-opacity-60 text-white absolute bottom-10 whitespace-nowrap hidden userName">
|
|
|
|
|
<p>Salim Elliye</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="w-[30px] h-[30px] rounded-full userImage">
|
|
|
|
|
<img src="{% static 'images/1686063290067.jpeg' %}" alt="User Image"
|
|
|
|
|
class="w-full h-full rounded-full object-cover">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="relative userProfileContainer">
|
|
|
|
|
<div
|
|
|
|
|
class="w-fit py-2 px-3 bg-gray-700 bg-opacity-60 text-white absolute bottom-10 whitespace-nowrap hidden userName">
|
|
|
|
|
<p>Salim Elliye</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="w-[30px] h-[30px] rounded-full userImage">
|
|
|
|
|
<img src="{% static 'images/avatar3.png' %}" alt="User Image"
|
|
|
|
|
class="w-full h-full rounded-full object-cover">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="relative userProfileContainer">
|
|
|
|
|
<div
|
|
|
|
|
class="w-fit py-2 px-3 bg-gray-700 bg-opacity-60 text-white absolute bottom-10 whitespace-nowrap hidden userName">
|
|
|
|
|
<p>Salim Elliye</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="w-[30px] h-[30px] rounded-full userImage">
|
|
|
|
|
<img src="{% static 'images/1669023415919.jpeg' %}" alt="User Image"
|
|
|
|
|
class="w-full h-full rounded-full object-cover">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="relative userProfileContainer">
|
|
|
|
|
<div
|
|
|
|
|
class="w-fit py-2 px-3 bg-gray-700 bg-opacity-60 text-white absolute bottom-10 whitespace-nowrap hidden userName">
|
|
|
|
|
<p>Salim Elliye</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="w-[30px] h-[30px] rounded-full userImage">
|
|
|
|
|
<img src="{% static 'images/1686063290067.jpeg' %}" alt="User Image"
|
|
|
|
|
class="w-full h-full rounded-full object-cover">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="relative userProfileContainer">
|
|
|
|
|
<div
|
|
|
|
|
class="w-fit py-2 px-3 bg-gray-700 bg-opacity-60 text-white absolute bottom-10 whitespace-nowrap hidden userName">
|
|
|
|
|
<p>Salim Elliye</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="w-[30px] h-[30px] rounded-full userImage">
|
|
|
|
|
<img src="{% static 'images/avatar3.png' %}" alt="User Image"
|
|
|
|
|
class="w-full h-full rounded-full object-cover">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="relative userProfileContainer">
|
|
|
|
|
<div
|
|
|
|
|
class="w-fit py-2 px-3 bg-gray-700 bg-opacity-60 text-white absolute bottom-10 whitespace-nowrap hidden userName">
|
|
|
|
|
<p>Salim Elliye</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="w-[30px] h-[30px] rounded-full userImage">
|
|
|
|
|
<img src="{% static 'images/1669023415919.jpeg' %}" alt="User Image"
|
|
|
|
|
class="w-full h-full rounded-full object-cover">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="relative userProfileContainer">
|
|
|
|
|
<div
|
|
|
|
|
class="w-fit py-2 px-3 bg-gray-700 bg-opacity-60 text-white absolute bottom-10 whitespace-nowrap hidden userName">
|
|
|
|
|
<p>Salim Elliye</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="w-[30px] h-[30px] rounded-full userImage">
|
|
|
|
|
<img src="{% static 'images/1686063290067.jpeg' %}" alt="User Image"
|
|
|
|
|
class="w-full h-full rounded-full object-cover">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="relative userProfileContainer">
|
|
|
|
|
<div
|
|
|
|
|
class="w-fit py-2 px-3 bg-gray-700 bg-opacity-60 text-white absolute bottom-10 whitespace-nowrap hidden userName">
|
|
|
|
|
<p>Salim Elliye</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="w-[30px] h-[30px] rounded-full userImage">
|
|
|
|
|
<img src="{% static 'images/avatar3.png' %}" alt="User Image"
|
|
|
|
|
class="w-full h-full rounded-full object-cover">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="relative userProfileContainer">
|
|
|
|
|
<div
|
|
|
|
|
class="w-fit py-2 px-3 bg-gray-700 bg-opacity-60 text-white absolute bottom-10 whitespace-nowrap hidden userName">
|
|
|
|
|
<p>Salim Elliye</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="w-[30px] h-[30px] rounded-full userImage">
|
|
|
|
|
<img src="{% static 'images/1669023415919.jpeg' %}" alt="User Image"
|
|
|
|
|
class="w-full h-full rounded-full object-cover">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="relative userProfileContainer">
|
|
|
|
|
<div
|
|
|
|
|
class="w-fit py-2 px-3 bg-gray-700 bg-opacity-60 text-white absolute bottom-10 whitespace-nowrap hidden userName">
|
|
|
|
|
<p>Salim Elliye</p>
|
|
|
|
|
<p>{{online.user.first_name}}</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="w-[30px] h-[30px] rounded-full userImage">
|
|
|
|
|
<img src="{% static 'images/1686063290067.jpeg' %}" alt="User Image"
|
|
|
|
|
<img src="{{online.image.url}}" alt="User Image"
|
|
|
|
|
class="w-full h-full rounded-full object-cover">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
{% endfor %}
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|