|
|
|
@ -571,10 +571,35 @@
|
|
|
|
|
|
|
|
|
|
<!-- RIGHT SIDE / USERS ACTIVITY -->
|
|
|
|
|
<div class="w-[25%] hidden xxlg1:flex flex-col gap-3">
|
|
|
|
|
<div class="w-full hidden xxlg1:block bg-white shadow-md rounded-md p-5 cursor-pointer">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{% if latest_statuses_time_ago %}
|
|
|
|
|
<div
|
|
|
|
|
class="hidden xxlg1:block w-full bg-white h-[1283px] overflow-y-auto overflow-hidden rounded-md shadow-md p-5">
|
|
|
|
|
<h1 class="text-2xl text-slate-700 text-center font-semibold">USERS ACTIVITY</h1>
|
|
|
|
|
<div class="w-full h-fit mt-2" id="activitiesContainer">
|
|
|
|
|
|
|
|
|
|
{% include 'recent-activities.html' %}
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
{% else %}
|
|
|
|
|
<div class="hidden xxlg1:block w-full bg-white h-[305px] overflow-y-auto overflow-hidden rounded-md shadow-md p-5">
|
|
|
|
|
<h1 class="text-2xl text-slate-700 text-center font-semibold">USERS ACTIVITY</h1>
|
|
|
|
|
<div class="w-full h-fit mt-2" id="activitiesContainer">
|
|
|
|
|
|
|
|
|
|
{% include 'recent-activities.html' %}
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
{% endif %}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!--<div class="w-full hidden xxlg1:block bg-white shadow-md rounded-md p-5 cursor-pointer">
|
|
|
|
|
<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-[22px] text-slate-700 font-bold uppercase text-center"><span class="text-green-700">14</span>
|
|
|
|
|
<p class="text-[22px] text-slate-700 font-bold uppercase text-center"><span class="text-green-700">3</span>
|
|
|
|
|
Connected User</p>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
@ -639,111 +664,11 @@
|
|
|
|
|
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>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{% if latest_statuses_time_ago %}
|
|
|
|
|
<div
|
|
|
|
|
class="hidden xxlg1:block w-full bg-white h-[1283px] overflow-y-auto overflow-hidden rounded-md shadow-md p-5">
|
|
|
|
|
<h1 class="text-2xl text-slate-700 text-center font-semibold">USERS ACTIVITY</h1>
|
|
|
|
|
<div class="w-full h-fit mt-2" id="activitiesContainer">
|
|
|
|
|
|
|
|
|
|
{% include 'recent-activities.html' %}
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
{% else %}
|
|
|
|
|
<div class="hidden xxlg1:block w-full bg-white h-[305px] overflow-y-auto overflow-hidden rounded-md shadow-md p-5">
|
|
|
|
|
<h1 class="text-2xl text-slate-700 text-center font-semibold">USERS ACTIVITY</h1>
|
|
|
|
|
<div class="w-full h-fit mt-2" id="activitiesContainer">
|
|
|
|
|
|
|
|
|
|
{% include 'recent-activities.html' %}
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
{% endif %}
|
|
|
|
|
</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|