|
|
@@ -1,431 +0,0 @@
|
|
|
-<?php
|
|
|
-require_once 'class/c_login.php';
|
|
|
-require_once 'include/bd_pdo.php';
|
|
|
-
|
|
|
-$user = Login::get_user();
|
|
|
-
|
|
|
-$user->access('Avisos');
|
|
|
-if($user->acceso == null){
|
|
|
- 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', 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>
|
