Basic 20Q display

system/lang/fr-fr.json

@@ -297,7 +297,7 @@
             "anxiety": "Défaillance (1)",
             "disadvant": "Désavantage (1)",
             "advant": "Avantage (1)",
-            "accoutr": "Particularités",
+            "accoutr": "Vêtement ou objet distinctif",
             "object": "Objet (Rareté inférieur ou égale à 7)",
             "d10r1": "Résultat du 1er D10",
             "d10r2": "Résultat du 2eme D10",

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: "",

system/styles/conf/l5r5e.scss

@@ -14,4 +14,5 @@
     @import "../scss/rings";
     @import "../scss/skills";
     @import "../scss/items";
+    @import "../scss/twentyquestions";
 }

system/styles/scss/twentyquestions.scss

@@ -0,0 +1,6 @@
+table tr td {
+    vertical-align: top;
+}
+.dropbox {
+    min-height: 75px;
+}

system/templates/actors/character/twenty-questions-item.html

@@ -6,6 +6,6 @@
     </ul>
 </fieldset>
 
-<fieldset class="{{itemType}}" data-step="{{stepName}}" style="min-height: 50px">
+<fieldset class="{{itemType}} dropbox" data-step="{{stepName}}">
     <legend class="section-header"><i class="fa fa-arrow-down" aria-hidden="true"></i> {{ localize 'l5r5e.global.drop_here' }}</legend>
 </fieldset>