From 8b627da03173cd7a34244b9a6587fdb379be17ad Mon Sep 17 00:00:00 2001
From: Andres2908 <saavedratrejo24@gmail.com>
Date: Mon, 7 Dec 2020 16:13:14 -0600
Subject: [PATCH] V-2.3-CorreccionCartas

---
 components/admin/servicio/inputTableA.vue    |  5 ++-
 components/responsable/cartaAceptacion.vue   | 44 +++++++++++++++++++
 components/responsable/cartaTermino.vue      | 19 +++++---
 components/responsable/cuestionario.vue      | 46 ++++++++++++--------
 components/responsable/inputTable.vue        | 38 ++++++++--------
 pages/responsable/carta_aceptacion/index.vue | 14 ++++++
 pages/responsable/carta_termino/index.vue    | 14 ++++++
 7 files changed, 137 insertions(+), 43 deletions(-)
 create mode 100644 components/responsable/cartaAceptacion.vue
 create mode 100644 pages/responsable/carta_aceptacion/index.vue
 create mode 100644 pages/responsable/carta_termino/index.vue

diff --git a/components/admin/servicio/inputTableA.vue b/components/admin/servicio/inputTableA.vue
index 69d3147..3a25293 100644
--- a/components/admin/servicio/inputTableA.vue
+++ b/components/admin/servicio/inputTableA.vue
@@ -29,7 +29,8 @@
         <div class="column is-3 mb-4 pb-4 " >
           <b-field>
             <b-select placeholder="Status" icon="information" expanded rounded v-model="idStatus">
-              <optgroup label="Status">
+              <optgroup>
+                <option value=''> Status </option>
                 <option value=1>Pre-registro</option>
                 <option value=2>Registro</option>
                 <option value=3>Registro Validado</option>
@@ -106,7 +107,7 @@ export default {
       perPage: 25,
       numeroCuenta: '',
       nombre: '',
-      idStatus: 1
+      idStatus: ''
     }
   },
 
diff --git a/components/responsable/cartaAceptacion.vue b/components/responsable/cartaAceptacion.vue
new file mode 100644
index 0000000..65f0232
--- /dev/null
+++ b/components/responsable/cartaAceptacion.vue
@@ -0,0 +1,44 @@
+<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>
+
+    <b-field class="centro">
+      <b-button
+        :disabled='file == ""'
+        class="border-info my-5"
+        type="is-info"
+        tag="router-link"
+        to="/responsable">Enviar</b-button>
+    </b-field>
+</div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      file: ''
+    }
+  }
+}
+</script>
+
+<style>
+.centro{
+  text-align: center;
+
+}
+</style>
diff --git a/components/responsable/cartaTermino.vue b/components/responsable/cartaTermino.vue
index b638a90..54dd2aa 100644
--- a/components/responsable/cartaTermino.vue
+++ b/components/responsable/cartaTermino.vue
@@ -1,6 +1,6 @@
 <template>
 <div class="container">
-    <h3 class="title is-4 mt-6">Carta de aceptación (en formato .PDF. No se aceptan fotos).</h3>
+    <h3 class="title is-4 mt-6">Carta de termino (en formato .PDF. No se aceptan fotos).</h3>
 
     <b-field>
         <b-upload v-model="file" drag-drop type="is-black" expanded accept="application/pdf">
@@ -15,11 +15,15 @@
         </b-upload>
     </b-field>
 
-    <b-button
-            class="border-info my-5"
-            type="is-info"
-            tag="router-link"
-            to="/responsable">Enviar</b-button>
+    <b-field class="centro">
+      <b-button
+        :disabled='file == ""'
+        class="border-info my-5 is-medium"
+        type="is-info"
+        tag="router-link"
+        to="/responsable">Enviar</b-button>
+
+    </b-field>
 </div>
 </template>
 
@@ -34,5 +38,8 @@ export default {
 </script>
 
 <style>
+.centro{
+  text-align: center;
 
+}
 </style>
diff --git a/components/responsable/cuestionario.vue b/components/responsable/cuestionario.vue
index a78cbe1..33e428d 100644
--- a/components/responsable/cuestionario.vue
+++ b/components/responsable/cuestionario.vue
@@ -7,11 +7,11 @@
 
         <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>
+            <b-input class="my-4" placeholder="1.-" v-model="actividades.actividad1" maxlength="800"></b-input>
+            <b-input class="my-4" placeholder="2.-" v-model="actividades.actividad2" maxlength="800"></b-input>
+            <b-input class="my-4" placeholder="3.-" v-model="actividades.actividad3" maxlength="800"></b-input>
+            <b-input class="my-4" placeholder="4.-" v-model="actividades.actividad4" maxlength="800"></b-input>
+            <b-input class="mt-3" placeholder="5.-" v-model="actividades.actividad5" maxlength="800"></b-input>
         </section>
 
         <section class="section pt-0">
@@ -27,7 +27,7 @@
             <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">
+                    <b-select placeholder="Seleccionar" v-model="calificaciones.calificacion1">
                         <option value=1>1</option>
                         <option value=2>2</option>
                         <option value=3>3</option>
@@ -40,7 +40,7 @@
             <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">
+                    <b-select placeholder="Seleccionar" calificaciones.calificacion2>
                         <option value=1>1</option>
                         <option value=2>2</option>
                         <option value=3>3</option>
@@ -53,7 +53,7 @@
             <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">
+                    <b-select placeholder="Seleccionar" calificaciones.calificacion3>
                         <option value=1>1</option>
                         <option value=2>2</option>
                         <option value=3>3</option>
@@ -66,7 +66,7 @@
             <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">
+                    <b-select placeholder="Seleccionar" calificaciones.calificacion4>
                         <option value=1>1</option>
                         <option value=2>2</option>
                         <option value=3>3</option>
@@ -79,7 +79,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">
+                    <b-select placeholder="Seleccionar" calificaciones.calificacion5>
                         <option value=1>1</option>
                         <option value=2>2</option>
                         <option value=3>3</option>
@@ -89,9 +89,9 @@
             </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>
+            <b-input placeholder="Respuesta" maxlength="800" calificaciones.calificacion6></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-input placeholder="Respuesta" maxlength="800" calificaciones.calificacion7></b-input>
 
             <b-button
             class="border-info my-5"
@@ -115,11 +115,23 @@
 export default {
   data () {
     return {
-      actividad1: '',
-      actividad2: '',
-      actividad3: '',
-      actividad4: '',
-      actividad5: ''
+      actividades: {
+        actividad1: '',
+        actividad2: '',
+        actividad3: '',
+        actividad4: '',
+        actividad5: ''
+      },
+      calificaciones: {
+        calificacion1: '',
+        calificacion2: '',
+        calificacion3: '',
+        calificacion4: '',
+        calificacion5: '',
+        calificacion6: '',
+        calificacion7: ''
+
+      }
     }
   },
   methods: {
diff --git a/components/responsable/inputTable.vue b/components/responsable/inputTable.vue
index 19c9a7a..7e54298 100644
--- a/components/responsable/inputTable.vue
+++ b/components/responsable/inputTable.vue
@@ -28,8 +28,9 @@
 
         <div class="column is-3 mb-4 pb-4 " >
           <b-field>
-            <b-select placeholder="Status" icon="information" expanded rounded v-model="idStatus">
-              <optgroup label="Status">
+            <b-select icon="information" expanded rounded v-model="idStatus">
+              <optgroup>
+                <option value=''>Status</option>
                 <option value=1>Pre-registro</option>
                 <option value=2>Registro</option>
                 <option value=3>Registro Validado</option>
@@ -67,32 +68,31 @@
           @page-change="onPageChange"
           >
               <b-table-column field="nombre" label="Nombre" v-slot="props" centered>
-                  <span class="cursor" v-if="props.row.idStatus == 8" @click="Servicio(props.row.idServicio)">{{ props.row.nombre}}</span>
+                  <span class="cursorR" v-if="props.row.idStatus == 7" @click="cartaAceptacion(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 == 8" @click="Servicio(props.row.idServicio)">{{ props.row.numeroCuenta}}</span>
+                  <span class="cursorR" v-if="props.row.idStatus == 7" @click="cartaAceptacion(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 == 8" @click="Servicio(props.row.idServicio)">{{ props.row.carrera}}</span>
+                  <span class="cursorR" v-if="props.row.idStatus == 7" @click="cartaAceptacion(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 == 8" @click="Servicio(props.row.idServicio)">{{ fecha(props.row.fechaInicio) }}</span>
+                  <span class="cursorR" v-if="props.row.idStatus == 7" @click="cartaAceptacion(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 == 8" @click="Servicio(props.row.idServicio)">{{ fecha(props.row.fechaFin) }}</span>
+                  <span class="cursorR" v-if="props.row.idStatus == 7" @click="cartaAceptacion(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 == 8" @click="Servicio(props.row.idServicio)">{{ fecha(props.row.fechaFin) }}</span>
+                 <span class="cursorR" v-if="props.row.idStatus == 7" @click="cartaAceptacion(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">
-                  <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"
@@ -104,15 +104,16 @@
                     <b-button
                     v-if="props.row.cartaTermino === null"
                     size="is-small"
-                    :class="botonCarta(props.row.cartaTermino)"
-                    :icon="iconoCarta(props.row.cartaTermino)">
+                    @click="botonCarta(props.row.cartaTermino)"
+                    class="tag is-danger"
+                    :icon="iconoCarta(props.row.cartaTermino)"
+                    >
                         Carta Término
                     </b-button>
                   </div>
               </b-table-column>
 
               <b-table-column field="cuestionario" label="Cuestionario" v-slot="props" centered v-if="idUsuario == 2">
-                  <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"
@@ -124,7 +125,8 @@
                     <b-button
                     v-if="props.row.cuestionario === null"
                     size="is-small"
-                    :class="botonCuestionario(props.row.cuestionario)"
+                    @click="botonCuestionario(props.row.cuestionario)"
+                    class="tag is-danger"
                     :icon="iconoCuestionario(props.row.cuestionario)">
                         Cuestionario
                     </b-button>
@@ -152,7 +154,7 @@ export default {
       perPage: 25,
       numeroCuenta: '',
       nombre: '',
-      idStatus: 1
+      idStatus: ''
     }
   },
   methods: {
@@ -185,7 +187,7 @@ export default {
       }
     },
     botonCarta (cartaTermino) {
-      this.$router.push('/responsable/cartaTermino')
+      this.$router.push('/responsable/carta_termino')
       if (cartaTermino === 1) {
         return 'is-success'
       } else {
@@ -255,9 +257,9 @@ export default {
           this.loading = false
         })
     },
-    Servicio (idServicio) {
+    cartaAceptacion (idServicio) {
       window.localStorage.setItem('idServicio', idServicio)
-      this.$router.push('/responsable/cartaTermino')
+      this.$router.push('/responsable/carta_aceptacion')
     },
     insertIdLocal () {
       this.idUsuario = localStorage.getItem('idUsuario')
@@ -286,7 +288,7 @@ export default {
   background-color: #1b3d70;
   border-color: #1b3d70;
 }
-.cursor{
+.cursorR{
   cursor: pointer;
 }
 </style>
diff --git a/pages/responsable/carta_aceptacion/index.vue b/pages/responsable/carta_aceptacion/index.vue
new file mode 100644
index 0000000..5d0fbc9
--- /dev/null
+++ b/pages/responsable/carta_aceptacion/index.vue
@@ -0,0 +1,14 @@
+<template>
+  <section>
+    <CartaAceptacion />
+  </section>
+</template>
+
+<script>
+import CartaAceptacion from '../../../components/responsable/cartaAceptacion'
+export default {
+  components: {
+    CartaAceptacion
+  }
+}
+</script>
diff --git a/pages/responsable/carta_termino/index.vue b/pages/responsable/carta_termino/index.vue
new file mode 100644
index 0000000..71ea51c
--- /dev/null
+++ b/pages/responsable/carta_termino/index.vue
@@ -0,0 +1,14 @@
+<template>
+  <section>
+    <cartaTermino />
+  </section>
+</template>
+
+<script>
+import cartaTermino from '../../../components/responsable/cartaTermino'
+export default {
+  components: {
+    cartaTermino
+  }
+}
+</script>