Work on web-fc-solve-ui integration.

Disable/hide the animated/graphic solution display if the game-variant rules do not match 8cols+4reserves freecell
shlomif · Apr 9, 2024 · f418d6c · f418d6c
1 parent 725d083
commit f418d6c
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 8 deletions.
diff --git a/fc-solve/site/wml/lib/sass/jqui-override.scss b/fc-solve/site/wml/lib/sass/jqui-override.scss
@@ -38,4 +38,17 @@
             text-decoration-line: line-through;
         }
     }
+    #output_tabs__animated {
+        .enabled_wrapper {
+            display: none;
+        }
+    }
+}
+
+#output_tabs.enable_animated_output {
+    #output_tabs__animated {
+        .disabled_wrapper {
+            display: none;
+        }
+    }
 }
diff --git a/fc-solve/site/wml/src/js-fc-solve/text/index.html.tt2 b/fc-solve/site/wml/src/js-fc-solve/text/index.html.tt2
@@ -143,19 +143,23 @@ Input a card patience/solitaire layout in the <a href="[% base_path %]docs/distr
 
 [% END %]
 
-
 <label id="output_label" for="output">Output:</label>
 
-<div id="output_tabs" class="output_tabs">
+<div id="output_tabs" class="enable_animated_output output_tabs">
 <ul>
 <li id="output_tabs__animated__selector"><a href="#output_tabs__animated">Animated</a></li>
 <li id="output_tabs__text__selector"><a href="#output_tabs__text">Text</a></li>
 </ul>
 <div id="output_tabs__animated" class="tab">
+
+<div class="disabled_wrapper">
+</div>
+
 [%- BLOCK upper_button -%]
 <button onclick="$('[% solver_bar_css(targetclasses) %]').trigger('click');" title="[% title %]">[% text %]</button>
 [%- END -%]
 
+<div class="enabled_wrapper">
 <div class="upper_buttons__wrapper">
 [%- INCLUDE upper_button targetclasses = ["rewind"] text = "⏮ Prev" title = "Previous move" -%]
 [%- INCLUDE upper_button targetclasses = ["pause", "play"] text = "▶ Play" title = "Play" -%]
@@ -190,6 +194,8 @@ Input a card patience/solitaire layout in the <a href="[% base_path %]docs/distr
 </div>
 </div>
 </div>
+</div>
+
 <div id="output_tabs__text" class="tab">
 <div class="output_form">
 [% INCLUDE output_controls %]

diff --git a/fc-solve/site/wml/src/ts/web-fc-solve-ui.ts b/fc-solve/site/wml/src/ts/web-fc-solve-ui.ts
@@ -272,14 +272,18 @@ class FC_Solve_UI {
                 return $("#output_tabs");
             };
             if (check_ret.verdict) {
-                output_tabs().removeClass("disable_animated_output");
+                output_tabs()
+                    .addClass("enable_animated_output")
+                    .removeClass("disable_animated_output");
+                graphics.startSolution({
+                    instance: inst,
+                    board: that._board_parse_result,
+                });
             } else {
-                output_tabs().addClass("disable_animated_output");
+                output_tabs()
+                    .addClass("disable_animated_output")
+                    .removeClass("enable_animated_output");
             }
-            graphics.startSolution({
-                instance: inst,
-                board: that._board_parse_result,
-            });
             const seq = inst.proto_states_and_moves_seq;
 
             function _filt(str) {