productos.php | searchcode

/administracion/productos.php

https://gitlab.com/merintec/barvo
PHP | 311 lines | 259 code | 38 blank | 14 comment | 8 complexity | 8383b708804d14186734a04de2b00573 MD5 | raw file

<?php
include("../comunes/variables.php");
include("verificar_admin.php");
include("../comunes/conexion.php");
$tabla='productos';
$titulos_busqueda = 'Nombre, Descripci&oacute;n, Defecto, Orden';
$datos_busqueda = 'nomb_prod,desc_prod,defecto,orden';
$orden_busqueda = 'orden asc, nomb_prod asc';
$edita_orden_num = 'orden';
$nregistros = 100;  



?>
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../estilo/estilo.css">
    <script src="../bootstrap/js/jquery.js"> </script>
    <script src="../validacion/js/languages/jquery.validationEngine-es.js" type="text/javascript" charset="utf-8"></script>
    <script src="../validacion/js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" href="../validacion/css/validationEngine.jquery.css" type="text/css"/>
    <link rel="stylesheet" href="../validacion/css/template.css" type="text/css"/>
     <!-- para subir imagenes -->
    <script language="javascript" src="../js/AjaxUpload.2.0.min.js"></script>
    <!-- estos link se estan usando para el calendario, lo que si es que debemos descargarlos -->
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/themes/base/jquery-ui.css">
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/jquery-ui.min.js"></script> 
    <script type="text/javascript" src="../js/whatyouseeiswhatyouget/jquery-te-1.4.0.min.js" charset="utf-8"></script>
    <link type="text/css" rel="stylesheet" href="../js/whatyouseeiswhatyouget/jquery-te-1.4.0.css">
    <title><?php echo $nom_pagina; ?></title>
  </head>
  <!-- validacion en vivo -->
<script>
  <!-- validacion en vivo -->
  jQuery(document).ready(function(){
    // binds form submission and fields to the validation engine
    jQuery("#form1").validationEngine('attach', {bindMethod:"live"});
   });
</script>
<!-- funcion de guardar formulario -->  
<script type="text/javascript">
$(function()
{
    $("#guardar").click(function()
    {
      if ($("#form1").validationEngine('validate')){
        var url="../comunes/funcion_guardar.php"; 
        $.ajax
        ({
            type: "POST",
            url: url,
            data: $("#form1").serialize(),
            success: function(data)
            {
              var codigo, datatemp, mensaje;
              datatemp=data;
              datatemp=datatemp.split(":::");
              codigo=datatemp[0];
              mensaje=datatemp[1];
              if (codigo==001)
              {
                $('#msg_imag').hide();
                $('#msg_imag1').hide();
                $("#form1")[0].reset();
                $(".jqte-test").val('');
                $(".jqte_editor").jqteVal($(".jqte-test").val());
                $('#imagen_cargada').attr('src','');
                $('#imagen_cargada1').attr('src','');


              }
              $("#resultado").html(mensaje);
              buscar();
            }
        });
        return false;
      }
    });
});
function buscar()
{
  var url="../comunes/busqueda.php"; 
  $.ajax
  ({
    type: "POST",
    url: url,
    data: $("#form1").serialize(),
    success: function(data)
    {
      $("#resultado_busqueda").html(data);
    }
  });
  return false; 
}


//imagen 1
$(document).ready(function(){
    var parametros = {
            "direc" : "msg_imag"
    };
    var button = $('#upload_button');
    new AjaxUpload('#upload_button', {
        type: "POST", 
        data: parametros,
        action: 'subir_imagen_productos.php',
        onSubmit : function(file , ext){
        if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){
            // extensiones permitidas
            var mensaje;
            mensaje='<div class="alert alert-danger"><button type="button" class="close" data-dismiss="alert">&times;</button><strong>Error... Solo se permiten imagenes</strong></div>';
             $("#resultado").html(mensaje);
            // cancela upload
            return false;
        } else {
            $('#status_imagen').html('Cargando...');
            this.disable();
        }
        },
        onComplete: function(file, response){
            // habilito upload button
            $('#status_imagen').html(response);            
            this.enable();          
            // Agrega archivo a la lista
            var nom_arch=file;
            $('#imag_prod').val(nom_arch);
            $('#imagen_cargada').attr('src','../imagenes/uploads/productos/'+nom_arch);

            //html('.files').text(file);
        }   
    });
});

//imagen 1
$(document).ready(function(){
    var parametros = {
            "direc" : "msg_imag1"
    };
    var button = $('#upload_button1');
    new AjaxUpload('#upload_button1', {
        type: "POST", 
        data: parametros,
        action: 'subir_imagen_productos.php',
        onSubmit : function(file , ext){
        if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){
            // extensiones permitidas
            var mensaje;
            mensaje='<div class="alert alert-danger"><button type="button" class="close" data-dismiss="alert">&times;</button><strong>Error... Solo se permiten imagenes</strong></div>';
             $("#resultado").html(mensaje);
            // cancela upload
            return false;
        } else {
            $('#status_imagen1').html('Cargando...');
            this.disable();
        }
        },
        onComplete: function(file, response){
            // habilito upload button
            $('#status_imagen1').html(response);            
            this.enable();          
            // Agrega archivo a la lista
            var nom_arch=file;
            $('#icon_prod').val(nom_arch);
            $('#imagen_cargada1').attr('src','../imagenes/uploads/productos/'+nom_arch);

            //html('.files').text(file);
        }   
    });
});


</script>


<body>
    <?php
        include("menu_backend.php");
    ?>
<div data-offset-top="100" class="container" data-spy="affix">
  <div id="resultado"></div>
</div>
<div class="jumbotron cajaform">
      <div class="titulo_form">   Productos </div>
            <form method="POST" name="form1" id="form1" onsubmit="return jQuery(this).validationEngine('validate');">
                 <input type="hidden" name="var_tabla" id="var_tabla" value='<?php echo $tabla; ?>'>
                <input type="hidden" name="var_titulos_busqueda" id="var_titulos_busqueda" value='<?php echo $titulos_busqueda; ?>'>
                <input type="hidden" name="var_datos_busqueda" id="var_datos_busqueda" value='<?php echo $datos_busqueda; ?>'>
                <input type="hidden" name="var_orden_busqueda" id="var_orden_busqueda" value='<?php echo $orden_busqueda; ?>'>
                <input type="hidden" name="var_edita_orden_num" id="var_edita_orden_num" value='<?php echo $edita_orden_num; ?>'>
                <input type="hidden" name="var_nregistros" id="var_nregistros" value='<?php echo $nregistros; ?>'>
                <input type="hidden" name="var_pag_actual" id="var_pag_actual" value=''>  
                    
                <div class="form-group">
                    <label for="nomb_prod" class="etq_form" > Nombre:</label>
                    <div id="grupo_nomb_prod" class="input-group">
                        <input type="text" name="nomb_prod" id="nomb_prod" class="validate[required, custom[onlyLetterSp], minSize[3], maxSize[100]] text-input, form-control" placeholder="Nombre del Producto">
                        <span id="boton_nomb_prod" class="input-group-addon"  style="cursor:pointer; cursor: hand;" onclick="buscar()";>
                                    <span id="buscar_nomb_prod" title="Buscar" class="glyphicon glyphicon-search"> </span>
                                    <span id="actualiza_nomb_prod" title="Guardar Cambios" class="glyphicon glyphicon-floppy-disk oculto"> </span>
                        </span>       
                    </div>
                  </div>

                  <div class="form-group">
                   
                      <label for="desc_prod" class="etq_form" >Descripci&oacute;n:</label>
                      <div id="grupo_desc_prod" class="">
                          <input type="text" name="desc_prod" id="desc_prod" class="validate[required, custom[onlyLetterSp], minSize[4], maxSize[100]] text-input, form-control" placeholder="Descripci&oacute;n del Producto">
                          <span id="boton_desc_prod" class="input-group-addon"  style="visibility:hidden; cursor:pointer; cursor: hand;" onclick="buscar()";>
                          <span id="actualiza_desc_prod" title="Guardar Cambios" class="glyphicon glyphicon-floppy-disk oculto"> </span>
                          </span>
                    </div>
                  </div>

                      <div class="form-group">
                          <label for="imag_prod" class="etq_form" > Imagen Producto:</label>
                           <div id="grupo_imag_prod" class="input-group">
                            <span id="upload_button" class="input-group-addon"  style="cursor:pointer; cursor: hand;" onclick="";>
                                    <span  class="glyphicon glyphicon-picture"> </span> 
                                 </span>
                              <input type="text" name="imag_prod" id="imag_prod" class="form-control"  placeholder="Subir Imagen">
                                <span id="boton_imag_prod" class="input-group-addon"  style=" visibility:hidden; cursor:pointer;  cursor: hand;" onclick="";>
                                    
                                    <span id="actualiza_imag_prod" title="Guardar Cambios" class="glyphicon glyphicon-floppy-disk oculto"> </span>
                                </span>

                          </div>
                          <div id="status_imagen"></div>
                          <div class="text-center">
                            <img id="imagen_cargada" style="max-width:30%; border:1px solid #000;" src="" >                    
                          </div>
                        </div>

                       <div class="form-group">
                          <label for="icon_prod" class="etq_form" > Icono del Producto:</label>
                           <div id="grupo_icon_prod" class="input-group">
                            <span id="upload_button1" class="input-group-addon"  style="cursor:pointer; cursor: hand;" onclick="";>
                                    <span  class="glyphicon glyphicon-picture"> </span> 
                                 </span>
                              <input type="text" name="icon_prod" id="icon_prod" class="form-control"  placeholder="Subir Imagen">
                                <span id="boton_icon_prod" class="input-group-addon"  style=" visibility:hidden; cursor:pointer;  cursor: hand;" onclick="";>
                                    
                                    <span id="actualiza_icon_prod" title="Guardar Cambios" class="glyphicon glyphicon-floppy-disk oculto"> </span>
                                </span>

                          </div>
                          <div id="status_imagen1"></div>
                          <div class="text-center">
                            <img id="imagen_cargada1" style="max-width:30%; border:1px solid #000;" src="" >                    
                          </div>
                        </div>

                        
                        <div class="form-group">
                           <label for="cont_prod" class="etq_form" > Contenido:</label>
                           <div id="grupo_cont_prod" class=""> 
                                <textarea name="cont_prod" id="cont_prod" class=" validate[required], text-input jqte-test form-control"> </textarea>
                                
                           </div>
                            <span id="boton_cont_prod" class="input-group-addon"  style="visibility:hidden; cursor:pointer; cursor: hand;" onclick="buscar()";>
                                 <span id="actualiza_cont_prod" title="Guardar Cambios" class="glyphicon glyphicon-floppy-disk oculto"> </span>
                               </span>
                        </div>


                     <div class="form-group">
                       <div id="grupo_defecto" class="">
                           <label for="defecto" class="etq_form">Establecer por Defecto:&nbsp;</label>
                            <input type="checkbox" name="defecto" id="defecto"  value="s" onclick="$(this).val(this.checked ? 's' : '')">
                             <span id="boton_defecto" class="input-group-addon"  style="visibility:hidden; cursor:pointer; cursor: hand;" onclick="buscar()";>
                             <span id="actualiza_defecto" title="Guardar Cambios" class="glyphicon glyphicon-floppy-disk oculto"> </span>
                          </span>
                      </div>
                     </div>

               
                <div align="center"> <a href="<?php echo $_PHP_SELF; ?>"><button id="cancelar" type="button" class="btn btn_form oculto" >Cancelar</button></a>  <input type="submit" name="guardar"  id="guardar" value="Guardar" class="btn btn_form" > </div>
           
            </form>
          
           

</div>

<div class="row">
  <div id='resultado_busqueda' class="container">
    <?php 
      include("../comunes/busqueda.php");
    ?>
  </div>
</div>
 <script>
  $('.jqte-test').jqte();
  
  // settings of status
  var jqteStatus = true;
  $(".status").click(function()
  {
    jqteStatus = jqteStatus ? false : true;
    $('.jqte-test').jqte({"status" : jqteStatus})
  });
</script>

  <script src="../bootstrap/js/bootstrap.min.js"> </script>
  </body>
</html>