Código
<?php class product{ private $conexion; public function __construct(){ require_once('conexion.php'); $this->conexion = new conexion(); $this->conexion->conectar(); } function add($price,$stock,$code,$product){ $sql1 ="INSERT INTO product (price,stock,code,product) VALUES('$price','$stock','$code','$product')"; if($this->conexion->conexion->query($sql1)){ return true; } else{ return false; } $this->conexion->cerrar(); } function show_product(){ //lib include('../libs/Zebra_Pagination.php'); $pagination = new Zebra_Pagination(); //num of records to display on screen $resultado = 5; //edit SELECT $sql = "SELECT * FROM product limit ".(($pagination->get_page()-1)*$resultado).",".$resultado; $total = $this->conexion->conexion->query($sql); //save total products //zebra functions $pagination->records($total_record); $pagination->records_per_page($resultado); //edit SELECT $record = $this->conexion->conexion->query($sql); $item =0; if(!$this->conexion->conexion->query($sql)){ } if($record->num_rows>0){ while($show = $record->fetch_array(MYSQLI_ASSOC)){ $item += 1; echo '<tr> <td>'.$item.'</td> <td>'.$show["code"].'</td> <td>'.$show["product"].'</td> <td>'.$show["price"].'</td> <td>'.$show["stock"].'</td> <td><button class="btn btn-warning frm-action"><span class="glyphicon glyphicon-edit"><span<button><button class="btn btn-danger frm-action"><span class="glyphicon glyphicon-trash"><span<button></td> </tr>'; } } else{ echo '<tr><td colspan="7">no hay registros</td></tr>'; } } } ?>
Código
<?php require_once('../Models/product.php'); $product = new product(); {?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <title>Products</title> <link rel="stylesheet" href="../Resources/css/bootstrap.min.css"> <link rel="stylesheet" href="../Resources/css/main.css"> </head> <body> <!--Barra de Navegacion--> <nav class="navbar navbar-default frm-nav"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> <span class="sr-only">Cambiar Navegacion</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a href="#" class="navbar-brand">Sales</a> </div> <ul class="nav navbar-nav navbar-right"> <li class="dropdrown"> <a href="javascript:void(0)" onclick="" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span> <?php echo $_SESSION['name'];?><span class="caret"></span></a> <ul class="dropdown-menu" role="menu"> <li><a href="javascript:void(0)" onclick="settings();"><span class="glyphicon glyphicon-cog"></span> Settings</a></li> <li><a href="javascript:void(0)" onclick="edit();"><span class="glyphicon glyphicon-edit"></span> Edit</a></li> <li><a href="javascript:void(0)" onclick="change(); "><span class="glyphicon glyphicon-repeat"></span> Change your password</a></li> <li class="divider"></li> <li><a href="javascript:void(0)" onclick="cerrar();"><span class="glyphicon glyphicon-off"> Sign out</span></a></li> </ul> </ul> <ul class="nav navbar-nav navbar-right"> <li class="dropdown"> <a href="javascript:void(0)" onclick="" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-flag"></span> Reports<span class="caret"></span></a> <ul class="dropdown-menu" role="menu"> <li><a href=""><span class="glyphicon glyphicon-list"></span> Items</a></li> <li><a href="#"><span class="glyphicon glyphicon-list"></span> Parents list</a></li> </ul> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href="javascript:void(0)" onclick=""><span class="glyphicon glyphicon-home"></span> home</a></li> <li><a href="javascript:void(0)" id="low_stock" onclick=""><span class="glyphicon glyphicon-alert"></span> slow stock <span id="notif" class="badge">0</span></a></li> </ul> </nav> <div class="col-md-3"> <ul class="nav nav-pills nav-stacked"> <li class="active"><a href="javascript:void(0)" onclick="home();"><span class="glyphicon glyphicon-home"></span> home</a></li> <li><a href="javascript:void(0)" onclick="product();"><span class=" glyphicon glyphicon-bed"></span> products</a></li> <li><a href="javascript:void(0)" onclick="sales();"><span class="glyphicon glyphicon-credit-card"></span> Sales</a></li> <li><a href="javascript:void(0)" id="msg" onclick="users();"><span class="glyphicon glyphicon-user"></span> Users <span id="notif" class="badge" onclick="push_up();">0</span></a></li> </ul> </div> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModallabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="myModalLabel">Registro</h4> </div> <div class="modal-body"> <form class="form-horizontal" id="formCliente"> <div class="form-group"> <label for="fecha" class="control-label col-xs-5">date: </label> <div class="col-xs-4"> </div> </div> <div class="form-group"> <label for="code" class="control-label col-xs-5">code:</label> <div class="col-xs-2 frm-code"> <input type="text" id="code" name="code" class="form-control" onkeyup="validacion('code');" aria-describedby="inputSuccess2Status"> <span class="help-block"></span> </div> </div> <div class="form-group"> <label for="product" class="control-label col-xs-5">Product:</label> <div class="col-xs-4 frm-product"> <select class="form-control" id="product" name="product" onchange="validacion('product');"> <option value="reset_product">Select an option</option> <option>usb 8gb</option> <option>usb 16gb Kingston</option> <option>usb 32gb Kingston</option> <option>usb 64gb Kingston</option> <option>usb 128gb Kingston</option> <option>SD 8gb</option> <option>SD 16gb</option> <option>SD 32GB</option> <option>SD 64gb</option> <option>SD 128gb</option> <option>GO PRO HERO</option> <option>GO PRO BLACK EDITION</option> <option>GO PRO SILVER EDITION</option> <option>GO PRO 2 HERO</option> <option>GO PRO 2 HERO BLACK EDITION</option> <option>GO PRO 2 HERO SILVER EDITION</option> <option>GO PRO 3 HERO</option> <option>GO PRO 3 HERO</option> <option>GO PRO 3 HERO BLACK EDITION</option> <option>GO PRO 3 HERO SILVER EDITION</option> <option>Snorkel</option> <option>Aletas</option> <option>Tanque 24lb</option> </select> </div> </div> <div class="form-group"> <label for="price" class="control-label col-xs-5">Price:</label> <div class="col-xs-3 frm-price"> <input type="text" class="form-control" id="price" name="price" onkeyup="validacion('price');"> <span class="help-block"></span> </div> </div> <div class="form-group"> <label for="stock" class="control-label col-xs-5">Stock: </label> <div class="col-xs-4"> <select class="form-control" id="stock" name="stock" onchange="validacion('stock')";> <option value="rest_stock">Select an option</option> <option>1</option> <option>2</option> <option>3</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option> </select> </div> </div> </form> </div> <div class="form-group"> <div class="alert alert-success text-center" style="display:none;" id="success"> <strong>Felicidades: </strong>Su registro ha sido guardado </div> <div class="alert alert-danger text-center" style="display:none;" id="error"> <strong>Alert: </strong>you must to complete all fields </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">close</button> <button type="button" class="btn btn-success" onclick="add_product();" id="add"><span class="glyphicon glyphicon-plus"></span> Add</button> </div> </div> </div> </div> <div class="container"> <div class="tab-content nav col-md-8 frm-grid"> <h4>Products</h4> <div class="form-group col-xs-3 frm-search"> <div class="form-group has-feedback"> <input type="text" class="form-control" id="inputValidation" placeholder="Search"/> <span class="glyphicon glyphicon-search form-control-feedback"></span> </div> </div> <button class="btn btn-success frm-add" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-plus"></span> Add products</button> <table class="table table-hover table-resposive" id="return_product"> <thead> <tr> <th>Item</th> <th>code</th> <th>Description</th> <th>Price</th> <th>Stock</th> <th>Actions</th> </tr> </thead> <tbody id="records"> <?php $product->show_product(); ?> </tbody> </table> <?php $pagination->render(); ?> </div> </div> <script src="../Resources/js/jquery-1.11.2.js"></script> <script src="../Resources/js/bootstrap.min.js"></script> <script src="../Resources/js/actions.js"></script> <script src="../Resources/js/validacion.js"></script> <script> function cerrar(){ $.ajax({ url:'../Controllers/user.php', type:'POST', data:"boton=cerrar" }).done(function(resp){ location.href = '../Views/' }); } function add_product(){ var code = $('#code').val(); var product = $('#product').val(); var price = $('#price').val(); var stock = $('#stock').val(); var valCheck = verificar(); if(valCheck == 1){ $.ajax({ url: '../Controllers/actions.php', type: 'POST', data: 'code='+code+'&product='+product+'&price='+price+'&stock='+stock+'&boton=add_product' }).done(function(ans){ if(ans == 'success'){ $('#code').val(""); $('#product').val('reset_product'); $('#price').val(""); $('#stock').val('rest_stock'); $('#success').show().delay(2000).fadeOut(); }else{ alert(ans); } }) } else { } } $(document).ready(function(){ $('#add').click(function(){ $.ajax({ url: '../Controllers/actions.php', type: 'POST', data: 'boton=show_product' }).done(function(data){ $('#records').html(data); }) }); }); $(function(){ var message = $('#notif'); $('#msg').append(message); message.show('slow'); }); $(function(){ var message = $('#notif'); $('#low_stock').append(message); message.show('slow'); }); $(document).ready(function(){ }); </script> </body> </html> <?php } else { } ?>