forked/topola-viewer
1
0
Fork 0
mirror of https://github.com/PeWu/topola-viewer.git synced 2026-08-02 17:11:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

View details for different persons without rebuilding the tree (#281)

Browse Source
This commit is contained in:
Frank Buchholz
2026-04-20 17:41:03 +02:00
committed by GitHub
parent fbe82dd9fc
commit 4800b04eb1
2 changed files with 30 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/chart.tsx
View File

@@ -314,6 +314,7 @@ export interface ChartProps {
selection: IndiInfo;
chartType: ChartType;
onSelection: (indiInfo: IndiInfo) => void;
onDetailSelection: (indiInfo: IndiInfo) => void;
freezeAnimation?: boolean;
colors?: ChartColors;
hideIds?: Ids;
@@ -370,7 +371,16 @@ class ChartWrapper {
chartType: getChartType(props.chartType),
renderer: getRendererType(props.chartType),
svgSelector: '#chart',
indiCallback: (info) => props.onSelection(info),
indiCallback: (info) => { // ths is called when an individual is selected in the chart
if (info.modifiers?.shiftKey) {
// If the shift key is pressed, we just update the details tab without changing the selection in the chart.
// This allows users to quickly view details of multiple individuals without losing their place in the chart.
props.onDetailSelection(info)
} else {
// If the shift key is not pressed, we update the selection in the chart as usual.
props.onSelection(info)
}
},
colors: chartColors.get(props.colors!),
animate: true,
updateSvgSize: false,
@@ -474,7 +484,11 @@ export function Chart(props: ChartProps) {
const resetPosition =
props.chartType !== prevProps?.chartType ||
props.data !== prevProps.data ||
props.selection !== prevProps.selection;
// This does not work as the objects are always different instances.
//props.selection !== prevProps.selection;
// Therefore, compare id and generation instead.
props.selection.id !== prevProps.selection.id ||
props.selection.generation !== prevProps.selection.generation;
chartWrapper.current.renderChart(props, intl, {
initialRender,
resetPosition,