new

osinaweb/osinacore/templates/chat_templates/partials/visitors.html

@@ -13,6 +13,17 @@
         {% for visitor in visitors %}
         <div data-visitorid = {{visitor.id}} class="visitor w-full flex justify-between gap-2 items-center py-3 px-3 border-b border-gray-200 text-sm cursor-pointer bg-white">
             <div class="w-full flex gap-2 items-center">
+                <div class="w-[40px] h-[40px] bg-osiblue rounded-full relative">
+                    {% if not visitor.country == 'Unknown' %}
+                        <img src="{{visitor.flag_image_url}}">
+                    {% else %}
+                        <img class="w-[30px] h-[25px] absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2" src="{% static 'images/ositcom_logos/ositcomwhite(o).png' %}">
+                    {% endif %}
+
+                    {% if visitor.is_online %}
+                    <div class="online absolute w-[12px] h-[12px] border-2 border-white bg-green-600 rounded-full bottom-0 right-0"></div>
+                    {% endif %}
+                </div>
 
                 <div class="flex flex-col">   
                     <p class="text-secondosiblue font-poppinsBold">{{visitor.ip_address}}</p>
@@ -27,7 +38,7 @@
             
             </div>
 
-            <p class="duration text-gray-500 text-sm">{{visitor.total_duration}}</p>
+        
         </div>
         {% endfor %}
     </div>