Initial state
This commit is contained in:
435
avisos_crear.php
Normal file
435
avisos_crear.php
Normal 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">×</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">×</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>
|
||||
Reference in New Issue
Block a user