From b6f0ce1ec1b249c29ef615405cd095aa944dc6e7 Mon Sep 17 00:00:00 2001
From: Andres2908 <saavedratrejo24@gmail.com>
Date: Fri, 4 Dec 2020 17:22:54 -0600
Subject: [PATCH 1/5] faltanFormas

---
 components/responsable/cartaTermino.vue  |  32 ++++++
 components/responsable/cuestionario.vue  | 128 +++++++++++++++++++++++
 components/responsable/inputTable.vue    |  25 ++++-
 pages/responsable/cartaTermino/index.vue |  14 +++
 pages/responsable/cuestionario/index.vue |   9 +-
 5 files changed, 201 insertions(+), 7 deletions(-)
 create mode 100644 components/responsable/cartaTermino.vue
 create mode 100644 components/responsable/cuestionario.vue
 create mode 100644 pages/responsable/cartaTermino/index.vue

diff --git a/components/responsable/cartaTermino.vue b/components/responsable/cartaTermino.vue
new file mode 100644
index 0000000..891bf5e
--- /dev/null
+++ b/components/responsable/cartaTermino.vue
@@ -0,0 +1,32 @@
+<template>
+<div class="container">
+    <h3 class="title is-4 mt-6">Carta de aceptación (en formato .PDF. No se aceptan fotos).</h3>
+
+    <b-field>
+        <b-upload v-model="file" drag-drop type="is-black" expanded accept="application/pdf">
+            <section class="section">
+            <div class="content has-text-centered">
+                <p>
+                <b-icon icon="upload" size="is-large"></b-icon>
+                </p>
+                <p>{{ file.name || "Arrastra aquí tu archivo o da click para buscar"}}</p>
+            </div>
+            </section>
+        </b-upload>
+    </b-field>
+</div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      file: ''
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>
diff --git a/components/responsable/cuestionario.vue b/components/responsable/cuestionario.vue
new file mode 100644
index 0000000..27a79fc
--- /dev/null
+++ b/components/responsable/cuestionario.vue
@@ -0,0 +1,128 @@
+<template>
+    <div class="container">
+        <div class="section">
+            <h1 class="title is-3">Estimad(a) responsable de programa de servicio social: </h1>
+            <p>Te solicitamos llenar cuidadosamente los campos solicitados a continuación para poder validar el término del servicio social de nuestro alumno(a)</p>
+        </div>
+
+        <section class="section pt-0">
+            <h3 class="subtitle is-5">Mencione 5 actividades desempeñadas por el alumno: </h3>
+            <b-input class="my-4" placeholder="1.-" v-model="actividad1" maxlength="800"></b-input>
+            <b-input class="my-4" placeholder="2.-" v-model="actividad2" maxlength="800"></b-input>
+            <b-input class="my-4" placeholder="3.-" v-model="actividad3" maxlength="800"></b-input>
+            <b-input class="my-4" placeholder="4.-" v-model="actividad4" maxlength="800"></b-input>
+            <b-input class="mt-3" placeholder="5.-" v-model="actividad5" maxlength="800"></b-input>
+        </section>
+
+        <section class="section pt-0">
+            <p>Con el objetivo de retroalimentar académica de nuestros alumnos de la licenciatura le solicitamos que responda a las siguientes <br>
+            preguntas de acuerdo a la siguiente escala: </p>
+
+            <div class="level mt-5">
+                <p class="level-item has-text-centered">4)Exelente</p> <p class="level-item has-text-around">3)Bueno</p> <p class="level-item has-text-around">2)Regular</p> <p class="level-item has-text-around">1)Deficiente</p>
+            </div>
+        </section>
+
+        <section class="section pt-0">
+            <div class="columns">
+                <p class="column is- 9">1. Conocimiento teóricos para las funciones encomendadas</p>
+                <b-field class="column is-2">
+                    <b-select placeholder="seleccionar">
+                        <option value=1>1</option>
+                        <option value=2>2</option>
+                        <option value=3>3</option>
+                        <option value=4>4</option>
+                    </b-select>
+                </b-field>
+            </div>
+            <br>
+
+            <div class="columns">
+                <p class="column is- 9">2. Conocimientos técnicos para las funciones encomendadas</p>
+                <b-field class="column is-2">
+                    <b-select placeholder="seleccionar">
+                        <option value=1>1</option>
+                        <option value=2>2</option>
+                        <option value=3>3</option>
+                        <option value=4>4</option>
+                    </b-select>
+                </b-field>
+            </div>
+            <br>
+
+            <div class="columns">
+                <p class="column is- 9">3. Iniciativa para la implementación de mejoras en la empresa</p>
+                <b-field class="column is-2">
+                    <b-select placeholder="seleccionar">
+                        <option value=1>1</option>
+                        <option value=2>2</option>
+                        <option value=3>3</option>
+                        <option value=4>4</option>
+                    </b-select>
+                </b-field>
+            </div>
+            <br>
+
+            <div class="columns">
+                <p class="column is- 9">4. Puntualidad en la entrega de los trabajos de las tareas encomendadas</p>
+                <b-field class="column is-2">
+                    <b-select placeholder="seleccionar">
+                        <option value=1>1</option>
+                        <option value=2>2</option>
+                        <option value=3>3</option>
+                        <option value=4>4</option>
+                    </b-select>
+                </b-field>
+            </div>
+            <br>
+
+            <div class="columns">
+                <p class="column is- 9">5. Desempeño general de sus funciones</p>
+                <b-field class="column is-2">
+                    <b-select placeholder="seleccionar">
+                        <option value=1>1</option>
+                        <option value=2>2</option>
+                        <option value=3>3</option>
+                        <option value=4>4</option>
+                    </b-select>
+                </b-field>
+            </div>
+
+            <p class="my-5">6. De acuerdo a lo observado ¿cuáles considera que son las cualidades de nuestros alumnos de esta licenciatura?</p>
+            <b-input placeholder="Respuesta" maxlength="150"></b-input>
+            <p class="my-5">7. De acuerdo a lo observado ¿cuáles considera que son los aspectos a mejorar en la formación de nuestros alumnos de esta licenciatura?</p>
+            <b-input placeholder="Respuesta" maxlength="150"></b-input>
+
+            <b-button
+            class="border-info my-5"
+            type="is-info"
+            tag="router-link"
+            to="/responsable"
+            icon-left="arrow-left-box">Regresar</b-button>
+        </section>
+
+    </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      actividad1: '',
+      actividad2: '',
+      actividad3: '',
+      actividad4: '',
+      actividad5: ''
+    }
+  },
+  methods: {
+    imprime () {
+      console.log(this.actividad1)
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>
diff --git a/components/responsable/inputTable.vue b/components/responsable/inputTable.vue
index 10451c1..0f89b5f 100644
--- a/components/responsable/inputTable.vue
+++ b/components/responsable/inputTable.vue
@@ -67,21 +67,27 @@
           @page-change="onPageChange"
           >
               <b-table-column field="nombre" label="Nombre" v-slot="props" centered>
-                  <span>{{ props.row.nombre}}</span>
+                  <span class="cursor" v-if="props.row.idStatus == 9" @click="Servicio(props.row.idServicio)">{{ props.row.nombre}}</span>
+                  <span v-else>{{ props.row.nombre}}</span>
               </b-table-column>
               <b-table-column field="numeroCuenta" label="Número de Cuenta" v-slot="props" centered width="100">
-                  <span >{{ props.row.numeroCuenta}}</span>
+                  <span class="cursor" v-if="props.row.idStatus == 9" @click="Servicio(props.row.idServicio)">{{ props.row.numeroCuenta}}</span>
+                  <span v-else>{{ props.row.numeroCuenta}}</span>
               </b-table-column>
               <b-table-column field="carrera" label="Carrera" v-slot="props" centered>
-                  <span >{{ props.row.carrera}}</span>
+                  <span class="cursor" v-if="props.row.idStatus == 9" @click="Servicio(props.row.idServicio)">{{ props.row.carrera}}</span>
+                  <span v-else>{{ props.row.carrera}}</span>
               </b-table-column>
               <b-table-column field="fechaInicio" truncate=10 label="Fecha Inicio" v-slot="props" centered>
-                  <span >{{ fecha(props.row.fechaInicio) }}</span>
+                  <span class="cursor" v-if="props.row.idStatus == 9" @click="Servicio(props.row.idServicio)">{{ fecha(props.row.fechaInicio) }}</span>
+                  <span v-else>{{ fecha(props.row.fechaInicio) }}</span>
               </b-table-column>
               <b-table-column field="fechaFin" label="Fecha Fin" v-slot="props" centered>
-                  <span >{{ fecha(props.row.fechaFin) }}</span>
+                  <span class="cursor" v-if="props.row.idStatus == 9" @click="Servicio(props.row.idServicio)">{{ fecha(props.row.fechaFin) }}</span>
+                  <span v-else>{{ fecha(props.row.fechaFin) }}</span>
               </b-table-column>
               <b-table-column field="status" label="Status" v-slot="props" centered>
+                 <span class="cursor" v-if="props.row.idStatus == 9" @click="Servicio(props.row.idServicio)">{{ fecha(props.row.fechaFin) }}</span>
                  <span class="tag" :class="types(props.row.idStatus)">{{ props.row.status}}</span>
               </b-table-column>
 
@@ -177,6 +183,7 @@ export default {
       }
     },
     botonCarta (cartaTermino) {
+      this.$router.push('/responsable/cartaTermino')
       if (cartaTermino === 1) {
         return 'is-success'
       } else {
@@ -184,6 +191,7 @@ export default {
       }
     },
     botonCuestionario (cuestionario) {
+      this.$router.push('/responsable/cuestionario')
       if (cuestionario === 1) {
         return 'is-success'
       } else {
@@ -246,6 +254,10 @@ export default {
           this.loading = false
         })
     },
+    Servicio (idServicio) {
+      window.localStorage.setItem('idServicio', idServicio)
+      this.$router.push('/responsable/cartaTermino')
+    },
     admRes () {
       this.idUsuario = localStorage.getItem('idUsuario')
       console.log(this.idUsuario)
@@ -274,4 +286,7 @@ export default {
   background-color: #1b3d70;
   border-color: #1b3d70;
 }
+.cursor{
+  cursor: pointer;
+}
 </style>
diff --git a/pages/responsable/cartaTermino/index.vue b/pages/responsable/cartaTermino/index.vue
new file mode 100644
index 0000000..1f2433a
--- /dev/null
+++ b/pages/responsable/cartaTermino/index.vue
@@ -0,0 +1,14 @@
+<template>
+  <section>
+    <cuestionario />
+  </section>
+</template>
+
+<script>
+import Cuestionario from '../../../components/responsable/cartaTermino'
+export default {
+  components: {
+    Cuestionario
+  }
+}
+</script>
diff --git a/pages/responsable/cuestionario/index.vue b/pages/responsable/cuestionario/index.vue
index 014129f..2081068 100644
--- a/pages/responsable/cuestionario/index.vue
+++ b/pages/responsable/cuestionario/index.vue
@@ -1,9 +1,14 @@
 <template>
   <section>
-    hola
+    <cuestionario />
   </section>
 </template>
 
 <script>
-export default {}
+import Cuestionario from '../../../components/responsable/cuestionario'
+export default {
+  components: {
+    Cuestionario
+  }
+}
 </script>

From a2cc9cf7133c29bddbd582bf7660999fa371d194 Mon Sep 17 00:00:00 2001
From: Andres2908 <saavedratrejo24@gmail.com>
Date: Fri, 4 Dec 2020 17:55:45 -0600
Subject: [PATCH 2/5] cartaCuestionario

---
 components/responsable/cartaTermino.vue  | 6 ++++++
 components/responsable/cuestionario.vue  | 9 ++++++++-
 pages/responsable/cartaTermino/index.vue | 2 +-
 3 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/components/responsable/cartaTermino.vue b/components/responsable/cartaTermino.vue
index 891bf5e..b638a90 100644
--- a/components/responsable/cartaTermino.vue
+++ b/components/responsable/cartaTermino.vue
@@ -14,6 +14,12 @@
             </section>
         </b-upload>
     </b-field>
+
+    <b-button
+            class="border-info my-5"
+            type="is-info"
+            tag="router-link"
+            to="/responsable">Enviar</b-button>
 </div>
 </template>
 
diff --git a/components/responsable/cuestionario.vue b/components/responsable/cuestionario.vue
index 27a79fc..a78cbe1 100644
--- a/components/responsable/cuestionario.vue
+++ b/components/responsable/cuestionario.vue
@@ -98,7 +98,14 @@
             type="is-info"
             tag="router-link"
             to="/responsable"
-            icon-left="arrow-left-box">Regresar</b-button>
+            >Regresar</b-button>
+
+            <b-button
+            class="border-info my-5"
+            type="is-info"
+            tag="router-link"
+            to="/responsable"
+            >Enviar</b-button>
         </section>
 
     </div>
diff --git a/pages/responsable/cartaTermino/index.vue b/pages/responsable/cartaTermino/index.vue
index 1f2433a..aeca078 100644
--- a/pages/responsable/cartaTermino/index.vue
+++ b/pages/responsable/cartaTermino/index.vue
@@ -1,6 +1,6 @@
 <template>
   <section>
-    <cuestionario />
+    <Cuestionario />
   </section>
 </template>
 

From c646387447a69d5471af88fe9d4de77f723c2e19 Mon Sep 17 00:00:00 2001
From: Lemuel Marquez <lemuel@iMac-de-Lemuel.local>
Date: Fri, 4 Dec 2020 18:08:02 -0600
Subject: [PATCH 3/5] menu mejorado

---
 components/alumno/ejemplo.vue |  9 ---------
 components/layouts/Logout.vue | 29 ++++++++++++++++++++++-------
 2 files changed, 22 insertions(+), 16 deletions(-)
 delete mode 100644 components/alumno/ejemplo.vue

diff --git a/components/alumno/ejemplo.vue b/components/alumno/ejemplo.vue
deleted file mode 100644
index be22198..0000000
--- a/components/alumno/ejemplo.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<template>
-  <section class="container">
-    <p>hola</p>
-  </section>
-</template>
-
-<script>
-export default {}
-</script>
diff --git a/components/layouts/Logout.vue b/components/layouts/Logout.vue
index 6ccfeaf..88dff85 100644
--- a/components/layouts/Logout.vue
+++ b/components/layouts/Logout.vue
@@ -1,27 +1,42 @@
 <template>
   <section>
-    <nav class="container is-flex is-justify-content-flex-end">
-      <b-button type="is-danger" @click="cerrarSesion()">Cerrar Sesión</b-button>
+    <nav
+      class="container is-flex is-justify-content-space-between has-text-white is-align-items-center"
+    >
+      <p>{{ usuario }}</p>
+      <b-button type="is-danger is-small my-1 rojo" @click="cerrarSesion()"
+        >Cerrar Sesión</b-button
+      >
     </nav>
   </section>
 </template>
 
 <script>
 export default {
+  data() {
+    return { usuario: "" };
+  },
+  created() {
+    this.usuario = localStorage.getItem("usuario");
+  },
   methods: {
-    cerrarSesion () {
+    cerrarSesion() {
       // localStorage.removeItem('user')
       // localStorage.removeItem('token')
       // localStorage.removeItem('')
 
-      this.$router.push('/')
-    }
-  }
-}
+      this.$router.push("/");
+    },
+  },
+};
 </script>
 
 <style scoped>
 section {
   background-color: #bb8800;
 }
+
+.rojo {
+  background-color: #dc3545;
+}
 </style>

From 81e14523f3aad4b93acf2d3d7d79d3737d41a22c Mon Sep 17 00:00:00 2001
From: Andres2908 <saavedratrejo24@gmail.com>
Date: Mon, 7 Dec 2020 14:11:29 -0600
Subject: [PATCH 4/5] V-2.2-StatusTable

---
 components/admin/servicio/inputTableA.vue | 19 +++++---------
 components/responsable/inputTable.vue     | 32 +++++++++++------------
 pages/admin/index.vue                     |  7 +++++
 3 files changed, 29 insertions(+), 29 deletions(-)

diff --git a/components/admin/servicio/inputTableA.vue b/components/admin/servicio/inputTableA.vue
index d67ec8f..69d3147 100644
--- a/components/admin/servicio/inputTableA.vue
+++ b/components/admin/servicio/inputTableA.vue
@@ -46,19 +46,13 @@
         </div>
 
         <div class="buttons section pt-3 pl-5">
-        <b-button type="is-info" @click="obtenerDatos()">
+        <b-button type="is-info" @click="obtenerDatos(idStatus)">
             Buscar
         </b-button>
       </div>
 
     </div>
 
-    <div class="buttons section pt-0 pl-0">
-        <b-button type="is-info">
-            Ver programas
-        </b-button>
-    </div>
-
     <div class="columns">
       <section class="column is-12">
           <b-table
@@ -177,11 +171,11 @@ export default {
       const fecha = moment(date.substr(0, 10))
       return `${fecha.date()}/${fecha.month() + 1}/${fecha.year()}`
     },
-    obtenerDatos () {
+    obtenerDatos (idStatus) {
       this.loading = true
       this.data = []
 
-      axios.get(`${process.env.api}/servicio/servicios_admin?pagina=${this.page}&idStatus=${this.idStatus}&nombre=${this.nombre}&numeroCuenta=${this.numeroCuenta}`)
+      axios.get(`${process.env.api}/servicio/servicios_admin?pagina=${this.page}&idStatus=${idStatus}&nombre=${this.nombre}&numeroCuenta=${this.numeroCuenta}`)
         .then(res => {
           const servicios = res.data.servicios
 
@@ -218,14 +212,13 @@ export default {
       window.localStorage.setItem('idServicio', idServicio)
       this.$router.push('/admin/servicio')
     },
-    admRes () {
+    insertIdLocal () {
       this.idUsuario = localStorage.getItem('idUsuario')
-      console.log(this.idUsuario)
     }
   },
   created () {
-    this.admRes()
-    this.obtenerDatos()
+    this.insertIdLocal()
+    this.obtenerDatos(0)
   }
 }
 </script>
diff --git a/components/responsable/inputTable.vue b/components/responsable/inputTable.vue
index 0f89b5f..19c9a7a 100644
--- a/components/responsable/inputTable.vue
+++ b/components/responsable/inputTable.vue
@@ -45,7 +45,7 @@
         </div>
 
         <div class="buttons section pt-3 pl-5">
-        <b-button type="is-info" @click="obtenerDatos()">
+        <b-button type="is-info" @click="obtenerDatos(idStatus)">
             Buscar
         </b-button>
       </div>
@@ -67,32 +67,33 @@
           @page-change="onPageChange"
           >
               <b-table-column field="nombre" label="Nombre" v-slot="props" centered>
-                  <span class="cursor" v-if="props.row.idStatus == 9" @click="Servicio(props.row.idServicio)">{{ props.row.nombre}}</span>
+                  <span class="cursor" v-if="props.row.idStatus == 8" @click="Servicio(props.row.idServicio)">{{ props.row.nombre}}</span>
                   <span v-else>{{ props.row.nombre}}</span>
               </b-table-column>
               <b-table-column field="numeroCuenta" label="Número de Cuenta" v-slot="props" centered width="100">
-                  <span class="cursor" v-if="props.row.idStatus == 9" @click="Servicio(props.row.idServicio)">{{ props.row.numeroCuenta}}</span>
+                  <span class="cursor" v-if="props.row.idStatus == 8" @click="Servicio(props.row.idServicio)">{{ props.row.numeroCuenta}}</span>
                   <span v-else>{{ props.row.numeroCuenta}}</span>
               </b-table-column>
               <b-table-column field="carrera" label="Carrera" v-slot="props" centered>
-                  <span class="cursor" v-if="props.row.idStatus == 9" @click="Servicio(props.row.idServicio)">{{ props.row.carrera}}</span>
+                  <span class="cursor" v-if="props.row.idStatus == 8" @click="Servicio(props.row.idServicio)">{{ props.row.carrera}}</span>
                   <span v-else>{{ props.row.carrera}}</span>
               </b-table-column>
               <b-table-column field="fechaInicio" truncate=10 label="Fecha Inicio" v-slot="props" centered>
-                  <span class="cursor" v-if="props.row.idStatus == 9" @click="Servicio(props.row.idServicio)">{{ fecha(props.row.fechaInicio) }}</span>
+                  <span class="cursor" v-if="props.row.idStatus == 8" @click="Servicio(props.row.idServicio)">{{ fecha(props.row.fechaInicio) }}</span>
                   <span v-else>{{ fecha(props.row.fechaInicio) }}</span>
               </b-table-column>
               <b-table-column field="fechaFin" label="Fecha Fin" v-slot="props" centered>
-                  <span class="cursor" v-if="props.row.idStatus == 9" @click="Servicio(props.row.idServicio)">{{ fecha(props.row.fechaFin) }}</span>
+                  <span class="cursor" v-if="props.row.idStatus == 8" @click="Servicio(props.row.idServicio)">{{ fecha(props.row.fechaFin) }}</span>
                   <span v-else>{{ fecha(props.row.fechaFin) }}</span>
               </b-table-column>
               <b-table-column field="status" label="Status" v-slot="props" centered>
-                 <span class="cursor" v-if="props.row.idStatus == 9" @click="Servicio(props.row.idServicio)">{{ fecha(props.row.fechaFin) }}</span>
+                 <span class="cursor" v-if="props.row.idStatus == 8" @click="Servicio(props.row.idServicio)">{{ fecha(props.row.fechaFin) }}</span>
                  <span class="tag" :class="types(props.row.idStatus)">{{ props.row.status}}</span>
               </b-table-column>
 
               <b-table-column field="cartaTermino" label="Carta Término" v-slot="props" centered v-if="idUsuario == 2">
-                  <div v-if="props.row.idStatus >= 4">
+                  <span class="cursor" v-if="props.row.idStatus == 8" @click="Servicio(props.row.idServicio)"> ----- </span>
+                  <div v-if="props.row.idStatus >= 4 && props.row.idStatus <= 7 || props.row.idStatus == 9">
                     <span
                     v-if="props.row.cartaTermino === 1"
                     >
@@ -111,7 +112,8 @@
               </b-table-column>
 
               <b-table-column field="cuestionario" label="Cuestionario" v-slot="props" centered v-if="idUsuario == 2">
-                  <div v-if="props.row.status === 'Pre-Termino'">
+                  <span class="cursor" v-if="props.row.idStatus == 8" @click="Servicio(props.row.idServicio)"> ----- </span>
+                  <div v-if="props.row.idStatus >= 4 && props.row.idStatus <= 7 || props.row.idStatus == 9">
                     <span
                     v-if="props.row.cuestionario === 1"
                     >
@@ -216,11 +218,10 @@ export default {
       const fecha = moment(date.substr(0, 10))
       return `${fecha.date()}/${fecha.month() + 1}/${fecha.year()}`
     },
-    obtenerDatos () {
+    obtenerDatos (idStatus) {
       this.loading = true
       this.data = []
-
-      axios.get(`${process.env.api}/servicio/servicios_responsable?idUsuario=${this.idUsuario}&pagina=${this.page}&idStatus=${this.idStatus}&nombre=${this.nombre}&numeroCuenta=${this.numeroCuenta}`)
+      axios.get(`${process.env.api}/servicio/servicios_responsable?idUsuario=${this.idUsuario}&pagina=${this.page}&idStatus=${idStatus}&nombre=${this.nombre}&numeroCuenta=${this.numeroCuenta}`)
         .then(res => {
           const servicios = res.data.servicios
 
@@ -258,14 +259,13 @@ export default {
       window.localStorage.setItem('idServicio', idServicio)
       this.$router.push('/responsable/cartaTermino')
     },
-    admRes () {
+    insertIdLocal () {
       this.idUsuario = localStorage.getItem('idUsuario')
-      console.log(this.idUsuario)
     }
   },
   created () {
-    this.admRes()
-    this.obtenerDatos()
+    this.insertIdLocal()
+    this.obtenerDatos(0)
   }
 }
 </script>
diff --git a/pages/admin/index.vue b/pages/admin/index.vue
index 59750ba..cfbcd92 100644
--- a/pages/admin/index.vue
+++ b/pages/admin/index.vue
@@ -1,6 +1,13 @@
 <template>
   <div class="container">
     <div class="section">
+      <div class="buttons section py-0 pl-0">
+
+        <b-button type="is-info">
+            Ver programas
+        </b-button>
+      </div>
+
       <div class="pb-0">
         <p class="title is-three-fifths is-offset-one-fifth">Servicios Sociales</p>
       </div>

From edb45fe414ec014c3d351fbe49fb751c3a218a87 Mon Sep 17 00:00:00 2001
From: Lemuel Marquez <lemuel@iMac-de-Lemuel.local>
Date: Mon, 7 Dec 2020 19:01:11 -0600
Subject: [PATCH 5/5] listo para compilar

---
 components/alumno/DataAlumno.vue | 535 +++++++++++++++++--------------
 nuxt.config.js                   |  35 +-
 2 files changed, 309 insertions(+), 261 deletions(-)

diff --git a/components/alumno/DataAlumno.vue b/components/alumno/DataAlumno.vue
index 07e9287..526dfcf 100644
--- a/components/alumno/DataAlumno.vue
+++ b/components/alumno/DataAlumno.vue
@@ -2,42 +2,73 @@
   <section>
     <div class="container px-3">
       <div class="progressBar my-6">
-            <b-steps type="is-success" size="is-large" :has-navigation="false" v-model="activeStep" >
-              <b-step-item :clickable="false" label="Pre Registro" icon="account-plus"></b-step-item>
-              <b-step-item :clickable="false" label="Registro" icon="account-clock"></b-step-item>
-              <b-step-item :clickable="false" label="Registro Validado" icon="account"></b-step-item>
-              <b-step-item :clickable="false" label="Pre Termino" icon="account-details"></b-step-item>
-              <b-step-item :clickable="false" label="Termino" icon="account-clock"></b-step-item>
-              <b-step-item :clickable="false" label="Liberacion" icon="account-check"></b-step-item>
-            </b-steps>
+        <b-steps
+          type="is-success"
+          size="is-large"
+          :has-navigation="false"
+          v-model="activeStep"
+        >
+          <b-step-item
+            :clickable="false"
+            label="Pre Registro"
+            icon="account-plus"
+          ></b-step-item>
+          <b-step-item
+            :clickable="false"
+            label="Registro"
+            icon="account-clock"
+          ></b-step-item>
+          <b-step-item
+            :clickable="false"
+            label="Registro Validado"
+            icon="account"
+          ></b-step-item>
+          <b-step-item
+            :clickable="false"
+            label="Pre Termino"
+            icon="account-details"
+          ></b-step-item>
+          <b-step-item
+            :clickable="false"
+            label="Termino"
+            icon="account-clock"
+          ></b-step-item>
+          <b-step-item
+            :clickable="false"
+            label="Liberacion"
+            icon="account-check"
+          ></b-step-item>
+        </b-steps>
       </div>
 
-    <div class="mensajeDiv" v-for="mensaje in mensajes" :key="mensaje.status" >
-       <div v-if="mensaje.mensaje !='' && mensaje.status == activeStep">
-        <p class="mensaje has-text-justified">
-          <span class="block is-size-5">Estimado alumno(a): </span><br><br>
-          {{mensaje.mensaje}}
-        </p>
+      <div class="mensajeDiv" v-for="mensaje in mensajes" :key="mensaje.status">
+        <div v-if="mensaje.mensaje != '' && mensaje.status == activeStep">
+          <p class="mensaje has-text-justified">
+            <span class="block is-size-5">Estimado alumno(a): </span
+            ><br /><br />
+            {{ mensaje.mensaje }}
+          </p>
         </div>
-    </div>
+      </div>
 
-      <div  class="info" >
-          <div class="info-programa">
+      <div class="info">
+        <div class="info-programa">
           <h3 class="title is-3">Información del programa</h3>
-          <p><strong> Programa: </strong> {{ programa.programa }} </p>
+          <p><strong> Programa: </strong> {{ programa.programa }}</p>
           <p><strong> Institución: </strong> {{ programa.institucion }}</p>
           <p><strong> Dependencia: </strong> {{ programa.dependencia }}</p>
           <p><strong> Clave del programa: </strong> {{ programa.clave }}</p>
           <div v-if="programa.acatlan == true">
-          <p><strong> Programa Interno: </strong> {{ programa.programaInterno }}</p>
-          <p><strong> Profesor: </strong> {{ programa.profesor }}</p>
-
+            <p>
+              <strong> Programa Interno: </strong>
+              {{ programa.programaInterno }}
+            </p>
+            <p><strong> Profesor: </strong> {{ programa.profesor }}</p>
           </div>
-
-          </div>
-          <div class="info-alumno mt-6">
+        </div>
+        <div class="info-alumno mt-6">
           <h3 class="title is-3">Información del alumno</h3>
-          <p><strong> Nombre: </strong> {{ alumno.nombre }} </p>
+          <p><strong> Nombre: </strong> {{ alumno.nombre }}</p>
           <p><strong> Número de cuenta: </strong> {{ alumno.cuenta }}</p>
           <p><strong> Carrera: </strong> {{ alumno.carrera }}</p>
           <p><strong> Correo: </strong> {{ alumno.correo }}</p>
@@ -45,326 +76,348 @@
           <div class="mt-4 info-extra" v-if="activeStep >= 2">
             <p><strong> Direccion: </strong> {{ alumno.direccion }}</p>
             <p><strong> Telefono: </strong> {{ alumno.telefono }}</p>
-            <p><strong> Fecha de nacimiento: </strong> {{ alumno.nacimiento }}</p>
+            <p>
+              <strong> Fecha de nacimiento: </strong> {{ alumno.nacimiento }}
+            </p>
           </div>
-          </div>
-
+        </div>
       </div>
 
-      <div class="registro" v-if="activeStep==1">
+      <div class="registro" v-if="activeStep == 1">
         <h3 class="title is-3 my-5">Formulario Pre-registro</h3>
-        <form >
+        <form>
           <b-field label="Fecha de nacimiento">
-                    <b-datepicker
-                      placeholder="Fecha de nacimiento"
-                      icon="calendar-today"
-                      v-model="nacimiento"
-                      >
-                    </b-datepicker>
+            <b-datepicker
+              placeholder="Fecha de nacimiento"
+              icon="calendar-today"
+              v-model="nacimiento"
+            >
+            </b-datepicker>
           </b-field>
 
           <b-field label="Telefono">
-              <b-input placeholder="Telefono" maxlength="10" v-model="telefono" type="tel" >
-              </b-input>
+            <b-input
+              placeholder="Telefono"
+              maxlength="10"
+              v-model="telefono"
+              type="tel"
+            >
+            </b-input>
           </b-field>
 
           <b-field label="Direccion">
-            <b-input maxlength="200 " placeholder="Direccion" type="textarea" v-model="direccion"></b-input>
+            <b-input
+              maxlength="200 "
+              placeholder="Direccion"
+              type="textarea"
+              v-model="direccion"
+            ></b-input>
           </b-field>
-
         </form>
         <div class="my-4 mb-6">
-        <b-field >
+          <b-field>
             <button
-            :disabled="nacimiento=='' || telefono=='' || direccion==''"
-            class="button is-success is-medium"
-            @click="enviarRegistro()"
+              :disabled="nacimiento == '' || telefono == '' || direccion == ''"
+              class="button is-success is-medium"
+              @click="enviarRegistro()"
             >
-                Enviar
+              Enviar
             </button>
           </b-field>
         </div>
       </div>
 
-      <div class="registro-validado"  v-if="activeStep==2">
-      </div>
+      <div class="registro-validado" v-if="activeStep == 2"></div>
 
-      <div class="pre-termino" v-if="activeStep==3 || activeStep==9">
-        <h3 class="title is-4 mt-6">Cuestionario de evaluación del programa de servicio social</h3>
-        <div class=" my-6" v-if="alumno.idCuestionario == null">
-          <b-button tag="router-link"
+      <div class="pre-termino" v-if="activeStep == 3 || activeStep == 9">
+        <h3 class="title is-4 mt-6">
+          Cuestionario de evaluación del programa de servicio social
+        </h3>
+        <div class="my-6" v-if="alumno.idCuestionario == null">
+          <b-button
+            tag="router-link"
             to="/alumno/cuestionario"
             type="is-info is-light "
             icon-left="book-open"
             class="border-info"
             size="is-medium"
-            >
-              cuestionario
+          >
+            cuestionario
           </b-button>
         </div>
-        <div class="is-flex " v-else>
-        <p class="block is-size-5">Cuestionario contestado </p>
-        <b-icon
-            icon="check-bold"
-            size="is-small"
-            type="is-success">
-        </b-icon>
+        <div class="is-flex" v-else>
+          <p class="block is-size-5">Cuestionario contestado</p>
+          <b-icon icon="check-bold" size="is-small" type="is-success"> </b-icon>
         </div>
 
-        <h3 class="title is-4 mt-6">Informe global de actividades (en formato .PDF. No se aceptan fotos).</h3>
+        <h3 class="title is-4 mt-6">
+          Informe global de actividades (en formato .PDF. No se aceptan fotos).
+        </h3>
         <div v-if="alumno.informeGlobal == null">
           <b-field type="black">
-            <b-upload v-model="file" type="black" drag-drop expanded accept="application/pdf">
+            <b-upload
+              v-model="file"
+              type="black"
+              drag-drop
+              expanded
+              accept="application/pdf"
+            >
               <section class="section">
                 <div class="content has-text-centered">
                   <p>
                     <b-icon icon="upload" size="is-large"></b-icon>
                   </p>
-                  <p>{{ file.name || "Arrastra aquí tu archivo o da click para buscar"}}</p>
+                  <p>
+                    {{
+                      file.name ||
+                      "Arrastra aquí tu archivo o da click para buscar"
+                    }}
+                  </p>
                 </div>
               </section>
             </b-upload>
-
           </b-field>
           <b-field class="derecha">
-                  <button :disabled='file == ""'
-                  class="button is-success is-medium mb-4"
-                  @click="enviarInforme()"
-                  >
-                      Enviar
-                  </button>
+            <button
+              :disabled="file == ''"
+              class="button is-success is-medium mb-4"
+              @click="enviarInforme()"
+            >
+              Enviar
+            </button>
           </b-field>
         </div>
-        <div class="is-flex " v-else>
-          <p class="block is-size-5">Informe contestado </p>
-          <b-icon
-              icon="check-bold"
-              size="is-small"
-              type="is-success">
-          </b-icon>
+        <div class="is-flex" v-else>
+          <p class="block is-size-5">Informe contestado</p>
+          <b-icon icon="check-bold" size="is-small" type="is-success"> </b-icon>
         </div>
       </div>
 
-      <div class="termino" v-if="activeStep==4">
-      </div>
-
-      <div class="Liberacion" v-if="activeStep==5">
-      </div>
+      <div class="termino" v-if="activeStep == 4"></div>
 
+      <div class="Liberacion" v-if="activeStep == 5"></div>
     </div>
   </section>
 </template>
 
 <script>
-import 'buefy/dist/buefy.css'
-import moment from 'moment'
-import axios from 'axios'
+import "buefy/dist/buefy.css";
+import moment from "moment";
+import axios from "axios";
 
 export default {
-  data () {
+  data() {
     return {
-      activeStep: '',
+      activeStep: "",
       isFullPage: true,
       file: [],
       nacimiento: [],
-      telefono: '',
-      direccion: '',
+      telefono: "",
+      direccion: "",
 
       alumno: {
-        carrera: '',
-        nombre: '',
-        cuenta: '',
-        correo: '',
-        direccion: '',
-        nacimiento: '',
-        telefono: '',
-        idCuestionario: '',
-        informeGlobal: '',
-        idAlumno: '',
-        idCarrera: '',
-        idServicio: '',
+        carrera: "",
+        nombre: "",
+        cuenta: "",
+        correo: "",
+        direccion: "",
+        nacimiento: "",
+        telefono: "",
+        idCuestionario: "",
+        informeGlobal: "",
+        idAlumno: "",
+        idCarrera: "",
+        idServicio: "",
         inicio: [],
-        fin: []
-
+        fin: [],
       },
       programa: {
-        programa: '',
-        institucion: '',
-        dependencia: '',
-        clave: '',
-        acatlan: '',
-        programaInterno: '',
-        profesor: ''
+        programa: "",
+        institucion: "",
+        dependencia: "",
+        clave: "",
+        acatlan: "",
+        programaInterno: "",
+        profesor: "",
       },
       mensajes: [
-        { status: 0, mensaje: '' },
-        { status: 1, mensaje: '' },
-        { status: 2, mensaje: 'Te informamos que el Área de Registro y Control de Servicio Social ha validado tu solicitud de registro de servicio social por lo que el siguiente trámite lo realizarás hasta que concluyas 480 horas en un periodo de mínimo 6 meses y obtengas tu carta de término por parte de la institución, quien se encargará de subir dicho archivo a este sistema, además de responder un cuestionario sobre tu desempeño. A su vez, deberás responder el siguiente cuestionario de evaluación del programa de servicio social en donde participaste y enviar el informe global de actividades elaborado por ti, con firma y sello de visto bueno de tu jefe inmediato. En cuanto el Área de Registro y Control de Servicio Social valide tu solicitud, podrás revisar las indicaciones del siguiente paso en el panel llamado “Liberación” Cualquier duda puedes acudir al área de Registro y Control de Servicio Social en COESI de lunes a viernes de 10:00 a 14:00 hrs. y de 16:00 a 20:00 hrs. o bien, comunicarte al 5623 1686 o al correo registross@acatlan.unam.mx' },
-        { status: 3, mensaje: '' },
-        { status: 4, mensaje: 'Espera a que tus documentos sean validados por el Departamento de Servicio Social y Bolsa de Trabajo' },
-        { status: 5, mensaje: 'Te confirmamos que has concluido con los trámites necesarios para la liberación de tu servicio social por lo que ahora sólo queda esperar a que en máximo 15 días hábiles se te notifique por correo electrónico a partir de cuándo puedes recoger la copia de tu carta de liberación en las ventanillas del Área de Registro y Control de Servicio Social. Cualquier duda puedes acudir al área de Registro y Control de Servicio Social en COESI de lunes a viernes de 10:00 a 13:00 hrs. y de 16:00 a 19:00 hrs. o bien, comunicarte al 5623 1686 o al correo registross@apolo.acatlan.unam.mx' },
-        { status: 6, mensaje: '' },
-        { status: 7, mensaje: '' },
-        { status: 8, mensaje: '' },
-        { status: 9, mensaje: '' }
-      ]
-    }
+        { status: 0, mensaje: "" },
+        { status: 1, mensaje: "" },
+        {
+          status: 2,
+          mensaje:
+            "Te informamos que el Área de Registro y Control de Servicio Social ha validado tu solicitud de registro de servicio social por lo que el siguiente trámite lo realizarás hasta que concluyas 480 horas en un periodo de mínimo 6 meses y obtengas tu carta de término por parte de la institución, quien se encargará de subir dicho archivo a este sistema, además de responder un cuestionario sobre tu desempeño. A su vez, deberás responder el siguiente cuestionario de evaluación del programa de servicio social en donde participaste y enviar el informe global de actividades elaborado por ti, con firma y sello de visto bueno de tu jefe inmediato. En cuanto el Área de Registro y Control de Servicio Social valide tu solicitud, podrás revisar las indicaciones del siguiente paso en el panel llamado “Liberación” Cualquier duda puedes acudir al área de Registro y Control de Servicio Social en COESI de lunes a viernes de 10:00 a 14:00 hrs. y de 16:00 a 20:00 hrs. o bien, comunicarte al 5623 1686 o al correo registross@acatlan.unam.mx",
+        },
+        { status: 3, mensaje: "" },
+        {
+          status: 4,
+          mensaje:
+            "Espera a que tus documentos sean validados por el Departamento de Servicio Social y Bolsa de Trabajo",
+        },
+        {
+          status: 5,
+          mensaje:
+            "Te confirmamos que has concluido con los trámites necesarios para la liberación de tu servicio social por lo que ahora sólo queda esperar a que en máximo 15 días hábiles se te notifique por correo electrónico a partir de cuándo puedes recoger la copia de tu carta de liberación en las ventanillas del Área de Registro y Control de Servicio Social. Cualquier duda puedes acudir al área de Registro y Control de Servicio Social en COESI de lunes a viernes de 10:00 a 13:00 hrs. y de 16:00 a 19:00 hrs. o bien, comunicarte al 5623 1686 o al correo registross@apolo.acatlan.unam.mx",
+        },
+        { status: 6, mensaje: "" },
+        { status: 7, mensaje: "" },
+        { status: 8, mensaje: "" },
+        { status: 9, mensaje: "" },
+      ],
+    };
   },
   methods: {
-
-    enviarRegistro () {
+    enviarRegistro() {
       const loadingComponent = this.$buefy.loading.open({
-        container: this.isFullPage ? null : this.$refs.element.$el
-      })
+        container: this.isFullPage ? null : this.$refs.element.$el,
+      });
 
       const data = {
         idServicio: this.alumno.idServicio,
         fechaNacimiento: moment(this.alumno.nacimiento),
         direccion: this.alumno.direccion,
-        telefono: this.alumno.telefono
-      }
+        telefono: this.alumno.telefono,
+      };
 
-      axios.put(`${process.env.api}/servicio/registro_validado`, data)
-        .then(res => {
-          loadingComponent.close()
+      axios
+        .put(`${process.env.api}/servicio/registro_validado`, data)
+        .then((res) => {
+          loadingComponent.close();
           this.$buefy.dialog.alert({
-            title: 'Success',
-            message: 'Se enviaron los datos correctamente',
-            type: 'is-success',
+            title: "Success",
+            message: "Se enviaron los datos correctamente",
+            type: "is-success",
             hasIcon: true,
-            icon: 'checkbox-marked-circle',
-            iconPack: 'mdi',
-            ariaRole: 'alertdialog',
-            ariaModal: true
-          })
+            icon: "checkbox-marked-circle",
+            iconPack: "mdi",
+            ariaRole: "alertdialog",
+            ariaModal: true,
+          });
 
-          this.reset()
+          this.reset();
         })
-        .catch(error => {
-          loadingComponent.close()
+        .catch((error) => {
+          loadingComponent.close();
           this.$buefy.dialog.alert({
-            title: 'Error',
+            title: "Error",
             message: error.response.data.message,
-            type: 'is-danger',
+            type: "is-danger",
             hasIcon: true,
-            icon: 'alert-circle',
-            iconPack: 'mdi',
-            ariaRole: 'alertdialog',
-            ariaModal: true
-          })
-        })
+            icon: "alert-circle",
+            iconPack: "mdi",
+            ariaRole: "alertdialog",
+            ariaModal: true,
+          });
+        });
     },
-    enviarInforme () {
+    enviarInforme() {
       const loadingComponent = this.$buefy.loading.open({
-        container: this.isFullPage ? null : this.$refs.element.$el
-      })
+        container: this.isFullPage ? null : this.$refs.element.$el,
+      });
       const data = {
-        idServicio: this.alumno.idServicio
+        idServicio: this.alumno.idServicio,
+      };
+      const formData = new FormData();
+      console.log(data);
+      formData.append("data", JSON.stringify(data));
+      formData.append("informeGlobal", this.file);
 
-      }
-      const formData = new FormData()
-      console.log(data)
-      formData.append('data', JSON.stringify(data))
-      formData.append('informeGlobal', this.file)
-
-      axios.put(`${process.env.api}/servicio/informe_global`, formData, {
-        headers: {
-          'Content-Type': 'multipart/form-data'
-        }
-      })
-        .then(res => {
-          loadingComponent.close()
-          this.$buefy.dialog.alert({
-            title: 'Success',
-            message: 'Se enviaron los datos correctamente',
-            type: 'is-success',
-            hasIcon: true,
-            icon: 'checkbox-marked-circle',
-            iconPack: 'mdi',
-            ariaRole: 'alertdialog',
-            ariaModal: true
-          })
-
-          this.reset()
+      axios
+        .put(`${process.env.api}/servicio/informe_global`, formData, {
+          headers: {
+            "Content-Type": "multipart/form-data",
+          },
         })
-        .catch(error => {
-          loadingComponent.close()
+        .then((res) => {
+          loadingComponent.close();
           this.$buefy.dialog.alert({
-            title: 'Error',
+            title: "Success",
+            message: "Se enviaron los datos correctamente",
+            type: "is-success",
+            hasIcon: true,
+            icon: "checkbox-marked-circle",
+            iconPack: "mdi",
+            ariaRole: "alertdialog",
+            ariaModal: true,
+          });
+
+          this.reset();
+        })
+        .catch((error) => {
+          loadingComponent.close();
+          this.$buefy.dialog.alert({
+            title: "Error",
             message: error.response.data.message,
-            type: 'is-danger',
+            type: "is-danger",
             hasIcon: true,
-            icon: 'alert-circle',
-            iconPack: 'mdi',
-            ariaRole: 'alertdialog',
-            ariaModal: true
-          })
-        })
-    }
+            icon: "alert-circle",
+            iconPack: "mdi",
+            ariaRole: "alertdialog",
+            ariaModal: true,
+          });
+        });
+    },
   },
   computed: {
- 
-    steps () {
-      const steps = [...this.baseSteps]
-      return steps
-    }
+    steps() {
+      const steps = [...this.baseSteps];
+      return steps;
+    },
   },
-  created () {
-    axios.get(`${process.env.api}/servicio/alumno`, {
-      params: {
-        idUsuario: localStorage.getItem('idUsuario')
-      }
-    })
-      .then(resp => {
-        console.log(resp.data)
-        this.activeStep = resp.data.Status.idStatus - 1
-
-        this.programa.programa = resp.data.Programa.programa
-        this.programa.dependencia = resp.data.Programa.dependencia
-        this.programa.institucion = resp.data.Programa.institucion
-        this.programa.clave = resp.data.Programa.clavePrograma
-        this.programa.profesor = resp.data.profesor
-        this.programa.acatlan = resp.data.Programa.acatlan
-        this.programa.programaInterno = resp.data.programaInterno
-
-        this.alumno.carrera = resp.data.Carrera.carrera
-        this.alumno.idCarrera = resp.data.Carrera.idCarrera
-        this.alumno.correo = resp.data.correo
-        this.alumno.inicio = resp.data.fechaInicio
-        this.alumno.fin = resp.data.fechaFin
-        this.alumno.direccion = resp.data.direccion
-        this.alumno.nacimiento = resp.data.fechaNacimiento
-        this.alumno.telefono = resp.data.telefono
-        this.alumno.idServicio = resp.data.idServicio
-        this.alumno.idCuestionario = resp.data.idCuestionarioAlumno
-        this.alumno.informeGlobal = resp.data.informeGlobal
-        this.alumno.nombre = localStorage.getItem('nombre')
-        this.alumno.cuenta = localStorage.getItem('usuario')
+  created() {
+    axios
+      .get(`${process.env.api}/servicio/alumno`, {
+        params: {
+          idUsuario: localStorage.getItem("idUsuario"),
+        },
       })
-      .catch(error => {
-        console.log(error.message)
-      })
-  }
+      .then((resp) => {
+        console.log(resp.data);
+        this.activeStep = resp.data.Status.idStatus - 1;
 
-}
+        this.programa.programa = resp.data.Programa.programa;
+        this.programa.dependencia = resp.data.Programa.dependencia;
+        this.programa.institucion = resp.data.Programa.institucion;
+        this.programa.clave = resp.data.Programa.clavePrograma;
+        this.programa.profesor = resp.data.profesor;
+        this.programa.acatlan = resp.data.Programa.acatlan;
+        this.programa.programaInterno = resp.data.programaInterno;
+
+        this.alumno.carrera = resp.data.Carrera.carrera;
+        this.alumno.idCarrera = resp.data.Carrera.idCarrera;
+        this.alumno.correo = resp.data.correo;
+        this.alumno.inicio = resp.data.fechaInicio;
+        this.alumno.fin = resp.data.fechaFin;
+        this.alumno.direccion = resp.data.direccion;
+        this.alumno.nacimiento = resp.data.fechaNacimiento;
+        this.alumno.telefono = resp.data.telefono;
+        this.alumno.idServicio = resp.data.idServicio;
+        this.alumno.idCuestionario = resp.data.idCuestionarioAlumno;
+        this.alumno.informeGlobal = resp.data.informeGlobal;
+        this.alumno.nombre = localStorage.getItem("nombre");
+        this.alumno.cuenta = localStorage.getItem("usuario");
+      })
+      .catch((error) => {
+        console.log(error.message);
+      });
+  },
+};
 </script>
 
 <style scoped>
-.border-info{
-  border: 1px solid #167df0 ;
+.border-info {
+  border: 1px solid #167df0;
 }
-.info-alumno p{
-  margin-bottom: .8rem;
-
+.info-alumno p {
+  margin-bottom: 0.8rem;
 }
-.info-programa p{
-  margin-bottom: .8rem;
-
+.info-programa p {
+  margin-bottom: 0.8rem;
 }
-.mensaje{
+.mensaje {
   margin: 3.5rem 0;
 }
-.else{
+.else {
   display: flex;
   align-content: center !important;
 }
diff --git a/nuxt.config.js b/nuxt.config.js
index 16eb796..30d8d1f 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -4,28 +4,24 @@ export default {
   ssr: false,
 
   // Target (https://go.nuxtjs.dev/config-target)
-  target: 'static',
+  target: "static",
 
   // Global page headers (https://go.nuxtjs.dev/config-head)
   head: {
-    title: 'servicio_social_front',
+    title: "servicio_social_front",
     meta: [
-      { charset: 'utf-8' },
-      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
-      { hid: 'description', name: 'description', content: '' }
+      { charset: "utf-8" },
+      { name: "viewport", content: "width=device-width, initial-scale=1" },
+      { hid: "description", name: "description", content: "" },
     ],
-    link: [
-      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
-    ]
+    link: [{ rel: "icon", type: "image/x-icon", href: "/favicon.ico" }],
   },
 
   // Global CSS (https://go.nuxtjs.dev/config-css)
-  css: [
-  ],
+  css: [],
 
   // Plugins to run before rendering page (https://go.nuxtjs.dev/config-plugins)
-  plugins: [
-  ],
+  plugins: [],
 
   // Auto import components (https://go.nuxtjs.dev/config-components)
   components: true,
@@ -39,21 +35,20 @@ export default {
   // Modules (https://go.nuxtjs.dev/config-modules)
   modules: [
     // https://go.nuxtjs.dev/buefy
-    'nuxt-buefy',
+    "nuxt-buefy",
     // https://go.nuxtjs.dev/axios
-    '@nuxtjs/axios'
+    "@nuxtjs/axios",
   ],
 
   // Axios module configuration (https://go.nuxtjs.dev/config-axios)
   axios: {},
 
   // Build Configuration (https://go.nuxtjs.dev/config-build)
-  build: {
-  },
+  build: {},
   env: {
     // api: 'http://localhost:3000'
-    api: 'https://b82ccc416703.ngrok.io'
+    api: "tramites.ss@acatlan.unam.mx",
+    // api: 'https://b82ccc416703.ngrok.io'
     // api: 'https//venus.acatlan.unam.mx/pruebas_pcpuma'
-  }
-
-}
+  },
+};