Merge pull request #15 from PootisPenserHere/landingPage

Landing page
This commit is contained in:
Jose Pablo Domingo Aramburo Sanchez 2018-08-11 20:06:13 -06:00 committed by GitHub
commit ccd9e10351
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 496 additions and 4 deletions

View File

@ -0,0 +1,258 @@
body {
background-color: #e3e3e3;
/* Se agrego color blanco a letra en panel en general*/
color: #000;
}
/*Cambia el color del date picker a negro para permitir su visibilidad*/
.datepicker{
color: black;
}
/*El color con el que se muestra el peso del archivo en la carga masiva se imagenes*/
.size{
color: black;
}
.calendar{
background: #fff;
}
#cuerpo{
top:17%;
left:1%;
width:98%;
float:left;
}
#navigation_spot{
margin: 0;
padding: 0;
}
#footer {
}
#cuerpo .modal-body{
color: #000;
border:none;
}
#cuerpo .panel-default{
border: 3px solid #4A89A5;
border-radius: 5px;
}
#cuerpo .panel > .panel-heading {
background-image: none;
background-color: #4A89A5;
color: white;
border-radius: 0;
}
#cuerpo .btn-default{
border: 2px solid #62655F;
background: #F9DFAF;
}
#cuerpo .btn-default:hover{
border: 2px solid #62655F;
background: #F9DFAF;
}
#cuerpo .alert-success{
background: #C6E97C;
}
#modal_header_error{
background-color: #d9534f;
}
#modal_header_respuesa_servidor_error{
background-color: #d9534f;
}
#modal_header_respuesa_servidor_success{
background-color: #5bc0de;
}
/* botoner<65>a panel principal */
.metro{
width:auto;
height:auto;
}
.metroBox{
margin: 0 auto;
width:100%;
padding: 0;
height:auto;
display:table;
overflow: hidden;
}
.metroBox h3{
margin-bottom: 0;
padding-bottom: 0;
}
.metroBox a{
text-decoration: none;
color: #fff;
}
.boxElement{
color: #fff;
height:210px;
width: 318px;
float:left;
margin:0 5px 5px 0;
padding:0 1% 0 1%;
}
.boxElement:hover{
color: #fff;
background: #483D8B;
text-decoration: none;
}
.amarelo{
background:#f4c20d;
}
.vermelho{
background:#da542d;
}
.azul{
background:#009bad;
}
.azulFuerte{
background:#5636b0;
}
.verde{
background-color: #009f00;
}
.violet{
background-color: #a400ab;
}
.iconPanel{
font-size: 130px;
}
@media (max-width: 310px){
.boxElement{
width: 245px;
}
}
@media (min-width: 311px) and (max-width: 353px){
.boxElement{
width: 265px;
}
}
@media (min-width: 354px) and (max-width: 365px){
.boxElement{
width: 320px;
}
}
@media (min-width: 366px) and (max-width: 520px){
.boxElement{
width: 320px;
}
}
@media (min-width: 521px) and (max-width: 549px){
.boxElement{
width: 235px;
}
}
@media (min-width: 550px) and (max-width: 590px){
.boxElement{
width: 250px;
}
}
@media (min-width: 591px) and (max-width: 610px){
.boxElement{
width: 265px;
}
}
@media (min-width: 611px) and (max-width: 630px){
.boxElement{
width: 275px;
}
}
@media (min-width: 631px) and (max-width: 655px){
.boxElement{
width: 280px;
}
}
@media (min-width: 656px) and (max-width: 699px){
.boxElement{
width: 300px;
}
}
@media (min-width: 700px) and (max-width: 739px){
.boxElement{
width: 320px;
}
}
@media (min-width: 740px) and (max-width: 769px){
.boxElement{
width: 340px;
}
}
@media (min-width: 770px) and (max-width: 1230px){
.boxElement{
width: 280px;
}
}
/* FORMATO PARA TEXTO CUSTOM */
.formato_texto_custom{
width: 97%;
float: left;
border: 1px solid #222;
padding: 1%;
margin: .5%;
}
.cliente_muestra_producto{
width: 96%;
padding: 1%;
margin: 0 1% 2% 1%;
}
textarea{
resize: none;
}
#custom-bootstrap-menu.navbar-default .navbar-brand {
color: rgba(255, 255, 255, 1);
}
#custom-bootstrap-menu.navbar-default {
font-size: 14px;
background-color: rgba(27, 35, 78, 1);
border-width: 1px;
border-radius: 4px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
color: rgba(255, 255, 255, 1);
background-color: rgba(27, 35, 78, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
color: rgba(106, 171, 232, 1);
background-color: rgba(27, 35, 78, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
color: rgba(255, 255, 255, 1);
background-color: rgba(27, 35, 78, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
border-color: #1b234e;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
background-color: #1b234e;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
background-color: #1b234e;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
background-color: #1b234e;
}

View File

@ -0,0 +1,232 @@
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="../css/bootstrap.min.css">
<!-- jQuery library -->
<script src="../js/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="../js/bootstrap.min.js"></script>
<body>
<div class="col-md-12" id="navigation_spot">
<!-- NavBar-->
<div id="custom-bootstrap-menu" class="navbar navbar-default " role="navigation">
<div class="container-fluid">
<div class="navbar-header"><a class="navbar-brand" href="#"></a>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-menubuilder"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse navbar-menubuilder">
<ul class="nav navbar-nav navbar-left">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="glyphicon glyphicon-user"></span> Employees<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#" data-nav_accion="views/cliente.php" onclick="vista_crear_nuevo_salon_evento();"> New employee</a></li>
<li><a href="#" data-nav_accion="views/clientess.php" onclick="vista_crear_nuevo_coach();"> Modify employee</a></li>
</ul>
</li>
<li>
<a href="#" onclick="vista_calendario();"><span class="glyphicon glyphicon-tasks"></span> Management</a>
</li>
<li>
<a href="#" onclick="vista_calendario();"><span class="glyphicon glyphicon-wrench"></span> Change password</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="../logout.php"><span class="fa fa-fw fa-power-off"></span> Cerrar Sesión</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-12" id="cuerpo"></div>
<!--
=================================================================================
Errores en query de AJAX
=================================================================================
-->
<!-- Fallo en la conexion de internet -->
<div id="modal_error_internet" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header" id="modal_header_error">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title"><center>Ha ocurrido un error</center></h4>
</div>
<div class="modal-body">
<p>Por favor revise su conexión a internet.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
<!-- El recurso solicitado no existe -->
<div id="modal_error_404" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header" id="modal_header_error">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title"><center>Ha ocurrido un error</center></h4>
</div>
<div class="modal-body">
<p>El URL del formulario no pudo ser encontrado en el servidor.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
<!-- Error interno del servidor donde no es posible detectar la causa especifica -->
<div id="modal_error_500" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header" id="modal_header_error">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title"><center>Ha ocurrido un error</center></h4>
</div>
<div class="modal-body">
<p>Error interno del servidor.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
<!-- El servidor respone con un string que no esta en formato JSON o contiene caracteres adicionales al JSON -->
<div id="modal_error_parsererror" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header" id="modal_header_error">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title"><center>Ha ocurrido un error</center></h4>
</div>
<div class="modal-body">
<p>Fallo al procesar el JSON enviado por el servidor.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
<!-- El servidortardo demasiado en responder -->
<div id="modal_error_timeout" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header" id="modal_header_error">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title"><center>Ha ocurrido un error</center></h4>
</div>
<div class="modal-body">
<p>La petición excedió el limite de tiempo.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
<!-- Si el request AJAX falla por alguna razon no listada -->
<div id="modal_error_otro" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header" id="modal_header_error">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title"><center>Ha ocurrido un error</center></h4>
</div>
<div class="modal-body">
<p>Ha ocurrido un error desconocido.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
<!--
=================================================================================
Respuesta del servidor
=================================================================================
-->
<!-- Si el request AJAX falla por alguna razon no listada -->
<div id="modal_respuesa_servidor_error" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header" id="modal_header_respuesa_servidor_error">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title"><center>Ha ocurrido un error</center></h4>
</div>
<div class="modal-body">
<p id="respuesa_servidor_error"></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
<!-- Si el request AJAX recibe un success en la variable pasasa por el servidor -->
<div id="modal_respuesa_servidor_success" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header" id="modal_header_respuesa_servidor_success">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title"><center>El almacenado ha sido exitoso</center></h4>
</div>
<div class="modal-body">
<p id="respuesa_servidor_success"></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
</body>
<link href="../css/panel.css" rel="stylesheet">

View File

@ -4,21 +4,22 @@ function getbaseUrl(uriPath){
} }
function processLogin() { function processLogin() {
console.log(getbaseUrl('html/')); var baseUrl = getbaseUrl('/html/');
var parametros = { var parametros = {
"userName":$('#userName').val(), "userName":$('#userName').val(),
"password":$('#password').val() "password":$('#password').val()
}; };
$.ajax({ $.ajax({
url: getbaseUrl('/html/') + '/index.php/api/session/login', url: baseUrl + '/index.php/api/session/login',
type: 'POST', type: 'POST',
dataType: 'json', dataType: 'json',
data: parametros, data: parametros,
success:function(data){ success:function(data){
console.log(JSON.stringify(data)); console.log(JSON.stringify(data));
if(data["status"] == "success"){ if(data["status"] == "success"){
redirect("http://stackoverflow.com"); redirect(baseUrl + '/html/landing.php');
}else if(data["status"] == "success" || (data["status"] === undefined)){ }else if(data["status"] == "success" || (data["status"] === undefined)){
$('#modalLoginError').modal('show'); $('#modalLoginError').modal('show');
document.getElementById('modalLoginErrorBody').innerHTML = "The server didn't respond in time, please try again or refresh this page."; document.getElementById('modalLoginErrorBody').innerHTML = "The server didn't respond in time, please try again or refresh this page.";

View File

@ -41,6 +41,7 @@ class SessionApplication{
/** /**
* @param $userName string * @param $userName string
* @return mixed * @return mixed
* @throws Exception
*/ */
function getPassword($userName){ function getPassword($userName){
$this->asserts->isNotEmpty($userName, "The username can't be empty"); $this->asserts->isNotEmpty($userName, "The username can't be empty");
@ -51,7 +52,7 @@ class SessionApplication{
$stmt->execute(array(':userName' => $userName)); $stmt->execute(array(':userName' => $userName));
$results = $stmt->fetchAll(); $results = $stmt->fetchAll();
if(!$results){ if(!$results){
exit($this->databaseSelectQueryErrorMessage); throw new Exception('The user or password didnt match, please try again.');
} }
$stmt = null; $stmt = null;
return $results[0]['password']; return $results[0]['password'];