Skip to content
GitLab
Menu
Projects
Groups
Snippets
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
Remi PLANEL
bioviz-js
Commits
5704fa52
Commit
5704fa52
authored
Jun 04, 2019
by
Remi PLANEL
Browse files
Use variable classes.perDataRootContainer to set the class name
parent
5f7e628c
Changes
1
Hide whitespace changes
Inline
Side-by-side
src/scripts/component/genome-browser.ts
View file @
5704fa52
...
...
@@ -10,6 +10,7 @@ import { GenomeBrowserData, BrushableAxisData, SelectedChromosomeData } from "..
export
default
function
()
{
const
classes
=
{
perDataRootContainer
:
"
genome-browser
"
,
chromosomeRuler
:
"
chromosome-ruler
"
,
selectedChromosome
:
"
selected-chromosomes
"
};
...
...
@@ -19,22 +20,21 @@ export default function () {
let
width
=
900
;
let
genomesBrowserU
:
Selection
<
SVGGElement
,
GenomeBrowserData
,
SVGElement
,
any
>
|
null
=
null
;
function
genomeBrowser
(
_selection
:
Selection
<
SVGGElement
,
Array
<
GenomeBrowserData
>
,
HTMLElement
,
any
>
)
{
// width = w;
_selection
.
each
(
function
(
_data
:
Array
<
GenomeBrowserData
>
)
{
const
container
=
select
(
this
);
const
genomeBrowser
=
container
.
selectAll
<
SVGGElement
,
GenomeBrowserData
>
(
"
.
genome-brows
er
"
)
.
selectAll
<
SVGGElement
,
GenomeBrowserData
>
(
"
.
"
+
classes
.
perDataRootContain
er
)
.
data
(
_data
);
//ENTER
const
genomeBrowserE
=
genomeBrowser
.
enter
()
.
append
<
SVGGElement
>
(
"
g
"
)
.
classed
(
"
genome-brows
er
"
,
true
);
.
classed
(
classes
.
perDataRootContain
er
,
true
);
genomeBrowserE
.
append
(
"
g
"
).
classed
(
classes
.
chromosomeRuler
,
true
);
genomeBrowserE
.
append
(
"
g
"
)
...
...
@@ -47,24 +47,19 @@ export default function () {
//UPDATE
genomesBrowserU
=
genomeBrowser
.
merge
(
genomeBrowserE
);
genomesBrowserU
.
each
(
function
(
data
)
{
const
{
chromosome
:
{
ruler
:
chromosomeRule
},
selectedChromosome
:
{
genes
:
selectedGenes
,
ruler
:
selectedChromosomeRule
},
// axis: { chromosome, global }
}
=
data
;
const
{
chromosome
:
{
ruler
:
chromosomeRule
},
selectedChromosome
}
=
data
;
updateWholeChromosomeAxis
(
chromosomeRule
);
updateSelectedChromosome
(
data
);
updateSelectedChromosome
(
selectedChromosome
);
});
});
}
function
updateSelectedChromosome
(
data
:
GenomeBrowser
Data
)
{
function
updateSelectedChromosome
(
data
:
SelectedChromosome
Data
)
{
if
(
genomesBrowserU
!==
null
)
{
genomesBrowserU
.
select
<
SVGGElement
>
(
"
.
"
+
classes
.
selectedChromosome
)
.
datum
<
SelectedChromosomeData
[]
>
([
data
.
selectedChromosome
])
.
datum
<
SelectedChromosomeData
[]
>
([
data
])
.
call
(
selectedChromosomeComponent
,
width
);
}
}
...
...
@@ -78,6 +73,7 @@ export default function () {
}
}
genomeBrowser
.
updateSelectedChromosome
=
updateSelectedChromosome
;
genomeBrowser
.
updateWholeChromosomeAxis
=
updateWholeChromosomeAxis
;
return
genomeBrowser
;
}
...
...
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment