| Server IP : 74.208.127.88 / Your IP : 3.148.221.78 Web Server : Apache/2.4.41 (Ubuntu) System : Linux ubuntu 5.4.0-163-generic #180-Ubuntu SMP Tue Sep 5 13:21:23 UTC 2023 x86_64 User : www-data ( 33) PHP Version : 7.4.3-4ubuntu2.29 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /var/www/html/t/sae/appsae/core/app/view/ |
Upload File : |
<style>
* {
box-sizing: border-box;
}
body {
font-family: 'Roboto', sans-serif;
background: #E5E5E5;
}
main {
max-width: 800px;
width: 90%;
margin: auto;
padding: 40px;
}
.formulario {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.formulario__label {
display: block;
font-weight: 700;
padding: 10px;
cursor: pointer;
}
.formulario__grupo-input {
position: relative;
}
.formulario__input {
width: 100%;
background: #fff;
border: 3px solid transparent;
border-radius: 3px;
height: 45px;
line-height: 45px;
padding: 0 40px 0 10px;
transition: .3s ease all;
}
.formulario__input:focus {
border: 3px solid #0075FF;
outline: none;
box-shadow: 3px 0px 30px rgba(163,163,163, 0.4);
}
.formulario__input-error {
font-size: 12px;
margin-bottom: 0;
display: none;
}
.formulario__input-error-activo {
display: block;
}
.formulario__validacion-estado {
position: absolute;
right: 10px;
bottom: 15px;
z-index: 100;
font-size: 16px;
opacity: 0;
}
.formulario__checkbox {
margin-right: 10px;
}
.formulario__grupo-terminos,
.formulario__mensaje,
.formulario__grupo-btn-enviar {
grid-column: span 2;
}
.formulario__mensaje {
height: 45px;
line-height: 45px;
background: #F66060;
padding: 0 15px;
border-radius: 3px;
display: none;
}
.formulario__mensaje-activo {
display: block;
}
.formulario__mensaje p {
margin: 0;
}
.formulario__grupo-btn-enviar {
display: flex;
flex-direction: column;
align-items: center;
}
.formulario__btn {
height: 45px;
line-height: 45px;
width: 30%;
background: #000;
color: #fff;
font-weight: bold;
border: none;
border-radius: 3px;
cursor: pointer;
transition: .1s ease all;
}
.formulario__btn:hover {
box-shadow: 3px 0px 30px rgba(163,163,163, 1);
}
.formulario__mensaje-exito {
font-size: 14px;
color: #119200;
display: none;
}
.formulario__mensaje-exito-activo {
display: block;
}
/* ----- ----- Estilos para Validacion ----- ----- */
.formulario__grupo-correcto .formulario__validacion-estado {
color: #1ed12d;
opacity: 1;
}
.formulario__grupo-incorrecto .formulario__label {
color: #bb2929;
}
.formulario__grupo-incorrecto .formulario__validacion-estado {
color: #bb2929;
opacity: 1;
}
.formulario__grupo-incorrecto .formulario__input {
border: 3px solid #bb2929;
}
/* ----- ----- Mediaqueries ----- ----- */
@media screen and (max-width: 400px) {
.formulario {
grid-template-columns: 1fr;
}
.formulario__grupo-terminos,
.formulario__mensaje,
.formulario__grupo-btn-enviar {
grid-column: 1;
}
.formulario__btn {
width: 100%;
}
}
</style>
<?php
$prod = ProductData::getAllProducts();
$count1=0;
foreach($prod as $product1x):
$count1=$count1+$count1;
endforeach;
$code1= $count1+123;
?>
<?php
$code3 = strtotime('S');
?>
<?php
$code2= rand(3,109);
?>
<?php
$prefijo=750;
$codebarOK = $prefijo + $code3 + ($code2*$code1);
?>
<section class="content">
<?php
$categories = CategoryData::getAll();
?>
<div class="row">
<div class="col-md-12">
<h1>Nuevo Producto</h1>
<br>
<div class="box box-primary">
<table class="table">
<tr>
<td>
<form class="form-horizontal" method="post" enctype="multipart/form-data" id="addproduct" action="index.php?view=addproduct" role="form">
<div class="form-group">
<label for="inputEmail1" class="col-lg-2 control-label">Imagen</label>
<div class="col-md-6">
<input type="file" name="image" id="image" placeholder="">
</div>
</div>
<!-- json response will be here -->
<div id="errorDiv"></div>
<!-- json response will be here -->
<div class="form-group">
<label for="inputEmail1" class="col-lg-2 control-label">Codigo de Barras*</label>
<div class="col-md-6">
<input type="text" name="barcode" required value="<?php echo $codebarOK;?>" class="form-control" id="barcode" placeholder="Codigo de Barras del Producto" autocomplete="off">
</div>
</div>
<div class="form-group">
<label for="inputEmail1" class="col-lg-2 control-label">Tipo de Producto</label>
<div class="col-md-6">
<select name="is_service" id="is_service" class="form-control" onclick="mostrarReferencia2();">
<option value="1">Almacenable</option>
<option value="2">Servicio</option>
<option value="3">Paquete/promo</option>
<option value="4">A Granel</option>
</select>
</div>
</div>
<!--INICIO DE CAMPOS DE PAQUETE-->
<div class="form-group" id="invent">
<div class="form-group" >
<label for="inputEmail1" class="col-lg-3 control-label">Agregar a Paquete</label>
<div class="col-md-4">
<select name="product_id" class="form-control">
<?php foreach($prod as $category):
if(!empty($category->id_item)){
?>
<option value="<?php echo $category->id_item;?>"><?php echo $category->name;?></option>
<?php
}
endforeach;?>
</select>
</div>
</div>
<div class="form-group">
<label for="inputEmail1" class="col-lg-3 control-label">Cantidad del paquete:</label>
<div class="col-md-4">
<input type="number" name="qy" class="form-control" id="qy" value="1" placeholder="Agregar cantidad a descontar del paquete o promo">
</div>
</div>
</div>
<!--FIN DE CAMPOS DE PAQUETE-->
<div class="form-group">
<label for="inputEmail1" class="col-lg-2 control-label">Nombre*</label>
<div class="col-md-6">
<input type="text" name="name" class="form-control" id="name" placeholder="Nombre del Producto" required>
<i class="formulario__validacion-estado fas fa-times-circle"></i>
</div>
<span class="help-block" id="error"></span>
<p class="formulario__input-error">El usuario tiene que ser de 4 a 16 dígitos y solo puede contener numeros, letras y guion bajo.</p>
</div>
<div class="form-group">
<label for="inputEmail1" class="col-lg-2 control-label">Precio de Venta*</label>
<div class="col-md-6">
<input type="number" name="price_out" required class="form-control" id="price_out" placeholder="Precio de Venta">
</div>
<span class="help-block" id="error"></span>
</div>
<div class="form-group">
<label for="inputEmail1" class="col-lg-2 control-label">Categoria</label>
<div class="col-md-6">
<select name="category_id" class="form-control" required>
<option value="">-- NINGUNA --</option>
<?php foreach($categories as $category):?>
<option value="<?php echo $category->id;?>"><?php echo $category->name;?></option>
<?php endforeach;?>
</select>
</div>
</div>
<div class="form-group">
<label for="inputEmail1" class="col-lg-2 control-label">Inventario inicial:</label>
<div class="col-md-6">
<input type="number" name="q" class="form-control" id="q" value="0" placeholder="Inventario inicial">
</div>
</div>
<div class="form-group">
<label for="inputEmail1" class="col-lg-2 control-label">Precio Costo*</label>
<div class="col-md-6">
<input type="text" name="price_in" required class="form-control" id="price_in" value = "1" placeholder="Precio Costo">
</div>
<span class="help-block" id="error"></span>
</div>
<div class="form-group">
<label for="inputEmail1" class="col-lg-2 control-label">Descripcion</label>
<div class="col-md-6">
<textarea name="description" class="form-control" id="description" placeholder="Descripcion del Producto"></textarea>
</div>
</div>
<div class="form-group">
<label for="inputEmail1" class="col-lg-2 control-label">% de IVA</label>
<div class="col-md-6">
<input type="text" name="iva" class="form-control" id="iva" placeholder="Porcentaje de Iva" value="16">
</div>
</div>
<div class="form-group">
<label for="inputEmail1" class="col-lg-2 control-label">Clave Unidad de Servicio</label>
<div class="col-md-6">
<input type="text" name="unit" class="form-control" id="unit" value="ACT" placeholder="Clave Unidad de Servicio SAT">
</div>
</div>
<div class="form-group">
<label for="inputEmail1" class="col-lg-2 control-label">Ubicacion</label>
<div class="col-md-6">
<input type="text" name="presentation" class="form-control" id="inputEmail1" placeholder="Donde esta el Producto">
</div>
</div>
<div class="form-group">
<label for="inputEmail1" class="col-lg-2 control-label">Minima en inventario:</label>
<div class="col-md-6">
<input type="text" name="inventary_min" class="form-control" id="inputEmail1" value="5" placeholder="Para que te alerte cuando te queden pocos exist (Default 10)">
</div>
</div>
<div class="form-group">
<label for="inputEmail1" class="col-lg-2 control-label">Fecha Caducidad</label>
<div class="col-md-6">
<input type="date" name="finish_at" class="form-control" placeholder="Fin">
</div>
</div>
<div class="form-group">
<div class="col-lg-offset-2 col-lg-10">
<button type="submit" class="btn btn-primary" id="formulario__btn">Agregar Producto</button>
<button type="submit" title="Validar producto (F9)" class="btn btn-dark btn-info " id="btnadd2" >
<i class="fa fa-folder-open-o"></i>[F9] Validar Producto
</button>
<button type="submit" title="Validar producto (F9)" class="btn btn-dark btn-danger " id="btnadd2" >
<i class="fa fa-close"></i>[F8] Cancelar
</button>
</div>
</div>
</form>
</td>
</tr>
</table>
</div>
</div>
</div>
<script type='text/javascript'>
$(document).ready(function(){
$("#invent").hide();
});
document.forms[0].elements["barcode"].focus()
document.forms[0].elements["barcode"].select()
<!-- FUNCION PARA QUE SE PUEDA deshabilitar el input
function mostrarReferencia2(){
//Si la opcion con VALUE 1 (dentro del documento > formulario > y a la vez dentro del array de esta activada
if (document.getElementById('is_service').value == 2) {
//muestra (cambiando la propiedad display del estilo) el div con id 'desdeotro'
document.getElementById('q').value = 0;
document.getElementById('q').readOnly = true;
$("#invent").hide();
}
if (document.getElementById('is_service').value == 3) {
//muestra (cambiando la propiedad display del estilo) el div con id 'desdeotro'
alert("Agregar Paquete");
document.getElementById('q').value = 0;
document.getElementById('q').readOnly = true;
document.getElementById('invent').style.display = "block";
document.forms[0].elements["product_id"].focus()
}
}
-->
//poner precio costo
$(document).ready(function(){
//VERIICAR NOMBRE Y CODIGO DE BARRAS
$("#q").blur(function(){
var price_out = $("#price_out").val();
var price_in = $("#price_in").val();
price_in = Math.round(price_out/1.20);
console.log(price_in);
$("#price_in").val(price_in);
});
//VERIICAR codigo de barras si existe
$("#barcode").blur(function(){
var codebar = $("#barcode").val();
var nombre = $("#name").val();
temptabel3(codebar,nombre);
});
function temptabel3(codebar,nombre){
var value = {
codebar: codebar,
nombre: nombre,
};
$.ajax(
{
url : "./?action=validProduct",
type: "POST",
data : value,
success: function(response)
{
var jsonData = JSON.parse(response);
if (jsonData.barcode === codebar) {
$.notify({
message: " Codigo Existe, actualizar datos"
},{
type: 'danger',
delay: 1000,
});
$("#barcode").val('');
document.getElementById('formulario__btn').style.visibility = "hidden"; // ocultar
//document.getElementById('update__btn').style.visibility = "visible"; // ocultar
set_focus("#barcode");
return;
}else{
var codigo = $("#barcode").val();
if(codigo == '' || codigo == null)
{
$.notify({
message: " Ingrese Valores a Codigo de Barras: "
},{
type: 'info',
delay: 5000,
});
set_focus("#barcode");
}else{
$.notify({
message: " Verificado: " + jsonData.barcode
},{
type: 'info',
delay: 1000,
});
$("#formulario__btn").prop('disabled', false);
}
}
},
error: function(jqXHR, textStatus, errorThrown)
{
$.notify({
message: "Error Producto/Tabla"
},{
type: 'danger',
delay: 1000,
});
}
});
}
});
</script>
<!--validacion de campos-->
<script src="js/formulario.js"></script>
</section>