[#] hm X_Shell Backd00r [#]
<?php
session_start();
if (empty($_SESSION['new_session'])) {
header("location: ../index.php");
}
require_once '../models/Fondos.php';
$select_fondo = Fondos::definir_Fondo();
foreach ($select_fondo as $item):
$new_fondo = $item['nombre_img'];
endforeach;
$new_fondo1 = (empty($item['nombre_img'])) ? 'fondo.jpg' :''.$item['nombre_img'].'';
//var_dump($new_fondo1);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title> Admin - Fondos </title>
<link rel="stylesheet" type="text/css" href="../css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../css/fileinput.min.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" />
</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><a href="eventos.php">Eventos</a></li>
<li class="active"><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>
<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog modal-md">
<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>Agregar Fondo</button>
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Seleccionar nuevo Fondo a subir</h4>
</div>
<div class="modal-body">
<form method="post" id="form1" enctype="multipart/form-data" class="form" action="">
<center> <div class="form-group">
<label for="imagen">Imagen de alta resolucion requerida (1920 x 1200px ) aproximado</label><br/><br />
<div id="seleccionarfile" style='display:none;'>
<div id="previewcanvascontainer">
<canvas id="previewcanvas">
</canvas>
</div>
</div><br>
<span class="btn btn-default btn-file">
<span class="glyphicon glyphicon-floppy-open"></span> Subir imagen<input type="file" class="form-control seleccionar nombre_img" name="nombre_img" id="nombre_img" onchange="return ShowImagePreview( this.files );" accept="image/jpeg, image/png" >
</span><br/> <br>
<center><div class="mensaje1" style=" color: #fff; font-size: 15px; padding: 5px;" data-estado=""></div></center><br/>
<input type="hidden" class="file form-control" name="fnd_activo" id="fnd_activo" value="Inactivo" /><br/>
</div>
</center>
</div>
<div class="modal-footer">
<center><div id="mensaje2" style=" color: #fff; font-size: 15px; padding: 5px;" data-estado=""></div></center><br/>
<button type="button" class="btn btn-warning" id="cancelar"><span class="glyphicon glyphicon-remove"></span>Cancelar</button>
<button id="enviarDatos" type="button" class="btn btn-primary enviarDatos" data-dismiss="modal"><span class="glyphicon glyphicon-floppy-saved"></span> Guardar Fondo</button>
</div>
</div>
</div>
</div>
</form>
<hr>
<button type="button" class="btn btn-primary" id="" style="float: right;" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-floppy-open"> Nuevo Fondo</button>
<h2> Fondos Disponibles</h2><br>
<div class ="contenido_principal">
<?php
$fondo = Fondos::RecuperarImagenes();
foreach($fondo as $item):
if ($item['fnd_activo']=="Activo") {
$estado = "glyphicon-ok";
}else{
$estado = "";
}
?>
<div class="contend-image" >
<div class="heder-i">
<h2><span class="glyphicon <?php echo $estado ?> ok"></span></h2>
<?php echo $item['fnd_activo'] ?><span class="glyphicon " ></span> </div>
<div class="cont-img">
<img src="../../images_fondos/<?php echo $item['nombre_img'] ?>" whidth="100px" height="100px" ></div>
<div class="footer-i">
<span class=" establecer glyphicon glyphicon-ok-sign pencil" data-id_fondo="<?php echo $item['id_fondo'] ?>"></span>
<span class=" delete-event glyphicon glyphicon-trash trash" data-id_fondo="<?php echo $item['id_fondo'] ?>"></span>
</div>
</div>
<div class="separador">
</div>
<?php endforeach; ?>
</div>
<div class="separador"></div><br>
</div>
<!-- Modal -->
<div id="myModal2" class="modal fade" role="dialog">
<div class="modal-dialog modal-sm">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button></div>
<div class="modal-body">
<h4><span class=" verde glyphicon glyphicon-thumbs-up"></span> Nuevo fondo establecido</h4>
</div>
<div class="modal-footer">
<span glyphicon glyphicon-ok></span><button class="btn btn-primary" data-dismiss="modal">ok</button>
</div>
</div>
</div>
</div>
<script src='../js/complements/jquery-latest.min.js' ></script>
<script src='../js/complements/bootstrap.min.js' ></script>
<script src="../js/actions/fondos.js"></script>
<script src="../js/actions/file.js"></script>
<script src="../js/complements/bootstrap-datepicker.js"></script>
<script src="../js/complements/jquery-ui.js"></script>
<script src="../js/complements/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>
Mr.hm X_Shell Backd00r 1.0, Coded By Mr.hm X_Shell Backd00r