$

src/components/global/api/View.js

@@ -8,7 +8,7 @@ export default class View {
         this.etab = document.getElementById("etab")
         this.btn = document.getElementById("selector-top-btn")
         this.btn.onclick = () => {
-            this.updateMenu("", "previous")
+            this.updateMenu({name: " ", count: 0}, "previous")
         }
 
         log("Selector",  "View 1/3")
@@ -32,7 +32,13 @@ export default class View {
                 let li = document.createElement("li")
                 li.className = "selector-list-inner"
                 li.onclick = () => {
-                    this.updateMenu(document.getElementById(`menu0-${e.name}`).innerText, "next")
+                    this.updateMenu(
+                        {
+                            name: document.getElementById(`menu0-${e.name}`).innerText,
+                            count: parseInt(document.getElementById(`menu0-${e.name}-count`).innerText)
+                        },
+                        "next"
+                    )
                 }
 
                 let name = document.createElement("a")
@@ -42,6 +48,7 @@ export default class View {
 
                 let count = document.createElement("span")
                 count.innerText = e.count
+                count.id = `menu0-${e.name}-count`
                 count.className = "selector-list-counts"
 
                 li.appendChild(name)
@@ -54,11 +61,19 @@ export default class View {
         log("Selector->View",  "Donnees recuperer OK !")
     }
 
+    /**
+     * Pour afficher en haut a gauche le chemin courant.
+     * @param { array[] } path Chemin courant.
+     * */
     renderPath(path) {
         this.path.innerText = `${path[0]} / ${path[1]} / ${path[2]}`
         log("Loc->View",  `Chemin change ${path}`)
     }
 
+    /**
+     * Pour afficher en bas a gauche la liste.
+     * @param { json } data La liste des etablissements.
+     * */
     renderEtab(data) {
         this.etab.innerHTML = ""
         let table = document.createElement("table")
@@ -125,7 +140,7 @@ export default class View {
 
     /**
      * Envoyer dans le controlleur tous les events fait.
-     * @param { string } selection Ce qu'on va utiliser pour le &refine.
+     * @param { {name: string, count: int} } selection Ce qu'on va utiliser pour le &refine.
      * @param { string } direction Retour en arriere ou aller en avant. { "previous", "next" }
      * */
     updateMenu(selection, direction) {