From cdea33953c12f75901a93032d0633efea9180ec5 Mon Sep 17 00:00:00 2001
From: Andres2908 <saavedratrejo24@gmail.com>
Date: Mon, 4 Jan 2021 20:34:02 -0600
Subject: [PATCH] arreglosEsteticos

---
 components/responsable/cartaAceptacion.vue |  21 ++-
 components/responsable/cartaTermino.vue    |  19 ++-
 components/responsable/cuestionario.vue    | 149 +++++++++------------
 components/responsable/inputTable.vue      |   4 +-
 4 files changed, 101 insertions(+), 92 deletions(-)

diff --git a/components/responsable/cartaAceptacion.vue b/components/responsable/cartaAceptacion.vue
index c800b9e..383dcb3 100644
--- a/components/responsable/cartaAceptacion.vue
+++ b/components/responsable/cartaAceptacion.vue
@@ -1,7 +1,10 @@
 <template>
-  <div v-if="idServicio != null && cartaAceptacion != null" class="container">
+  <div
+    v-if="idServicio != null && cartaAceptacion != null"
+    class="container footter"
+  >
     <b-button
-      class="border-info my-5"
+      class="border-info mt-5"
       type="is-info is-light"
       icon-left="arrow-left-box"
       tag="router-link"
@@ -9,7 +12,7 @@
       >Regresar</b-button
     >
 
-    <h3 class="title is-4 mt-6">
+    <h3 class="title is-4 mt-4">
       Carta de aceptación (en formato .PDF. No se aceptan fotos).
     </h3>
 
@@ -50,13 +53,20 @@
 </template>
 
 <script>
+import axios from "axios";
+
 export default {
   data() {
     return {
       isFullPage: true,
-      file: "",
+      file: [],
       idServicio: "",
       cartaAceptacion: "",
+      token: {
+        headers: {
+          token: window.localStorage.getItem("token"),
+        },
+      },
     };
   },
   methods: {
@@ -147,4 +157,7 @@ export default {
 .centro {
   text-align: center;
 }
+.footter {
+  margin-bottom: 10rem;
+}
 </style>
diff --git a/components/responsable/cartaTermino.vue b/components/responsable/cartaTermino.vue
index a7df06b..2dacb78 100644
--- a/components/responsable/cartaTermino.vue
+++ b/components/responsable/cartaTermino.vue
@@ -1,15 +1,17 @@
 <template>
-  <div v-if="idServicio != null && cartaTermino != null" class="container">
+  <div
+    v-if="idServicio != null && cartaTermino != null"
+    class="container footter"
+  >
     <b-button
-      class="border-info my-5"
+      class="border-info mt-5"
       type="is-info is-light"
       icon-left="arrow-left-box"
       tag="router-link"
       to="/responsable"
       >Regresar</b-button
     >
-
-    <h3 class="title is-4 mt-6">
+    <h3 class="title is-4 mt-4">
       Carta de termino (en formato .PDF. No se aceptan fotos).
     </h3>
 
@@ -52,6 +54,7 @@
 
 <script>
 import axios from "axios";
+
 export default {
   data() {
     return {
@@ -59,6 +62,11 @@ export default {
       file: [],
       idServicio: "",
       cartaTermino: "",
+      token: {
+        headers: {
+          token: window.localStorage.getItem("token"),
+        },
+      },
     };
   },
   methods: {
@@ -150,4 +158,7 @@ export default {
 .centro {
   text-align: center;
 }
+.footter {
+  margin-bottom: 10rem;
+}
 </style>
diff --git a/components/responsable/cuestionario.vue b/components/responsable/cuestionario.vue
index 2dcae7a..a6b1f84 100644
--- a/components/responsable/cuestionario.vue
+++ b/components/responsable/cuestionario.vue
@@ -2,7 +2,7 @@
   <div v-if="this.idServicio && this.cuestionario" class="container">
     <div class="section">
       <b-button
-        class="border-info my-5"
+        class="border-info mb-5"
         type="is-info is-light"
         icon-left="arrow-left-box"
         tag="router-link"
@@ -10,7 +10,7 @@
         >Regresar</b-button
       >
 
-      <h1 class="title is-3">
+      <h1 class="title is-3 mt-2">
         Estimad(a) responsable de programa de servicio social:
       </h1>
       <p>
@@ -27,61 +27,42 @@
       <b-input
         class="my-4"
         placeholder="1.-"
-        v-model="actividades.actividad1"
-        maxlength="800"
+        v-model="actividad1"
+        maxlength="400"
       ></b-input>
       <b-input
         class="my-4"
         placeholder="2.-"
-        v-model="actividades.actividad2"
-        maxlength="800"
+        v-model="actividad2"
+        maxlength="400"
       ></b-input>
       <b-input
         class="my-4"
         placeholder="3.-"
-        v-model="actividades.actividad3"
-        maxlength="800"
+        v-model="actividad3"
+        maxlength="400"
       ></b-input>
       <b-input
         class="my-4"
         placeholder="4.-"
-        v-model="actividades.actividad4"
-        maxlength="800"
+        v-model="actividad4"
+        maxlength="400"
       ></b-input>
       <b-input
         class="mt-3"
         placeholder="5.-"
-        v-model="actividades.actividad5"
-        maxlength="800"
+        v-model="actividad5"
+        maxlength="400"
       ></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"
-            v-model="calificaciones.calificacion1"
-          >
-            <option value="">Seleccionar</option>
+          <b-select placeholder="Seleccionar" v-model="retroalimentacion[0]">
             <option value="1">Deficiente</option>
             <option value="2">Regular</option>
             <option value="3">Bueno</option>
@@ -96,11 +77,7 @@
           2. Conocimientos técnicos para las funciones encomendadas
         </p>
         <b-field class="column is-2">
-          <b-select
-            placeholder="Seleccionar"
-            v-model="calificaciones.calificacion2"
-          >
-            <option value="">Seleccionar</option>
+          <b-select placeholder="Seleccionar" v-model="retroalimentacion[1]">
             <option value="1">Deficiente</option>
             <option value="2">Regular</option>
             <option value="3">Bueno</option>
@@ -115,11 +92,7 @@
           3. Iniciativa para la implementación de mejoras en la empresa
         </p>
         <b-field class="column is-2">
-          <b-select
-            placeholder="Seleccionar"
-            v-model="calificaciones.calificacion3"
-          >
-            <option value="">Seleccionar</option>
+          <b-select placeholder="Seleccionar" v-model="retroalimentacion[2]">
             <option value="1">Deficiente</option>
             <option value="2">Regular</option>
             <option value="3">Bueno</option>
@@ -135,11 +108,7 @@
           encomendadas
         </p>
         <b-field class="column is-2">
-          <b-select
-            placeholder="Seleccionar"
-            v-model="calificaciones.calificacion4"
-          >
-            <option value="">Seleccionar</option>
+          <b-select placeholder="Seleccionar" v-model="retroalimentacion[3]">
             <option value="1">Deficiente</option>
             <option value="2">Regular</option>
             <option value="3">Bueno</option>
@@ -152,11 +121,7 @@
       <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"
-            v-model="calificaciones.calificacion5"
-          >
-            <option value="">Seleccionar</option>
+          <b-select placeholder="Seleccionar" v-model="retroalimentacion[4]">
             <option value="1">Deficiente</option>
             <option value="2">Regular</option>
             <option value="3">Bueno</option>
@@ -169,27 +134,28 @@
         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="800"
-        calificaciones.calificacion6
-      ></b-input>
+      <b-input placeholder="Respuesta" maxlength="800" v-model="p6"></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="800"
-        calificaciones.calificacion7
-      ></b-input>
+      <b-input placeholder="Respuesta" maxlength="800" v-model="p7"></b-input>
 
       <b-field class="centro">
         <b-button
-          :disabled="file == ''"
+          :disabled="
+            actividad1 == '' ||
+              actividad2 == '' ||
+              actividad3 == '' ||
+              actividad4 == '' ||
+              actividad5 == '' ||
+              retroalimentacion == '' ||
+              p6 == '' ||
+              p7 == ''
+          "
           class="border-success my-5"
           type="is-success"
-          @click="Enviar()"
+          @click="enviarCuestionario()"
           >Enviar</b-button
         >
       </b-field>
@@ -198,32 +164,47 @@
 </template>
 
 <script>
+import axios from "axios";
 export default {
   data() {
     return {
       idServicio: "",
       cuestionario: "",
-      actividades: {
-        actividad1: "",
-        actividad2: "",
-        actividad3: "",
-        actividad4: "",
-        actividad5: "",
-      },
-      calificaciones: {
-        calificacion1: "",
-        calificacion2: "",
-        calificacion3: "",
-        calificacion4: "",
-        calificacion5: "",
-        calificacion6: "",
-        calificacion7: "",
+
+      actividad1: "",
+      actividad2: "",
+      actividad3: "",
+      actividad4: "",
+      actividad5: "",
+      retroalimentacion: [],
+      p6: "",
+      p7: "",
+      token: {
+        headers: {
+          token: window.localStorage.getItem("token"),
+        },
       },
     };
   },
   methods: {
-    imprime() {
-      console.log(this.actividad1);
+    enviarCuestionario() {
+      const data = {
+        actividad1: this.actividad1,
+        actividad2: this.actividad2,
+        actividad3: this.actividad3,
+        actividad4: this.actividad4,
+        actividad5: this.actividad5,
+        retroalimentacion: this.retroalimentacion,
+        p6: this.p6,
+        p7: this.p7,
+      };
+      console.log(data);
+
+      /*
+      axios
+        .post(`${process.env.api}/cuestionario_programa`, data)
+        .then((res) => {});
+      */
     },
     getIdLocal() {
       this.idServicio = localStorage.getItem("idServicio");
@@ -240,4 +221,8 @@ export default {
 };
 </script>
 
-<style></style>
+<style>
+.centro {
+  text-align: center;
+}
+</style>
diff --git a/components/responsable/inputTable.vue b/components/responsable/inputTable.vue
index 7ceb3a0..7a591f5 100644
--- a/components/responsable/inputTable.vue
+++ b/components/responsable/inputTable.vue
@@ -31,8 +31,8 @@
             <optgroup>
               <option value="">Status</option>
               <option value="1">Pre-Registro</option>
-              <option value="2">Registro</option>
-              <option value="3">Registro Validado</option>
+              <option value="2">Pre-Registro Validado</option>
+              <option value="3">Registro</option>
               <option value="4">Pre-Término</option>
               <option value="5">Término</option>
               <option value="6">Liberación</option>