index.xhtml

<?xml version="1.0" encoding="UTF-8" ?>
<ui:composition template="/WEB-INF/templates/master.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets" >
    <ui:define name="title">TASMAN - Login</ui:define>
    <ui:define name="scripts">
        <h:outputScript library="js" name="login.js"></h:outputScript>
    </ui:define>
    <ui:define name="content">
        <f:event listener="#{loggedInChecker.checkFromIndex()}" type="preRenderView" />
        <f:event listener="#{firstSetupChecker.checkFromIndex()}" type="preRenderView" />
        <div class="container">
            <div class="col-sm-10 col-sm-offset-1">
                <h1 class="text-center">TASMAN - Login</h1>
                <br/>
                <h:form id="main">
                    <div class="row">
                        <div class="col-xs-8 col-xs-offset-2">
                            <div class="panel panel-primary">
                                <div class="panel-heading">Login</div>
                                <div class="panel-body">
                                    <div class="form-horizontal">
                                        <div class="form-group">
                                            <h:outputLabel for="username" class="col-sm-3 control-label">Username</h:outputLabel>
                                            <div class="col-sm-9">
                                                <h:inputText class="form-control" id="username" value="#{login.username}" onkeypress="credentials.loginClicked(event)" required="true" requiredMessage="Insert the username" />
                                                <p class="text-danger"><h:message for="username"/></p>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <h:outputLabel for="password" class="col-sm-3 control-label">Password</h:outputLabel>
                                            <div class="col-sm-9">
                                                <h:inputSecret class="form-control" id="password" value="#{login.password}" onkeypress="credentials.loginClicked(event)" />
                                                <p class="text-danger"><h:message for="password"/></p>
                                            </div>
                                        </div>
                                        <div class="text-center">
                                            <p class="text-danger"><h:message for="main"/></p>
                                            <h:commandLink id="admin-login-btn" action="#{login.login()}" class="btn btn-primary">
                                                Login
                                                <f:ajax execute="@form" render="@form" />
                                            </h:commandLink>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>             
                </h:form>
            </div>
        </div>
    </ui:define>
</ui:composition>