From d8ef2d1bbd496bb692187bae5a9de32fd44a5949 Mon Sep 17 00:00:00 2001
From: Gabriel Fuentes <blender.1379@gmail.com>
Date: Wed, 16 Jan 2019 19:02:42 -0600
Subject: [PATCH] prueba de tablas busqueda dinamica

---
 .idea/workspace.xml        | 160 +++++++++++++++++++------------------
 header.php                 |   3 +-
 sitio/admin/admin.php      |  25 ++++--
 sitio/admin/busqueda.php   |  42 ++++++++++
 sitio/admin/js/busqueda.js |  31 +++++++
 5 files changed, 175 insertions(+), 86 deletions(-)
 create mode 100644 sitio/admin/busqueda.php
 create mode 100644 sitio/admin/js/busqueda.js

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 38b3295..21dcd58 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -2,13 +2,11 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="a3c96782-c39e-4629-8661-f34ca5efc2af" name="Default Changelist" comment="">
-      <change afterPath="$PROJECT_DIR$/sitio/admin/alta.php" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/sitio/admin/js/secciones.js" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/sitio/usuario/js/secciones.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/sitio/admin/busqueda.php" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/sitio/admin/js/busqueda.js" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/estilos.css" beforeDir="false" afterPath="$PROJECT_DIR$/estilos.css" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/header.php" beforeDir="false" afterPath="$PROJECT_DIR$/header.php" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/sitio/admin/admin.php" beforeDir="false" afterPath="$PROJECT_DIR$/sitio/admin/admin.php" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/sitio/usuario/usuario.php" beforeDir="false" afterPath="$PROJECT_DIR$/sitio/usuario/usuario.php" afterDir="false" />
     </list>
     <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
     <option name="SHOW_DIALOG" value="false" />
@@ -21,32 +19,32 @@
       <file pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/sitio/admin/admin.php">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="395">
-              <caret line="72" column="5" selection-start-line="72" selection-end-line="73" />
+            <state relative-caret-position="350">
+              <caret line="87" column="28" selection-start-line="87" selection-start-column="28" selection-end-line="87" selection-end-column="28" />
               <folding>
-                <element signature="n#style#0;n#h1#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#input#0;n#div#0;n#article#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
               </folding>
             </state>
           </provider>
         </entry>
       </file>
       <file pinned="false" current-in-tab="true">
-        <entry file="file://$PROJECT_DIR$/sitio/usuario/usuario.php">
+        <entry file="file://$PROJECT_DIR$/sitio/admin/busqueda.php">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="461">
-              <caret line="62" column="78" selection-start-line="62" selection-start-column="78" selection-end-line="62" selection-end-column="78" />
+            <state relative-caret-position="22">
+              <caret line="1" column="4" selection-start-line="1" selection-start-column="4" selection-end-line="1" selection-end-column="33" />
               <folding>
-                <element signature="n#style#0;n#h1#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#thead#0;n#table#0;n#!!top" />
               </folding>
             </state>
           </provider>
         </entry>
       </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/estilos.css">
+        <entry file="file://$PROJECT_DIR$/sitio/admin/js/busqueda.js">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="197">
-              <caret line="51" lean-forward="true" selection-start-line="51" selection-end-line="51" />
+            <state relative-caret-position="220">
+              <caret line="10" column="46" selection-start-line="10" selection-start-column="46" selection-end-line="10" selection-end-column="46" />
             </state>
           </provider>
         </entry>
@@ -81,7 +79,6 @@
         <option value="$PROJECT_DIR$/js/jquery-3.3.1.min.js" />
         <option value="$PROJECT_DIR$/SQL/conexion.php" />
         <option value="$PROJECT_DIR$/footer.php" />
-        <option value="$PROJECT_DIR$/header.php" />
         <option value="$PROJECT_DIR$/conexion.php" />
         <option value="$PROJECT_DIR$/destroy.php" />
         <option value="$PROJECT_DIR$/js/main.js" />
@@ -92,8 +89,11 @@
         <option value="$PROJECT_DIR$/js/busqueda.js" />
         <option value="$PROJECT_DIR$/sitio/admin/js/secciones.js" />
         <option value="$PROJECT_DIR$/estilos.css" />
-        <option value="$PROJECT_DIR$/sitio/admin/admin.php" />
         <option value="$PROJECT_DIR$/sitio/usuario/usuario.php" />
+        <option value="$PROJECT_DIR$/sitio/admin/js/busqueda.js" />
+        <option value="$PROJECT_DIR$/header.php" />
+        <option value="$PROJECT_DIR$/sitio/admin/admin.php" />
+        <option value="$PROJECT_DIR$/sitio/admin/busqueda.php" />
       </list>
     </option>
   </component>
@@ -103,17 +103,18 @@
     <other-services-enabled>true</other-services-enabled>
     <auto-save>true</auto-save>
   </component>
-  <component name="ProjectFrameBounds" extendedState="6">
-    <option name="x" value="-8" />
-    <option name="y" value="24" />
-    <option name="width" value="1382" />
-    <option name="height" value="752" />
+  <component name="ProjectFrameBounds">
+    <option name="x" value="563" />
+    <option name="y" value="32" />
+    <option name="width" value="810" />
+    <option name="height" value="743" />
   </component>
   <component name="ProjectView">
     <navigator proportions="" version="1">
       <foldersAlwaysOnTop value="true" />
     </navigator>
     <panes>
+      <pane id="Scope" />
       <pane id="ProjectPane">
         <subPane>
           <expand>
@@ -143,23 +144,15 @@
               <item name="sitio" type="462c0819:PsiDirectoryNode" />
               <item name="usuario" type="462c0819:PsiDirectoryNode" />
             </path>
-            <path>
-              <item name="Inventario" type="b2602c69:ProjectViewProjectNode" />
-              <item name="Inventario" type="462c0819:PsiDirectoryNode" />
-              <item name="sitio" type="462c0819:PsiDirectoryNode" />
-              <item name="usuario" type="462c0819:PsiDirectoryNode" />
-              <item name="js" type="462c0819:PsiDirectoryNode" />
-            </path>
           </expand>
           <select />
         </subPane>
       </pane>
-      <pane id="Scope" />
     </panes>
   </component>
   <component name="PropertiesComponent">
     <property name="WebServerToolWindowFactoryState" value="false" />
-    <property name="last_opened_file_path" value="$PROJECT_DIR$/../Navegacion con tabs" />
+    <property name="last_opened_file_path" value="$PROJECT_DIR$" />
     <property name="nodejs_interpreter_path.stuck_in_default_project" value="undefined stuck path" />
     <property name="nodejs_npm_path_reset_for_default_project" value="true" />
     <property name="nodejs_package_manager_path" value="npm" />
@@ -210,18 +203,19 @@
       <workItem from="1547594014414" duration="10234000" />
       <workItem from="1547615360096" duration="1682000" />
       <workItem from="1547657243783" duration="4303000" />
+      <workItem from="1547680637920" duration="5877000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="67326000" />
+    <option name="totallyTimeSpent" value="73203000" />
   </component>
   <component name="ToolWindowManager">
-    <frame x="-8" y="24" width="1382" height="752" extended-state="6" />
+    <frame x="563" y="32" width="810" height="743" extended-state="0" />
     <editor active="true" />
     <layout>
       <window_info id="Favorites" order="0" side_tool="true" />
-      <window_info content_ui="combo" id="Project" order="1" weight="0.2118003" />
+      <window_info content_ui="combo" id="Project" order="1" weight="0.47466666" />
       <window_info id="Structure" order="2" side_tool="true" weight="0.25" />
       <window_info anchor="bottom" id="Terminal" order="0" weight="0.3295325" />
       <window_info anchor="bottom" id="Database Changes" order="1" />
@@ -242,7 +236,7 @@
     </layout>
     <layout-to-restore>
       <window_info id="Favorites" order="0" side_tool="true" />
-      <window_info active="true" content_ui="combo" id="Project" order="1" visible="true" weight="0.2118003" />
+      <window_info active="true" content_ui="combo" id="Project" order="1" visible="true" weight="0.47466666" />
       <window_info id="Structure" order="2" side_tool="true" weight="0.25" />
       <window_info anchor="bottom" id="Terminal" order="0" weight="0.3295325" />
       <window_info anchor="bottom" id="Database Changes" order="1" />
@@ -299,34 +293,6 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/conexion.php">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="484">
-          <caret line="24" column="2" lean-forward="true" selection-start-line="24" selection-start-column="2" selection-end-line="24" selection-end-column="2" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/header.php">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="924">
-          <caret line="42" column="51" selection-start-line="42" selection-start-column="51" selection-end-line="42" selection-end-column="51" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/login.php">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="242">
-          <caret line="11" column="26" selection-start-line="11" selection-start-column="26" selection-end-line="11" selection-end-column="26" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/js/main.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="374">
-          <caret line="17" column="64" selection-start-line="17" selection-start-column="64" selection-end-line="17" selection-end-column="64" />
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/index.php">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="176">
@@ -353,18 +319,8 @@
     </entry>
     <entry file="file://$PROJECT_DIR$/estilos.css">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="197">
-          <caret line="51" lean-forward="true" selection-start-line="51" selection-end-line="51" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/sitio/admin/admin.php">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="395">
-          <caret line="72" column="5" selection-start-line="72" selection-end-line="73" />
-          <folding>
-            <element signature="n#style#0;n#h1#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
-          </folding>
+        <state relative-caret-position="1122">
+          <caret line="51" selection-start-line="51" selection-end-line="51" />
         </state>
       </provider>
     </entry>
@@ -372,8 +328,60 @@
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="461">
           <caret line="62" column="78" selection-start-line="62" selection-start-column="78" selection-end-line="62" selection-end-column="78" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/js/main.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="132">
+          <caret line="6" column="17" selection-start-line="6" selection-start-column="17" selection-end-line="6" selection-end-column="17" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/login.php">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="286">
+          <caret line="13" column="30" lean-forward="true" selection-start-line="13" selection-start-column="30" selection-end-line="13" selection-end-column="30" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/header.php">
+      <provider selected="true" editor-type-id="text-editor">
+        <state>
+          <caret column="16" selection-start-column="16" selection-end-column="16" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/sitio/admin/admin.php">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="350">
+          <caret line="87" column="28" selection-start-line="87" selection-start-column="28" selection-end-line="87" selection-end-column="28" />
           <folding>
-            <element signature="n#style#0;n#h1#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#input#0;n#div#0;n#article#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/sitio/admin/js/busqueda.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="220">
+          <caret line="10" column="46" selection-start-line="10" selection-start-column="46" selection-end-line="10" selection-end-column="46" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/conexion.php">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="263">
+          <caret line="16" selection-start-line="16" selection-end-line="19" selection-end-column="18" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/sitio/admin/busqueda.php">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="22">
+          <caret line="1" column="4" selection-start-line="1" selection-start-column="4" selection-end-line="1" selection-end-column="33" />
+          <folding>
+            <element signature="n#thead#0;n#table#0;n#!!top" />
           </folding>
         </state>
       </provider>
diff --git a/header.php b/header.php
index 7a179ae..5820f00 100644
--- a/header.php
+++ b/header.php
@@ -1,5 +1,4 @@
-<!doctype html>
-  <html lang="en">
+  <html lang="es">
     <head>
 
         <title>CEDETEC | Inventario </title>
diff --git a/sitio/admin/admin.php b/sitio/admin/admin.php
index fe72880..d8e4978 100644
--- a/sitio/admin/admin.php
+++ b/sitio/admin/admin.php
@@ -10,7 +10,6 @@
     {
         header("Location: ../../index.php");
     }
-
 ?>
 
 <html lang="es">
@@ -79,24 +78,34 @@
     </ul>
 
     <div class="secciones">
+
         <article id="tab1">
-            <h1>Inicio</h1>
-            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea numquam odio voluptate. Aliquam incidunt similique, et quasi ducimus quos aut autem non dignissimos dicta sit provident, voluptatibus ut blanditiis perspiciatis cum, vel temporibus minima enim. Asperiores omnis placeat officiis a tenetur sit recusandae, reprehenderit neque. Tempora quibusdam, perferendis id ratione culpa dolorum! Nemo, animi? Eveniet eaque perspiciatis, libero quia, pariatur iusto, ipsum porro quod, ut tempora cum quo non illum. Non eligendi incidunt sequi, molestias quia perspiciatis architecto repudiandae quod.</p>
+            <h1>Papel</h1>
+            <div class="form-1-2">
+                <input placeholder="Buscar..." style="width: 30%;" class="form-control" type="text" name="caja-busqueda" id="caja-busqueda">
+            </div>
+
+            <div id="datos">
+            </div>
+
         </article>
+
+
         <article id="tab2">
             <h1>Nosotros</h1>
-            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel voluptates unde, consequuntur aliquid architecto rem numquam expedita minima dolorem pariatur recusandae, eius quod quia aspernatur id impedit, tenetur! Aspernatur incidunt molestiae dolores animi ea praesentium ipsam tenetur voluptas cupiditate perspiciatis eum nihil, natus exercitationem libero earum fuga dignissimos impedit numquam, quasi, placeat officiis voluptates, ad reprehenderit fugiat? Fugiat aperiam et magni, molestiae, numquam consectetur vitae sapiente cupiditate totam laboriosam voluptate obcaecati, aliquam placeat? Suscipit dolores fuga laudantium sed, qui magni iusto dolore quia. Quis fugit exercitationem porro. Rerum nihil omnis recusandae ratione fuga alias eligendi, earum sunt veritatis praesentium eum perspiciatis. Molestias deserunt, iure neque animi quod! Impedit reprehenderit cumque, numquam velit quae cum eius quidem similique laudantium hic deleniti!</p>
         </article>
+
+
         <article id="tab3">
             <h1>Servicios</h1>
-            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea numquam odio voluptate. Aliquam incidunt similique, et quasi ducimus quos aut autem non dignissimos dicta sit provident, voluptatibus ut blanditiis perspiciatis cum, vel temporibus minima enim. Asperiores omnis placeat officiis a tenetur sit recusandae, reprehenderit neque. Tempora quibusdam, perferendis id ratione culpa dolorum! Nemo, animi?</p><br>
-            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum dignissimos at esse, ipsum rerum assumenda nisi obcaecati! Aliquam iure voluptatem incidunt, explicabo sit labore, perferendis eius ad vel quia. Praesentium, doloribus. Quisquam provident nostrum totam itaque debitis, minima, tempore dolores!</p>
         </article>
+
+
         <article id="tab4">
             <h1>Blog</h1>
-            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea numquam odio voluptate. Aliquam incidunt similique, et quasi ducimus quos aut autem non dignissimos dicta sit provident, voluptatibus ut blanditiis perspiciatis cum, vel temporibus minima enim. Asperiores omnis placeat officiis a tenetur sit recusandae, reprehenderit neque. Tempora quibusdam, perferendis id ratione culpa dolorum! Nemo, animi? Eveniet eaque perspiciatis, libero quia, pariatur iusto, ipsum porro quod, ut tempora cum quo non illum. Non eligendi incidunt sequi, molestias quia perspiciatis architecto repudiandae quod.</p><br>
-            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam ipsa ducimus amet at cumque sed numquam, explicabo impedit optio quas iste aperiam quidem ipsam rerum libero voluptatibus perferendis officiis voluptatum!</p>
         </article>
+
+
     </div>
 </div>
 
diff --git a/sitio/admin/busqueda.php b/sitio/admin/busqueda.php
new file mode 100644
index 0000000..38ad94a
--- /dev/null
+++ b/sitio/admin/busqueda.php
@@ -0,0 +1,42 @@
+<?php
+    require '../../conexion.php';
+    $salida = "";
+    $query = "SELECT * FROM cat_papel ORDER BY id_papel";
+    echo $_POST['consulta'];
+    echo "hola";
+    if(isset($_POST['consulta'])){
+        $q = $mysqli->real_escape_string($_POST['consulta']);
+        $query = "SELECT concepto, tipo, marca, existencia FROM cat_papel
+                  WHERE concepto LIKE '%" .$q. "%' OR tipo LIKE '%" .$q. "%' OR marca LIKE '%" .$q. "%'";
+    }
+    $resultado = $mysqli->query($query);
+
+    if($resultado->num_rows > 0){
+            $salida.="<table class='table_datos'>
+                            <thead>
+                                <tr>
+                                    <td>Concepto</td>
+                                    <td>Tipo</td>
+                                    <td>Marca</td>
+                                    <td>Existencia</td>
+                                </tr>
+                            </thead>
+                            </tbody>";
+        while($fila = $resultado->fetch_assoc()){
+                $salida.="<tr>
+                              <td>".$fila['concepto']."</td>
+                              <td>".$fila['tipo']."</td>
+                              <td>".$fila['marca']."</td>
+                              <td>".$fila['existencia']."</td>
+                         <tr>";
+                }
+
+    $salida.="</tbody></table>";
+
+    }
+    else{
+        $salida.= "No hay datos que coincidan con tu busqueda";
+    }
+    echo $salida;
+    $mysqli->close();
+?>
\ No newline at end of file
diff --git a/sitio/admin/js/busqueda.js b/sitio/admin/js/busqueda.js
new file mode 100644
index 0000000..6743f5e
--- /dev/null
+++ b/sitio/admin/js/busqueda.js
@@ -0,0 +1,31 @@
+$(buscar_datos());
+
+function buscar_datos(consulta){
+    $.ajax({
+        url: 'busqueda.php',
+        type: 'POST',
+        dataType: 'html',
+        data: {consulta: consulta},
+    })
+        .done(function (respuesta) {
+            console.log("si entra en el evento");
+            $('#datos').html(respuesta);
+
+        })
+
+        .fail(function () {
+            console.log("error");
+        })
+
+    }
+
+$(document).on('keyup', '#caja_busqueda', function(){
+    var valor  = $(this).val();
+    if (valor != " "){
+        buscar_datos(valor);
+    }
+    else
+    {
+        buscar_datos()
+    }
+})
\ No newline at end of file