dictybase / dictyaccess Goto Github PK

https://dash.plotly.com/layout
https://dash.plotly.com/dash-bio/circos

Add a button that pops up a modal that lets you select multiple data points (no more than three) for display in Circos.

Genes don't need to be selectable at first, but that option can be added later.

When user is logged in, they can drag to shuffle. Components can be dragged around, and the layout will adjust accordingly. Masonry style layout.

Look at libraries like https://packery.metafizzy.co/

Also look into adding a drop down somewhere so the user can pick more metrics.

There is a very early version of this in feature/add-drag-and-drop.

Currently the gene tracks display gene IDs but it would be nice to show gene name (gene ID) instead.

Similar to the spatial expression track labels, which already have gene names listed.

If user is trying to view the app on a small (i.e. mobile) display, we should show a notification that this is only intended for larger screens. Preferably with friendly dicty image.

Next version (soon to come - 11.0.0) has breaking changes.

Steps to upgrade:

1. Header now receives a component as its render prop (replace the generateLinks function with component like here)
2. Header icons now need to be Material-UI icons
3. Both header and footer receive theme props
4. Footer is now condensed and receives a list of link objects (with description and url properties)

Example PR

The new dicty-graphql-schema library has built-in types for our GraphQL queries/mutations; these should be used here and in all frontend apps.

At some point it would likely be in our best interests to convert from Flow to Typescript, which has a much more active community around it.

There is a bug with infinite fetching when logged in with Apollo 3, need to solve that first.

A working upgrade will replace dictyBase/dictyaccess-fork#271 dictyBase/dictyaccess-fork#269

To start, the dropdown should have 3-4 choices and let the user only select one.

Later, this will be opened up for more customization.

manifest.json and favicon are not getting properly loaded

Use cypress together with https://percy.io

Tracker for dashboard design ideas.

Templates:
Material Dashboard - Material-UI
Tabler - Bootstrap
Tabler React

Material Design Color Tool

More dashboard examples:

https://coreui.io/demo/React_Demo/#/dashboard
https://hq.squadlytics.com/squadlytics-development/
https://adminlte.io/themes/AdminLTE/index2.html
https://github.com/booleanhunter/ReactJS-AdminLTE (React version of previous link)
http://preview.themeforest.net/item/isomorphic-react-redux-admin-dashboard/full_screen_preview/20262330?_ga=2.98739550.1363072210.1524583769-1396810416.1524583769
https://github.com/puikinsh/gentelella
https://reduction-admin.github.io/react-reduction/

Discussion of React-based dashboards:
https://www.quora.com/Have-any-companies-projects-used-React-js-to-create-dashboards-How-has-the-experience-been

1. Replace with https://github.com/fontsource/fontsource
2. Update page-editor to latest version
3. Update header-footer to latest version

Same process as in DSC

In the Spatial Expression Dashboard, that contains Data Alignments:

The RNAseq aligns on repeat 2 instead of repeat 1. The spatial expression aligns correctly on repeat 1 as it should be.

In the traditional dictyBAse and in JBrowse we always prioritize that all alignments, ESTs, RNAseq and now also spatial expression, align to repeat 1 and repeat 2 stays empty. It should be consistent.