Charger fonctions selon contenu d'un array

**sylvain257** · 28/09/2023, 19h10

Bonjour,

J'utilise la sidebar V2 de Leaflet Leaflet Sidebar V2 et en fonction de mes clients, je leur donne accès ou non à certaines fonctions, donc à certains onglets ou non.

Dans mon application j'ai une variable de session qui redescend un array avec les id des modules autorisés

Côté Javascript, j'ai testé :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
let modules = ['1', '2'];
 
if(modules.includes('1'){
           sidebar.addPanel({
                id: 'module_1',
                tab: '<i class="fa-solid fa-envelope"></i>',
                title:'Module 1'
              });
 
              $('#module_1').html(`
                <h4 class="leaflet-sidebar-header">Module 1</h4>
                <div id="info_module1" class="sidebar-panel"></div>
              `)
}
if(modules.includes('2'){
           sidebar.addPanel({
                id: 'module_2',
                tab: '<i class="fa-solid fa-envelope"></i>',
                title:'Module 2'
              });
 
              $('#module_2').html(`
                <h4 class="leaflet-sidebar-header">Module 2</h4>
                <div id="info_module2" class="sidebar-panel"></div>
              `)
}

Le problème est que ce code s'arrête à partir du moment où il trouve une correspondance. Donc mon premier onglet sera affiché correctement, mais pas le deuxième.

J'imagine qu'il faut une boucle, mais je bloque totalement (une boucle while ?)

Qu'en pensez vous ?

Merci pour vos retours,

Sylvain

**ASCIIDEFOND** · 29/09/2023, 07h41

Salut sylvain257,

Il manque la parenthèse fermante sur les conditions if

**sylvain257** · 29/09/2023, 10h34

C'est une copie de code malheureuse. Si j'avais une parenthèse fermante, VSCode me l'aurait notifié.

Donc dans le cas présenté, si dans l'array modules, si le 1 est présent, il peut afficher le second. Mais si le 1 n'est pas présent, et que seul le 2 y est, ça ne fonctionne pas.

Pour info, mes onglets (tabs) sont générés de la façon suivante ;

MAJ 29/9 11h30 : La solution (pour le moment je n'y vois de problème):

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
  if(sess_modules.includes('2')){
 
    sidebar.addPanel({
      id: "module_2",
      tab: '<i class="fa-solid fa-square"></i>',
      title:'Module 2'
    });
 
 
    document.getElementById("module_2").innerHTML = 
        `<h4 class="leaflet-sidebar-header">Module 2</h4>
        <div id="info_2" class="sidebar-panel"></div>
        `
 
    //+ les fonctions...
 
  }

Merci pour vos commentaires et votre aide

Sylvain

**ASCIIDEFOND** · 29/09/2023, 12h12

Et comme ça ?

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<body>
    <div id="module_1"></div>
    <div id="module_2"></div>
 
    <script>
        let sess_modules = ['1','2'];
        for (let module of sess_modules) {
            if (module) {
                document.getElementById(`module_${module}`).innerHTML = `<h4 class="leaflet-sidebar-header">Module ${module}</h4><div id="info_${module}" class="sidebar-panel"></div>`
            }
        }
    </script>
</body>

Charger fonctions selon contenu d'un array

JavaScript

Vue hybride

Discussions similaires

Partager

Partager