Highlight related items in Case summary

[Nicklas Nordborg]

For some cases there are multiple specimen that have been processed multiple times. This means that in the "Case summary" display there can be lots of alignments and raw bioassays and it can be difficult to find parent items that are related to a particular child item.

It would be nice to be able to click on any item and in some way highlight other parent/child items that are related to that item.

[Nicklas Nordborg]

(In [5011]) References #1067: Highlight related items in Case summary

Basic functionality is in place. An icon is displayed next to each item. If clicked it will highlight all items that are parent or child items to the clicked item. It currently doesn't work on pools and sequencing runs since the functionality is based only on the item name.

[Nicklas Nordborg]

(In [5012]) References #1067: Highlight related items in Case summary

It should now work for pools and sequencing runs also.

[Nicklas Nordborg]

(In [5019]) References #1067: Highlight related items in Case summary

Implemented support for highlighting a default item chain immediately after the case summary has loaded. All links from various places in Reggie has been updated to highlight the item chain starting with the selected item.

[Nicklas Nordborg]

(In [5020]) References #1067: Highlight related items in Case summary

The highlighted item chain now uses a green color instead of the yellow since it was confused with the yellow label marker.

[Nicklas Nordborg]

(In [5021]) References #1067: Highlight related items in Case summary

The "root item" (=the item that was click on) now get yellowish color and an arrow marker icon.

Implemented automatic scrolling (sideways) in tables were the highlighted item is not currently visible.

[Nicklas Nordborg]

(In [5022]) References #1067: Highlight related items in Case summary

Added a slider for controlling LEFT/RIGHT column width. There are 5 different settings ranging from almost all space is given to the LEFT column to almost all space is given to the RIGHT column. A default value is set on first load that depends on the maximum number of items in the LEFT/RIGHT columns. In most cases the 50-50 option is used, but if there is at least a 2:1 imbalance more space is given to either the LEFT or RIGHT column.

[Nicklas Nordborg]

(In [5023]) References #1067: Highlight related items in Case summary

Fix scroll position vertically before horizontally.

CSS changes to reduce position shifts when selecting an item.

[Nicklas Nordborg]

(In [5059]) References #1067: Highlight related items in Case summary

Do not auto-balance left/right columns unless there is at least 3 items on one side. The common case that there is 1+2 items works well when the columns are 50% each.