Initial state

This commit is contained in:
2023-05-16 10:16:21 -06:00
commit c3c0108143
167 changed files with 20135 additions and 0 deletions

435
avisos_crear.php Normal file
View File

@@ -0,0 +1,435 @@
<?php
require_once 'class/c_login.php';
require_once 'include/bd_pdo.php';
if(!isset($_SESSION['user'])){
header('Location: index.php');
exit;
}
else
$user = unserialize($_SESSION['user']);
$user->access('Avisos');
if(!$user->admin && $user->acceso == 'n'){
header('Location: main.php?error=1');
}else{
$user->print_to_log('Avisos Crear');
}
$fac = $user->facultad['facultad_id'];
if($user->admin){
$fac = null;
}
$fs_carreras = query('SELECT * FROM fs_carreras(:fac, null, null)', [':fac' => $fac], false);
$fs_facultades = query('SELECT * FROM facultad WHERE facultad_activa = true', null, false);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Avisos Crear</title>
<link rel="stylesheet" href="css/jquery-ui.css">
<link rel="stylesheet" href="css/calendar.css">
<link rel="stylesheet" href="css/richtext.css" type="text/css">
<link rel="stylesheet" href="css/fa_all.css" type="text/css">
<?php
include 'import/html_css_files.php';
?>
</head>
<body>
<?php
include "import/html_header.php";
html_header(
"CREAR AVISO",
"Gestión de Checador "
);
$user->access('Avisos');
?>
<main class="content marco">
<div class="row">
<div class="col-12">
<form action="./action/action_avisos_insert.php" method="post" id="formaModal" onsubmit="return validaCampos()">
<div class="form-box">
<?php if($user->admin){ ?>
<div class="form-group row">
<label for="facultad" class="col-4 col-form-label">Facultad *</label>
<div class="col-8 col-sm-4">
<div class="datalist datalist-select mb-1 w-100">
<div class="datalist-input">Mostrar todas</div>
<span class="ing-buscar icono"></span>
<ul style="display: none;">
<?php foreach($fs_facultades as $facultad){ ?>
<li data-id="<?= $facultad['facultad_id'] ?>" class="pl-4"><?= $facultad['facultad_nombre'] ?></li>
<?php } ?>
</ul>
<input type="hidden" id="facultad" name="facultad" value="">
</div>
</div>
</div>
<?php }else {?>
<input type="hidden" name="facultad" id="facultad" value="<?= $fac ?>">
<?php }?>
<div class="form-group row">
<label for="fecha_inicial" class="col-4 col-form-label">Fecha inicial *</label>
<div class="col-8 col-sm-4">
<input id="fecha_inicial" name="fecha_inicial" type="text" class="form-control date-picker" placeholder="dd/mm/aaaa" maxlength="10" required="required" readonly="readonly">
<div class="invalid-feedback">No es una fecha valida</div>
</div>
</div>
<div class="form-group row">
<label for="fecha_final" class="col-4 col-form-label">Fecha Final *</label>
<div class="col-8 col-sm-4">
<input id="fecha_final" name="fecha_final" type="text" class="form-control date-picker" placeholder="dd/mm/aaaa" maxlength="10" required="required" readonly="readonly">
<div class="invalid-feedback">No es una fecha valida</div>
</div>
</div>
<div class="form-group row">
<label for="texto" class="col-4 col-form-label">Aviso *</label>
<div class="col-8">
<textarea name="texto" id="texto" class="richtext" rows="10"></textarea>
<div class="invalid-feedback">No puede estar vacio</div>
</div>
</div>
<div class="form-group row tipo_aviso">
<label class="col-4 col-form-label">Enviar aviso:</label>
<div class="col-4 pt-2">
<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input tipo-switch" name="bloque_tipo" id="bloque_tipo" value="1" data-box="profesorBox" data-select="tipo_box">
<label class="custom-control-label" for="bloque_tipo">Por carrera</label>
</div>
</div>
<div class="col-4 pt-2">
<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input tipo-switch" name="bloque_usr" id="bloque_usr" value="1" data-box="administrativoBox" data-select="usuario_box">
<label class="custom-control-label" for="bloque_usr">Por nombre</label>
</div>
</div>
</div>
<div class="invalid-feedback offset-4">No hay profesores para mandar el aviso</div>
<div class="collapse" id="profesorBox">
<h3>Carreras</h3>
<p>Utiliza el botón para asignar las carreras que recibirán el aviso.</p>
<div class="form-group row">
<div class="col-10">
<select name="tipo[]" id="tipo_box" class="form-control" multiple="multiple" size="5">
</select>
</div>
<div class="col-2">
<p><button type="button" class="btn btn-outline-primary" data-toggle="modal" data-target="#modal_carrera"><span class="ing-mas ing-fw"></span> Asignar</button></p>
<p><button type="button" class="btn btn-outline-danger btn-quita-tipo"><span class="ing-menos ing-fw"></span> Quitar</button></p>
</div>
</div>
</div>
<div class="collapse" id="administrativoBox">
<h3>Nombre de profesores</h3>
<p>Utiliza el botón para asignar los profesores que recibirán el aviso.</p>
<div class="form-group row">
<div class="col-10">
<select name="usuario[]" id="usuario_box" class="form-control" multiple="multiple" size="5">
</select>
</div>
<div class="col-2">
<p><button type="button" class="btn btn-outline-primary" data-toggle="modal" data-target="#modal_usr"><span class="ing-mas ing-fw"></span> Asignar</button></p>
<p><button type="button" class="btn btn-outline-danger btn-quita-usr"><span class="ing-menos ing-fw"></span> Quitar</button></p>
</div>
</div>
</div>
</div>
<div class="form-group row mt-2">
<div class="col-12 text-center">
<button type="submit" class="btn btn-outline-primary" id="submitBtn" data-tipo="1"><span class="ing-aceptar"></span> Guardar</button>
<a href="avisos.php" class="btn btn-outline-danger"><span class="ing-cancelar"></span> Cancelar</a>
</div>
</div>
</form>
</div>
</div>
</main>
<!-- Footer -->
<?php
include "import/html_footer.php";
?>
<!-- Modal -->
<div class="modal fade" id="modal_carrera" tabindex="-1" role="dialog" aria-labelledby="modal" aria-hidden="true" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="col-12 modal-title text-center">Carreras
<button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</h4>
</div>
<div class="modal-body">
<div style="max-height:400px; overflow-y:auto; overflow-x:hidden;">
<table class="table table-sm table-striped table-white">
<thead class="thead-dark">
<tr>
<th>Carrera</th>
<th>Asignar</th>
</tr>
</thead>
<tbody id="table-result-carrera">
<tr class="tipo-row">
<td class="carrera-nombre"></td>
<td class="carrera-agrega text-center"><button type="button" class="btn btn-outline-primary btn-sm invisible btn-agrega-carrera"><span class="ing-mas"></span></button></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal_usr" tabindex="-1" role="dialog" aria-labelledby="modal" aria-hidden="true" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="col-12 modal-title text-center">Busca Usuarios
<button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</h4>
</div>
<div class="modal-body">
<form id="forma_buscar-usr" onsubmit="return false">
<div class="form-box">
<div class="form-group row">
<label for="filter_desc" class="col-4 col-form-label">Nombre</label>
<div class="col-8">
<input id="filter_desc" name="desc" type="text" class="form-control">
</div>
</div>
<div class="form-group row">
<label for="filter_clave" class="col-4 col-form-label">Clave ULSA</label>
<div class="col-8">
<input id="filter_clave" name="clave" type="text" class="form-control">
</div>
</div>
</div>
<div class="for-group row">
<div class="offset-4">
<button type="submit" class="btn btn-outline-primary" id="btn-busca-usr"><span class="ing-buscar"></span> Buscar</button>
<button type="button" class="btn btn-outline-danger" data-dismiss="modal" aria-label="Close"><span class="ing-cancelar"></span> Cerrar</button>
</div>
</div>
</form>
<div style="max-height:400px; overflow-y:auto; overflow-x:hidden;">
<table class="table table-sm table-striped table-white mt-3">
<thead class="thead-dark">
<tr>
<th>Usuario</th>
<th style="width: 20%;">Asignar</th>
</tr>
</thead>
<tbody id="table-result-usr">
<tr class="usr-row">
<td class="usr-nombre"></td>
<td class="usr-agrega text-center"><button type="button" class="btn btn-outline-primary btn-sm invisible btn-agrega-usr"><span class="ing-mas"></span></button></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/bootstrap/bootstrap.min.js"></script>
<script src="js/datalist.js"></script>
<script src="js/datepicker-es.js"></script>
<script src="./js/richtext.js"></script>
<?php
require_once 'js/messages.php';
?>
<script>
var today = new Date();
$(".date-picker").datepicker($.datepicker.regional["es"]);
$(".date-picker").datepicker({
dateFormat: "dd/mm/yyyy",
changeMonth: true,
});
$(document).ready(function(){
$('.richtext').richText();
//var today = new Date();
$("#fecha_inicial").datepicker("option", "minDate", today);
$("#fecha_final").datepicker("option", "minDate", today);
$('#fecha_inicial').datepicker("setDate", today);
$('#fecha_final').datepicker("setDate", today);
setDatalistFirst('#facultad');
});
$(document).on( "change", ".tipo-switch", function(event){
if($(this).data("box") !== undefined){
if($(this).prop('checked')){
$('#'+$(this).data("box")).collapse('show');
}else{
$('#'+$(this).data("box")).collapse('hide');
}
}
$('#bloque_tipo').removeClass("is-invalid");
$('#bloque_usr').removeClass("is-invalid");
});
$(document).on( "click", ".btn-agrega-carrera", function(event){
var id = $(this).data("id");
var text = $(this).data("text");
if($('#tipo_box option[value="' + id + '"]').length == 0){
$("#tipo_box").append($("<option></option>").attr("value",id).text(text));
}
$(this).parents("tr").addClass("d-none");
});
$(document).on( "click", ".btn-quita-tipo", function(event){
var id = $("#tipo_box option:selected").val();
$("#arow_"+id).removeClass("d-none");
$("#tipo_box option:selected").remove();
});
$(document).on( "click", ".modal-open", function(event){
$(".area-row").removeClass("d-none");
$('#area > option').each(function() {
$("#row_"+$(this).val()).addClass("d-none");
});
$('#modal').modal("show");
});
$(document).on('click', '#btn-busca-usr', function(event){
var nombre = $('#filter_desc').val();
var clave = $('#filter_clave').val();
var fac = $('#facultad').val();
$('#table-result-usr').show();
$.ajax({
url: 'action/usuario_find.php',
type: 'POST',
dataType: 'json',
data: {nombre: nombre, clave: clave, facultad: fac},
success: function(result){
console.log(result.length);
$("#table-result-usr").find(".usr-nombre").html("");
$("#table-result-usr").find(".usr-agrega button").addClass("invisible");
var rows = $("#table-result-usr > tr").length;//limpia tabla actual
if(rows > result.length){
while(rows > result.length && rows > 1){
$("#table-result-usr .usr-row:last-child").remove();
rows--;
}
}else{
for(var i=rows; i<result.length; i++){
$("#table-result-usr .usr-row:first-child").clone(true).appendTo("#table-result-usr");
}
}
if(result.length != 0){
$('#table-result-usr').children().each(function(index){
if(index < result.length){
$(this).find('.usr-nombre').html(result[index]['profesor_nombre']);
$(this).find('.usr-agrega button').data("id", result[index]['profesor_id']);
$(this).find('.usr-agrega button').data("text", result[index]['profesor_nombre']);
$(this).find(".usr-agrega button").removeClass("invisible");
}
})
}
},
error: function(){
console.log('error');
}
});
});
$(document).on( "click", ".btn-agrega-usr", function(event){
var id = $(this).data("id");
var text = $(this).data("text");
var rows = $("#table-result-usr > tr").length;//limpia tabla actual
if($('#usuario_box option[value="' + id + '"]').length == 0){
$("#usuario_box").append($("<option></option>").attr("value",id).text(text));
}
if(rows > 1)
$(this).parents("tr").remove();
else{
$(this).parents("tr").hide();
$("#filter_desc-usr").val("");
}
});
$(document).on( "click", ".btn-quita-usr", function(event){
$("#usuario_box option:selected").remove();
});
function validaCampos(){
var error = false;
var inicio = $('#fecha_inicial').val();
var fin = $('#fecha_final').val();
var aux = inicio.split('/');
inicio = aux[2]+'-'+aux[1]+'-'+aux[0];
aux = fin.split('/');
fin = aux[2]+'-'+aux[1]+'-'+aux[0];
if(fin < inicio){
$('#fecha_final').addClass('is-invalid');
error = true;
}
if($('#texto').val() == ""){
$('#texto').addClass('is-invalid');
error = true;
}
if($('select').find('option').length == 0){
error = true;
$('.tipo_aviso').addClass('is-invalid');
}else{
$('.tipo_aviso').removeClass('is-invalid');
}
if(error == true){
return false;
}else{
$('#tipo_box option').prop('selected', true);
$('#usuario_box option').prop('selected', true);
$('#formaModal').prop('action', './action/action_avisos_insert.php');
}
}
$('#modal_carrera').on('show.bs.modal', function(event){
var fac_id = $('#facultad').val();
$.ajax({
url: 'action/carrera_find.php',
type: 'POST',
dataType: 'json',
data: {fac_id: fac_id},
success: function(result){
$("#table-result-carrera").find(".carrera-nombre").html("");
$("#table-result-carrera").find(".carrera-agrega button").addClass("invisible");
var rows = $("#table-result-carrera > tr").length;
if(rows > result.length){
while(rows > result.length && rows > 1){
$("#table-result-carrera .tipo-row:last-child").remove();
rows--;
}
}else{
for(var i=rows; i<result.length; i++){
$("#table-result-carrera .tipo-row:first-child").clone(true).appendTo("#table-result-carrera");
}
}
if(result.length != 0){
$("#table-result-carrera").children().each(function(index){
if(index < result.length){
$(this).find('.carrera-nombre').html(result[index]['carrera_nombre']);
$(this).find('.carrera-agrega button').data("id", result[index]['carrera_id']);
$(this).find('.carrera-agrega button').data("text", result[index]['carrera_nombre']);
$(this).find(".carrera-agrega button").removeClass("invisible");
}
})
}
},
error: function(){
console.log("Error");
}
});
})
</script>
</body>
</html>