Alteração da cor no background dependendo do evento na agenda primefaces (schedule)

Front-end
, ,
#1

Gostaria de que os eventos listados na minha agenda fossem diferenciados por cores, (vermelho para aguardando e azul para aprovado), eu já consegui criar o botão para aprovar dentro de cada evento comunicando com o banco de dados.

Segue o código:

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Agenda</title>
    </h:head>
    <h:body>
        <h:form id="form">
            <script language="javascript">
                PrimeFaces.locales['pt'] = {
                    closeText: 'Fechar',
                    prevText: 'Anterior',
                    nextText: 'Próximo',
                    currentText: 'Começo',
                    monthNames: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
                    monthNamesShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'],
                    dayNames: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado'],
                    dayNamesShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb'],
                    dayNamesMin: ['D', 'S', 'T', 'Q', 'Q', 'S', 'S'],
                    weekHeader: 'Semana',
                    firstDay: 1,
                    isRTL: false,
                    showMonthAfterYear: false,
                    yearSuffix: '',
                    timeOnlyTitle: 'Só Horas',
                    timeText: 'Tempo',
                    hourText: 'Hora',
                    minuteText: 'Minuto',
                    secondText: 'Segundo',
                    currentText: 'Data Atual',
                            ampm: false,
                    month: 'Mês',
                    week: 'Semana',
                    day: 'Dia',
                    allDayText: 'Todo Dia'
                };
            </script>

            <p:growl id="messages" showDetail="true" />

            <h:panelGrid columns="3">
                <p:commandButton value="Cadastrar Responsável" action="#{agendaController.cadastrarResponsavel()}" ajax="false"/>
                <p:commandButton value="Cadastrar Regional" action="#{agendaController.cadastrarRegional()}" ajax="false"/>
                <p:commandButton value="Cadastrar Resp / Reg" action="#{agendaController.juntarResponsavelRegional()}" ajax="false"/>
                <p:commandButton value="Relatórios" action="#{agendaController.gerarRelatorios()}" ajax="false"/>
                <p:commandButton value="Fechar" action="#{agendaController.redirect()}" ajax="false"/>
            </h:panelGrid>

            <p:schedule id="agenda" value="#{agendaController['eventModel']}"  widgetVar="agenda" locale="pt">
                <p:ajax event="dateSelect" listener="#{agendaController.onDateSelect}" update="detalhes"  oncomplete="eventDialog.show()" />
                <p:ajax event="eventSelect" listener="#{agendaController.onEventSelect}" update="editPanel" oncomplete="editDialog.show()" />
                <p:ajax event="eventMove" listener="#{agendaController.onEventMove}" update="messages" />
                <p:ajax event="eventResize" listener="#{agendaController.onEventResize}" update="messages" />
            </p:schedule>

            <p:dialog id="editDialog" widgetVar="editDialog" header="Agendamento" showEffect="clip" hideEffect="clip">
                <p:panelGrid id="editPanel" columns="2">
                    <h:outputText value="Responsável:"/>
                    <h:outputText id="responsavel_nome_out" value="#{agendaController.agenda.origem.regionalHasResponsavel.responsavel.nome}"/>

                    <h:outputText value="Regional:"/>
                    <h:outputText id="origem_out" value="#{agendaController.agenda.origem.regionalHasResponsavel.regional.nome}"/>

                    <h:outputText value="Qtde. caixa:"/>
                    <h:outputText id="qtde_caixa_out" value="#{agendaController.agenda.origem.qtdeCaixa}"/>

                    <h:outputText value="Qtde. equipamento:"/>
                    <h:outputText id="qtde_equip_out" value="#{agendaController.agenda.origem.qtdeEquipamento}"/>

                </p:panelGrid>
                <p:commandButton id="deleteButton" actionListener="#{agendaController.deleteEvent}" value="Deletar" update="messages" oncomplete="editDialog.hide();agenda.update();" onclick="editDialog.hide();"/>
                <p:commandButton id="aprovacaoButton" actionListener="#{agendaController.aprovacaoEvent}" value="Aprovar" update="messages" oncomplete="editDialog.hide();agenda.update();" onclick="editDialog.hide();"/>
            </p:dialog>

            <p:dialog id="eventDialog" widgetVar="eventDialog" header="Agendamento" showEffect="clip" hideEffect="clip">
                <p:panelGrid id="detalhes" columns="2">


                    <p:outputLabel for="responsavel_nome" value="Responsável:"/>
                    <p:selectOneMenu id="responsavel_nome" value="#{agendaController.responsavel}"
                                     converter="responsavelConverter">
                        <p:ajax event="change" listener="#{agendaController.updateRegionalPorResponsavel()}" update="origem, messages"/>
                        <f:selectItems value="#{agendaController.responsaveis}"/>
                    </p:selectOneMenu>

                    <p:outputLabel for="origem" value="Regional:"/>
                    <p:selectOneMenu id="origem" value="#{agendaController.hasResponsavel}"
                                     converter="hasResponsavelConverter">
                        <f:selectItems value="#{agendaController.regionalByResponsavel}"/>
                    </p:selectOneMenu>

                    <p:outputLabel for="qtde_caixa" value="Qtde. caixa:"/>
                    <p:inputText id="qtde_caixa" value="#{agendaController.agenda.origem.qtdeCaixa}" required="true" requiredMessage="A quantidade de caixas é obrigatória." size="5"/>

                    <p:outputLabel for="qtde_equip" value="Qtde. equipamento:"/>
                    <p:inputText id="qtde_equip" value="#{agendaController.agenda.origem.qtdeEquipamento}" required="true" requiredMessage="A quantidade de equipamentos é obrigatória." size="5"/>

                </p:panelGrid>

                <h:panelGrid columns="3">

                    <p:commandButton type="reset" value="Resetar campos" />
                    <p:commandButton id="saveButton" value="Salvar" actionListener="#{agendaController.addEvent}" update="messages"
                                     oncomplete="agenda.update();eventDialog.hide();" onclick="eventDialog.hide();"/>

                </h:panelGrid>

            </p:dialog>

            <p:blockUI block="form" trigger="saveButton">
                LOADING<br />
                <p:graphicImage value="/images/ajax-loader.gif"/>
            </p:blockUI>
            <p:blockUI block="form" trigger="saveButton">
                LOADING<br />
                <p:graphicImage value="/images/ajax-loader.gif"/>
            </p:blockUI>

            <p:blockUI block="form" trigger="deleteButton">
                LOADING<br />
                <p:graphicImage value="/images/ajax-loader.gif"/>
            </p:blockUI>

        </h:form>
    </h:body>
</html>