/
home2
/
reumatologia
/
public_html
/
admin
/
Upload File
HOME
<?php require_once("../inc_library_front.php"); /* verificamos si posee permisos */ //if (!Session::CheckPerm(Modulo::Eventos)) if (false) Session::NoPerm(); ?> <!DOCTYPE html> <html> <head> <?php include("ssi_head_inc.php"); ?> <link href="css/cropper.css" rel="stylesheet"> <script type="text/javascript"> </script> </head> <body class="fixed-left"> <!-- Begin page --> <div id="wrapper"> <?php include("ssi_header.php"); ?> <?php include("ssi_menu.php"); ?> <!-- ============================================================== --> <!-- Start right Content here --> <!-- ============================================================== --> <div class="content-page"> <!-- Start content --> <div class="content"> <div class="container"> <div class="row"> <div class="col-sm-12"> <h4 class="page-title">Registros Covac</h4> <ol class="breadcrumb"> <li> <a href="index.php">Home</a> </li> <li class="active"> Registros Covac </li> </ol> </div> </div> <div class="row"> <div class="col-xs-12"> <div class="card-box"> <div class="col-sm-8"> </div> <div class="col-sm-4 text-right"> <a href="#custom-modal" class="btn btn-default btn-md waves-effect waves-light m-b-30" data-animation="fadein" data-plugin="custommodal" data-overlaySpeed="200" data-overlayColor="#36404a"><i class="md md-add"></i> Agregar Registro</a> </div> <div id="jsGrid"></div> </div> </div> </div> </div> </div> </div> <!-- Modal --> <div id="custom-modal" class="modal-demo"> <button type="button" class="close" onclick="ClosePopup();"> <span>×</span><span class="sr-only">Cerrar</span> </button> <h4 class="custom-modal-title">Agregar Registro</h4> <div class="custom-modal-text text-left"> <form id="form-add-registro" role="form" method="post" action="json-registroscovac-add.php" class="form-horizontal resize-image" enctype="multipart/form-data"> <input type="hidden" id="Submitted" name="Submitted" value="1" /> <div class="form-group"> <label class="col-sm-12" for="Fecha">Fecha</label> <div class="col-sm-12"> <input type="text" class="form-control datepicker" id="Fecha" name="Fecha" placeholder="Fecha" required parsley-trigger="change" data-parsley-required-message="Por favor ingrese la fecha"> </div> </div> <div class="form-group"> <label class="col-sm-12" for="PacientesIngresados">Pacientes Ingresados</label> <div class="col-sm-12"> <input type="text" class="form-control" required name="PacientesIngresados" id="PacientesIngresados" placeholder="PacientesIngresados" required parsley-trigger="change" data-parsley-required-message="Por favor ingrese la cantidad de pacientes" /> </div> </div> <div class="form-group"> <label class="col-sm-12" for="InvestigadoresActivos">Investigadores Activos</label> <div class="col-sm-12"> <input type="text" class="form-control" required name="InvestigadoresActivos" id="InvestigadoresActivos" placeholder="InvestigadoresActivos" required parsley-trigger="change" data-parsley-required-message="Por favor ingrese la cantidad de investigadores" /> </div> </div> <div class="form-group"> <label class="col-sm-12" for="Video">Imágen 1</label> <div class="col-sm-6 col-sm-12"> <div class="img-container panel-body"> <div class="file-selector"> <img class="img-upl" id="image-1" src="images/upload-icon.png" data-id="1" alt="Picture"> <input type="file" class="img-upload" data-id="1" name="ImageSexo" id="img-1" accept="image/*" /> </div> <div class="m-t-10"> <button id="btn-rm-1" type="button" class="btn btn-danger waves-effect waves-light" disabled="disabled" onclick="RemoveImage('1');"><span class="btn-label"><i class="fa fa-times"></i></span> Eliminar imágen</button> </div> </div> </div> </div> <div class="form-group"> <label class="col-sm-12" for="LinkSexo">Texto 1</label> <div class="col-sm-12"> <input type="text" class="form-control" name="LinkSexo" id="LinkSexo" placeholder="Texto 1" parsley-trigger="change" data-parsley-required-message="Por favor ingrese el texto" data-parsley-type-message="Este valor debería ser un url válido" /> </div> </div> <div class="form-group"> <label class="col-sm-12" for="Video">Imágen 2</label> <div class="col-sm-6 col-sm-12"> <div class="img-container panel-body"> <div class="file-selector"> <img class="img-upl" id="image-2" src="images/upload-icon.png" data-id="2" alt="Picture"> <input type="file" class="img-upload" data-id="2" name="ImageEdad" id="img-2" accept="image/*" /> </div> <div class="m-t-10"> <button id="btn-rm-2" type="button" class="btn btn-danger waves-effect waves-light" disabled="disabled" onclick="RemoveImage('2');"><span class="btn-label"><i class="fa fa-times"></i></span> Eliminar imágen</button> </div> </div> </div> </div> <div class="form-group"> <label class="col-sm-12" for="LinkSexo">Texto 2</label> <div class="col-sm-12"> <input type="text" class="form-control" name="LinkEdad" id="LinkEdad" placeholder="Texto 2" parsley-trigger="change" data-parsley-required-message="Por favor ingrese el link" data-parsley-type-message="Este valor debería ser un url válido" /> </div> </div> <div class="form-group"> <label class="col-sm-12" for="Video">Imágen 3</label> <div class="col-sm-6 col-sm-12"> <div class="img-container panel-body"> <div class="file-selector"> <img class="img-upl" id="image-3" src="images/upload-icon.png" data-id="3" alt="Picture"> <input type="file" class="img-upload" data-id="3" name="ImageEnfermedadesReumaticas" id="img-3" accept="image/*" /> </div> <div class="m-t-10"> <button id="btn-rm-3" type="button" class="btn btn-danger waves-effect waves-light" disabled="disabled" onclick="RemoveImage('3');"><span class="btn-label"><i class="fa fa-times"></i></span> Eliminar imágen</button> </div> </div> </div> </div> <div class="form-group"> <label class="col-sm-12" for="LinkSexo">Texto 3</label> <div class="col-sm-12"> <input type="text" class="form-control" name="LinkEnfermedadesReumaticas" id="LinkEnfermedadesReumaticas" placeholder="Texto 3" parsley-trigger="change" data-parsley-required-message="Por favor ingrese el link" data-parsley-type-message="Este valor debería ser un url válido" /> </div> </div> <div class="form-group"> <label class="col-sm-12" for="Video">Imágen 4</label> <div class="col-sm-6 col-sm-12"> <div class="img-container panel-body"> <div class="file-selector"> <img class="img-upl" id="image-4" src="images/upload-icon.png" data-id="4" alt="Picture"> <input type="file" class="img-upload" data-id="4" name="ImageDistribucion" id="img-4" accept="image/*" /> </div> <div class="m-t-10"> <button id="btn-rm-4" type="button" class="btn btn-danger waves-effect waves-light" disabled="disabled" onclick="RemoveImage('4');"><span class="btn-label"><i class="fa fa-times"></i></span> Eliminar imágen</button> </div> </div> </div> </div> <div class="form-group"> <label class="col-sm-12" for="LinkSexo">Texto 4</label> <div class="col-sm-12"> <input type="text" class="form-control" name="LinkDistribucion" id="LinkDistribucion" placeholder="Texto 4" parsley-trigger="change" data-parsley-required-message="Por favor ingrese el link" data-parsley-type-message="Este valor debería ser un url válido" /> </div> </div> <div class="form-group"> <label class="col-sm-12" for="Video">Imágen 5</label> <div class="col-sm-6 col-sm-12"> <div class="img-container panel-body"> <div class="file-selector"> <img class="img-upl" id="image-5" src="images/upload-icon.png" data-id="4" alt="Picture"> <input type="file" class="img-upload" data-id="5" name="ImagenTipoVacuna" id="img-5" accept="image/*" /> </div> <div class="m-t-10"> <button id="btn-rm-5" type="button" class="btn btn-danger waves-effect waves-light" disabled="disabled" onclick="RemoveImage('5');"><span class="btn-label"><i class="fa fa-times"></i></span> Eliminar imágen</button> </div> </div> </div> </div> <div class="form-group"> <label class="col-sm-12" for="LinkTipoVacuna">Texto 5</label> <div class="col-sm-12"> <input type="text" class="form-control" name="LinkTipoVacuna" id="LinkTipoVacuna" placeholder="Texto 5" parsley-trigger="change" data-parsley-required-message="Por favor ingrese el link" data-parsley-type-message="Este valor debería ser un url válido" /> </div> </div> <div class="form-group"> <label class="col-sm-12" for="Video">Imágen 6</label> <div class="col-sm-6 col-sm-12"> <div class="img-container panel-body"> <div class="file-selector"> <img class="img-upl" id="image-6" src="images/upload-icon.png" data-id="6" alt="Picture"> <input type="file" class="img-upload" data-id="6" name="ImagenEstadoVacunacion" id="img-6" accept="image/*" /> </div> <div class="m-t-10"> <button id="btn-rm-6" type="button" class="btn btn-danger waves-effect waves-light" disabled="disabled" onclick="RemoveImage('6');"><span class="btn-label"><i class="fa fa-times"></i></span> Eliminar imágen</button> </div> </div> </div> </div> <div class="form-group"> <label class="col-sm-12" for="LinkTipoVacuna">Texto Estado Actual de Vacunación</label> <div class="col-sm-12"> <input type="text" class="form-control" name="LinkEstadoVacunacion" id="LinkEstadoVacunacion" placeholder="Texto 6" parsley-trigger="change" data-parsley-required-message="Por favor ingrese el link" data-parsley-type-message="Este valor debería ser un url válido" /> </div> </div> <div class="text-right"> <button type="submit" class="btn btn-default waves-effect waves-light">Guardar</button> <button type="button" class="btn btn-danger waves-effect waves-light m-l-10" onclick="ClosePopup();">Cancelar</button> </div> </form> </div> </div> <!-- Modal --> <!-- Modal Update --> <?php include('ssi_registrocovac_modal_mod.php'); ?> <div class="modal fade" id="imagemodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="z-index: 99999"> <input type="hidden" id="imgId" name="imgId" value=""> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Cerrar</span></button> <img src="" class="imagepreview" style="width: 100%;" > <div class="m-t-20 text-right"> <button class="btn btn-default" onclick="RotateRight();"><i class="fa fa-rotate-right"></i></button> <button class="btn btn-default" onclick="RotateLeft();"><i class="fa fa-rotate-left"></i></button> <a class="btn btn-primary" id="btn-img-save">Recortar imágen</a> </div> </div> </div> </div> </div> </div> <?php include("ssi_scripts.php"); ?> <!-- jsgris table js --> <script src="<?= Config::UrlFiles ?>assets/plugins/jsgrid/js/jsgrid.min.js"></script> <script src="js/jquery.jsgrid.registroscovac.init.js"></script> <script src="js/jquery.jsgrid.init.js"></script> <script type="text/javascript" src="<?= Config::UrlFiles ?>assets/plugins/autocomplete/jquery.mockjax.js"></script> <script type="text/javascript" src="<?= Config::UrlFiles ?>assets/plugins/autocomplete/jquery.autocomplete.min.js"></script> <script type="text/javascript" src="js/resize_img.js"></script> <script src="js/cropper.js"></script><!-- Cropper.js is required --> <script src="js/jquery-cropper.min.js"></script> <script src="js/modal_crop.js"></script> <script type="text/javascript"> function ClosePopup() { $('#Fecha').val(''); $('#PacientesIngresados').val(''); $('#InvestigadoresActivos').val(''); $('#LinkSexo').val(''); $('#LinkEdad').val(''); $('#LinkEnfermedadesReumaticas').val(''); $('#LinkDistribucion').val(''); $('#LinkTipoVacuna').val(''); $('#LinkEstadoVacunacion').val(''); $('#image-1').attr('src', 'images/upload-icon.png'); $('#hd-1').remove(); $('#btn-rm-1').attr('disabled', 'disabled'); $('#image-2').attr('src', 'images/upload-icon.png'); $('#hd-2').remove(); $('#btn-rm-2').attr('disabled', 'disabled'); $('#image-3').attr('src', 'images/upload-icon.png'); $('#hd-3').remove(); $('#btn-rm-3').attr('disabled', 'disabled'); $('#image-4').attr('src', 'images/upload-icon.png'); $('#hd-4').remove(); $('#btn-rm-4').attr('disabled', 'disabled'); $('#image-5').attr('src', 'images/upload-icon.png'); $('#hd-5').remove(); $('#btn-rm-5').attr('disabled', 'disabled'); $('#image-6').attr('src', 'images/upload-icon.png'); $('#hd-6').remove(); $('#btn-rm-6').attr('disabled', 'disabled'); $('#FechaU').val(''); $('#PacientesIngresadosU').val(''); $('#InvestigadoresActivosU').val(''); $('#LinkSexoU').val(''); $('#LinkEdadU').val(''); $('#LinkEnfermedadesReumaticasU').val(''); $('#LinkDistribucionU').val(''); $('#LinkTipoVacunaU').val(''); $('#LinkEstadoVacunacionU').val(''); $('#image-7').attr('src', 'images/upload-icon.png'); $('#hd-7').remove(); $('#btn-rm-7').attr('disabled', 'disabled'); $('#image-8').attr('src', 'images/upload-icon.png'); $('#hd-8').remove(); $('#btn-rm-8').attr('disabled', 'disabled'); $('#image-9').attr('src', 'images/upload-icon.png'); $('#hd-9').remove(); $('#btn-rm-9').attr('disabled', 'disabled'); $('#image-10').attr('src', 'images/upload-icon.png'); $('#hd-10').remove(); $('#btn-rm-10').attr('disabled', 'disabled'); $('#image-11').attr('src', 'images/upload-icon.png'); $('#hd-11').remove(); $('#btn-rm-11').attr('disabled', 'disabled'); $('#image-12').attr('src', 'images/upload-icon.png'); $('#hd-12').remove(); $('#btn-rm-12').attr('disabled', 'disabled'); $('#EliminarImagen').val(0); $('#EliminarImagen2').val(0); $('#EliminarImagen3').val(0); $('#EliminarImagen4').val(0); $('#EliminarImagen5').val(0); $('#EliminarImagen6').val(0); Custombox.close(); } $(document).ready(function () { $('#btn-rm-7').click(function() { $('#EliminarImagen').val(1); }); $('#btn-rm-8').click(function() { $('#EliminarImagen2').val(1); }); $('#btn-rm-9').click(function() { $('#EliminarImagen3').val(1); }); $('#btn-rm-10').click(function() { $('#EliminarImagen4').val(1); }); $('#btn-rm-11').click(function() { $('#EliminarImagen5').val(1); }); $('#btn-rm-12').click(function() { $('#EliminarImagen6').val(1); }); $('form').parsley({ excluded: "input[type=button], input[type=submit], input[type=reset], input[type=hidden], [disabled], :hidden" }); $('#form-add-registro, #form-mod-registro').submit(function(e) { var data = new FormData(this); var count = 1; $('.hi-url').each(function() { var id = $(this).attr('data-id'); var blob = dataURLToBlob($(this).val()); var imageId = parseInt(id); if (imageId > 4) imageId = imageId % 7 + 1; data.append('Imagen-' + imageId, blob); count++; }); data.append('Cantidad', count); $.ajax({ url: $(this).attr('action'), data: data, cache: false, contentType: false, processData: false, type: 'POST', success: function(data){ if (data.Success) { $("#jsGrid").jsGrid("loadData"); ClosePopup(); } else swal({ title: "Error!", text: data.Error, type: "error", timer: 2000, showConfirmButton: false }); } }); e.preventDefault(); return false; }); }); </script> </body> </html>