Я делаю небольшую доску вакансий, и у меня есть маленькие карточки для каждой работы. Эти карты динамически создаются из списка, отправленного из моего скрипта Python в html с помощью flask/jinja.
jobs = [{'title':'fix car', 'description':'my car broke down', 'price':100}]
HTML-пример
{% for item in jobs %}
<p> {{ item['title'] }} {{ item['description'] }} {{ item['price'] }} </p>
{% endfor %}
Я бы хотел, чтобы выбранные карты выделялись или выделялись. Итак, в моем скрипте Python, откуда берутся задания, я добавил бинарную опцию. 1 = рекомендуемый, 0 = обычный
Итак, в моем html это будет выглядеть примерно так:
{% for item in jobs %}
<p class='featured if item['featured']'> {{ item['title'] }} {{ item['description'] }} {{ item['price'] }}
{% endfor %}
поэтому он получит новый класс CSS, если для его ключевого параметра установлено значение 1.
Пример CSS
.featured {
background-color: blue;
}
Вы можете использовать встроенное условие для более короткого результата:
<p class='{{"featured" if item["featured"] else "normal"}}'> {{ item['title'] }} {{ item['description'] }} {{ item['price'] }}</p>
Однако, если вы не хотите включать класс для нерекомендованных карточек, можно использовать общий оператор if
-else
:
{%if item["featured"]%}
<p class='featured'> {{ item['title'] }} {{ item['description'] }} {{ item['price'] }}</p>
{%else%}
<p> {{ item['title'] }} {{ item['description'] }} {{ item['price'] }}</p>
{%endif%}