|
@@ -117,6 +117,7 @@ const state = {
|
|
searchSpace: null,
|
|
searchSpace: null,
|
|
targetColor: null,
|
|
targetColor: null,
|
|
searchResults: null,
|
|
searchResults: null,
|
|
|
|
+ clusterToggles: {},
|
|
};
|
|
};
|
|
|
|
|
|
// Metrics
|
|
// Metrics
|
|
@@ -329,7 +330,14 @@ const getPokemonRenderer = targetList => (name, stats, q, score, vectorDecimals
|
|
<div class="pkmn_tile-fn">
|
|
<div class="pkmn_tile-fn">
|
|
${score.toFixed(3)}
|
|
${score.toFixed(3)}
|
|
</div>
|
|
</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}">
|
|
<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--closed">►</div>
|
|
<div class="pkmn_tile-reveal_clusters_label--open">▼</div>
|
|
<div class="pkmn_tile-reveal_clusters_label--open">▼</div>
|