falta editar caso especial

components/admin/especial/casoEspecial.vue

@@ -15,6 +15,8 @@
     <p class="is-size-5 mt-3"><b>Nombre: </b> {{ alumno.Usuario.nombre }}</p>
     <p class="is-size-5 mt-3"><b>Carrera: </b> {{ alumno.Carrera.carrera }}</p>
     <p class="is-size-5 mt-3"><b>Correo: </b> {{ alumno.correo }}</p>
+    <p class="is-size-5 mt-3"><b>Dirección: </b> {{ alumno.direccion }}</p>
+    <p class="is-size-5 mt-3"><b>Teléfono: </b> {{ alumno.telefono }}</p>
     <p 
       class="is-size-5 mt-3"
       v-if="alumno.motivo">
@@ -43,6 +45,9 @@
       <b>Fecha de fin: </b>
       {{ fecha(alumno.fechaFin) }}
     </p>
+    <b-button class="is-info my-4" @click="editar()">
+      Editar información
+    </b-button>
     <b-field
       v-if="alumno.Status.idStatus === 11 || alumno.Status.idStatus === 12"
       class="centro"
@@ -89,6 +94,9 @@ export default {
     };
   },
   methods: {
+    editar(){
+      this.$router.push("/admin/especial/casoEspecial/editar");
+    },
     obtenerDatos() {
       return axios
         .get(
@@ -97,7 +105,6 @@ export default {
         )
         .then((res) => {
           this.alumno = res.data;
-          console.log(res.data);
         })
         .catch((err) => {
           this.error(err.response.data.message);

components/casoEspecial/formularioEspecial.vue

@@ -22,15 +22,17 @@
       </b-field>
 
       <b-field label="Nombre">
-        <div class="input">{{ alumno.nombre }}</div>
+        <div class="input" placeholder="Nombre">{{ alumno.nombre }}</div>
       </b-field>
 
       <b-field label="Carrera">
-        <div class="input">{{ alumno.carrera }}</div>
+        <div class="input" placeholder="Carrera">{{ alumno.carrera }}</div>
       </b-field>
 
       <b-field label="Créditos">
-        <div class="input">{{ alumno.creditos+"%"}}</div>
+        <div class="input" placeholder="Créditos">
+          {{ `${alumno.creditos}%` }}
+        </div>
       </b-field>
 
       <b-field label="Dirección">
@@ -46,17 +48,21 @@
           placeholder="Fecha Inicio"
           icon="calendar-today"
           v-model="alumno.fechaInicio"
+          :min-date="minDate1"
         >
         </b-datepicker>
       </b-field>
+
       <b-field label="Fecha de fin">
         <b-datepicker
           placeholder="Fecha fin"
           v-model="alumno.fechaFin"
+          :min-date="minDate2"
           icon="calendar-today"
         >
         </b-datepicker>
       </b-field>
+
       <b-field label="Fecha de nacimiento">
         <b-datepicker
           placeholder="Nacimiento"
@@ -65,6 +71,16 @@
         >
         </b-datepicker>
       </b-field>
+
+      <b-field label="Teléfono">
+        <b-input
+          class="my-4"
+          placeholder="Teléfono"
+          maxlength="10"
+          v-model="alumno.telefono"
+        ></b-input>
+      </b-field>
+
       <b-field label="Correo electrónico">
         <b-input
           class="my-4"
@@ -102,26 +118,28 @@
         <b-input
           class="my-4"
           placeholder="Institución"
+          maxlength="250"
           v-model="alumno.institucion"
         ></b-input>
       </b-field>
 
       <b-field label="Dependencia">
         <b-input
-          class="my-4"
           placeholder="Dependencia"
+          maxlength="250"
           v-model="alumno.dependencia"
         ></b-input>
       </b-field>
     </div>
 
-    <b-field label="Agrega el archivo">
+    <b-field label="Añade un archivo (.zip, .rar)">
       <b-upload
         v-model="file"
         drag-drop
         type="is-black"
         expanded
         accept=".zip,.rar,.7zip"
+        v-on:input="validarExt()"
       >
         <section>
           <div class="content has-text-centered">
@@ -129,7 +147,9 @@
               <b-icon icon="upload" size="is-large"></b-icon>
             </p>
             <p>
-              {{ file.name || "Arrastra aquí tu archivo o da click para buscar" }}
+              {{
+                file.name || "Arrastra aquí tu archivo o da click para buscar"
+              }}
             </p>
           </div>
         </section>
@@ -181,12 +201,13 @@ export default {
         dependencia: "",
         idAlumno: "",
         idCarrera: "",
+        telefono: "",
         fechaNacimiento: [],
         fechaInicio: [],
         fechaFin: [],
         correoElectronico: "",
       },
-
+      minDate1: new Date("2020-01-01"),
       token: {
         headers: {
           token: window.localStorage.getItem("token"),
@@ -205,15 +226,35 @@ export default {
       this.alumno.motivo = "";
       this.alumno.idAlumno = "";
       this.alumno.articulo = "";
+      this.alumno.direccion = "";
       this.alumno.idCarrera = "";
       this.alumno.fechaNacimiento = [];
       this.alumno.fechaInicio = [];
       this.alumno.fechaFin = [];
       this.alumno.correoElectronico = "";
-
+      this.alumno.telefono = "";
       this.noCuenta = "";
       this.file = {};
     },
+    validarExt() {
+      const extPermitidas1 = /(.zip)$/i;
+      const extPermitidas2 = /(.rar)$/i;
+      if(this.file.name){
+        if ((extPermitidas1.exec(this.file.name)
+          || extPermitidas2.exec(this.file.name))
+          == false) 
+          {
+          this.dangerToast();
+          this.file = {};
+        }
+      }
+    },
+    dangerToast() {
+      this.$buefy.toast.open({
+        message: "Asegurate de ingresar un archivo con la extensión correcta",
+        type: "is-danger",
+      });
+    },
     buscarAlumno() {
       this.isLoading = true;
       axios
@@ -224,6 +265,7 @@ export default {
         .then((res) => {
           this.alumno = res.data;
           this.alumno.cuenta = this.noCuenta;
+          this.alumno.creditos = Number(res.data.creditos);
           this.searched = true;
         })
         .catch((error) => {
@@ -246,12 +288,13 @@ export default {
         fechaFin: moment(this.alumno.fechaFin),
         fechaNacimiento: moment(this.alumno.fechaNacimiento),
         direccion: this.alumno.direccion,
+        telefono: this.alumno.telefono,
         institucion: this.alumno.institucion,
         dependencia: this.alumno.dependencia,
         motivo: this.alumno.motivo,
       };
-      const formData = new FormData();
 
+      const formData = new FormData();
       formData.append("alumno", JSON.stringify(data));
       formData.append("archivos", this.file);
       axios
@@ -335,6 +378,12 @@ export default {
       }
     },
   },
+  computed: {
+    minDate2() {
+      const min = new Date(this.alumno.fechaInicio);
+      return new Date(min.getFullYear(), min.getMonth() + 6, min.getDate());
+    },
+  },
   watch: {
     noCuenta() {
       if (this.searched === false) {

pages/admin/especial/casoEspecial/editar/index.vue

@@ -0,0 +1,5 @@
+<template>
+  <div class="container">
+    <BotonRegresar :path="'/admin/especial/casoEspecial'" />
+  </div>
+</template>