Untitled

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui" lang="pt-br">

<ui:composition template="../templates/template.xhtml">
    <ui:define name="center">
        <!-- NotificationBar e Ajax Status para relatar estados de conexão -->
        <p:notificationBar position="bottom" effect="slide"
            widgetVar="barraDeNotificacao"
            style="z-index: 9999; height: 100px; background: #FF5959;">
            <h:outputText
                value="Ocorreu um erro de conexão ou a conexão foi interrompida. Verifique e tente recarregar a página..."
                styleClass="notificationBarDeErro" style="color: white;" />
        </p:notificationBar>
        <p:ajaxStatus
            onstart="PF('carregamento').show();iniciaCarregamento();"
            onerror="PF('carregamento').hide();limpaCarregamento();barraDeNotificacao.show();"
            oncomplete="PF('carregamento').hide();limpaCarregamento();barraDeNotificacao.hide();">
            <p:dialog styleClass="loaderPrincipal" modal="false"
                widgetVar="carregamento" draggable="false" closable="false"
                resizable="false" showHeader="false">
                <p:graphicImage library="imagens" name="loader/Loader1.gif"
                    width="34" height="34" />
            </p:dialog>
        </p:ajaxStatus>

        <div class="page-header text-center">
            <h2 class="">SIGER - Sistema de Geração de Relatorios</h2>
        </div>

        <div class="row">
            <div class="col-lg-offset-3 col-lg-6">
                <h:form styleClass="form-horizontal text-center">
                    <p:fieldset>
                        <legend>Informe matrícula e senha</legend>
                        <div class="form-group">
                            <h:outputLabel for="matricula" value="Matricula"
                                styleClass="col-lg-offset-2 col-lg-2 control-label" />
                            <div class="col-lg-4">
                                <h:inputText id="matricula" styleClass="form-control"
                                    value="#{loginBean.login}" />
                            </div>
                        </div>
                        <div class="form-group">
                            <h:outputLabel for="senha" value="Senha"
                                styleClass="col-lg-offset-2 col-lg-2 control-label" />
                            <div class="col-lg-4">
                                <h:inputSecret id="senha" styleClass="form-control"
                                    value="#{loginBean.senha}" />
                            </div>
                        </div>
                        <h:commandButton styleClass="btn btn-primary"
                            action="#{loginBean.efetuaLogin}" value="Entrar" />
                    </p:fieldset>
                </h:form>
            </div>
        </div>
    </ui:define>


    <!-- Define dialogs -->
    <ui:define name="dialogs">
        <ui:include src="../templates/dialogs.xhtml" />
    </ui:define>

    <!-- Define rodapé -->
    <ui:define name="rodape">
        <ui:include src="../templates/footer.xhtml" />
    </ui:define>

    <!-- Define resources -->
    <ui:define name="resources-app">
        <ui:include src="../templates/resources-app.xhtml" />
    </ui:define>


</ui:composition>

</html>