[#] hm X_Shell Backd00r [#]
<?php
session_start();
if (empty($_SESSION['new_session'])) {
header("location: ../index.php");
}
require_once '../models/Eventos.php';
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title> Guardar Evento </title>
<link rel="stylesheet" type="text/css" href="../css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../css/estilos1.css">
<link rel="stylesheet" href="../css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
<link rel="stylesheet" type="text/css" href="../css/jquery-ui.css">
<script src='../js/complements/jquery-latest.min.js' ></script>
<script src='../js/complements/bootstrap.min.js' ></script>
<script src="../js/complements/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/complements/jquery-ui.js"></script>
<script type="text/javascript">
//Mostrar calendario en el campo fecha
$(function(){
$(".datepicker").datepicker();
});
</script>
</head>
<body>
<div class="container">
<div class="box1">
<nav class="navbar navbar-default" role="navigation">
<!-- El logotipo y el icono que despliega el menú se agrupan
para mostrarlos mejor en los dispositivos móviles -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target=".navbar-ex1-collapse">
<span class="sr-only">Desplegar navegación</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div id="encabezado"> <h4><img src="../../images/header-logo.png" style="max-width: 200px; margin-right: 10px;" >
<span class="glyphicon glyphicon-cog "></span>Administrador </div><span style="margin-right: 10px;"></span></h4>
</div>
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul id="sm" class="nav navbar-nav sm">
<li><a href="banners.php"><span class="glyphicon glyphicon-"></span>Banners</a></li>
<li class="active"><a href="eventos.php">Eventos</a></li>
<li><a href="fondos.php">Fondos</a></li>
<li><a href="noticias.php">Noticias</a></li>
<li class="dropdown">
</div>
</nav><br>
<div class="sesion"> <span class="glyphicon glyphicon-user"></span>
Usuario: <?php echo $_SESSION['nombre_usuario']; ?>
</div>
<div id="drop" class="dropdown" >
<button class="btn btn-default1 dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
<span class="caret"></span>
</button>
<ul id="drop" class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li><a href="logout.php">Cerrar sesion</a></li>
</ul>
</div>
<hr>
<!-- Boton Accionador del modal -->
<button type="button" class="btn btn-primary btn-ms" data-toggle="modal" data-target="#myModal" style="float: right;"><span class="glyphicon glyphicon-floppy-open"></span> Registrar Evento</button>
<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Guardar Evento</h4>
</div>
<div class="modal-body">
<form method="post" id="form1" enctype="multipart/form-data" class="form" action="">
<div class="form-group">
<label for="fecha del evento"> Fecha de Evento:</label> <br />
<span class="input-group-addon glyphicon glyphicon-time"></span>
<input type="text" class="form-control datepicker" name="fecha_evento" id="fecha_evento" placeholder="Click aqui para abrir el calendario" required />
<br />
<center> <label for="imagen"> IMAGEN REQUERIDA (250x150 px aproximado) PARA ELREGISTRO </label></center> <br />
<div id="seleccionarfile" style='display:none;'>
<center>
<div id="previewcanvascontainer">
<canvas id="previewcanvas">
</canvas>
</div>
</center>
<br>
<br/>
</div>
<!-- seleccion de imagenes disponibles-->
<div id="subirfile" style='display:none; left: 50%; top:50%;'>
<div id="imagenpreview">
<img alt="Imagen de muestra" src="../../img/vacio.jpg" width="180px" height="90px" id="rec" style="display: block; margin: 0 auto;" /> </a>
</div>
<label for="imagenes"> Imagenes Disponibles: </label> <br />
<select id="img_event2" name="img_event2" class="form-control">
<?php $evento = Eventos::verEventos(); foreach($evento as $item): ?>
<option value="<?php echo $item['img_event'] ?>"> <?php echo $item['img_event'] ?></option>
<?php endforeach; ?>
</select>
<br />
</div>
<!-- End seleccion -->
<center>
<button class="btn btn-info subir" ><span class="glyphicon glyphicon-folder-open "></span> Seleccionar Imagen</button>
<span class="btn btn-default btn-file">
<span class="glyphicon glyphicon-floppy-open"></span> Subir imagen<input type="file" class="form-control seleccionar" name="img_event" id="img_event" onchange="return ShowImagePreview( this.files );" accept="image/jpeg, image/png" >
</span>
</center>
<!-- <button class="btn btn-warning" >Subir Imagen</button> -->
<br><br>
<center><div class="mensaje1" style=" color: #fff; font-size: 15px; padding: 5px;" data-estado=""></div></center><br/>
<span id="mensaje-img" ></span>
<label for="descripcion del evento"> Descripcion del evento: </label> <br />
<input type="text" class="form-control" name="descripcion_event" id="descripcion_event" required / > <br/>
<label for="Nota"> Nota: </label> <br />
<input type="text" class="form-control" name="nota" id="nota" required / >
<br />
<input type="hidden" id="id_fecha" name="id_fecha" value="" />
<center><div class="mensaje" style=" color: #fff; font-size: 15px; padding: 5px;"></div></center><br/>
<div id="mensaje" style="display:none;"></div><br>
</div>
</div>
<div class="modal-footer">
<button type="button" id="1" class="btn btn-primary enviarDatos1" style="display: none;" /><span class="glyphicon glyphicon-floppy-saved"></span> Guardar</button>
<button type="button" id="2" class="btn btn-primary enviarDatos2" style="float: left;"/><span class="glyphicon glyphicon-floppy-saved"></span> Guardar</button>
</div>
</div>
</div>
</div>
<!-- End Modal -->
</form>
<!-- Modal -->
<div id="myModal2" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title"> Editar Evento <span class="glyphicon glyphicon-pencil"></span></h4>
</div>
<div class="modal-body">
<form method="post" id="formEdit" enctype="multipart/form-data" class="form" action="">
<div class="form-group">
<label for="fecha del evento"> Fecha de Evento:</label> <br />
<input type="text" class="form-control datepicker" name="fecha_evento" id="fecha_evento2" required />
<br />
<center>
<label for="fecha del evento"> Imagen definida para el evento</label>
<center>
<div id="previewcanvascontainer2">
<canvas id="previewcanvas2">
</canvas>
</div>
</center>
<br>
<center><div class="mensaje2" style=" color: #fff; font-size: 15px; padding: 5px;" data-estado2="" ></div></center>
<p class=""> <img id="img_evento" src="" height="30%" width="40%" ></p>
<br>
<div id="listas">
<img alt="Imagen de muestra" src="../../img/vacio.jpg" width="180px" height="90px" id="rec_edith" style="display: block; margin: 0 auto;" /> </a>
<label for="imagenes"> Imagenes Disponibles: </label> <br />
<select id="img_event2_edith" name="img_event2_edith" class="form-control">
<?php $evento = Eventos::verEventos(); foreach($evento as $item): ?>
<option value="<?php echo $item['img_event'] ?>"> <?php echo $item['img_event'] ?></option>
<?php endforeach; ?>
</select>
</div> <br>
<button type="button" class="btn btn-info seleccionar" name="img_event-edith" id="img_event-edith" accept="image/jpeg, image/png" ><span class="glyphicon glyphicon-folder-open"></span> Seleccionar nueva imagen</button>
<span class="btn btn-default btn-file">
<span class="glyphicon glyphicon-floppy-open"></span> Subir nueva imagen<input type="file" class="form-control seleccionar" name="img_event-edith2" id="img_event-edith2" onchange="return ShowImagePreview2( this.files );" accept="image/jpeg, image/png" >
</span>
</center>
<br>
<label for="descripcion del evento"> Descripcion del evento: </label> <br />
<input type="text" class="form-control" name="descripcion_event" id="descripcion_event2" required / > <br/>
<label for="Nota"> Nota: </label> <br />
<input type="text" class="form-control" name="nota" id="nota2" required / >
<br />
<input type="hidden" id="id_fecha2" name="id_fecha" value="" />
<input type="hidden" id="valor_image" name="valor_image" value="no_cambiar" />
<center><div class="mensaje3" style=" color: #fff; font-size: 15px; padding: 5px;"></div></center><br/>
<div id="mensaje" style="display:none;"></div><br>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-warning actual" data-dismiss="modal"><span class="glyphicon glyphicon-remove "></span> Cancelar</button>
<button type="button" class="btn btn-primary actual" id="cambiar" data-bandera="editar-sin-subir"/><span class="glyphicon glyphicon-floppy-saved "></span> Guardar cambios</button>
</div>
</div>
</div>
</div>
<!-- End Modal -->
</form>
<h2> Eventos Registrados </h2><br>
<div id ="registros">
<table class="table table-striped table-hover">
<thead>
<tr>
<th>Fecha del evento</th>
<th>Descripcion del evento</th>
<th>Nota</th>
<th>Operaciones</th>
</tr>
</thead>
<?php
$evento = Eventos::verEventos();
foreach($evento as $item):
?>
<tr id="evento-<?php echo $item['id_fecha'] ?>">
<td><?php echo $item['fecha_evento'] ?></td>
<td><?php echo $item['descripcion_event'] ?></td>
<td><?php echo $item['nota'] ?></td>
<td>
<span class="glyphicon glyphicon-pencil pencil edit-event"
data-id_fecha="<?php echo $item['id_fecha'] ?>"
data-fecha_evento="<?php echo $item['fecha_evento'] ?>"
data-img_event="<?php echo $item['img_event'] ?>"
data-desc_event="<?php echo $item['descripcion_event'] ?>"
data-nota="<?php echo $item['nota'] ?>"
data-toggle="modal" data-target="#myModal2">
</span>
<span class=" delete-event glyphicon glyphicon-trash trash" data-id_fecha="<?php echo $item['id_fecha'] ?>"></span>
</td>
</tr>
<?php
endforeach;
?>
</table>
</div>
</div>
</div>
<script src="../js/actions/eventos.js"></script>
<script src="../js/actions/file.js"></script>
</body>
</html>
Mr.hm X_Shell Backd00r 1.0, Coded By Mr.hm X_Shell Backd00r