only show inputs of analysable games

closes lichess-org/tavern#40
lichess-org · Mar 2, 2021 · fccd9b5 · fccd9b5
1 parent 2323167
commit fccd9b5
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 7 deletions.
diff --git a/app/views/mod/games.scala b/app/views/mod/games.scala
@@ -70,7 +70,13 @@ object games {
           table(cls := "mod-games game-list slist")(
             thead(
               tr(
-                sortNoneTh(input(tpe := "checkbox", name := s"game[]", st.value := "all")),
+                sortNoneTh(
+                  input(
+                    tpe := "checkbox",
+                    name := s"game[]",
+                    st.value := "all"
+                  )
+                ),
                 sortNumberTh("Opponent"),
                 sortNumberTh("Speed"),
                 th(iconTag('g')),
@@ -85,8 +91,8 @@ object games {
             tbody(
               games.map { case (pov, assessment) =>
                 tr(
-                  td(
-                    input(
+                  td(cls := pov.game.analysable.option("input"))(
+                    pov.game.analysable option input(
                       tpe := "checkbox",
                       name := s"game[]",
                       st.value := pov.gameId

diff --git a/ui/site/css/mod/_games.scss b/ui/site/css/mod/_games.scss
@@ -14,7 +14,7 @@
     background: mix($c-bad, $c-bg-box, 50%);
   }
 
-  td:first-child {
+  td.input {
     cursor: pointer;
     &:hover {
       background: $c-bg-zebra2;

diff --git a/ui/site/src/modGames.ts b/ui/site/src/modGames.ts
@@ -72,9 +72,11 @@ const expandCheckboxZone = (table: HTMLTableElement, onSelect: OnSelect) =>
   $(table).on('click', 'td:first-child', (e: MouseEvent) => {
     if ((e.target as HTMLElement).tagName == 'INPUT') onSelect(e.target as HTMLInputElement, e.shiftKey);
     else {
-      const input = (e.target as HTMLTableDataCellElement).querySelector('input') as HTMLInputElement;
-      input.checked = !input.checked;
-      onSelect(input, e.shiftKey);
+      const input = (e.target as HTMLTableDataCellElement).querySelector('input') as HTMLInputElement | undefined;
+      if (input) {
+        input.checked = !input.checked;
+        onSelect(input, e.shiftKey);
+      }
     }
   });