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

<?xml version="1.0"?>
<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"
    xmlns:c="http://xmlns.jcp.org/jstl"
>
    <ui:define name="title">Gourmet Recipe Manager</ui:define>
    <ui:define name="content">
        <style>
.recipeTitle {
	font-size: larger;
	font-weight: bold;
}

.subtitle {
	font-size: large;
	font-weight: bold;
}

.ui-panelgrid-cell {
	border-width: 0;
	border-style: none;
}
</style>
        <h:messages />
        <h:form id="form1">
            <p:panelGrid label="#{recipeDetailBean.recipe.title}"
                columns="1"
            >
                <p:panelGrid>
                    <f:facet name="header">
                        <h:outputText styleClass="recipeTitle"
                            value="#{recipeDetailBean.recipe.title}"
                        />
                    </f:facet>
                    <p:row>
                        <p:column id="leftCol" style="width: 80%">
                            <p:panelGrid columns="2">
                                <img id="bigpix"
                                    src="/img/picture/#{recipeDetailBean.recipe.id}"
                                />
                                <p:panelGrid id="pnlDetails"
                                    columns="2"
                                >
                                    <p:commandButton
                                        value="Back"
                                        icon="ui-icon-arrowthick-1-w"
                                        action="main.jsf"
                                        immediate="true"
                                    />
                                    <p:commandButton
                                        value="Print"
                                        icon="ui-icon-print"
                                        action="recipePrint.jsf"
                                        styleClass="ui-button-print"
                                        immediate="true"
                                    />
                                    <p:outputLabel for="@next"
                                        value="Categories:"
                                    />
                                    <h:outputText
                                        label="Category: "
                                        value="#{userSession.formatCategories(recipeDetailBean.recipe)}"
                                    />
                                    <p:outputLabel for="@next"
                                        value="Cuisine:"
                                    />
                                    <h:outputText
                                        label="Cuisine: "
                                        value="#{recipeDetailBean.recipe.cuisine}"
                                    />
                                    <p:outputLabel for="@next"
                                        value="Prep Time:"
                                    />
                                    <h:outputText
                                        label="Prep Time: "
                                        value="#{userSession.formatTime(recipeDetailBean.recipe.preptime)}"
                                    />
                                    <p:outputLabel for="@next"
                                        value="Cook Time:"
                                    />
                                    <h:outputText
                                        label="Cook Time: "
                                        value="#{userSession.formatTime(recipeDetailBean.recipe.cooktime)}"
                                    />
                                </p:panelGrid>
                            </p:panelGrid>
                            <h:commandLink value="Edit Details"
                                action="#{recipeDetailBean.editDescription}"
                            >
                                <c:set target="#{flash}"
                                    property="recipeID"
                                    value="#{recipeDetailBean.recipe.id}"
                                />
                            </h:commandLink>
                            <!--  -->
                            <p:panelGrid id="pnlInstr"
                                columns="1" style="width: 100%"
                            >
                                <f:facet name="header">
                                    <h:outputText
                                        styleClass="subtitle"
                                        value="Instructions"
                                    />
                                </f:facet>
                                <h:outputText id="instructions"
                                    escape="false"
                                    value="#{recipeDetailBean.instructions}"
                                />
                                <h:commandLink
                                    value="Edit Instructions"
                                    action="#{recipeDetailBean.editInstructions}"
                                />
                            </p:panelGrid>
                            <p:panelGrid id="pnlNotes"
                                columns="1" style="width: 100%"
                            >
                                <f:facet name="header">
                                    <h:outputText
                                        styleClass="subtitle"
                                        value="Notes"
                                    />
                                </f:facet>
                                <h:outputText escape="false"
                                    value="#{recipeDetailBean.modifications}"
                                />
                                <h:commandLink value="Edit Notes"
                                    action="#{recipeDetailBean.editNotes}"
                                />
                            </p:panelGrid>
                            <p:button id="ctlDelete"
                                value="Delete Recipe"
                                action="#{recipeDetailBean.doDelete}"
                                immediate="true"
                            >
                                <f:facet name="confirmation">
                                    <h:outputText
                                        value="Delete this recipe. Are you sure?"
                                    />
                                </f:facet>
                            </p:button>
                        </p:column>
                        <!-- ====== Ingredients ============================ -->
                        <p:column id="ingredientsc"
                            style="width: 20%; vertical-align: top;"
                        >
                            <p:dataTable id="ingredients"
                                showDirectLinksArrows="true"
                                value="#{recipeDetailBean.ingredients}"
                                var="ingredient"
                            >
                                <f:facet name="header">
                                    <h:outputText
                                        styleClass="subtitle"
                                        value="Ingredients"
                                    />
                                </f:facet>
                                <f:facet name="footer">
                                    <h:commandLink
                                        value="Edit Ingredients"
                                        style="vertical-align: top"
                                        action="#{recipeDetailBean.editIngredients}"
                                    />
                                </f:facet>
                                <p:column label="Amt"
                                    style="width: 3em; text-align: right"
                                >
                                    <h:outputText
                                        value="#{ingredient.displayAmount}"
                                    />
                                </p:column>
                                <p:column label="Units"
                                    style="width: 4em"
                                >
                                    <h:outputText
                                        value="#{ingredient.unit}"
                                    />
                                </p:column>
                                <p:column label="Item"
                                    style="width: 20em"
                                >
                                    <h:outputText
                                        value="#{ingredient.item}"
                                    />
                                </p:column>
                                <p:column label="Optional"
                                    style="width: 2em"
                                >
                                    <p:selectBooleanCheckbox
                                        readonly="true"
                                        value="#{ingredient.optionalCB}"
                                    />
                                </p:column>
                            </p:dataTable>
                            <h:outputText
                                value="Recipe ID: #{recipeDetailBean.recipe.id}"
                            />
                        </p:column>
                    </p:row>
                </p:panelGrid>
            </p:panelGrid>
        </h:form>
    </ui:define>
</ui:composition>