Add amino acid selection after mutation.

1 files changed, 33 insertions, 0 deletions

diff --git a/amino-acid-selector.mjs b/amino-acid-selector.mjs
new file mode 100644
index 0000000..fe71098
--- /dev/null
+++ b/amino-acid-selector.mjs
@@ -0,0 +1,33 @@
+class AminoAcidSelector {
+    constructor(elt) {
+	this.elt = elt
+	for (const elt of this.elt.querySelectorAll('li')) {
+	    elt.addEventListener('click', this.select.bind(this))
+	}
+    }
+
+    attach() {
+	this.elt.classList.remove('hidden')
+    }
+
+    detach() {
+	this.elt.classList.add('hidden')
+    }
+
+    get onItemSelected() {
+	if (this._onItemSelected !== undefined) {
+	    return this._onItemSelected
+	}
+	return () => {}
+    }
+
+    set onItemSelected(fn) {
+	this._onItemSelected = fn
+    }
+
+    select(evt) {
+	this.onItemSelected(evt.currentTarget.innerText)
+    }
+}
+
+export default AminoAcidSelector