From e41e39d7272cad98bf5cdfe67ac94bb3611321f9 Mon Sep 17 00:00:00 2001
From: arturogll <arturo8gll@gmail.com>
Date: Thu, 24 Jan 2019 20:46:08 +0000
Subject: [PATCH] casi terminado front

---
 package-lock.json                   |  41 ++++++++---
 src/components/inicio/Equipo.vue    |  48 ++++++++++--
 src/components/usuario/Prestamo.vue |   2 -
 src/layout/Carrito.vue              | 109 +++++++++++++++++++++++-----
 src/layout/Inicio.vue               |  12 +--
 src/layout/Usuario.vue              |   2 +-
 src/main.js                         |   3 +-
 7 files changed, 171 insertions(+), 46 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index d2e2d88..ca41d5f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5215,7 +5215,8 @@
         "ansi-regex": {
           "version": "2.1.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "aproba": {
           "version": "1.2.0",
@@ -5236,12 +5237,14 @@
         "balanced-match": {
           "version": "1.0.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -5256,17 +5259,20 @@
         "code-point-at": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "concat-map": {
           "version": "0.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "console-control-strings": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "core-util-is": {
           "version": "1.0.2",
@@ -5383,7 +5389,8 @@
         "inherits": {
           "version": "2.0.3",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "ini": {
           "version": "1.3.5",
@@ -5395,6 +5402,7 @@
           "version": "1.0.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "number-is-nan": "^1.0.0"
           }
@@ -5409,6 +5417,7 @@
           "version": "3.0.4",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
@@ -5416,12 +5425,14 @@
         "minimist": {
           "version": "0.0.8",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "minipass": {
           "version": "2.2.4",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.1",
             "yallist": "^3.0.0"
@@ -5440,6 +5451,7 @@
           "version": "0.5.1",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "minimist": "0.0.8"
           }
@@ -5520,7 +5532,8 @@
         "number-is-nan": {
           "version": "1.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "object-assign": {
           "version": "4.1.1",
@@ -5532,6 +5545,7 @@
           "version": "1.4.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -5617,7 +5631,8 @@
         "safe-buffer": {
           "version": "5.1.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "safer-buffer": {
           "version": "2.1.2",
@@ -5653,6 +5668,7 @@
           "version": "1.0.2",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",
@@ -5672,6 +5688,7 @@
           "version": "3.0.1",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "ansi-regex": "^2.0.0"
           }
@@ -5715,12 +5732,14 @@
         "wrappy": {
           "version": "1.0.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "yallist": {
           "version": "3.0.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         }
       }
     },
diff --git a/src/components/inicio/Equipo.vue b/src/components/inicio/Equipo.vue
index dbe5ea1..8b5348e 100644
--- a/src/components/inicio/Equipo.vue
+++ b/src/components/inicio/Equipo.vue
@@ -4,23 +4,31 @@
     table.table.is-fullwidth.is-hoverable.is-narrow
       thead
         tr
-          th Equipo
           th Carrito
+          th Equipo
           th Tipo
+          th No Inventario
+          th Usuario
           th Hora inicio
           th Hora maximo
-          th Usuario
+          th Regresar
       tbody
         tr(v-for="p in prestamo")
+          td {{p.detalles[0].equipo.carrito.nombre}}
           td {{p.detalles[0].equipo.equipo_carrito}}
-          td {{p.detalles[0].equipo.idCarrito}}
           td {{p.equipo}}
+          td {{p.detalles[0].equipo.no_inventario}}
+          td {{p.idUsuario}}
           td {{fecha(p.fh_in)}}
           td {{maxFecha(p.fh_in)}}
-          td {{p.idUsuario}}
+          td
+            a.button.is-u-blue.is-outlined(v-on:click="regresar(p.detalles[0].equipo.carrito.nombre,p.id)")
+                    span.icon.is-small
+                      font-awesome-icon(icon="undo")
 </template>
 
 <script>
+import swal from 'sweetalert'
 import api from '../../api'
 const axios = require('axios')
 export default {
@@ -33,12 +41,42 @@ export default {
     fecha: function (date) {
       let dt = new Date(date)
       console.log(dt)
-      return `${dt.getMonth() + 1}-${dt.getDate()} ${dt.getHours()}:${dt.getMinutes()}  `
+      return `${dt.getMonth() + 1}-${dt.getDate()} ${dt.getHours()}:${dt.getMinutes()}`
     },
     maxFecha: function (date) {
       let dt = new Date(date)
       console.log(dt)
       return `${dt.getMonth() + 1}-${dt.getDate()} ${dt.getHours() + 2}:${dt.getMinutes() + 15}`
+    },
+    regresar: function (usr, pre) {
+      axios({
+        method: 'put',
+        url: api.url + '/devolucion',
+        data: {
+          idUsuario: usr,
+          id: pre
+        },
+        headers: {
+          'token': window.localStorage.pcpumaT
+        }
+      })
+        .then(res => {
+          swal('Exito', 'Peticion exitosa ', 'success')
+          axios.get(api.url + '/prestamo', {
+            headers: {
+              'token': window.localStorage.pcpumaT
+            }
+          })
+            .then(response => {
+              this.prestamo = response.data.data
+            })
+            .catch(error => {
+              swal('Error', error.response.data.err, 'error')
+            })
+        })
+        .catch(err => {
+          swal('Error', err.response.data.err, 'error')
+        })
     }
   },
   mounted () {
diff --git a/src/components/usuario/Prestamo.vue b/src/components/usuario/Prestamo.vue
index fc8b7ae..f9f4f1b 100644
--- a/src/components/usuario/Prestamo.vue
+++ b/src/components/usuario/Prestamo.vue
@@ -43,7 +43,6 @@ export default {
         url: api.url + '/prestamo',
         data: {
           equipo: this.tipo,
-          idLugar: 1,
           idUsuario: this.usuario,
           idKiosko: window.localStorage.pcpumaK
         },
@@ -53,7 +52,6 @@ export default {
       })
         .then(response => {
           this.prestamoData = response.data
-          console.log(this.prestamoData)
           swal('Exito', 'Peticion exitosa ', 'success')
         })
         .catch(error => {
diff --git a/src/layout/Carrito.vue b/src/layout/Carrito.vue
index 3d739ca..68c3b01 100644
--- a/src/layout/Carrito.vue
+++ b/src/layout/Carrito.vue
@@ -1,5 +1,28 @@
 <template lang="pug">
   main
+    .modal#modal
+      .modal-background
+      .modal-card
+        header.modal-card-head
+          p.modal-card-title Actualizar Multa
+          button.delete(v-on:click="toggleModal()")
+        section.modal-card-body
+          .field
+            label.label No serie
+            .control
+              input.input(type="text" v-model="equipo.no_serie" placeholder="Numero de serie")
+          .field
+            label.label No inventario
+            .control
+              input.input( v-model="equipo.no_inventario" placeholder="Numero de inventario")
+              br
+          .field
+            br
+            input#switch.switch.is-danger(type="checkbox" v-model="equipo.baja")
+            label(for="switch") Suspender equipo
+        footer.modal-card-foot
+          button.button.is-success(v-on:click="update()") Guardar
+          button.button(v-on:click="toggleModal()") Cancelar
     .pageloader.is-u-blue#pageloader
       span.title.is-size-3 Puma trabajando
     .container
@@ -31,10 +54,10 @@
                 select.is-fullwidth(v-model="car")
                   option(v-for="car in carrito") {{ car.carrito }}
               span.icon.is-small.is-left 
-        .column.is-3
+        .column.is-1
           .field.has-text-right
             .button.is-u-golden(v-on:click="upload()") subir       
-        .column.is-2
+        .column.is-3
           .field
             .file.is-u-blue.is-right
               label.file-label
@@ -52,35 +75,32 @@
           table.table.is-fullwidth.is-hoverable.is-narrow.is-striped
             thead
               tr
-                th ID de Carrito
                 th Carrito
+                th Equipo
                 th No Serie
                 th No Inventario
                 th Tipo
+                th Activo
                 th Editar
-                th Ver
             tbody
               tr(v-for="dt in filteredEquipo")
-                td {{dt["carritos.equipos.equipo_carrito"]}}
                 td {{dt["carritos.id"]}}
+                td {{dt["carritos.equipos.equipo_carrito"]}}
                 td {{dt["carritos.equipos.no_serie"]}}
                 td {{dt["carritos.equipos.no_inventario"]}}
                 td {{dt["carritos.equipos.equipo"]}}
+                td 
+                  span.tag.is-success(v-if="dt['carritos.equipos.baja'] == '0'") activo
+                  span.tag.is-warning(v-else) desactivado
                 td
-                  router-link.navbar-item(v-bind:to="'/equipo/'+dt.id")
-                    a.button.is-u-blue.is-outlined
-                      span.icon.is-small
-                        font-awesome-icon(icon="pen")
-                td
-                  router-link.navbar-item(v-bind:to="'/equipo/'+dt.id")
-                    a.button.is-u-blue.is-outlined
-                      span.icon.is-small
-                        font-awesome-icon(icon="eye")
+                  a.button.is-u-blue.is-outlined(v-on:click="setUpdate(dt)")
+                    span.icon.is-small
+                      font-awesome-icon(icon="pen")
 </template>
 
 <script>
-import UmHeader from '../layout/Header.vue'
-import UmFooter from '../layout/Footer.vue'
+import UmHeader from './Header.vue'
+import UmFooter from './Footer.vue'
 import swal from 'sweetalert'
 import api from '../api'
 const axios = require('axios')
@@ -99,7 +119,13 @@ export default {
       carrito: [],
       tipo: '',
       car: '',
-      file: ''
+      file: '',
+      equipo: {
+        no_serie: '',
+        no_inventario: '',
+        baja: '',
+        id:''
+      }
     }
   },
   mounted () {
@@ -109,7 +135,7 @@ export default {
       }
     })
       .then(response => {
-        // console.log(response)
+        console.log(response)
         this.data = response.data.data
       })
       .catch(error => {
@@ -117,6 +143,53 @@ export default {
       })
   },
   methods: {
+    update : function () {
+      this.toggleModal()
+      axios({
+        method: 'put',
+        url: api.url + '/equipo',
+        data:this.equipo,
+        headers: {
+          'token': window.localStorage.pcpumaT
+        }
+      })
+      .then(response => {
+          swal('Exito', 'Se actualizo', 'success')
+          
+          // axios.get(api.url + '/equipo/?kiosko=' + window.localStorage.pcpumaK, {
+          //   headers: {
+          //     'token': window.localStorage.pcpumaT
+          //   }
+          // })
+          //   .then(response => {
+          //     // console.log(response)
+          //     this.data = response.data.data
+          //     swal('Exito', 'Se cargarón los datos', 'success')
+          //   })
+          //   .catch(error => {
+          //     swal('Error', error.response.data.err, 'error')
+          //   })
+        })
+        .catch(error => {
+          swal('Error', error.response.data.err, 'error')
+        })
+    },
+    setUpdate: function (dt) {
+      console.log(dt)
+      this.toggleModal()
+      this.equipo.no_serie = dt['carritos.equipos.no_serie']
+      this.equipo.no_inventario = dt['carritos.equipos.no_inventario']
+      this.equipo.baja = dt['carritos.equipos.baja']
+      this.equipo.id = dt['carritos.equipos.id']
+    },
+    toggleModal: function () {
+      let modal = document.getElementById('modal')
+      if (!modal.classList.contains('is-active')) {
+        modal.classList.add('is-active')
+      } else {
+        modal.classList.remove('is-active')
+      }
+    },
     count: function (arr) {
       return `${arr.length}`
     },
diff --git a/src/layout/Inicio.vue b/src/layout/Inicio.vue
index 285f241..b5fe6f2 100644
--- a/src/layout/Inicio.vue
+++ b/src/layout/Inicio.vue
@@ -4,17 +4,13 @@
       .container
         br
         br
-        div.columns
-          div.column.is-12.has-text-centered
+        .columns
+          .column.is-12.has-text-centered
             h1.is-size-2 Bienvenido A PC Puma
-            h2.is-size-3 Usuario
         br
         br
-        div.columns
-          .column.is-6.is-offset-3
-            resumen
-        div.columns
-          .column.is-8.is-offset-2
+        .columns
+          .column.is-10.is-offset-1
             equipo
 </template>
 
diff --git a/src/layout/Usuario.vue b/src/layout/Usuario.vue
index a1bd0e3..2c23356 100644
--- a/src/layout/Usuario.vue
+++ b/src/layout/Usuario.vue
@@ -97,7 +97,7 @@ export default {
         .then(response => {
           // console.log(response)
           this.data = response.data.data
-          swal('Exito', 'Se suspendio el usuario', 'success')
+          swal('Exito', 'Se cambio de estado con Exito', 'success')
         })
         .catch(error => {
           // console.log(error)
diff --git a/src/main.js b/src/main.js
index 86b0e88..7b9e8cf 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,12 +1,13 @@
 import Vue from 'vue'
 import App from './App.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
-import { faLaptop, faUpload, faTrash, faTabletAlt, faUser, faLock, faSearch, faShoppingCart, faCheckCircle, faPen, faEye } from '@fortawesome/free-solid-svg-icons'
+import { faLaptop, faUpload, faTrash, faTabletAlt, faUser, faLock, faSearch, faShoppingCart, faCheckCircle, faPen, faEye, faUndo } from '@fortawesome/free-solid-svg-icons'
 import { faChrome } from '@fortawesome/free-brands-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
 import router from './routes.js'
 
 library.add(faChrome, faSearch, faShoppingCart, faCheckCircle, faPen, faEye)
+library.add(faUndo)
 library.add(faLaptop)
 library.add(faUser)
 library.add(faUpload)