File: /home/asjudine/public_html/chattesttt/index.php
<?php
session_start();
require_once('Conectarse.php');
//$conn = Conectarse();
$fecha_hoy = date('Y-m-d');
//$time = time();
//ini_set('date.timezone', 'America/Bogota');
//$hora_auto = date("H:i:s", $time);
?>
<!DOCTYPE html>
<html>
<head>
<title>Chat Online</title>
<!--<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>-->
<link type="text/css" rel="stylesheet" href="style.css">
<style>
.bs-example {
margin: 20px;
}
.accordion .fa {
margin-right: 0.5rem;
}
.card-body {
text-align: left;
}
*{margin: 0;padding: 0;}
body{background-color:#EAEAEA;font-family:Geneva, Arial, Helvetica, sans-serif;}
header {background-color: #B7271F; text-align: center;}
.titulo{width: 100%;text-align: center;background-color: #dbd8c9;color: #b20606;padding: 6px 0;font-size: 18px;}
table{margin: 0 auto;border: 8px solid #bebebe; text-align: center;}
.divirmenu{text-align: center;}
.irmenu{width: 200px;background-color: #1c4fa0;color: #fff; padding: 4px;border-radius: 6px;}
.irmenu:hover{background-color: #67a0d9; color: #000;}
.fecha{background-color: #d6e08b; padding: 2px;color: #000;font-size: 15px; text-align: center;}
td{padding: 1px; border: 1px solid #a0a0a0;}
.td{background-color: #e5e5e5; padding: 1px 30px;color: #00135F;font-size: 14px;font-weight: 600; text-align: center;}
.boton1{width:30%;background-color: #ffffff;color: #000;padding: 2px;border:2px solid #580000;border-radius:10px;}
.boton1:hover{background-color: #6f0000;color: #fff;cursor: pointer;}
input[type=text]{border-radius: 5px; padding: 3px;background-color: #FFFFF4;}
.tdtitulo{background-color: #e3dec0; color: #b20606; padding: 2px; text-align: center; font-size: 12px; font-weight: 900}
.tdfull{background-color: #fff; color: #000; padding: 1px; text-align: center; font-size: 12px;}
.botonnew{width: 90px; background-color: #e3dec0;color: #b20606;padding: 1px;}
.botonnew:hover{width: 90px; background-color: #cbbd6a;color: #000;padding: 1px;}
</style>
<!--
<script>
$(document).ready(function() {
// Add minus icon for collapse element which is open by default
$(".collapse.show").each(function() {
$(this).prev(".card-header").find(".fa").addClass("fa-minus").removeClass("fa-plus");
});
// Toggle plus minus icon on show hide of collapse element
$(".collapse").on('show.bs.collapse', function() {
$(this).prev(".card-header").find(".fa").removeClass("fa-plus").addClass("fa-minus");
}).on('hide.bs.collapse', function() {
$(this).prev(".card-header").find(".fa").removeClass("fa-minus").addClass("fa-plus");
});
});
</script>
-->
<!--<script>
window.addEventListener("beforeunload", function(e) {
var confirmationMessage = "\o/";
(e || window.event).returnValue = confirmationMessage; //Gecko + IE
return confirmationMessage; //Webkit, Safari, Chrome
});
</script>-->
<script type="text/javascript">
fecha = new Date();
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth() + 1;
var yyyy = today.getFullYear();
if (dd < 10) {
dd = '0' + dd;
}
if (mm < 10) {
mm = '0' + mm;
}
/*today = mm + '-' + dd + '-' + yyyy;
console.log(today);
today = mm + '/' + dd + '/' + yyyy;
console.log(today);
today = dd + '-' + mm + '-' + yyyy;
console.log(today);
today = dd + '/' + mm + '/' + yyyy;
console.log(today);*/
today = yyyy + '-' + mm + '-' + dd;
</script>
</head>
<body>
<!--<header>
<img src="../ELEMENTS/bannerInterasjudinet.png" alt="" width=" 700" height="70">
</header>-->
<?php
function loginForm()
{
echo '
<div id="loginform">
<form action="index.php" method="post">
<p>Ingrese su numero de Cedula para continuar:</p>
<label for="name">Cedula:</label>
<input type="text" name="name" id="name" autocomplete = "off" />
<input type="submit" name="enter" id="enter" value="Entrar" />
</form>
</div>';
}
if (isset($_POST['enter'])) {
//Verificar usuarios en la base de datos
if ($_POST['name'] != "") {
//NUEVO - BUSCA USUARIO
$busca_usuario = mysql_query('SELECT cedula, Nombre_Completo FROM Usuarios WHERE cedula = "' . $_POST["name"] . '" ');
list($cedula, $Nombre_Completo) = mysql_fetch_row($busca_usuario);
$row_busca_usuario = mysql_num_rows($busca_usuario);
if ($row_busca_usuario != 0) {
$name_user = $Nombre_Completo;
//ACTUALIZA ESTADO DE CONECTADO
//$actualiza_estado = mysqli_query($conn, 'UPDATE Usuarios SET conectado = "SI", fecha_acceso = "' . $fecha_hoy . '", hora_acceso = "' . $hora_auto . '" WHERE cedula = "' . $_POST['name'] . '" ');
//CONVIERTE LA SESSION EN EL NOMBRE DE USUARIO
$_POST['name'] = $name_user;
//$cedula_user = $cedula;
//ASIGNA LA SESION
$_SESSION['name'] = stripslashes(htmlspecialchars($_POST['name']));
// $_SESSION[$cedula_user] = stripslashes(htmlspecialchars($cedula));
//Simple enter message
$fp = fopen("logs/log$fecha_hoy.html", 'a');
fwrite($fp, "<div class='msgln'><i>El usuario " . $_SESSION['name'] . " entro al chat.</i><br></div>");
fclose($fp);
//$comprueba_conectado = mysqli_query($conn, 'SELECT conectado FROM usuarios WHERE Nombre_Completo = "' . $_SESSION['name'] . '" ');
//if (!$comprueba_conectado) {
// die('Invalid query 55: ' . mysqli_error($conn));
//}
//list($conectado_usuario) = mysqli_fetch_row($comprueba_conectado);
} else {
echo "<script>alert('Error');</script>";
}
//
} else {
echo '<span class="error">Por Favor Escribe El Numero de Cedula</span>';
}
}
if (!isset($_SESSION['name'])) {
loginForm();
} else {
?>
<div id="wrapper">
<div id="menu">
<p class="welcome">Bienvenido, <b><?php echo $_SESSION['name']; ?></b></p>
<p class="logout"><a id="exit" href="#">Salir del Chat</a></p>
<div style="clear:both"></div>
</div>
<div id="chatbox">
<?php
if (file_exists("logs/log$fecha_hoy.html") && filesize("logs/log$fecha_hoy.html") > 0) {
$handle = fopen("logs/log$fecha_hoy.html", "r");
$contents = fread($handle, filesize("logs/log$fecha_hoy.html"));
fclose($handle);
echo $contents;
}
?>
</div>
<form name="message" action="post.php">
<input name="usermsg" type="text" id="usermsg" size="63" autocomplete="off" />
<input name="submitmsg" type="submit" id="submitmsg" value="Enviar" />
</form>
</div>
<p> </p>
<p>INTERASJUDINET</p>
<br><br>
<!--<input type="button" value="Actualizar para ver usuarios conectados" onclick="location.reload()" />-->
<!--<div class="bs-example">
<div class="accordion" id="accordionExample">
<div class="card">
<div class="card-header" id="headingOne">
<h2 class="mb-0">
<button type="button" class="btn btn-link" data-toggle="collapse" data-target="#collapseOne"><i class="fa fa-plus"></i> USUARIOS CONECTADOS</button>
</h2>
</div>
<div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample">
<div class="card-body">
//$usuarios_conectados = mysqli_query($conn, 'SELECT Nombre_Completo FROM Usuarios WHERE conectado = "SI" ');
//if (!$usuarios_conectados) {
// die('Invalid query error: ' . mysqli_error($conn));
//}
//echo "<ul>";
//while (list($Nombre_funcionario_conectado) = mysqli_fetch_row($usuarios_conectados)) {
// echo "<li>" . $Nombre_funcionario_conectado . "</li>";
//}
//echo "</ul>;"
</div>
</div>
</div>
</div>
</div>
-->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">
// jQuery Document
$(document).ready(function() {
//If user wants to end session
$("#exit").click(function() {
var exit = confirm("Estas seguro que quieres terminar la sesion?");
if (exit == true) {
window.location = 'index.php?logout=true';
}
});
});
//If user submits the form
$("#submitmsg").click(function() {
var clientmsg = $("#usermsg").val();
$.post("post.php", {
text: clientmsg
});
$("#usermsg").attr("value", "");
return false;
});
//Load the file containing the chat log
function loadLog() {
var oldscrollHeight = $("#chatbox").attr("scrollHeight") - 20; //Scroll height before the request
$.ajax({
url: "logs/log" + today + ".html",
cache: false,
success: function(html) {
$("#chatbox").html(html); //Insert chat log into the #chatbox div
//Auto-scroll
var newscrollHeight = $("#chatbox").attr("scrollHeight") - 20; //Scroll height after the request
if (newscrollHeight > oldscrollHeight) {
$("#chatbox").animate({
scrollTop: newscrollHeight
}, 'normal'); //Autoscroll to bottom of div
}
},
});
}
setInterval(loadLog, 1500);
</script>
<?php
}
if (isset($_GET['logout'])) {
//ACTUALIZA ESTADO DE CONECTADO
//$actualiza_estado = mysqli_query($conn, 'UPDATE Usuarios SET Conectado = "NO" WHERE Nombre_Completo = "' . $_SESSION['name'] . '" ');
//Simple exit message
$fp = fopen("logs/log$fecha_hoy.html", 'a');
fwrite($fp, "<div class='msgln'><i>El usuario " . $_SESSION['name'] . " Abandono el chat.</i><br></div>");
fclose($fp);
//unset($_SESSION['name']);
//unset($_SESSION[$cedula]);
session_destroy();
echo "<script>location.href='index.php';</script>"; //Redirect the user
}
?>
</body>
</html>