Refactor select fields

web/src/aggregator/SelectKey.tsx

@@ -0,0 +1,25 @@
+import { Accessor, Component, Setter } from "solid-js";
+
+import { aggregateKey } from "../consts";
+
+export const SelectKey: Component<{
+    getKey: Accessor<string>,
+    setKey: Setter<string>,
+}> = (props) => {
+    return (
+        <div>
+            <h3>Select key</h3>
+            <ul>
+                { aggregateKey.map(key => 
+                    <label><li><input
+                        type="checkbox"
+                        name="aggregateKey"
+                        value={key}
+                        checked={key === props.getKey() ? true : false}
+                        onClick={() => props.setKey(key)}
+                    />{key}</li></label>
+                )}
+            </ul>
+        </div>
+    );
+}