<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"><head><link type="text/css" rel="stylesheet" href="/Somas/javax.faces.resource/theme.css.xhtml?ln=primefaces-bluesky" /><link type="text/css" rel="stylesheet" href="/Somas/javax.faces.resource/fa/font-awesome.css.xhtml?ln=primefaces&amp;v=5.3" /><link type="text/css" rel="stylesheet" href="/Somas/javax.faces.resource/primefaces.css.xhtml;jsessionid=Ko_W-hvWvBMi4TQwr56iJumHNPvNHWQ5sZ9_heUo.srv-app-tracking-01?ln=primefaces&amp;v=5.3" /><link type="text/css" rel="stylesheet" href="/Somas/javax.faces.resource/layout/layout.css.xhtml;jsessionid=Ko_W-hvWvBMi4TQwr56iJumHNPvNHWQ5sZ9_heUo.srv-app-tracking-01?ln=primefaces&amp;v=5.3" /><script type="text/javascript" src="/Somas/javax.faces.resource/jquery/jquery.js.xhtml;jsessionid=Ko_W-hvWvBMi4TQwr56iJumHNPvNHWQ5sZ9_heUo.srv-app-tracking-01?ln=primefaces&amp;v=5.3"></script><script type="text/javascript" src="/Somas/javax.faces.resource/jquery/jquery-plugins.js.xhtml;jsessionid=Ko_W-hvWvBMi4TQwr56iJumHNPvNHWQ5sZ9_heUo.srv-app-tracking-01?ln=primefaces&amp;v=5.3"></script><script type="text/javascript" src="/Somas/javax.faces.resource/primefaces.js.xhtml;jsessionid=Ko_W-hvWvBMi4TQwr56iJumHNPvNHWQ5sZ9_heUo.srv-app-tracking-01?ln=primefaces&amp;v=5.3"></script><script type="text/javascript" src="/Somas/javax.faces.resource/layout/layout.js.xhtml;jsessionid=Ko_W-hvWvBMi4TQwr56iJumHNPvNHWQ5sZ9_heUo.srv-app-tracking-01?ln=primefaces&amp;v=5.3"></script><script type="text/javascript">if(window.PrimeFaces){}</script>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

        <link href="/Somas/resources/images/logo.png" rel="shortcut icon" type="image/x-icon" />
        <link href="/Somas/resources/css/default.css" rel="stylesheet" type="text/css" />
        <link href="/Somas/resources/css/cellColor.css" rel="stylesheet" type="text/css" />
        <link href="/Somas/resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
        
        <title>SOMAS</title></head><body class="efecto_inicial"><script id="loginLayout_s" type="text/javascript">$(function(){PrimeFaces.cw("Layout","widget_loginLayout",{id:"loginLayout",full:true,north:{paneSelector:'#j_idt5',size:"180",resizable:false,closable:false},center:{paneSelector:'#j_idt7',size:"auto",resizable:false,closable:false},south:{paneSelector:'#j_idt19',size:"130",resizable:false,closable:false}},"layout");});</script><div id="j_idt5" class="ui-layout-unit ui-widget ui-widget-content ui-corner-all ui-layout-north" style="border: 0px;"><div class="ui-layout-unit-content ui-widget-content">

            <div style="height:99%; left: 0px; position: absolute; width: 99.83%; top: 0px; background: linear-gradient(to bottom, rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%);">
                <div style="height: 150px;">
                </div>
            </div></div></div><div id="j_idt7" class="ui-layout-unit ui-widget ui-widget-content ui-corner-all ui-layout-center" style="border: 0px;"><div class="ui-layout-unit-content ui-widget-content">

                <table id="loginTable" width="200" border="0" align="center" style="margin-left: auto; margin-right: auto">
                    <tr>
                        <td colspan="2"><span id="growlLogin"></span><script id="growlLogin_s" type="text/javascript">$(function(){PrimeFaces.cw('Growl','growlLogin',{id:'growlLogin',sticky:false,life:6000,escape:true,msgs:[]});});</script>
<form id="Login" name="Login" method="post" action="/Somas/;jsessionid=Ko_W-hvWvBMi4TQwr56iJumHNPvNHWQ5sZ9_heUo.srv-app-tracking-01" enctype="application/x-www-form-urlencoded">
<input type="hidden" name="Login" value="Login" />
<table cellpadding="1" style="margin-left: auto; margin-right: auto">
<thead>
<tr><th colspan="2" scope="colgroup"><img id="Login:j_idt10" src="/Somas/logo;jsessionid=Ko_W-hvWvBMi4TQwr56iJumHNPvNHWQ5sZ9_heUo.srv-app-tracking-01?pfdrid_c=true" alt="" width="230px" height="180px" style="alignment-adjust: central" /></th></tr>
</thead>
<tfoot>
<tr><td colspan="2"><button id="Login:btnLogin" name="Login:btnLogin" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" onclick="sendData();" type="button"><span class="ui-button-text ui-c">Acceder</span></button><script id="Login:btnLogin_s" type="text/javascript">PrimeFaces.cw("CommandButton","widget_Login_btnLogin",{id:"Login:btnLogin"});</script></td></tr>
</tfoot>
<tbody>
<tr>
<td><label for="Login:user">Usuario:</label></td>
<td><table>
<tbody>
<tr>
<td><input id="Login:user" name="Login:user" type="text" size="25" onkeypress="if (event.keyCode == 13) {                                                     sendData();                                                     return false;                                                 }" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all" /><script id="Login:user_s" type="text/javascript">PrimeFaces.cw("InputText","widget_Login_user",{id:"Login:user"});</script></td>
<td> 
                                        <span id="errorSpanUser" style="color: red; font-weight: bold;"></span></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td><label for="Login:pass">Clave:</label></td>
<td><table>
<tbody>
<tr>
<td><input id="Login:pass" name="Login:pass" type="password" class="ui-inputfield ui-password ui-widget ui-state-default ui-corner-all" size="25" onkeypress="if (event.keyCode == 13) {                                                     sendData();                                                     return false;                                                 }" /><script id="Login:pass_s" type="text/javascript">$(function(){PrimeFaces.cw("Password","widget_Login_pass",{id:"Login:pass"});});</script></td>
<td> 
                                        <span id="errorSpanPass" style="color: red; font-weight: bold;"></span></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td> 
                                    
                                    <span id="errorSpan" style="color: red; font-weight: bold;"></span></td>
</tr>
</tbody>
</table>
<input type="hidden" name="javax.faces.ViewState" id="j_id1:javax.faces.ViewState:0" value="8998522005697772181:5573079335761497459" autocomplete="off" />
</form>
                        </td>
                    </tr>
                </table></div></div><div id="j_idt19" class="ui-layout-unit ui-widget ui-widget-content ui-corner-all ui-layout-south" style="border: 0px;"><div class="ui-layout-unit-content ui-widget-content">
            <div id="footer" class="ui-widget ui-widget-header ui-corner-all ui-widget-footer-position" style="height:98%; left: 0px; position: absolute; width: 99.83%; top: 0px; background: linear-gradient(to bottom, rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%);">
                <table border="0" align="center" style="bottom: 5px">
                    <tbody>
                        <tr style="height: 90px">
                            <td align="center">Designed by Upgrader Team - Development by Development Solutions</td>
                        </tr>
                    </tbody>
                </table>

            </div></div></div></body>

    <script type="text/javascript">
        $ = jQuery;
        $(document).ready(function () {
            $(".efecto_inicial").hide();
            $(".efecto_inicial").fadeIn(4000);
        });
        window.onload = function carga() {
            var error = '';
            if (error == 'credenciales') {
                PF('growlLogin').renderMessage({"summary": "Error en Credenciales",
                    "detail": "Usuario o Password invalidos",
                    "severity": "error"})
            }
        }

        function datosValidos() {
            var usuario = document.getElementById("Login:user");
            var password = document.getElementById("Login:pass");
            if (password.value == "") {
                if (usuario.value == "") {
                    PF('growlLogin').renderMessage({"summary": "Error en Credenciales",
                        "detail": "Por favor Ingresa el Usuario y el Password",
                        "severity": "warn"})
                    document.getElementById("errorSpanUser").innerHTML = 'Ingresa Usuario';
                    document.getElementById("errorSpanPass").innerHTML = 'Ingresa Password';
                    usuario.focus();
                    return false;
                }
            } else if (usuario.value == "") {
                PF('growlLogin').renderMessage({"summary": "Error en Credenciales",
                    "detail": "Por favor Ingresa el Usuario",
                    "severity": "warn"})

                document.getElementById("errorSpanPass").innerHTML = '';
                document.getElementById("errorSpanUser").innerHTML = 'Ingresa Usuario';
                usuario.focus();
                return false;
            }
            if (password.value == "") {
                PF('growlLogin').renderMessage({"summary": "Error en Credenciales",
                    "detail": "Por favor Ingresa el Password",
                    "severity": "warn"})
                document.getElementById("errorSpanUser").innerHTML = '';
                document.getElementById("errorSpanPass").innerHTML = 'Ingresa Password';
                password.focus();
                return false;
            }
            return true;
        }

        function sendData() {
            if (datosValidos()) {
                var forma = document.getElementById("Login");
                forma.action = "j_spring_security_check";
                forma.method = "POST";
                forma.submit();
            }
        }


    </script>

</html>