0

sepan disculpar si no expreso correctamente la pregunta. Tengo la intención de que una persona pueda elegir entre varios sistemas operativos y que al elegir se imprima en un Card de Bootstrap un icono, osea reemplazar caracteres por iconos las cuales utilizo de la página iconmoon, no he intentado nada por que realmente no tengo absolutamente idea de como desarrollar eso, ante cualquier duda responderé lo mejor posible, gracias de ante mano, les dejaré una foto de ejemplo: introducir la descripción de la imagen aquí

Así es iconmoon, viene con una carpeta font y lleva esto adentro: introducir la descripción de la imagen aquí

y también viene con un style.css

Esto es mi template: introducir la descripción de la imagen aquí

Y esto es mi models.py introducir la descripción de la imagen aquí

5
  • Al momento de elegir un sistema operativo (me imagino que es atraves de choices), en una vista de detalle por ejemplo ¿quieres mostrar un icono en ves del texto o choice elegido?. Por otra parte, los iconos los tienes descargados? es decir en la carpeta static/? o son enlaces a los iconos? (Si pudieras agregar mas detalles para la proxima seria de mucha ayuda... :] ) Commented el 24 nov. 2020 a las 1:28
  • Si, es un choice y quiero mostrar un icono en lugar del texto, es de iconmoon con la carpeta fonts y styles.css que viene predeterminado
    – Liam
    Commented el 24 nov. 2020 a las 2:47
  • No conozco como funciona iconmoon. Pero los iconos, son clases CSS o archivos (.svg, .png, etc)? Commented el 24 nov. 2020 a las 2:50
  • Son SVG y se inserta con un span como ejemplo: <span class="icon-windows8"></span> añadiré una captura de como es el iconmoon
    – Liam
    Commented el 24 nov. 2020 a las 2:57
  • Acabo de publicar mi respuesta, échale un vistaso. Commented el 24 nov. 2020 a las 4:12

1 respuesta 1

0

Tu modelo debería ser así:

class Platform(models.Model):
    platform = [
        ('windows', 'Windows'),
        ...
    ]

    platformTags = {
        'windows': 'windows8',
        ...
    }

    choice_platform = MultiSelectField(choices=platform)

    def get_platform_tags(self):
        return [
            (platform, self.platformTags.get(platform)) for platform in self.choice_platform
        ]

Cabe recalcar que los choices platform y platformTags, deben estar definidas dentro de la clase o modelo Platform, si no es asi, no funcionara, ademas de que es de buena practica.

El método get_platform_tags, retornara una lista con tuplas, el primer elemento de cada tupla es el valor real que se establece en el modelo respecto a los choices y el segundo elemento de cada tupla son las clases CSS correspondientes.

Entonces, tu template debería ser así:

{% for platform, tags in product.get_platform_tags %}
    <span class="{{ tags }}"></span>
{% endfor %}

Si no es necesario saber en el template a que plataforma pertenecen las clases CSS, entonces no es necesario retornar una lista con tuplas, si no simplemente las clases CSS, después de todo, tu objetivo es mostrar los iconos.

Entonce el método get_platform_tags podría ser así:

def get_platform_tags(self):
    return [self.platformTags.get(platform) for platform in self.choice_platform]

Simplemente retorna una lista de las clases CSS en base a los sistemas operativos seleccionados. Entonces, podrías mostrar los iconos en tu template tal que así:

{% for tags in product.get_platform_tags %}
    <span class="{{ tags }}"></span>
{% endfor %}

Espero haberte ayudado.

13
  • En la parte de def get_<field_name>_tags(self): no lo entiendo, que debe ir dentro del <field_name>?
    – Liam
    Commented el 24 nov. 2020 a las 17:03
  • El nombre del campo, el campo CharField que mencionaste. Aunque, el metodo puede llamarse como tu quieras, pero con ese nombre es mas legible. Commented el 24 nov. 2020 a las 17:25
  • Y si está el OS_SYSTEM_CHOICES por qué se hace un get al OS_SYSTEM_CHOICES_TAGS ? Lo puse tal cual y no me ha funcionado, obviamente con mis valores en el models.py
    – Liam
    Commented el 24 nov. 2020 a las 18:39
  • OS_SYSTEM_CHOICES_TAGS es un diccionario, que tiene las clases CSS para cada sistema operativo (OS_SYSTEM_CHOICES), ademas el get es un método de diccionario, esto es ya es de Python, no de Django. Por otra parte, actualiza tus pregunta con tu modelos, para ver que estas haciendo mal y el porque no te funciona. Commented el 24 nov. 2020 a las 18:56
  • Actualicé para que lo veas mejor, por que sigue sin funcionar
    – Liam
    Commented el 24 nov. 2020 a las 23:23

Tu Respuesta

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

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.