Correction pour récuperer les attributes du bouton faction et affichage information faction sur la modal

html/templates/factions/faction_modal.html

@@ -2,6 +2,8 @@
 
 <div class="my-modal">
   <p class="modal-title" id="faction-title"></p>
+  <p id="faction-description"></p>
+  <p id="faction-headquarters"></p>
   <div>
     <button id="btn-close" class="btn btn-cancel">Close</button>
   </div>

js/controllers/faction.js

@@ -16,16 +16,18 @@ export default (temp_engine) => {
     Faction.list_all((factions) => {
       add_factions(factions);
 
-      temp_engine.add_event("#btn-faction", "click", (button) => {
+      temp_engine.add_event("#btn-faction", "click", (e) => {
-        const attributes = button.target.attributes;
+        console.log(button);
-        const faction_symbol = attributes["data-symbol"].value;
+        const faction_symbol = $(e.target).attr("data-symbol");
         const faction = factions.find((element) => {
-          element.symbol == faction_symbol;
+          return element.symbol == faction_symbol;
         });
 
-        console.log(faction);
+        $("#faction-title").html(faction.symbol);
-
+        $("#faction-description").html(`Description: ${faction.description}`);
-        $("#faction-title").html("");
+        $("#faction-headquarters").html(
+          `Headquarters: ${faction.headquarters}`
+        );
 
         modal.show();
       });