Skip to main content
3 de 3
etiquetas editadas
toledano
  • 5k
  • 10
  • 41
  • 66

Actualizar div automaticamente en template de django

Estoy intentando desarrollar un dashboard con django que muestre notificaciones y actualice su estado automaticamente.

Estuve viendo que con Ajax y Jquery puedo actulizar div sin problema...

Pero estoy teniendo problemas con los templates pues uso Django.

Aca mi codigo

View de Django para mostrar en loaddiv

@login_required
def profile(request):
    #email = Email.objects.all()
    squid_status = Squid.objects.filter(fecha__gte=timezone.now() - timezone.timedelta(days=1)).values_list('user', flat=True).distinct().count()
    email_status = Email_org.objects.filter(fecha__gte=timezone.now() - timezone.timedelta(days=1)).values_list('msgid', flat=True).distinct().count()
    incidencias_nav_status = Incidencia.objects.filter(fecha__gte=timezone.now() - timezone.timedelta(days=1)).values_list('id', flat=True).distinct().count()
    incidencias_mial_status = Incidencia_email.objects.filter(fecha__gte=timezone.now() - timezone.timedelta(days=1)).values_list('id', flat=True).distinct().count()
    incidencias_status = incidencias_nav_status + incidencias_mial_status
    return render(request, 'panel/loaddiv.html',{'email_status':email_status, 'squid_status':squid_status, 'incidencias_status':incidencias_status})

View de Django para mostrar en templeta de dashboard

@login_required
def profile2(request):
#email = Email.objects.all()
squid_status = Squid.objects.filter(fecha__gte=timezone.now() - timezone.timedelta(days=1)).values_list('user', flat=True).distinct().count()
email_status = Email_org.objects.filter(fecha__gte=timezone.now() - timezone.timedelta(days=1)).values_list('msgid', flat=True).distinct().count()
#incidencias_nav_status = Incidencia.objects.filter(fecha__gte=timezone.now() - timezone.timedelta(days=1)).values_list('id', flat=True).distinct().count()
#incidencias_mial_status = Incidencia_email.objects.filter(fecha__gte=timezone.now() - timezone.timedelta(days=1)).values_list('id', flat=True).distinct().count()
return render(request, 'panel/profile2.html')

Javascript en el template que muestra toda la informacion

<script>
  $(document).ready(function() {
  var refreshId =  setInterval( function(){
  $('#alerta_incidencias').load('/loaddiv');//actualizas el div
  }, 1000 );
  });
</script>

HTMLen la pagina donde se actualizan los datos

<div id="alerta_incidencias">
 <div class="widget red-bg p-lg text-center">
 <div class="m-b-md">
 <i class="fa fa-bell fa-4x"></i>
 <h1 class="m-xs">{{incidencias_status}} </h1>
 <h3 class="font-bold no-margins">
  Incidencia{{incidencias_status|pluralize}}  
  registrada{{incidencias_status|pluralize}}
 </h3>
 <h4 class="font-bold no-margins"><a  href="{%url 'incidencias' %}">          
 Detalles...</a></h4>
 </div>
 </div>

No logro que el templete cargue los datos desde "loaddiv" A mi entender estoy pasando mal los parametros de la url en el javascript

Saludos