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