瀏覽代碼

Add some very basic state to the cluster dropdowns to avoid unintentional closing

Kirk Trombley 3 年之前
父節點
當前提交
29880033f8
共有 1 個文件被更改,包括 9 次插入1 次删除
  1. 9 1
      nearest.js

+ 9 - 1
nearest.js

@@ -117,6 +117,7 @@ const state = {
   searchSpace: null,
   targetColor: null,
   searchResults: null,
+  clusterToggles: {},
 };
 
 // Metrics
@@ -329,7 +330,14 @@ const getPokemonRenderer = targetList =>  (name, stats, q, score, vectorDecimals
       <div class="pkmn_tile-fn">
         ${score.toFixed(3)}
       </div>
-      <input type="checkbox" id="${clusterToggleId}" class="pkmn_tile-reveal_clusters" role="button">
+      <input 
+        type="checkbox" 
+        ${state.clusterToggles?.[name] ? "checked" : ""} 
+        id="${clusterToggleId}"
+        onchange="state.clusterToggles['${name}'] = event.target.checked"
+        class="pkmn_tile-reveal_clusters" 
+        role="button"
+      >
       <label class="pkmn_tile-reveal_clusters_label" for="${clusterToggleId}">
         <div class="pkmn_tile-reveal_clusters_label--closed">►</div>
         <div class="pkmn_tile-reveal_clusters_label--open">▼</div>