gourmetj-springboot/src/main/resources/META-INF/resources/main.xhtml

<?xml version="1.0"  encoding="UTF-8"?>
<ui:composition template="/WEB-INF/layout/layout.xhtml"
    xmlns:h="http://xmlns.jcp.org/jsf/html"
    xmlns:f="http://xmlns.jcp.org/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui"
>
    <ui:define name="title">Gourmet Recipe Manager</ui:define>
    <ui:define name="content">
        <h:form id="form1">
            <div>
                <span class="ui-input-icon-left"> <i
                    class="pi pi-search"
                /> <p:inputText id="searchFor" size="45"
                        placeholder="Recipe title, (todo cuisine, etc.)"
                        value="#{adminMainBean.searchText}"
                    >
                        <f:ajax event="change" execute="@this"
                            render="form2:table1"
                            listener="#{adminMainBean.ajaxUpdateList}"
                        />
                    </p:inputText>
                </span>
                <p:commandButton id="find" value="Find"
                    defaultCommand="true"
                    action="#{adminMainBean.doFind}"
                />
                <p:commandButton id="ctlClear" value="Clear"
                    immediate="true"
                    update="form1:searchFor form2:table1"
                    action="#{adminMainBean.ajaxClearList}"
                />
                <p:commandButton value="New Recipe"
                    action="#{adminMainBean.doNewRecipe}"
                />
                <p:defaultCommand target="find" />
            </div>
        </h:form>
        <h:form id="form2">
            <p:dataTable id="table1" rows="30"
                value="#{adminMainBean.searchResults}" var="row"
                paginator="true"
                paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                currentPageReportTemplate="{startRecord}-{endRecord} of {totalRecords} records"
                rowsPerPageTemplate="5,10,15,20,30"
            >
                <p:column headerText="Icon">
                    <img height="40" src="/img/thumb/#{row.id}" />
                </p:column>
                <p:column headerText="Recipe"
                    style="width: 600px"
                >
                    <h:commandLink
                        action="#{adminMainBean.showRecipe}"
                        value="#{row.title}"
                    />
                </p:column>
                <p:column headerText="Category">
                    <h:outputText
                        value="#{userSession.formatCategories(row)}"
                    />
                </p:column>
                <p:column headerText="Cuisine">
                    <h:outputText value="#{row.cuisine}" />
                </p:column>
                <p:column headerText="Rating">
                    <p:rating value="#{row.rating}"
                        readonly="true"
                    />
                </p:column>
                <p:column headerText="Source">
                    <h:outputText value="#{row.source}" />
                </p:column>
                <p:column headerText="Prep Time">
                    <h:outputText
                        value="#{userSession.formatTime(row.preptime)}"
                    />
                </p:column>
            </p:dataTable>
        </h:form>
    </ui:define>
</ui:composition>