Basic 20Q display

system/scripts/actors/twenty-questions-dialog.js

@@ -114,6 +114,13 @@ export class TwentyQuestionsDialog extends FormApplication {
             return;
         }
 
+        // Toggle
+        html.find(".toggle-on-click").on("click", (event) => {
+            const elmt = $(event.currentTarget).data("toggle");
+            const tgt = html.find("." + elmt);
+            tgt.hasClass("toggle-active") ? tgt.removeClass("toggle-active") : tgt.addClass("toggle-active");
+        });
+
         // Delete a dnd element
         html.find(`.property-delete`).on("click", (event) => {
             const stepKey = $(event.currentTarget).parents(".tq-drag-n-drop").data("step");

system/scripts/actors/twenty-questions.js

@@ -42,9 +42,10 @@ export class TwentyQuestions {
     ];
 
     /**
-     * Steps datas
+     * All this object data (Steps)
      */
     data = {
+        generated: false,
         step1: {
             clan: "",
             ring: "",