blob: fcab4ff907a33570575f99cda209687826a3db01 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
|
import Nucleotide from './nucleotide.mjs'
import Die from './die.mjs'
import { randomItem } from './utils.mjs'
class Genome {
static *randomBase() {
for (const i of [...Array(Genome.size)]) {
yield randomItem(Nucleotide.bases)
}
}
constructor(gen) {
const nucleotideList = document.createElement('ol')
this._boundNucleotideClickedHandler =
this.nucleotideClickedHandler.bind(this)
this.nucleotides = [...gen].map(base => {
const n = new Nucleotide(base)
n.onClick = this._boundNucleotideClickedHandler
nucleotideList.appendChild(n.elt)
return n
})
this.elt.appendChild(nucleotideList)
this.lock()
}
get elt() {
if (this._elt === undefined) {
this._elt = document.createElement('li')
this._elt.classList.add('genome')
}
return this._elt
}
get onSelectionChanged() {
if (this._onSelectionChanged !== undefined) {
return this._onSelectionChanged
}
return () => {}
}
set onSelectionChanged(fn) {
this._onSelectionChanged = fn
}
lock() {
this.elt.classList.add('locked')
this.nucleotides.forEach(n => n.lock())
}
unlock() {
this.elt.classList.remove('locked')
this.nucleotides.forEach(n => n.unlock())
}
clone() {
return new Genome(this.nucleotides.map(n => n.value))
}
get selectedNucleotide() {
return this._selectedNucleotide
}
set selectedNucleotide(nucleotide) {
if (this.selectedNucleotide !== undefined) {
this.selectedNucleotide.deselect()
}
this._selectedNucleotide = nucleotide
this._selectedNucleotide.select()
const i = this.nucleotides.indexOf(this._selectedNucleotide)
this.onSelectionChanged(this._selectedNucleotide, i)
}
nucleotideClickedHandler(nucleotide) {
this.selectedNucleotide = nucleotide
}
}
Genome.size = 18
export default Genome
|
