|
|
@@ -1,9 +1,14 @@
|
|
|
|
|
|
import './index.html';
|
|
|
-import {RcsbFv3DAssembly, RcsbFv3DAssemblyInterface} from "../../RcsbFv3D/RcsbFv3DAssembly";
|
|
|
-import {AlignmentResponse, AnnotationFeatures} from "@rcsb/rcsb-saguaro-api/build/RcsbGraphQL/Types/Borrego/GqlTypes";
|
|
|
+import {RcsbFv3DAssembly} from "../../RcsbFv3D/RcsbFv3DAssembly";
|
|
|
+import {
|
|
|
+ AlignmentResponse,
|
|
|
+ AnnotationFeatures,
|
|
|
+ Type
|
|
|
+} from "@rcsb/rcsb-saguaro-api/build/RcsbGraphQL/Types/Borrego/GqlTypes";
|
|
|
import {SequenceCollectorDataInterface} from "@rcsb/rcsb-saguaro-app/build/dist/RcsbCollectTools/SequenceCollector/SequenceCollector";
|
|
|
import {RcsbFvDisplayTypes, RcsbFvRowConfigInterface} from "@rcsb/rcsb-saguaro";
|
|
|
+import {PolymerEntityInstanceInterface} from "@rcsb/rcsb-saguaro-app/build/dist/RcsbCollectTools/Translators/PolymerEntityInstancesCollector";
|
|
|
|
|
|
document.addEventListener("DOMContentLoaded", function(event) {
|
|
|
|
|
|
@@ -35,29 +40,46 @@ document.addEventListener("DOMContentLoaded", function(event) {
|
|
|
console.log(`Element clicked ${e?.type}`)
|
|
|
}
|
|
|
},
|
|
|
- externalTrackBuilder:{
|
|
|
- processAlignmentAndFeatures(data: { annotations?: Array<AnnotationFeatures>; alignments?: AlignmentResponse }) {
|
|
|
- },
|
|
|
- filterFeatures(annotations: Array<AnnotationFeatures>) {
|
|
|
- },
|
|
|
- addTo(tracks: { alignmentTracks?: SequenceCollectorDataInterface; annotationTracks?: Array<RcsbFvRowConfigInterface> }) {
|
|
|
- const myTrack: RcsbFvRowConfigInterface = {
|
|
|
- trackId: "blockTrack",
|
|
|
- trackHeight: 20,
|
|
|
- trackColor: "#F9F9F9",
|
|
|
- displayType: RcsbFvDisplayTypes.BLOCK,
|
|
|
- displayColor: "#FF0000",
|
|
|
- rowTitle: "MY TRACK",
|
|
|
- trackData: [{
|
|
|
- begin: 30,
|
|
|
- end: 60
|
|
|
- }]
|
|
|
- }
|
|
|
- tracks.annotationTracks?.push(myTrack);
|
|
|
- }
|
|
|
- }
|
|
|
+ externalTrackBuilder:externalTrackBuilder()
|
|
|
}
|
|
|
});
|
|
|
panel3d.render();
|
|
|
|
|
|
-});
|
|
|
+});
|
|
|
+
|
|
|
+function externalTrackBuilder(){
|
|
|
+ let myComputedTrack: RcsbFvRowConfigInterface = {
|
|
|
+ trackId: "blockTrack",
|
|
|
+ trackHeight: 20,
|
|
|
+ trackColor: "#F9F9F9",
|
|
|
+ titleFlagColor: "#48a1b3",
|
|
|
+ displayType: RcsbFvDisplayTypes.BLOCK,
|
|
|
+ displayColor: "#56e0f5",
|
|
|
+ rowTitle: "COMPUTED",
|
|
|
+ trackData: []
|
|
|
+ };
|
|
|
+ return {
|
|
|
+ processAlignmentAndFeatures(data: { annotations?: Array<AnnotationFeatures>; alignments?: AlignmentResponse }): void {
|
|
|
+ myComputedTrack.trackData = [];
|
|
|
+ data.annotations?.forEach(a=>{
|
|
|
+ a.features?.forEach(f=>{
|
|
|
+ if(f!=null && f.type === Type.Site){
|
|
|
+ if(f.feature_positions)
|
|
|
+ myComputedTrack.trackData?.push( ...f.feature_positions?.map(p=>({
|
|
|
+ begin:p?.beg_seq_id ?? 0,
|
|
|
+ end:p?.end_seq_id ?? undefined
|
|
|
+ })))
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ addTo(tracks: { alignmentTracks?: SequenceCollectorDataInterface; annotationTracks?: Array<RcsbFvRowConfigInterface>; rcsbContext?: Partial<PolymerEntityInstanceInterface>; }): void {
|
|
|
+ if(tracks.rcsbContext?.asymId === "A" && myComputedTrack?.trackData && myComputedTrack.trackData.length > 0) {
|
|
|
+ tracks.annotationTracks?.push(myComputedTrack);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ filterFeatures(annotations: Array<AnnotationFeatures>): Array<AnnotationFeatures> {
|
|
|
+ return annotations;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
bioinsilico