0

Mi Html: El problema es que no me quiere acceder a los valores del diccionario de grupo_estilos, para ser mas exacto no me accede a el valor de la clave 'Agua' y es lo mismo con las otras claves 'Aceite', 'Luz'...etc, es decir que de 'Agua.bg_class' me devuelda un vacio y lo mismo con el 'text' e 'imagen'. Tengo entendido que las plantillas de django no adminten o no soportan trabajar con diccionarios, pero es por esos que cree un filtro que permite acceder a los diccionarios desde la plantilla, bueno ademas de este problema quisiera saber como es que se trabaja con estilos en un bucle for y con los ForModel de django, y como hago este problema de la plantilla que no me deja acceder a los valores de mi diccionario

Mi filtro:

@register.filter(name='diccionario')
def get_item(dictionary, key):
if isinstance(dictionary, dict):
    return mark_safe(dictionary.get(key, ""))
return ""

Mi html:

{% extends 'ficha/base.html' %}
{% load filtros_personales %}

{% load static %}

{% block content %}


 <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" type="text/css" href="{% static 'ficha/css/inicio.css '%}">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
        <script src="https://kit.fontawesome.com/01e154aaee.js" crossorigin="anonymous"></script>
        <!-- {% block titulo %}INICIO{% endblock %} -->
    </head>
    <h1>Panel de Control</h1>

    <section class="section content-box">
        <h3 class="title-databox">Tablero Panel de Control</h3>
        {% for grupo in grupos %}
            {% if grupo.nombre in grupo_estilos %}
                {% with grupo_estilos|diccionario:grupo.nombre as value %}
                    <div class="data-box {{ value.bg_class }}">
                        <div class="inside-text">
                            <h3>150</h3>
                            <p>{{ value.texto|safe }}</p>
                        </div>
                        <div class="icon">
                            <img src="{% static value.imagen %}" alt="{{ grupo.nombre }}" class="img-icon">
                        </div>
                        <a href="{% url 'ficha:inicio_grupos' grupo.id %}" class="info">
                            Más info <i class="fa fa-arrow-circle-right"></i>
                        </a>
                    </div>
                {% endwith %}
            {% else %}
                <p>No se encontró estilo para el grupo: {{ grupo.nombre }}</p>
            {% endif %}
        {% endfor %}
    </section>
    

    <section class="content-chart">
        <h3>Joven por Tribu</h3>
        <canvas id="my-chart"> </canvas>
        <div id="labels-container" style="margin-left: 20px;">
            <!-- Aquí se agregarán los labels -->
        </div>
    </section>
{% endblock %}

Mi vista:

def inicio(request, grupoespiritual_id=None): 

perfil = request.user.perfilusuario
grupoespiritual = GrupoEspiritual.objects.all()

grupo_estilos = {
    "Agua": {
        "bg_class": "bg-agua",
        "texto": "Jóvenes en el Grupo <br>Agua",
        "imagen": "ficha/image/gotas.png",
    },
    "Aceite": {
        "bg_class": "bg-aceite",
        "texto": "Jóvenes en el Grupo <br>Aceite",
        "imagen": "ficha/image/petroleo.png",
    },
    "Sal": {
        "bg_class": "bg-sal",
        "texto": "Jóvenes en el Grupo <br>Sal",
        "imagen": "ficha/image/salFB.png",
    },
    "Luz": {
        "bg_class": "bg-luz",
        "texto": "Jóvenes en el Grupo <br>Luz",
        "imagen": "ficha/image/luz-de-tungsteno.png",
    },
    "Altar": {
        "bg_class": "bg-altar",
        "texto": "Jóvenes que desean <br>Servir en el Altar",
        "imagen": "ficha/image/altar.png",
    },
    "Registrado": {
        "bg_class": "bg-agregado",
        "texto": "Jóvenes <br>Registrados",
        "imagen": "ficha/image/addJoven.png",
    },
    "Apartados": {
        "bg_class": "bg-apartado",
        "texto": "Jóvenes <br>Apartados",
        "imagen": "ficha/image/removeJoven.png",
    },
    "Iglesias": {
        "bg_class": "bg-iglesias",
        "texto": "Iglesias <br>Registradas",
        "imagen": "ficha/image/iglesia.png",
    },
    # Añada mas grupos aqui si es necesario
}

# print(f'Este es el dict: {grupo_estilos}')Depuracion
if perfil.es_encargado_nacional:
    
    if grupoespiritual_id:
        g_espiritual = GrupoEspiritual.objects.get(id=grupoespiritual_id)
        jovenes = FichaJoven.objects.filter(grupoespiritual=g_espiritual)
        return render(request, 'ficha/panels/jovenes.html', {'grupos': grupoespiritual, 'jovenes': jovenes, 'grupo_estilos': grupo_estilos})
    else:
        return render(request, 'ficha/panels/inicio.html', {'grupos': grupoespiritual, 'grupo_estilos': grupo_estilos})
    
elif perfil.es_asistente or perfil.es_encargado:
    if grupoespiritual_id:
        g_espiritual = GrupoEspiritual.objects.get(id=grupoespiritual_id)
        jovenes = FichaJoven.objects.filter(grupoespiritual=g_espiritual, departamento=perfil.departamento)
        return render(request, 'ficha/panels/jovenes.html', {'grupos': grupoespiritual, 'jovenes': jovenes, 'grupo_estilos': grupo_estilos})
    else:
        return render(request, 'ficha/panels/inicio.html', {'grupos': grupoespiritual, 'grupo_estilos': grupo_estilos})
return render(request, 'ficha/panels/inicio.html', {'grupos': grupoespiritual, 'grupo_estilos': grupo_estilos})

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

Examina otras preguntas con la etiqueta o formula tu propia pregunta.