Add loupe to image display

[jni]

Now that we have thumb, large, and full image sizes, we should create a tool that lets users display the full size image on request, perhaps upon clicking on the large size.

[starcalibre]

This could be implemented as a bootstrap modal (see here for example).

Underneath the image we could have information such as the sample ID, treatment, treatment target/gene name, etc.

[starcalibre]

As discussed in today's meeting, it was suggested that clicking on the images should enable a 'compare samples' functionality. I still thinking zooming to the full-size image should be there. I'd rather not implement this as a right click context menu (this is a pain, and overriding the default behavior of the right click mouse button is counter-intuitive to how a user expects their browser to behave). My suggestions are a 'zoom' and 'add' button that are overlaid on the image when the mouse enters the image. See this quick mockup:

[jni]

Great writeup! I like your mockup and it's quite extensible to new functions!

[starcalibre]

Idea for the functionality of the add button:

• Multiple samples can added plotted on the lineplot, each with a different colour that will correspond to a colour on the neighbour plot.
• Add a tab under the large image in the image gallery that will let you select between images of the nearest neighbours, or images of the currently selected samples.

[jni]

• Regarding lineplots, we could get very fancy here. I prefer to have the individual plots with low alpha/thickness, and an average plot (perhaps even with a stdev border) overlaid on top.
• I don't understand your second point?