/
MultipleAlignment.ts
74 lines (66 loc) · 2.04 KB
/
MultipleAlignment.ts
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
import {RcsbFvRowConfigInterface} from "../RcsbFv/RcsbFvConfig/RcsbFvConfigInterface";
import {RcsbFvDisplayTypes} from "../RcsbFv/RcsbFvConfig/RcsbFvDefaultConfigValues";
import {RcsbFv} from "../RcsbFv/RcsbFv";
const sequence = "MTTQAPTFTQPLQSVVVLEGSTATFEAHISGFPVPEVSWFRDGQVISTSTLPGVQISFSD" +
"GRAKLTIPAVTKANSGRYSLKATNGSGQATSTAELLVKAETAPPNFVQRLQSMTVRQGSQ" +
"VRLQVRVTGIPTPVVKFYRDGAEIQSSLDFQISQEGDLYSLLIAEAYPEDSGTYSVNATN" +
"SVGRATSTAELLVQGEEEVPAKKTKTIVSTAQISESRQTRIEKKIEAHFDARSIATVEMV";
const compositeConfig: RcsbFvRowConfigInterface = {
trackId: "compositeSequence1",
trackHeight: 20,
trackColor: "#F9F9F9",
displayType: RcsbFvDisplayTypes.COMPOSITE,
rowTitle: "Track 1",
displayConfig: [
{
displayType: RcsbFvDisplayTypes.BLOCK,
displayColor: "#9999FF",
displayId:"compositeBlockSequence",
displayData: [{
begin:1,
end:sequence.length
}]
},
{
displayType: RcsbFvDisplayTypes.SEQUENCE,
displayColor: "#000000",
displayId:"compositeSeqeunce",
displayData: [{
begin:1,
label:sequence
}]
}
]
};
const boardConfigData = {
length: sequence.length,
trackWidth: 940,
includeAxis: true,
includeTooltip: true,
highlightHoverElement: true,
hideInnerBorder: true,
hideRowGlow: false
};
const fv = new RcsbFv({elementId:"pfv", boardConfigData, rowConfigData:Array(500).fill(undefined).map((i,n)=>{
return {
...compositeConfig,
rowTitle: `Track ${n}`,
trackId: "compositeSequence_"+n,
trackVisibility: n % 2 == 0
};})});
fv.then(()=>{
console.log("Ready viewer");
});
/*
fv.then(async ()=>{
for(let i = 0; i< 100; i++){
await fv.changeTrackVisibility({
trackId: "compositeSequence_"+(2*i+1),
visibility: true
})
}
await fv.moveTrack(5,1);
await fv.moveTrack(6,2);
await fv.moveTrack(10,3);
});
*/