Maj

parcoursup/components/search-bar.riot

@@ -12,7 +12,7 @@
 
   <div class="filters-toggle">
     <button class="btn btn-small btn-outline" onclick={ toggleFilters }>
-      { state.showFilters ? 'Masquer les filtres' : 'Filtres avancés' }
+      { state.labelFiltres }
     </button>
   </div>
 
@@ -91,6 +91,7 @@
       state: {
         query: '',
         showFilters: false,
+        labelFiltres: 'Filtres avancés',
         filiere: '',
         selectivite: '',
         region: '',
@@ -109,14 +110,30 @@
       },
 
       toggleFilters() {
-        this.update({ showFilters: !this.state.showFilters })
+        var visible = !this.state.showFilters
+        var label   = visible ? 'Masquer les filtres' : 'Filtres avancés'
+        this.update({ showFilters: visible, labelFiltres: label })
       },
 
-      updateFiliere(e) { this.update({ filiere: e.target.value }) },
-      updateSelectivite(e) { this.update({ selectivite: e.target.value }) },
-      updateRegion(e) { this.update({ region: e.target.value }) },
-      updateTauxMin(e) { this.update({ tauxMin: Number(e.target.value) }) },
-      updateTauxMax(e) { this.update({ tauxMax: Number(e.target.value) }) },
+      updateFiliere(e) {
+        this.update({ filiere: e.target.value })
+      },
+
+      updateSelectivite(e) {
+        this.update({ selectivite: e.target.value })
+      },
+
+      updateRegion(e) {
+        this.update({ region: e.target.value })
+      },
+
+      updateTauxMin(e) {
+        this.update({ tauxMin: Number(e.target.value) })
+      },
+
+      updateTauxMax(e) {
+        this.update({ tauxMax: Number(e.target.value) })
+      },
 
       submitSearch() {
         var filters = {