61 lines
1.8 KiB
Vue
61 lines
1.8 KiB
Vue
<template>
|
|
<header>
|
|
<h1><i class="fas fa-images"></i> Gestion des médias</h1>
|
|
<select v-model="sujet" id="sujet_selector">
|
|
<option v-for="sujet in oSujets" :value="sujet.codeSujet">{{sujet.libelle}}</option>
|
|
</select>
|
|
<div class="close_side_menu"><i class="fas fa-chevron-left"></i></div>
|
|
</header>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "SideHeaderComponent",
|
|
mounted() {
|
|
this.oSujets = JSON.parse(this.sujets);
|
|
this.sujet = this.current;
|
|
},
|
|
props: [
|
|
'sujets',
|
|
'current'
|
|
],
|
|
data() {
|
|
return {
|
|
'oSujets': [],
|
|
'sujet': 1
|
|
}
|
|
},
|
|
watch: {
|
|
sujet() {
|
|
axios.get('/ajax-v2/get-datas-by-sujet', {
|
|
params: {
|
|
sujet_id: this.sujet
|
|
}
|
|
}).then(response => {
|
|
this.$store.commit({
|
|
type: 'updateSujet',
|
|
sujet: this.sujet
|
|
});
|
|
this.$store.commit({
|
|
type: 'updateTypesVue',
|
|
typesvue: response.data.typesvue
|
|
});
|
|
this.$store.commit({
|
|
type: 'updateTypesVariantes',
|
|
typesvariantes: response.data.typesvariantes
|
|
});
|
|
this.$store.commit({
|
|
type: 'updateFormats',
|
|
formats: response.data.formats
|
|
});
|
|
}).catch(function (error) {
|
|
console.log(error);
|
|
});
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|