93 lines
2.5 KiB
Vue
93 lines
2.5 KiB
Vue
<template>
|
|
<section class="mb-6">
|
|
<h3 class="is-size-4 mb-3">Asociar un software con una carrera</h3>
|
|
|
|
<div class="box">
|
|
<div class="columns is-align-items-flex-end pl-0 pb-4">
|
|
<SelectCarrera
|
|
:idInstitucion="idInstitucion"
|
|
:idInstitucionCarreraPadre="idInstitucionCarrera"
|
|
@institucion-carrera-seleccionada="
|
|
(nuevaInstitucionCarrera) =>
|
|
(idInstitucionCarrera = nuevaInstitucionCarrera)
|
|
"
|
|
/>
|
|
|
|
<SelectPrograma
|
|
:idProgramaPadre="idPrograma"
|
|
@programa-seleccionado="
|
|
(nuevoPrograma) => (idPrograma = nuevoPrograma)
|
|
"
|
|
/>
|
|
|
|
<BotonCrear
|
|
:disabled="!idInstitucionCarrera || !idPrograma"
|
|
:crear="warning"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
|
|
<script>
|
|
import axios from 'axios'
|
|
import BotonCrear from '@/components/botones/BotonCrear'
|
|
import SelectCarrera from '@/components/selects/SelectCarrera'
|
|
import SelectPrograma from '@/components/selects/SelectPrograma'
|
|
|
|
export default {
|
|
components: { BotonCrear, SelectCarrera, SelectPrograma },
|
|
props: {
|
|
obtenerCarrerasProgramas: {
|
|
type: Function,
|
|
required: true,
|
|
default: () => {},
|
|
},
|
|
updateIsLoading: { type: Function, required: true, default: () => {} },
|
|
idInstitucion: { type: Number, required: true, default: 0 },
|
|
},
|
|
data() {
|
|
return { idInstitucionCarrera: 0, idPrograma: 0 }
|
|
},
|
|
methods: {
|
|
crearCarreraPrograma() {
|
|
const data = {
|
|
id_institucion_carrera: this.idInstitucionCarrera,
|
|
id_programa: this.idPrograma,
|
|
}
|
|
|
|
this.updateIsLoading(true)
|
|
return axios
|
|
.post(
|
|
`${process.env.api}/carrera-programa`,
|
|
data,
|
|
this.$getToken.token()
|
|
)
|
|
.then((res) => {
|
|
this.idInstitucionCarrera = 0
|
|
this.idPrograma = 0
|
|
this.obtenerCarrerasProgramas()
|
|
this.updateIsLoading(false)
|
|
this.$alertsGenericos.imprimirMensaje(this.$buefy, res.data.message)
|
|
})
|
|
.catch((err) => {
|
|
this.updateIsLoading(false)
|
|
this.$alertsGenericos.imprimirError(
|
|
this.$buefy,
|
|
this.$router,
|
|
err.response.data
|
|
)
|
|
})
|
|
},
|
|
warning() {
|
|
if (this.idInstitucionCarrera && this.idPrograma)
|
|
this.$alertsGenericos.imprimirWarning(
|
|
this.$buefy,
|
|
'¿Estas segur@ de querer asignar este software a esta carrera?',
|
|
this.crearCarreraPrograma
|
|
)
|
|
},
|
|
},
|
|
}
|
|
</script>
|