ProjetRIOT/components/main-controller.riot

<main-controller>
    <div class="columns">
		<div class="column is-one-third">
            <div class="box p-3 m-2" style="display: flex">
                <img class="m-auto" src="./resources/logo-parcoursup.svg"/>
            </div>
			<search updateCourse={updateCourse}></search>
		</div>

		<div class="column">
			<fili-info schoolList={state.schoolList} course={state.course} shouldShowInfos={state.shouldShowInfos}></fili-info>
			<school popup={popup} schoolList={state.schoolList} schoolListUpdating={state.schoolListUpdating} course={state.course} shouldShowInfos={state.shouldShowInfos}></school>
		</div>
	</div>

	<school-info closeWindow={closePopup} popupEnabled={state.popupEnabled} school={state.school}></school-info>

    <script>

        import PAPI from '../javascript/parcoursup-link.js'

        export default {
            updateCourse(course){
                this.updateList(course)

                this.update({
                    course: course,
					shouldShowInfos: course != null,
                })
            },

            updateList(course) {
                course = course || this.state.course
                PAPI.fetchEtablissement(course.fili, course.sousfili, course.soussousfili).then((response) => {
                    response.forEach(etablissement => {
                        // calcul la moyenne
                        let pct_sansmention = etablissement.fields.pct_sansmention
                        let pct_AB = etablissement.fields.pct_ab
                        let pct_B = etablissement.fields.pct_b
                        let pct_TB = etablissement.fields.pct_tb
                        let pct_TBF = etablissement.fields.pct_tbf
                        
                        // On prend la moyenne des moyennes comprises dans la mention
                        // Exemple : Assez bien est entre 12 et 14 donc 13.
                        etablissement.fields.moyenne = ((pct_TBF*19)+(pct_TB*17)+(pct_B*15)+(pct_AB*13)+(pct_sansmention*11))/100
                    })
                    
                    this.update({
                        schoolListUpdating: true,
                        schoolList: response
                    })

                    this.update({
                        schoolListUpdating: false
                    })
                })
            },

            onMounted(props, state) {
                this.update({
                    course: null,
<<<<<<< HEAD
                    sortBy: null,
                    schoolList: null,
                    sortFields: SORT_TABLE,
                    filteredSchoolList: null,
					shouldShowInfos: false,
                    school: null,
                    popupEnabled: false
                })
            },
            filterSearch() {
                let input = this.$("input")
                if (!input) return

                let finalArray = []
                
                //On évite de trier avant d'avoir plus de 1 lettres.
                if (input.value.length > 1) { 
                    finalArray = this.state.schoolList.filter((item) => {
                        return item.name.toLowerCase().includes(input.value.toLowerCase())
                    })
                } else {
                    finalArray = this.state.schoolList
                }
                
                this.update({
                    filteredSchoolList: finalArray
                })
            },
            popup(school){
                this.update({
                    school: school,
                    popupEnabled: true
                })
                console.log("popup!")
            },
            closePopup(){
                this.update({
                    popupEnabled: false
                })
                console.log("closed!")
=======
                    schoolList: [],
					shouldShowInfos: false
                })
>>>>>>> 6ed22586179f7de1d23fd1ebd68d111298170226
            }
        }
    </script>

</main-controller>