Untitled

#{rewardPoinCustomerNoSessionController.init()}
<!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:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:j="http://jleaf.org/faces"
      xmlns:jl="http://java.sun.com/jsf/composite/jlcomponents">
<ui:composition template="/WEB-INF/layouts/form-no-session.xhtml">
    <ui:define name="headPart">
        <j:lang id="lang" prefix="org.jleaf.erp.master.web" />
        <!-- CSS -->
        <link href="${request.contextPath}/jleaf.resource/org/jleaf/erp/master/web/resources/css/style.css" type="text/css" rel="stylesheet" />
        <!-- End CSS -->
        <title>#{piece['rewardPoinCustomer']}</title>
        <style>
            .importantInfo{
                font-size: 13px;
            }

            .headerInfo{
                font-size: 24px;
            }

            .msgInfo{
                font-size: 24px;
            }

            .saldoInfo{
                font-size: 36px;
                font-weight: bold;

            }

        </style>
    </ui:define>


    <ui:define name="content">
        <p class="msgInfo" >
            <p:messages autoUpdate="true" id="msg"/>
        </p>
        <p:panel header="#{piece['dataRewardPoinCustomer']}" style="width:100%;" >
            <p:panelGrid columns="1" id="headerPanel">
                <h:outputText value="#{rewardPoinCustomerNoSessionController.rewardPoinData['customerName']}" styleClass="headerInfo" />
                <h:outputText value="#{rewardPoinCustomerNoSessionController.rewardPoinData['address']}" styleClass="headerInfo" />
                <h:outputText value="#{rewardPoinCustomerNoSessionController.rewardPoinData['noHp']}" style="font-size:  18px;"/>

            </p:panelGrid>

            <hr/>
            <p:spacer height="10px"/>

            <p:panel>
                <p:panelGrid id="saldoPanel" style="width:100%;">
                    <p:row>
                        <p:column style="width: 50%">
                            <h:panelGrid columns="1"  >
                                <h:outputText value="#{piece['saldoStempelJelantahTitikDua']}" style="font-size: 28px;" />
                                <h:outputText value="#{rewardPoinCustomerNoSessionController.rewardPoinData['saldoStpJelantah']}"
                                    styleClass="saldoInfo" converter="#{numericConverter}"/>
                            </h:panelGrid>
                        </p:column>
                        <p:column style="width: 50%">
                            <h:panelGrid columns="1"  >
                                <h:outputText value="#{piece['saldoStempelKertasPlusNonKertasTitikDua']}" style="font-size: 28px;" />
                                <h:outputText value="#{rewardPoinCustomerNoSessionController.rewardPoinData['saldoStpKertasNonKertas']}"
                                    styleClass="saldoInfo" converter="#{numericConverter}"/>
                            </h:panelGrid>
                        </p:column>
                    </p:row>
                </p:panelGrid>
            </p:panel>

            <p:spacer height="10px"/>

            <p:fieldset id="dataLog" legend="#{piece['logDataRewardPoin']}">
                <p:panelGrid id="logDataFilterPanel" columns="2" >
                    <h:outputText value="#{piece['periode']}"/>
                    <h:outputText/>

                    <h:panelGroup>
                        <jl:datePicker value="#{rewardPoinCustomerNoSessionController.input['dateFrom']}"
                            id="dateFrom" required="true" />
                        <h:outputText value=" "  />
                        <h:outputText value="#{piece['to']}"  />
                        <h:outputText value=" "  />
                        <jl:datePicker value="#{rewardPoinCustomerNoSessionController.input['dateTo']}"
                            id="dateTo" required="true" />
                    </h:panelGroup>
                    <p:commandButton id="searchButton"
                            value="#{piece['search']}"
                            actionListener="#{rewardPoinCustomerNoSessionController.doSearchLogData()}"
                            ajax="true"
                            process="@this :rootform:logDataFilterPanel"
                            update="dataGrid" />

                </p:panelGrid>
                <p:defaultCommand target="searchButton"/>

                <p:spacer height="5px"/>
                <p class="importantInfo">
                ** Silahkan hubungi customer service jangjo untuk redeem poin/stempel
                </p>

                <p:dataTable id="dataGrid"
                    value="#{rewardPoinCustomerNoSessionController.logDataList}"
                    var="item"
                    paginator="true" rows="10"
                    paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                    rowsPerPageTemplate="10,25,50,100">

                    <p:column headerText="#{piece['tanggal']}">
                        <h:outputText value="#{item['date']}" converter="#{dateLetterConverter}" />
                    </p:column>

                    <p:column headerText="#{piece['jenisTransaksi']}">
                        <h:outputText value="#{item['docDesc']}"/>
                    </p:column>

                    <p:column headerText="#{piece['totalStempelJelantah']}">
                        <h:outputText style="float: right; text-align: right;"
                            value="#{item['totalStpJelantah']}" converter="#{numericConverter}" />
                    </p:column>

                    <p:column headerText="#{piece['totalStempelKertasPlusNonKertas']}">
                        <h:outputText style="float: right; text-align: right;"
                            value="#{item['totalStpKertasAndNonKertas']}" converter="#{numericConverter}" />
                    </p:column>

                </p:dataTable>

            </p:fieldset>
        </p:panel>
    </ui:define>
</ui:composition>
</html>