pcpuma_unam_operador/components/crear/CrearCarreraPrograma.vue
2022-07-26 16:06:12 -05:00

95 lines
2.6 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"
:institucionCarreraPadre="institucionCarrera"
@institucion-carrera-seleccionada="
(nuevaInstitucionCarrera) =>
(institucionCarrera = nuevaInstitucionCarrera)
"
/>
<SelectPrograma
:programaPadre="programa"
@programa-seleccionado="(nuevoPrograma) => (programa = nuevoPrograma)"
/>
<BotonCrear
:disabled="
!institucionCarrera.id_institucion_carrera || !programa.id_programa
"
: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 },
idInstitucion: { type: Number, required: true, default: 0 },
},
data() {
return {
institucionCarrera: {},
programa: {},
}
},
methods: {
crearCarreraPrograma() {
const data = {
id_institucion_carrera: this.institucionCarrera.id_institucion_carrera,
id_programa: this.programa.id_programa,
}
this.updateIsLoading(true)
axios
.post(
`${process.env.api}/carrera-programa`,
data,
this.$getToken.token()
)
.then((res) => {
this.institucionCarrera = {}
this.programa = {}
this.obtenerCarrerasProgramas()
this.updateIsLoading(false)
this.$alertsGenericos.imprimirMensaje(this.$buefy, res.data.message)
})
.catch((err) => {
this.updateIsLoading(false)
this.$alertsGenericos.imprimirError(this.$buefy, err.response.data)
})
},
warning() {
if (
this.institucionCarrera.id_institucion_carrera &&
this.programa.id_programa
)
this.$alertsGenericos.imprimirWarning(
this.$buefy,
'¿Estas segur@ de querer asignar este software a esta carrera?',
this.crearCarreraPrograma
)
},
},
}
</script>