Icono en Field Selection 🪁 | Font Awesome Odoo | class d-inline-flex en campo Selection con ícono

¿Cómo mostrar iconos junto a un campo Select en Odoo?

Introducción al proyecto

• Josué presenta el video y explica que mostrará cómo implementar iconos al lado de un campo Select en Odoo, donde el icono y su color cambian según la selección del usuario.

Creación del modelo

• Se menciona que se ha agregado un nuevo campo llamado "prioridad" al modelo "task", utilizando herencia. También se creó otro campo llamado "complejidad".

• El campo "prioridad" es de tipo selección con valores: lower (muy baja), low (baja), medium (media), high (alta) y higher (muy alta). Por defecto, se selecciona "lower".

Configuración de la vista

• Se crea una vista heredada para mostrar el nuevo campo. La etiqueta para el campo prioridad se agrega en la línea 12.

• En la línea 13, se abre un <div> que contendrá tanto el valor del campo como los iconos correspondientes.

Lógica de visualización de iconos

• Dentro del <div>, se muestra el valor seleccionado y los iconos asociados. La lógica para cambiar los iconos depende del valor seleccionado en el campo prioridad.

• Se utiliza un <span> con clases específicas para mostrar diferentes colores e iconos según la opción seleccionada: gris para "lower", azul para "low", etc.

Ejemplificación de los iconos

• Para cada nivel de prioridad, hay un ícono específico:

• Flecha hacia abajo en gris para "very low".

• Flecha hacia abajo en azul para "low".

• Flecha apuntando a la derecha en color estándar para "medium".

• Flecha hacia arriba anaranjada para "high".

• Mismo ícono rojo para "very high".

Conclusión sobre la implementación

• Josué concluye mostrando cómo se ve todo esto en pantalla y menciona que aunque podría haberse hecho usando widgets, optó por esta solución más directa.