Условно визуализация текста шаблона, как жирный

Question

Для моей страницы Входящие, в этом пользователе страницы будет иметь возможность видеть сообщения, сообщение будет иметь 2 типа состояния (пока не началось, In_progress) ..

DataTable, где пользователь будет может видеть, что все сообщения будут иметь 3 столбца:

Data, title, actions 

Состояние сообщений поступает из служб. Моя задача состоит в том, чтобы добавить BOLDED слово «NEW» к названию каждого сообщения, которое пользователь еще не открыл.

После открытия состояние изменится на «in_progress» и выделено жирным шрифтом «NEW« должно исчезнуть.

Или есть идея insted от NEW использовать какой-то значок.

То, что я сделал до сих пор является:

<p:column headerText="#{msg.title}"> 
    <h:outputText value="#{task.properties.bpm_status=='Not Yet Started'?'New ':''}" /> 
    <h:outputText value="#{task.properties.bpm_description}" /> 
</p:column> 

Проблема в том, что я не могу правильно добавить <b></b> полужирный его или добавить значок вместо этого.

Я попытался добавить <b></b> arround 'New', но в этом случае я получаю ошибку.

Answer 1

Вы можете использовать <ui:fragment> условно рендеринга шаблона текста.

<ui:fragment rendered="#{task.properties.bpm_status eq 'Not Yet Started'}"> 
    <b>New</b> 
</ui:fragment> 

В качестве альтернативы можно применить класс стиля.

<h:outputText value="New" styleClass="new" rendered="#{task.properties.bpm_status eq 'Not Yet Started'}" /> 

.new { 
    font-weight: bold; 
} 

Использование встроенных стилей через style атрибут плохая практика, поскольку это не абстрактные/многоразовые.

Answer 2

пытаются использовать следующий стиль в "style="font-weight:bold"" в час: outputText Tag

<h:outputText value="#{task.properties.bpm_status=='Not Yet Started'?'New ':''}" style="font-weight:bold" /> 

Я попробовал это и `S работу для меня