From 97b4fdf62da173ab723ccf92ece7ebb192fb3b94 Mon Sep 17 00:00:00 2001
From: alfredojl <alfredo.jl323@gmail.com>
Date: Fri, 7 Aug 2020 21:16:42 -0500
Subject: [PATCH] '/user' agregado

---
 src/routes.js       |   2 +-
 src/views/Login.vue |  11 ++-
 src/views/User.vue  | 159 ++++++++++++++++++++++++++++++++++++++------
 3 files changed, 142 insertions(+), 30 deletions(-)

diff --git a/src/routes.js b/src/routes.js
index c784673..c0ff2d1 100644
--- a/src/routes.js
+++ b/src/routes.js
@@ -8,7 +8,7 @@ import AddEquip from './views/AddEquip.vue'
 const routes = [{
         path: '/',
         component: Login,
-        name: 'login'
+        name: 'default'
     },
     {
         path: '/login',
diff --git a/src/views/Login.vue b/src/views/Login.vue
index b6de3a5..2559712 100644
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -34,9 +34,9 @@
         </div>
 
         <div class="d-flex justify-content-center">
-          <button class="btn btn-success btn-login mt-4">
-              Iniciar Sesión
-          </button>
+            <button class="btn btn-success btn-login mt-4">
+                Iniciar Sesión
+            </button>
         </div>
 
         <div
@@ -60,10 +60,7 @@ export default {
         }
     },
     methods: {
-        register () {
-            console.log(this.user, this.password);
-        }
-    },
+    }
 }
 </script>
 
diff --git a/src/views/User.vue b/src/views/User.vue
index e147846..d5415d3 100644
--- a/src/views/User.vue
+++ b/src/views/User.vue
@@ -1,39 +1,154 @@
 <template>
-  <div class="header-f">
-    
-    <div class="container d-flex justify-content-between py-1">
+    <div>
+        <div class="header-f">
         
-        <div class="d-flex">
-            <span class="text-white mr-3 my-auto mr-md-4">Nombre de Usuario</span>
-            <div>
-                <!-- <router-link to="login" class="text-white align-middle">Añadir equipo</router-link> -->
-                <b-dropdown id="dropdown-left" text="Añadir " variant="info" class="m-2">
-                    <b-dropdown-item> <router-link to="addEquip" class="text-decoration-none text-body"> Computadora </router-link></b-dropdown-item>
-                    <b-dropdown-item> <router-link to="addPrinter" class="text-decoration-none text-body"> Impresora </router-link></b-dropdown-item>
-                </b-dropdown>
+            <div class="container d-flex justify-content-between py-1">
+                
+                <div class="d-flex">
+                    <span class="text-white mr-3 my-auto mr-md-4">Nombre de Usuario</span>
+                    <div>
+                        <!-- <router-link to="login" class="text-white align-middle">Añadir equipo</router-link> -->
+                        <b-dropdown id="dropdown-left" text="Añadir " variant="info" class="m-2">
+                            <b-dropdown-item> <router-link to="addEquip" class="text-decoration-none text-body"> Computadora </router-link></b-dropdown-item>
+                            <b-dropdown-item> <router-link to="addPrinter" class="text-decoration-none text-body"> Impresora </router-link></b-dropdown-item>
+                        </b-dropdown>
+                    </div>
+                </div>
+                <div class="my-auto">
+                    <a href="/">
+                        <span class="badge badge-danger py-2 px-3" style="font-size:14px, font-family: Arial">Cerrar sesión</span>
+                    </a>
+                </div>
             </div>
-        </div>
-        <div class="my-auto">
-            <a href="/">
-                 <span class="badge badge-danger py-2 px-3" style="font-size:14px">Cerrar sesión</span>
-            </a>
-        </div>
-    
-    </div>
 
-  </div>
+        </div>
+
+        <div class="container">
+            <div class="justify-content-center d-flex">           
+                <h1 style="text-align:center">Sistema de censo</h1>
+            </div>
+        
+            <a href="#" class="btn bg-info">
+                <span class="text-white justi">Impresoras</span>
+            </a>
+            <div class="row" style="margin: 0px; margin-top:20px">
+                <div class="row">
+                    <div class="col">
+                        <input
+                        type="text"
+                        class="form-control input-login-form shadow-none"
+                        placeholder="Id: 2225491"
+                        />
+                    </div>
+                </div>
+
+            </div>
+            <div class="table-responsive table-fixed text-nowrap justify-content-md-center"
+                style="max-height: 130px;margin-top:30px; margin-bottom:15px">
+                <table class="table table-sm table-hover text-center" style="font-size:14px">
+                    <thead class="thead-light text-uppercase">
+                        <tr>
+                            <th v-for="tableHead in tableHeads">{{ tableHead }}</th>
+                        </tr>
+                    </thead>
+                    <tbody class="overflow-auto"  v-for="(item, index) in inventory">
+                        <tr>
+                            <td>
+                                <a href="#">{{ item.noInventario }}</a>
+                            </td>
+                            
+                            <td>{{ item.tipo }}</td>
+                            <td>{{ item.modelo }}</td>
+                            <td>{{ item.marca }}</td>
+                            <td>{{ item.serie }}</td>
+                            <td>{{ item.procesador }}</td>
+                            <td>{{ item.ram }}</td>
+                            <td>{{ item.rom }}</td>
+                            <td>{{ item.graficos }}</td>
+                            <td>{{ item.tipoM }}</td>
+                            <td>{{ item.speed }}</td>
+                            <td>{{ item.so }}</td>
+                            <td>{{ item.unidad }}</td>
+                            <td>{{ item.ubicacion }}</td>
+                            <td>{{ item.responsable }}</td>
+                            <td>{{ item.uso }}</td>
+                            <td>{{ item.resguardo }}</td>
+                        </tr>
+                        
+                    </tbody>
+                </table>
+                </div>
+
+                <a class="btn btn-success" href="#" role="button">Descargar</a>
+        </div>
+
+    </div>
+    
+
 </template>
 
 <script>
 export default {
+    data() {
+        return {
+            inventory: [],
+            tableHeads: [
+                "Inventario",
+                "Tipo",
+                "Modelo",
+                "Marca",
+                "Serie",
+                "Procesador",
+                "RAM",
+                "ROM",
+                "Gráficos",
+                "Tipo de memoria",
+                "Velocidad de memoria",
+                "Sistema operativo",
+                "Unidad responsable",
+                "Ubicación",
+                "Responsable",
+                "Uso",
+                "Resguardo"
+            ]
+        }
+    },
 
+    created() {
+        this.fillInventory();
+    },
+
+    methods: {
+        async fillInventory() {
+            for(let i = 0; i < 20; i++){
+                this.inventory [i] = {
+                    "noInventario": 2225491,
+                    "tipo": "PC",
+                    "modelo": "PLATINUM",
+                    "marca": "ECOIN",
+                    "serie": 20063502185,
+                    "procesador": "Pentium",
+                    "ram": 512,
+                    "rom": 256,
+                    "graficos": "Intel",
+                    "tipoM": "DDR2",
+                    "speed": 1200,
+                    "so": "Windows 7",
+                    "unidad": "ÁREA DE CURSOS DEL CENTRO DE DESARROLLO TECNOLOGICO",
+                    "ubicacion": "Aula 5",
+                    "responsable": "Lic. José Alfredo Jiménez Lima",
+                    "uso": "Alumno",
+                    "resguardo": 5848
+                }
+            }
+        }
+    },
 }
 </script>
 
 <style scoped>
 .header-f {
-    padding: 0;
     background-color: #bb8800;
-
 }
+
 </style>
\ No newline at end of file