From eb65a43d0a24b7756854891b77bc058fbb56b9d3 Mon Sep 17 00:00:00 2001
From: casnet1 <ne.castillo1607@gmail.com>
Date: Thu, 3 Dec 2020 17:17:21 -0600
Subject: [PATCH] cambios a las vistas de alumno

---
 components/alumno/DataAlumno.vue | 207 +++++++++++++------------------
 nuxt.config.js                   |   2 +-
 2 files changed, 89 insertions(+), 120 deletions(-)

diff --git a/components/alumno/DataAlumno.vue b/components/alumno/DataAlumno.vue
index 9e04cd1..07e9287 100644
--- a/components/alumno/DataAlumno.vue
+++ b/components/alumno/DataAlumno.vue
@@ -2,16 +2,25 @@
   <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 label="Pre Registro" icon="account-plus"></b-step-item>
-              <b-step-item label="Registro" icon="account-clock"></b-step-item>
-              <b-step-item label="Registro Validado" icon="account"></b-step-item>
-              <b-step-item label="Pre Termino" icon="account-details"></b-step-item>
-              <b-step-item label="Termino" icon="account-clock"></b-step-item>
-              <b-step-item label="Liberacion" icon="account-check"></b-step-item>
+            <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>
+    </div>
+
       <div  class="info" >
           <div class="info-programa">
           <h3 class="title is-3">Información del programa</h3>
@@ -43,50 +52,44 @@
       </div>
 
       <div class="registro" v-if="activeStep==1">
-      <h3 class="title is-3 my-5">Formulario Pre-registro</h3>
-          <form >
-            <b-field label="Fecha de nacimiento">
-                      <b-datepicker
-                        placeholder="Inicio"
-                        icon="calendar-today"
-                        v-model="nacimiento"
-                        >
-                      </b-datepicker>
-            </b-field>
+        <h3 class="title is-3 my-5">Formulario Pre-registro</h3>
+        <form >
+          <b-field label="Fecha de nacimiento">
+                    <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-field>
+          <b-field label="Telefono">
+              <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-field>
-
-          </form>
-           <div class="my-4 mb-6">
-           <b-field >
-                <button
-                :disabled="nacimiento=='' || telefono=='' || direccion==''"
-                class="button is-success is-medium"
-                @click="enviarRegistro()"
-                >
-                    Enviar
-                </button>
-              </b-field>
-              </div>
+          <b-field label="Direccion">
+            <b-input maxlength="200 " placeholder="Direccion" type="textarea" v-model="direccion"></b-input>
+          </b-field>
 
+        </form>
+        <div class="my-4 mb-6">
+        <b-field >
+            <button
+            :disabled="nacimiento=='' || telefono=='' || direccion==''"
+            class="button is-success is-medium"
+            @click="enviarRegistro()"
+            >
+                Enviar
+            </button>
+          </b-field>
+        </div>
       </div>
 
       <div class="registro-validado"  v-if="activeStep==2">
-        <p class="mensaje">
-         <span class="block is-size-5"> Estimado alumno(a): </span> <br> <br>
-          Te informamos que la dependencia en donde decidiste realizar tu servicio social ya validó tu registro.
-
-        </p>
       </div>
 
-      <div class="pre-termino" v-if="activeStep==3">
+      <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"
@@ -100,37 +103,37 @@
           </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>
+        <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>
         <div v-if="alumno.informeGlobal == null">
-        <b-field type="black">
-          <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>
-              </div>
-            </section>
-          </b-upload>
+          <b-field type="black">
+            <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>
+                </div>
+              </section>
+            </b-upload>
 
-        </b-field>
-         <b-field class="derecha">
-                <button :disabled='file == ""'
-                class="button is-success is-medium mb-4"
-                @click="enviarInforme()"
-                style="float: right;">
-                    Enviar
-                </button>
-              </b-field>
+          </b-field>
+          <b-field class="derecha">
+                  <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>
@@ -140,34 +143,12 @@
               type="is-success">
           </b-icon>
         </div>
-
-        <p class="mensaje has-text-justified">
-        <span class="block is-size-5">Estimado alumno(a): </span><br><br>
-        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
-        </p>
       </div>
 
       <div class="termino" v-if="activeStep==4">
-
-      <p class="mensaje has-text-justified">
-        <span class="block is-size-5">Estimado alumno(a): </span><br><br>
-Espera a que tus documentos sean validados por el Departamento
-      de Servicio Social y Bolsa de Trabajo
-        </p>
       </div>
 
       <div class="Liberacion" v-if="activeStep==5">
-      <p></p>
-
-      <p>
-      </p>
-        <p class="mensaje has-text-justified">
-        <span class="block is-size-5">Estimado alumno(a): </span><br><br>
-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.
-<br>
- 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
-        </p>
-
       </div>
 
     </div>
@@ -176,7 +157,7 @@ Te confirmamos que has concluido con los trámites necesarios para la liberació
 
 <script>
 import 'buefy/dist/buefy.css'
-
+import moment from 'moment'
 import axios from 'axios'
 
 export default {
@@ -214,7 +195,19 @@ export default {
         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: '' }
+      ]
     }
   },
   methods: {
@@ -226,7 +219,7 @@ export default {
 
       const data = {
         idServicio: this.alumno.idServicio,
-        fechaNacimiento: this.alumno.nacimiento,
+        fechaNacimiento: moment(this.alumno.nacimiento),
         direccion: this.alumno.direccion,
         telefono: this.alumno.telefono
       }
@@ -310,31 +303,7 @@ export default {
     }
   },
   computed: {
-    baseSteps () {
-      return [
-        {
-          label: 'Pictures',
-          content: 'Pictures: Lorem ipsum dolor sit amet.',
-          displayed: true
-        },
-        {
-          label: 'Music',
-          content: 'Music: Lorem ipsum dolor sit amet.',
-          displayed: this.showMusic
-        },
-        {
-          label: 'Games',
-          content: 'Games: Lorem ipsum dolor sit amet.',
-          displayed: true,
-          visible: this.showGames
-        },
-        {
-          label: 'Videos',
-          content: 'Videos: Lorem ipsum dolor sit amet.',
-          displayed: true
-        }
-      ]
-    },
+ 
     steps () {
       const steps = [...this.baseSteps]
       return steps
diff --git a/nuxt.config.js b/nuxt.config.js
index 0b7f3f4..76f69cc 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -52,7 +52,7 @@ export default {
   },
   env: {
     //api: 'http://localhost:3000'
-    api: 'https://dc97624524b5.ngrok.io'
+    api: 'https://6fcf0b54e39d.ngrok.io'
     //api: 'https//venus.acatlan.unam.mx/pruebas_pcpuma'
   }