identacion

pages/admin/programa/infoResponsable/index.vue

@@ -1,15 +1,21 @@
 <template>
   <div class="container">
-    <BotonRegresar 
+    <BotonRegresar
       :path="'/admin/programa'"
-      :deleteFromLocalStorage="['correo','idResponsable','nombre']"
+      :deleteFromLocalStorage="['correo', 'idResponsable', 'nombre']"
     />
-    <p class="is-size-2 mb-4"> Información del responsable</p>
-    <p class="is-size-4 mb-4"> <strong>Nombre: </strong> {{ nombre }}</p>
-    <p class="is-size-4 mb-4"> <strong>Correo: </strong> {{ correo }}</p>
+    <p class="is-size-2 mb-4">Información del responsable</p>
+    <p class="is-size-4 mb-4"><strong>Nombre: </strong> {{ nombre }}</p>
+    <p class="is-size-4 mb-4"><strong>Correo: </strong> {{ correo }}</p>
     <div class="columns">
-      <p class="is-size-4 column is-narrow" style="width: 125px;"> <strong>Programa: </strong></p>
-      <b-select class="column" v-model="selected" placeholder="Elija un programa">
+      <p class="is-size-4 column is-narrow" style="width: 125px;">
+        <strong>Programa: </strong>
+      </p>
+      <b-select
+        class="column"
+        v-model="selected"
+        placeholder="Elija un programa"
+      >
         <option
           v-for="programa in programas"
           v-bind:key="programa.id"
@@ -19,9 +25,15 @@
         </option>
       </b-select>
     </div>
-    <p class="is-size-4 mb-4"> <strong>Institución: </strong> {{ selected.institucion }}</p>
-    <p class="is-size-4 mb-4"> <strong>Dependencia: </strong> {{ selected.dependencia }}</p>
-    <p class="is-size-4 mb-4"> <strong>Clave: </strong> {{ selected.clavePrograma }}</p>
+    <p class="is-size-4 mb-4">
+      <strong>Institución: </strong> {{ selected.institucion }}
+    </p>
+    <p class="is-size-4 mb-4">
+      <strong>Dependencia: </strong> {{ selected.dependencia }}
+    </p>
+    <p class="is-size-4 mb-4">
+      <strong>Clave: </strong> {{ selected.clavePrograma }}
+    </p>
     <div class="">
       <b-button
         class="boton is-info my-5"
@@ -31,9 +43,9 @@
         Editar información
       </b-button>
     </div>
-    <BotonRegresar 
+    <BotonRegresar
       :path="'/admin/programa'"
-      :deleteFromLocalStorage="['correo','idResponsable','nombre']"
+      :deleteFromLocalStorage="['correo', 'idResponsable', 'nombre']"
     />
   </div>
 </template>
@@ -44,25 +56,25 @@ import botonRegresar from "../../../../components/botonRegresar";
 
 export default {
   components: {
-    botonRegresar
+    botonRegresar,
   },
   data() {
     return {
       idResponsable: localStorage.getItem("idResponsable"),
-      correo: localStorage.getItem('correo'),
-      nombre: localStorage.getItem('nombre'),
+      correo: localStorage.getItem("correo"),
+      nombre: localStorage.getItem("nombre"),
       programas: [],
       selected: {},
     };
   },
   methods: {
-    obtenerProgramas () {
+    obtenerProgramas() {
       return axios
         .get(
           `${process.env.api}/programa?idUsuario=${this.idResponsable}` //,this.token
         )
         .then((res) => {
-          this.programas = res.data
+          this.programas = res.data;
         })
         .catch((err) => {
           this.error();
@@ -80,23 +92,22 @@ export default {
         ariaRole: "alertdialog",
         ariaModal: true,
       });
+    },
+  },
+  created() {
+    this.obtenerProgramas();
+  },
+  beforeCreate() {
+    if (!localStorage.getItem("idResponsable")) {
+      this.$router.push("/admin/programa");
     }
   },
-  created () {
-    this.obtenerProgramas()
-  },
-  beforeCreate(){
-    if(!localStorage.getItem("idResponsable")){
-      this.$router.push("/admin/programa")
-    }
-  }
 };
 </script>
 
 <style scoped>
-  .programa{
-    margin-right: 20px;
-    padding-right: 20px;
-  }
-
+.programa {
+  margin-right: 20px;
+  padding-right: 20px;
+}
 </style>

pages/admin/programa/infoResponsable/modificar/index.vue

@@ -1,8 +1,6 @@
 <template>
   <div class="container">
-    <BotonRegresar 
-      :path="'/admin/programa/infoResponsable'"
-    />
+    <BotonRegresar :path="'/admin/programa/infoResponsable'" />
     <p class="is-size-2">Editar información del responsable</p>
     <b-field label="Nombre">
       <b-input type="text" v-model="nuevo.nombre" :placeholder="viejo.nombre">
@@ -12,10 +10,12 @@
       <b-input type="email" v-model="nuevo.correo" :placeholder="viejo.correo">
       </b-input>
     </b-field>
-    <BotonRegresar 
-      :path="'/admin/programa/infoResponsable'"
-    />
-    <b-button class="boton is-info my-5" v-if="mostrar()" @click="editarResponsable()">
+    <BotonRegresar :path="'/admin/programa/infoResponsable'" />
+    <b-button
+      class="boton is-info my-5"
+      v-if="mostrar()"
+      @click="editarResponsable()"
+    >
       Editar responsable
     </b-button>
     <b-button class="boton is-info my-5" v-else disabled>
@@ -30,15 +30,15 @@
 </template>
 
 <script>
-import validator from 'validator'
-import botonRegresar from '../../../../../components/botonRegresar'
+import validator from "validator";
+import botonRegresar from "../../../../../components/botonRegresar";
 //import axios from 'axios'
 
 export default {
   components: {
-    botonRegresar
+    botonRegresar,
   },
-  data () {
+  data() {
     return {
       viejo: {
         idResponsable: localStorage.getItem("idResponsable"),
@@ -49,10 +49,10 @@ export default {
         nombre: "",
         correo: "",
       },
-      idServicio: localStorage.getItem('idServicio'),
-      token: localStorage.getItem('token'),
-      isLoading: false
-    }
+      idServicio: localStorage.getItem("idServicio"),
+      token: localStorage.getItem("token"),
+      isLoading: false,
+    };
   },
   methods: {
     mostrar() {
@@ -66,12 +66,12 @@ export default {
         }
         return true;
       }
+    },
+  },
+  beforeCreate() {
+    if (!localStorage.getItem("idResponsable")) {
+      this.$router.push("/admin/programa");
     }
   },
-  beforeCreate(){
-    if(!localStorage.getItem("idResponsable")){
-      this.$router.push("/admin/programa")
-    }
-  }
-}
+};
 </script>