Lemuel Marquez
78 lines
1.9 KiB
Vue
78 lines
1.9 KiB
Vue
<template>
|
|
<div class="container">
|
|
<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">
|
|
</b-input>
|
|
</b-field>
|
|
<b-field label="Correo eletrónico">
|
|
<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()"
|
|
>
|
|
Editar responsable
|
|
</b-button>
|
|
<b-button class="boton is-info my-5" v-else disabled>
|
|
Editar responsable
|
|
</b-button>
|
|
<b-loading
|
|
:is-full-page="true"
|
|
v-model="isLoading"
|
|
:can-cancel="true"
|
|
></b-loading>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import validator from "validator";
|
|
import botonRegresar from "../../../../../components/botonRegresar";
|
|
//import axios from 'axios'
|
|
|
|
export default {
|
|
components: {
|
|
botonRegresar,
|
|
},
|
|
data() {
|
|
return {
|
|
viejo: {
|
|
idResponsable: localStorage.getItem("idResponsable"),
|
|
nombre: localStorage.getItem("nombre"),
|
|
correo: localStorage.getItem("correo"),
|
|
},
|
|
nuevo: {
|
|
nombre: "",
|
|
correo: "",
|
|
},
|
|
idServicio: localStorage.getItem("idServicio"),
|
|
token: localStorage.getItem("token"),
|
|
isLoading: false,
|
|
};
|
|
},
|
|
methods: {
|
|
mostrar() {
|
|
if (validator.isEmail(this.nuevo.correo) || this.nuevo.nombre) {
|
|
if (this.nuevo.correo) {
|
|
if (validator.isEmail(this.nuevo.correo)) {
|
|
return true;
|
|
} else {
|
|
return false;
|
|
}
|
|
}
|
|
return true;
|
|
}
|
|
},
|
|
},
|
|
beforeCreate() {
|
|
if (!localStorage.getItem("idResponsable")) {
|
|
this.$router.push("/admin/programa");
|
|
}
|
|
},
|
|
};
|
|
</script>
|