Skip to main content
se añadieron 495 caracteres en el cuerpo
Origen Enlace
Julio Cesar
  • 3.3k
  • 11
  • 22
  • 47

Como son clases CSS, puedes crear un método que retorne las clases CSS en base al sistema operativo seleccionado:

class Model(models.Model):
    ...

    def get_<field_name>_tags(self):
        if self.field_name == 'windows': 
            return 'icon-windows8'
        elif self.field_name == '..': 
            return '...'
        elif ...

Pero si son muchas opciones, no es optimo tantos condicionales,Tu modelo debería ser así que lo mejor sera gestionarlo con diccionarios:

class ModelPlatform(models.Model):
 
    OS_SYSTEM_CHOICESplatform = [
        ('windows', 'Windows'),
        ('ubuntu20.04', 'Ubuntu 20.04 LTS'),
        ...
    ] 

    OS_SYSTEM_CHOICES_TAGSplatformTags = {
        'windows': 'icon-windows8''windows8',
        #...
  ^  }

    choice_platform = MultiSelectField(choices=platform)

    def ^get_platform_tags(self):
        #return [
 ^         clases CSS (si son varias clasesplatform, separadas por un espacioself.platformTags.get(platform)
      ) for #platform in ^self.choice_platform
        # valor real]

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í:

{% quefor seplatform, establecerátags enin elproduct.get_platform_tags modelo%}
     <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_<field_name>_tagsget_platform_tags(self):
        return self[self.OS_SYSTEM_CHOICES_TAGSplatformTags.get(platform) for platform in self.<field_name>)choice_platform]

YSimplemente retorna una lista de las clases CSS en tu template, ya sea que usaste la primera o segunda formabase a los sistemas operativos seleccionados. Entonces, puedespodrías mostrar los iconos en tu icono algotemplate tal que así:

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

Como son clases CSS, puedes crear un método que retorne las clases CSS en base al sistema operativo seleccionado:

class Model(models.Model):
    ...

    def get_<field_name>_tags(self):
        if self.field_name == 'windows': 
            return 'icon-windows8'
        elif self.field_name == '..': 
            return '...'
        elif ...

Pero si son muchas opciones, no es optimo tantos condicionales, así que lo mejor sera gestionarlo con diccionarios:

class Model(models.Model):
 
    OS_SYSTEM_CHOICES = [
        ('windows', 'Windows'),
        ('ubuntu20.04', 'Ubuntu 20.04 LTS'),
        ...
    ] 

    OS_SYSTEM_CHOICES_TAGS = {
        'windows': 'icon-windows8'
        #  ^             ^
        #  ^         clases CSS (si son varias clases, separadas por un espacio)
        #  ^
        # valor real que se establecerá en el modelo
        ...
    }
 
    def get_<field_name>_tags(self):
        return self.OS_SYSTEM_CHOICES_TAGS.get(self.<field_name>)

Y en tu template, ya sea que usaste la primera o segunda forma, puedes mostrar tu icono algo así:

<span class="{{ object.get_<field_name>_tags }}"></span> 

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 %}
Origen Enlace
Julio Cesar
  • 3.3k
  • 11
  • 22
  • 47

Como son clases CSS, puedes crear un método que retorne las clases CSS en base al sistema operativo seleccionado:

class Model(models.Model):
    ...

    def get_<field_name>_tags(self):
        if self.field_name == 'windows': 
            return 'icon-windows8'
        elif self.field_name == '..': 
            return '...'
        elif ...

Pero si son muchas opciones, no es optimo tantos condicionales, así que lo mejor sera gestionarlo con diccionarios:

class Model(models.Model):

    OS_SYSTEM_CHOICES = [
        ('windows', 'Windows'),
        ('ubuntu20.04', 'Ubuntu 20.04 LTS'),
        ...
    ] 

    OS_SYSTEM_CHOICES_TAGS = {
        'windows': 'icon-windows8'
        #  ^             ^
        #  ^         clases CSS (si son varias clases, separadas por un espacio)
        #  ^
        # valor real que se establecerá en el modelo
        ...
    }

    def get_<field_name>_tags(self):
        return self.OS_SYSTEM_CHOICES_TAGS.get(self.<field_name>)

Y en tu template, ya sea que usaste la primera o segunda forma, puedes mostrar tu icono algo así:

<span class="{{ object.get_<field_name>_tags }}"></span> 

Espero haberte ayudado.